/*div img{ behavior: url(/library/iepngfix/iepngfix.htc) } */ /* IE 6 PNG fix... see http://www.twinhelix.com/css/iepngfix/demo/ */
body{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#FFFFFF;
	background-color:#706a69;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4 { font-family:"Century Gothic", 'Century Gothic', 'century gothic', centurygothic , Century Gothic, Arial, Helvetica, sans-serif; font-weight:100;}

a:link { color:#FFFFFF;text-decoration:none;}
a:visited { color:#AAAAAA;text-decoration:none;}
a:active { color:#AAAAAA;text-decoration:none;}
a:hover { color:#FFFFFF;text-decoration:underline;}

img{
	font-size:10px;
	color:#666;
}

.wrapper{
	width:930px;
	margin:0px auto;
}
.pagegrey{
	background-color:#6b6563; /*dark grey*/	
	padding-top: 50px;
	border:1px solid #c4c3c2;
}
.box001{
	background-color:#f1f0ef; 
	background-color:#faf9f9; /*nearly white*/
	color:#38302e;
	height:171px;
}
.box004{
	float:left;
	position:relative;
	left:0px;
	right:0px;
}
#smallpebbles{
	background-image:url(img/smallpebbles.png);
	background-repeat:no-repeat;
	width:115px;
	height:121px;
	position:absolute;
	left:413px;
	top:45px;
}

.darkgreytext{
	color:#706a68; /*dark grey*/
}
.menubox{
	width:100%;
	width:880px; /* 930 -50 mar */
	width:878px;
	border-bottom:5px solid #eae9e8; /*light grey*/
	/* there is a 1px f2f2f1 on the bottom of that too.. */
/*	background-image:url(img/webdraft/menugrey.gif);
	background-position:bottom;
	background-repeat:repeat-x;*/
}
.mainmenulink{
	color:#FFFFFF;
	padding:0px 5px;
}
.mainmenulink:visited{
	color:#FFFFFF;	
}

.mainmenulink:hover{
	background-color:#aab8cc;
}
.bottompagelinks, .bottompagelinks:visited{
	color:#FFFFFF
}

.menubox li{
	display:inline;	
	padding-right:17px;
}
h1{
	font-size:30px;
	font-weight:normal;
	font-weight:100;
}

.titleBlue{
	background-color:#a7b4c7;
	height:35px;
	width:100%;
	/*border-bottom:3px solid #a7b4c7;
	border-bottom:3px solid #000000;*/
}
#mainImage{
	background-image:url(img/webdraft/topimage.jpg);
	background-repeat:no-repeat;
	width:928px;
	height:77px;
}
.imageborder{
	background-color:#FFFFFF;
	height:77px;
	width:930px;
	width:928px;
	padding:7px 0px 5px;
}
#homeimage{
	width:928px;
	height:309px;
	background-image:url(img/webdraft/homeimage.jpg);
	background-repeat:no-repeat;
}
.leftpad{
	padding-left:50px;	
}
.bothpad{
	padding:0px 50px 0px;	
}

.litetext{
	font-family: Century Gothic, sans-serif;
	font-weight:100;
}
/*
.mainheaderpos{
	position:absolute;
	left:528px;
	top:38px;	
}*/
#mainHeader{ /* sifr */
	height:46px;
	width:400px;
	font-size:16px;
	font-size:33px;
	position:absolute;
	left:528px;
	top:38px;
	
	line-height:40px;
	
	
	/*border:1px solid #993333;*/
	
	/*
	font-size
	letter-spacing
	line-height
	height*/
}
.t004{
	/*font-family:arial;*/
	font-size:33px; /*for ie*/	
	/*line-height:1px;*/
}
#secondHeader{ /*sifr*/
	/*width:376px;*/
	height:16px;/* psd measurements and size required for Sifr are different*/
	height:19px;
	width:380px;
	font-size:13px;
	font-size:8px;
	line-height:8px;
	position:absolute;
	left:522px;
	top:103px;
}
.t003{
	font-family:arial;
	font-size:12px; /*for ie*/	
	/*line-height:8px;*/
}
#telephone{ /* sifr */
	height:18px;
	height:25px;
	font-size:18px;
	font-size:15px;
	display:inline;
	width:113px;
	
	position:absolute;
	left:755px;
	top:143px;
}
#telephone_t{
	position:absolute;
	left:740px;
	top:144px;	
}

#pageTitle{ /* sifr */
	height:29px;
	font-size:29px;
	width:300px;
}

#box002{
	background-color:#38302e;
	width:532px;
	height:2px;
	line-height:1px;
	font-size:1px;
	position:absolute;
	left:0px;
	top:100px;
}
#verticalline{
	background-color:#38302e;
	width:2px;
	height:738px;
	height:830px;
	position:absolute;
	left:891px;
	top:100px;
	z-index:900;
}/* not used - though might be?? .. */
#horizontalline{
	height:9px;
	width:906px;
	width:893px;
	position:absolute;
	left:0px;
	font-size:2px;
	line-height:2px;
	background-color:#38302e;
	/* size for homepage */
	top:872px;
	/* accommodation page */
	top:835px;
}

#weirdOutline{
	position:absolute;
	top:100px;
	left:1px;
	border-right:2px solid #38302e;
	border-bottom:9px solid #38302e;
	width:906px;
	/* size for homepage */
	height:872px;
	width:890px;
	/* accommodation page */
	height:835px;
}


#emailuptop{
	position:absolute;
	left:611px;
	top:122px;
}
.t002{
	display:inline;		
}
.darklink:link { color:#706a68;text-decoration:none;}
.darklink:visited { color:#706a68;text-decoration:none;}
.darklink:active { color:#706a68;text-decoration:none;}
.darklink:hover { color:#706a68;text-decoration:underline;}

.FloLef{
	float:left;
}
.posRel{
	position:relative;
}

.box007{
	float:left;
	width:930px;
	height:176px;
	position:absolute;
	top:-105px;
	z-index:10;
}
	.brownBG{
		background-color:#87725e; /*brown*/
		height:104px;
		width:548px;
		width:547px;
		float:left;
		position:relative;
		top:33px;
	}
	.organicbrownbit{
		background-image:url(img/organicbrown.png);
		background-repeat:no-repeat;
		width:381px;
		height:176px;
		float:left;
		z-index:10;
	}

.dirtyblueBG{
	clear:both;
	background-color:#a4b0c2; /*dirty blue*/
	height:14px;
	height:47px;
	width:100%;
}
.grey1BG{
	background-color:#6d6968; /*grey*/
	height:16px;
	height:39px;
	width:100%;
}

.box008{
	float:left;
	width:930px;
	height:195px;
	position:absolute;
	top:-73px;
	z-index:5;
}
	.verydarkgreyBG{
		background-color:#352f2e; /*very dark grey*/
		height:128px;
		width:100%;
		width:548px; /* 930-382 = 548*/
		float:left;
		position:relative;
		top:48px;
		z-index:5;
	}
	.organicdarkgreybar{
		background-image:url(img/darkgreybar.png);
		width:382px;
		width:380px;
		height:195px;
		float:left;
	}

.darkgreyBG{
	clear:both;
	background-color:#454343; /*dark grey*/
	height:39px;
	height:148px;
	width:100%;
}
.grey2BG{
	background-color:#6d6d6c; /*grey*/
	height:14px;
	width:100%;
}
.prel{
	position:relative;
}

.bigpebblesImage{
	background-image:url(img/bigpebbles.png);
	background-repeat:no-repeat;
	width:322px;
    height:344px;
	position:absolute;
	top:-94px;
	top:-340px;
	left:40px;
	z-index:40;
}
.bottommenubox{
	padding-top:123px;
	font-size:12px;
	float:right;
	padding-right:25px;
}
.bottommenubox li{
	display:inline;	
}
.box005{
	padding-left:7px;
	height:17px;
	margin:0px 10px 0px;
	display:inline;
	background-color:#FFFFFF;
}








#houses{
	position:relative;
	left:-6px;
	top:1px;
	height:381px;
	height:320px;
	width:928px;
	overflow:visible;
}


#bellamy{
	background-image:url(img/bellamy.png);
	background-repeat:no-repeat;
	width:934px;
	height:345px;
	position:absolute;
	left:1px;
	top:36px;
	z-index:340;
}
#bellamy_div{
	width:880px;
	padding-left:50px;
	height:40px;
	padding-top:220px;
}

#bellamyhouseTitle{
	font-size:20px;
	float:left;
	width:200px;
	height:36px;
	padding-left:10px;
}

#bellamyText{
	float:right;
	width:480px;
	padding-right:120px;
	padding-top:10px;
}



#marram{
	background-image:url(img/marram.png);
	background-repeat:no-repeat;
	width:934px;
	height:381px;
	position:absolute;
	left:1px;
	top:1px;
	z-index:320;
}

#marram_div{
	width:880px;
	padding-left:50px;
	height:40px;
	padding-top:250px;
}
#marramhouseTitle{
	font-size:20px;
	float:left;
	width:200px;
	height:36px;
	padding-left:10px;
}
#marramText{
	float:right;
	width:480px;
	padding-right:120px;
	padding-top:7px;
}




#pomfrets{
	background-image:url(img/pomfrets.png);
	background-repeat:no-repeat;
	width:934px;
	height:341px;
	position:absolute;
	left:1px;
	top:40px;
	z-index:310;
}
#pomfrets_div{
	width:880px;
	padding-left:50px;
	height:40px;
	padding-top:210px;	
}
#pomfretshouseTitle{
	font-size:20px;
	float:left;
	width:200px;
	height:36px;
	padding-left:10px;
}
#pomfretsText{
	padding-top:7px;
	float:right;
	width:480px;
	padding-right:120px;
}



#salt{
	background-image:url(img/salt.png);
	background-repeat:no-repeat;
	width:934px;
	height:329px;
	position:absolute;
	left:1px;
	top:52px;
	z-index:300;
}
#salt_div{
	width:880px;
	padding-left:50px;
	height:40px;
	padding-top:190px;	
}

#salt_barnhouseTitle{
	font-size:20px;
	float:left;
	width:200px;
	height:36px;
	padding-left:10px;
	margin-top:30px;
}
#salt_barnText{
	padding-top:15px;
	float:right;
	width:480px;
	padding-right:120px;
	vertical-align:middle;
}

/* hov1-4 are the main house 'link areas'. Hov's like 021 + 022 are the 'extra' areas which which the over-lapping houses occupy.
These are switched display:none by default, and are turned on and off by JS.*/
#hov01{
	width:195px;
	height:230px;
	position:absolute;
	left:1px;
	z-index:500;
}
	#hov011{
	width:100px;
	height:230px;
	position:absolute;
	left:200px;
	z-index:500;
	display:none;

}

	#hov021{
		width:120px;
		height:140px;
		position:absolute;
		left:80px;
		top:90px;
		z-index:500;
		display:none;
	}

#hov02{
	width:230px;
	width:130px;
	height:230px;
	position:absolute;
	left:200px;
	left:300px;
	z-index:510;
}
	#hov022{
		width:80px;
		height:160px;
		position:absolute;
		left:430px;
		top:70px;
		z-index:510;
		display:none;
	}
	
#hov03{
	width:195px;
	width:100px;
	height:230px;
	position:absolute;
	left:432px;
	left:520px;
	z-index:520;
}
	#hov032{
		width:150px;
		height:150px;
		position:absolute;
		left:630px;
		top:80px;
		z-index:520;
		display:none;
	}
#hov04{
	width:290px;
	width:140px;
	height:230px;
	position:absolute;
	left:630px;
	left:780px;
	z-index:530;
}



#houseImages{
	height:156px;
	height:130px;
	width:930px;
	padding-top:30px;
	padding:30px 0px 0px 20px;
}
.aHouseImage{
	width:137px;
	height:101px;
}
.imageShadow{
	width:145px;
	height:108px;
	background-image:url(img/imageShadow.png);
	background-repeat:no-repeat;
	padding: 0px 0px 7px 8px;
	float:left;
}


#box009{
	background-image:url(img/bottomGrassGrey1.png);
	background-repeat:no-repeat;
	width:357px;
	height:332px;
	position:absolute;
	top:-270px;
	left:0px;
}

#box010{
	background-image:url(img/bottomGrassGrey2.png);
	background-repeat:no-repeat;
	width:60px;
	height:210px;
	position:absolute;
	top:-190px;
	left:867px;
}


.houseContentBlock{
	width:509px;
	background-color:#6b6563;
	/*padding-left:358px;*/
	min-height:323px; /* expanding with text */
	/*height:1000px;*/
	margin-left:358px;
	padding:10px;
	padding-bottom:30px; /* this is necessary because the bottom overlaps it.... damn the designer... */ 
}
.bottomOfContentBlock{
	/* this is necessary because 
		the Main content text has to be able to expand down - 
		the designer says that all elements must move down (as they do)
		However, the box with the prices (this) overlaps the darker 
		grey at the bottom. This is how i did it. damn those designers... */ 
	width:510px;
	height:50px;
	position:absolute;
	top:-1px;
	left:357px;
	background-color:#6b6563;
}

.pricesButton{
	padding:5px 10px;
	background-color:#aab8cc;
	border:1px solid #9399a5;
	margin-left:300px;
	font-size:12px;
}
.staywhite:visited{ color:#FFFFFF;}
.tentop{
	margin-top:10px;	
}


#bellamyContentText , #saltContentText , #pomfretsContentText , #marramContentText{
	font-size:12px;
	display:block;
}

#bellamyContentText h2, #saltContentText h2 , #pomfretsContentText h2 , #marramContentText h2{ height:30px;width:300px;padding:0px;margin:0px;margin-bottom:40px; font-size:28px}
#bellamyContentText h3, #saltContentText h3 , #pomfretsContentText h3 , #marramContentText h3{ font-size:18px;height:30px;width:300px;padding:0px;margin:0px;margin-top:40px;}


#bellamyhouseImages, #salthouseImages, #pomfretshouseImages , #marramhouseImages{
	height:156px;
	height:130px;
	width:930px;
	padding-top:30px;
	padding:30px 0px 0px 20px;
	display:none;
}

#backupmenu{
	position:absolute;
	top:80px;
	left:1px;
	list-style:none;
}
.contactdiv{
	width:860px;
	min-height:450px;
}
.contactus{
	min-height:250px;
	padding-top:70px;
	width:400px;
	padding-right:20px;
	float:left;
}
.contactmapspacer{
	width:350px;
	height:70px;
	float:right;
}
.contactusmap{
	float:right;	
	border:10px solid #3a3534;
	width:350px;
	height:250px;
}


.bookingdiv{
	min-height:250px;
	width:320px;
	float:left;
	padding:0px 0px 200px 50px;
}
.prices_div{
	width:830px;
	padding: 10px 10px 10px 50px;
	min-height:50px;
}
.priceblock{
	float:left;
	width:320px;
	height:100px;
}
.priceblock p{
	margin:0px;
	padding:0px;
	width:320px;
	
}

.pricesparas{
	float:left;
	padding-left:20px;
	width:350px;
	height:100px;
	font-size:10px;
}
.pricesparas p{
	margin:0px;
	padding:0px;
}

.prices_house{
	
}
.prices_from{
	padding-left:10px;
}
.prices_prices{
	padding-left:10px;
}

.formRow {
	clear:both;
	height:30px;	
	width:300px;
	padding:0px;
	margin:0px;
}
.formSubmitRow{
	width:300px;
	height:30px;
	clear:both;
}
.formRow_which_property_are_you_interested_in label{
	display:block;

}
input{
	display:block;
	float:right;
	vertical-align:top;
	margin:0px;
	padding:0px;
}
label{
	display:inline;
	float:left;
}
p formHelp{
	width:0px;
	height:0px;
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:0px;
}
.radioCheck{
	clear:both;
	width:290px;
}
#special_requirements{
	width:300px;
	height:100px;
	padding: 10px 0px
}
.formrow div{ /* which property radio*/
	height:200px;	
}
.formRow_which_property_are_you_interested_in{
	height:100px;	
	
}
.formRow_which_property_are_you_interested_in div {
	padding-left:10px;
	clear:both;
}
.formRow_special_requirements{ 
	height:150px;	
}
.errorText{
	color:#F99;	
	padding-bottom:10px;
}
.errorText p{
	margin:0px;	
}
.required{
	font-size:10px;
	position:relative;
	top:-27px;
	width:50px;
}
.calendar_div{
	width:540px;
	min-height:300px;
	float:left;
	padding:115px 10px 10px 0px;
	padding:45px 10px 10px 0px;
}
.weekend{
	/*background-color:#999;*/
	border:1px solid #808080;
	padding:2px 3px 2px 3px;
}
.month{
	/*border:1px solid #808080;*/
	padding:4px 0px;
	font-size:10px;
	display:inline;
	padding-left:10px;
}
.monthtext{
	padding:7px 5px 0px 4px;
	display:inline;
}
.calendarIntro{
	padding:0px 0px 20px 0px;
}
.local_area_div{
	min-height:800px;
	padding:50px 50px 50px 50px;	
}

.specialoffertext{
	width:570px;
	height:60px;
	overflow:hidden;
	position:relative;
	left:330px;
	top:30px;
	
	
}
.googlemap{
	width:350px;
	height:250px;
	color:#000000;
	font-size:10px;
}


.CO_day{
	display:inline;	
}
.CO_Sat{
	border:1px solid #999999;
}
.CO_Sun{
	border:1px solid #999999;
}
.CO_week{
	display:inline;
}
.CO_history{
	color:#909090;
}
.CO_a_month{
	padding:0px 0px 20px 0px;
}




.guestbook{
	padding-top:30px;
	padding-top:12px;
	height:115px;
	overflow:hidden;
	width:500px;
}
.guesbookentry{
	padding-bottom:5px;
}

/*
Carousel CSS. 
*/

#newsticker-demo {  
	width:310px;  
	background:#EAF4F5;  
	padding:5px 5px 0;
	padding:0px; /* no effect */
	font-family:Verdana,Arial,Sans-Serif;  
	font-size:12px;  
	margin:20px auto;  
}  
  
#newsticker-demo a { text-decoration:none; }  
#newsticker-demo img { border: 2px solid #FFFFFF; }  
  
#newsticker-demo .title {  
	text-align:center;  
	font-size:14px;  
	font-weight:bold;  
	padding:5px;  
}  
  
.newsticker-jcarousellite { width:300px; }  
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }  
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }  
.newsticker-jcarousellite .info { float:right; width:190px; }  // float:rightright;
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }  
  
.clear { clear: both; }  

.newsticker-jcarousellite ul li {
	height:100px; /* has no effect style LI did it..*/
	/*margin-top:20px;*/
	padding-top:20px;
}
.gmlconsultinglink{
	font-size:10px;
	display:block;
	background-color:#FFFFFF;
	padding:10px 0px 0px 5px;
	color:#706a69;
}