/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Josefin+Sans:400,600,700);
@import url(//fonts.googleapis.com/css?family=Nunito); /*--- CHANGE Body Font --*/
@import url(//fonts.googleapis.com/css?family=Oxygen); /*--- CHANGE Heading Font--*/
@import url(//fonts.googleapis.com/css?family=Fjalla+One); /*--- CHANGE Navigation Font --*/
* {
	padding: 0;
	margin: 0;
	border:0;
	box-sizing: border-box;}
	

body	         {margin-top:0px;
				 background:rgba(239,226,218,9);
	             background:rgba(243,239,239,0.9);				 
				 font-family:'Nunito',sans-serif;
				 font-size:22px;
                 }
h1,h2, h3, h4, h5   {
	color:rgba(51,51,51,1);
 }

#main-wrapper  {  
    max-width:1120px;
	margin:0 auto;
	background-color: rgba(255,255,255,0.97);
	height:1200px;
	padding-top:1%;
	box-shadow:1px 1px 2px #666;
					
}
#wrapper  {  
    max-width:1120px;
	margin:0 auto;
	background-color: rgba(255,255,255,0.97);
	height:1470px;
	padding-top:1%;
}

/*xxxxxxxxxxxxxxxxx Banner and header startsxxxxxxxxxxxxx*/
header           {width:100%; height:180px; background-color:#fff; }
#logo_left img   {max-width:45%; height:175px; float:left;width:auto; margin-left:2%;}
#logo_left h1    {font-family:"Lucida Handwriting"; font-size:30px; line-height: 28px; color:#400000; text-align:left; padding-top:100px; margin-left:200px;}
#logo_left h2    {float:left;margin-left:33px;}
#callout         {width:45%; float:right;}
#callout h2      {text-align:right; color:#35404f; padding:20% 15% 0 0; font-size:75%;}
#nav_wrapper     {width:96%; height:120px; margin:0% auto 0% auto; background:#400000;}
.nav_left        {width:18%; float:left;}
.nav_left img    {height:60px; margin-left:8%; margin-top:12%; float:left;}
.nav_ctr         {width:60%; float:left; text-align:center;}
.nav_ctr  h2     {color:#FFF; font-size:55%; margin-top:1.75%;  }
.nav_ctr  p      {color:#FFF; font-size:60%; margin-top:.75%;  }
.nav_right       {width:18%; float:right;}
.nav_right img   {height:60px; width:px; margin-right:8%; margin-top:12%; float:right;}
#bannertext      {width: 100%;padding-top:15px;	height: 175px; margin-left:auto;margin-right:auto;}																																																																																																													
#bannertext P    {text-align:center;}							
.header			 {min-width:100%;background-image:url(../images/LETTER-HEAD.png);background-position:left;background-size:cover;background-repeat:no-repeat;
				  float:left;}	
p          {font-size:60%; color:#666; font-weight:400;}
.h1        {color:#fff;}
h1 {
	font-size: 55%;
	text-align: center;
	margin-bottom: 0px;
	font-family: "Lucida Handwriting";
	font-weight:600;
	color: #00C;
}    
h2 {
	font-size:65%;
	text-align:center;
	font-family:"Lucida Handwriting";
	font-weight:600;
	color:#666;
	padding-top: 5px;
	line-height: 125%;
}
h3 {
	font-size: 45%;
	color: #666;
	font-style: italic;
	font-family: "Lucida Bright";
	text-align: center;
	font-weight: 300;
	margin-left: 0px;
	margin-top: 5px;
}
h5, h6           {text-align:center;color:rgba(51,51,51,1); font-size:65%; font-family:'Josefin sans', sans serif;}
.banner           	{
	color:#000;
	font-size:12px;
	line-height:150%;
	text-align: center;
	font-weight: 600;
	margin:0px;
}
.small  {color:#000;
	font-size:10px;
	line-height:150%;
	margin-right:100px;}
.img         {margin:.50% 0% .50% 2%; padding:1% 1% 1% 0;float:right;}
.left_img   {float:right; margin-top:-85px; margin-left:auto; margin-right:auto;}
.right_img  {float:right; margin-top:-180px;  margin-left:auto; margin-right:auto;}	   	
/*xxxxxxxxxxxxxxxxxBanner ends xxxxxxxxxxxxx*/
/*xxxxxxx Navigation  has its own CSS sheetxxxxxxxxxxxx*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX SPECIAL OFFERS LAYOUT XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#msgs              {width:75%; height:95px; margin:5% auto -3% auto;}
.events_L         {width:75%;  text-align:center; margin:1% auto 1% auto; background:#f5f5f5; padding:1% 2%; border:1px ridge #400;}
.events_L p        {font-size:70%; color:#400;}
.events_L h3        {font-size:85%; color:#400;} 

.charity h3         {font-size:70%;}
.charity img        {}
.justify             {text-align:justify;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX end of SPECIAL OFFERS LAYOUT xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxXXXXXXXXXXXXXXXXXXX ABOUT PAGE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.clearfix         {clear:both;}									 
.about            {width:90%; margin:5% auto 2% auto;  background-color:#EEE0D7; padding:2% 3%;text-indent:3%;}
.about p          {font-size:60%; color:#400; font-weight:400; text-align:center; }
.about h1         {margin-left:-2%; margin-top:1%; font-family:"Lucida Handwriting" ,sans-serif; font-size:92%; Color:rgba(51,51,51,1); }
.index-photo      {width:100%; margin:0 auto; height:auto; padding:2% 0%; text-align:center; background-color:#FFF;}
.one-third         {width:30%;
                   float:left; 
				    margin:1% 1% 0% 2%; 
					height:420px; 
					background:rgba(255,255,255,1);
					border-bottom:3px solid #CCC;
					padding:1%;}
.one-third img      {max-width:80%; height:auto; margin:2% auto;}
.one-third h3       {font-size:90%;}
.one-third p		{font-size:65%; text-align:center;}			
.one-third ul li   {width:100%;
                   height:28px; 
				   list-style:none;
				   text-align:left;
				    }
.one-third ul li a {text-decoration:none;}
.xmas     {width:100%; height:75px; margin-left:-100px auto; padding:1%;} 
.xmas h6  { font-size: 19px; color:red;}

.float-left  {float:left; margin-left: 75px}

/*xxxxxxxxxxxxxxxxxXXXXXXXXXXXXXXXXXXX end of ABOUT PAGE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxXXXXXXXXXXXXXXXXXXX Start location PAGE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.map-wrapper       {width:100%; margin:1% auto 0 auto; background:#FFF; height:260px;}
.map iframe              {width:70%; margin-left:15%;}
.map h1            {margin-left:-2%; margin-top:1%; font-family:"Lucida Handwriting" ,sans-serif; font-size:92%; Color:rgba(51,51,51,1); }
/*xxxxxxxxxxxxxxxxxXXXXXXXXXXXXXXXXXXX end of location pagexxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxXXXXXXXXXXXXXXXXXXX Start of holiday homes PAGE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.fours-wrap         {width:90%; margin:0% auto 2% auto; background:#fff; padding:0% 0; height:450px;}     	
.fours             {width:22%;
                    float:left; 
				    margin:1% 1% 1% 2%; 
					height:420px; 
					background:rgba(255,255,255,1);
					border-bottom:3px solid #CCC;
					padding:1%;}
.fours img      {max-width:80%; height:auto; margin:2% auto;}
.fours h3       {font-size:90%;}
.fours p		{font-size:65%; text-align:left; word-spacing: 2px;padding-left:20%;}	
.space1           {letter-spacing:1px}
.space2              {letter-spacing:2px;}
.space3               {letter-spacing:3px;}
.space4              {letter-spacing:4px;}
/*xxxxxxxxxxxxxxxxxXXXXXXXXXXXXXXXXXXX end of holiday homes xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/	
/*xxxxxxxxxxxxxxxxxXXXXXXXXXXXXXXXXXXX start of prices xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/	
.one-third-price   {width:30%;
                   float:left; 
				    margin:1% 1% 0% 2%; 
					height:420px; 
					background:rgba(255,255,255,1);
					border-bottom:3px solid #CCC;
					padding:1%;}
.one-third-price h3       {font-size:90%;}
.one-third-price p		{font-size:65%; text-align:center;}			
.one-third-price ul li   {width:100%;
                         height:28px; 
				        list-style:none;
				         text-align:left;
				    }
.one-third-price ul li a {text-decoration:none;}
.spec              {padding-left:17%;}
.one-third-price li     {font-size:55%; padding:0; font-weight:400;color:#666;}

/*xxxxxxxxxxxxxxxxxXXXXXXXXXXXXXXXXXXX end of prices xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxXXXXXXXXXXXXXXXXXXX start of local xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.about-local            {width:90%; margin:5% auto 2% auto;  background-color:#EEE0D7; padding:2% 3%; text-indent:3%;}
.about-local h1            {margin-left:-2%; margin-top:1%; font-family:"Lucida Handwriting" ,sans-serif; font-size:92%; Color:rgba(51,51,51,1);} 
.about-local p          {font-size:60%; color:#400; font-weight:400; text-align:justify; padding-bottom:1.50%}
.one-third-local         {width:30%;
					   float:left; 
						margin:1% 1% 0% 2%; 
						height:300px; 
						background:rgba(255,255,255,1);
						border-bottom:3px solid #CCC;
						padding:1%;}
.one-third-local img      {max-width:80%; height:auto; margin:2% auto;}
.one-third-local h3       {font-size:90%;}
.weather             {margin:5% 0 2% 23%; box-shadow:2px 3px 6px #666; width:50%;}
/*xxxxxxxxxxxxxxxxxXXXXXXXXXXXXXXXXXXX end of local xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/	
.footer             {width:100%; height:100px; margin:0% auto; padding:0%; background:#fff;}
.footer p            {text-align:center; color:#400; padding-top:2%;}


@media only screen and (max-width:780px){	
    #wrapper  { padding-top:0%; height:auto;}
	 header  {height:100px;background-color:#fff; }
	 #msgs              {width:100%; height:75px; margin:3% auto 1% auto;}
	#logo_left        {height:100px;}
	#logo_left img   {float:left;  height:98px; padding-left:0%; margin-left:0%; }
	#logo_left h1    {font-family:"Lucida Handwriting"; font-size:70%; line-height: 14px; color:#400000; text-align:left; padding-top:50px; margin-left:0px;}
	 #logo_left h2    {float:left;margin-left:12px; font-size:50%;}
	
     .events_L         {width:90%;  text-align:center; margin:1% auto 1% auto; background:#f5f5f5; padding:1% 2%; border:1px ridge #400;}
     .events_L p        {font-size:50%; color:#400;}
     .events_L h3        {font-size:65%; color:#400;}
	 .fours-wrap         {width:98%; margin:0% auto 2% auto; background:#fff; padding:0% 0; height:450px;}     	
	.one-third           {width:44%;padding-bottom:0%; margin:0 2% 0 2%; float:left;}

	.one-third-price   {width:32%;float:left; margin:0% .5% 0% 0%;} 
	.weather             {margin:3% 0 2% 13%; width:50%; box-shadow:none;}
	.one-third li img {width:10px;}
	 .clearfix-x  {display:none;}
	 .about h1, p   {font-size:78%;}
	 .h1            {text-align:center;}
	 .spec              {padding-left:0%;}
}
              
    @media only screen and (max-width:580px){
	#wrapper  { padding-top:3%; width:100%;}
	 h1, h2    {font-size:110%;}
	 h3        {font-size:90%;}
	 header             {width:100%; background-color:#fff; }
	 #logo_left img   {float:left;  height:80px; padding-left:0%; margin-left:0%;}
	
     #logo_left h1    {font-family:"Lucida Handwriting"; font-size:50%; line-height: 14px; color:#400000; text-align:left; padding-top:50px; margin-left:0px;}
	 #logo_left h2    {float:left;margin-left:12px; font-size:50%;}
     #callout           {background:#fff; margin-bottom:0px; padding-right:2%; height:65px;}
     #callout h2        {font-size:50%;}
	 .nav_ctr           {height:auto}
     .nav_ctr  h2       {color:#FFF; font-size:50%; margin-top:1.75%;  }
    .nav_ctr  p        {color:#FFF; font-size:40%; margin-top:.75%;  }
    .nav_left img      {height:30px; width:px; margin-right:8%; margin-top:12%; float:left;}
    .nav_right img     {height:30px; width:px; margin-right:8%; margin-top:12%; float:right;}
	.nav-wrap       {margin-top:0px; padding-top:0px;}
	#msgs            {width:98%; margin:10% auto 0 auto;}
	 .events_L p        {font-size:30%; color:#400;}
     .events_L h3        {font-size:55%; color:#400;}
		.charity    	   {width:98%; margin:0% auto 0% auto; padding:2%; background-color:#fff;}
	 .charity img        { float:left; margin-left:0; padding-left:0; max-width:92%;}
	 .about         {margin-top:12%;}
	 .about h1, p  {font-size:62%; padding:1% 0}
	 .map h1  {font-size:62%; padding:1% 0}			
    .one-third    {width:98%;height:auto; padding-bottom:1%; margin:auto; float:left; background-color:rgba(255,255,255,1);}
	.one-third h2, h3  {padding-left:5%; font-size:70%;}
	.one-third p {font-size:60%;}
	section  h1  {font-size:75%;}
	.fours-wrap         {width:98%; margin:0% auto 2% auto; background:#fff; padding:0% 0; height:800px;}     	
     .fours             {width:44%;
                    float:left; 
				    margin:1% 1% 1% 2%; 
					height:420px;					
					padding:1%;}
     .fours img      {max-width:80%; height:auto; margin:2% auto;}
     .fours h2       {font-size:54%;}
       .fours p		{font-size:55%; text-align:left;}	
	  .one-third-price   {width:98%;
                   float:left; 
				    margin:1% 1% 0% 2%; 
					height:335px; 
				    padding:1%;}
       .one-third-price h2       {font-size:70%;}
       .one-third-price p		{font-size:55%; text-align:center;}	
	   .spec              {padding-left:18%;}
	   .weather           {display:none;}
	   .about-local       {margin-top:12%;}
	   .about-local h1   {font-size:62%;} 
	   .one-third-local  {width:98%;}
	   .one-third-local h2 {font-size:54%;}
	
	botom-script {
		background-color:rgba(219,99,101,1.00);
	height: auto;
	width: auto;
	margin-top:25px;
}
}

.one-third h3 {font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; font-size:20px; 
	
}