/* easy-clearing styles documented here: http://www.positioniseverything.net/easyclearing.html */
.fix:after {content:".";display:block;height:0;clear:both;visibility: hidden;}/*for firefox,safari etc*/
* html .fix {height: 1%;}/*for ie*/
/*fixes issue where widths set in html push content out in ie 5 */
.ie5overflowfix {width:100%;overflow: hidden;}/*for ie*/
html>body .ie5overflowfix {overflow:visible;}/*for firefox,safari etc*/

body {
	margin:0;
	padding:0;
	text-align:center;
	background:#eaeff5;
}
img {border:0; margin:0; padding:0;}


#topHeader {background:#336699;width:765px;margin:auto;height:80px; overflow:hidden;}
	#imageDescription,
	#topLogo,
	#imageTop{ float:left;}
	
	#topLogo{ height:83px; overflow:hidden;}
	
	

div#mainHeaderImage {display:block; width:765px; margin:auto; background:#6255cb; height:200px; position:relative;}
#mainHeaderImage img { float:right;}

	#mainHeaderImage #aboutThisImage {z-index:100;} 
	#mainHeaderImage #aboutThisImage a{position:absolute; top:0; left:0;width:143px; height:31px; overflow:visible;  text-align:left; color:#fff; text-decoration:none;}
	
	#mainHeaderImage #aboutThisImage a span {margin:31px 0 0 0 ; padding:10px; cursor:text; width:200px; display:none;}
	
	#mainHeaderImage #aboutThisImage a:hover {overflow:visible;display:block;}
	#mainHeaderImage #aboutThisImage a:hover span {display:block; }

#imageFrame {width:765px;margin:auto;text-align:left;}

div.mainHeaderImage{width:765px; margin:0 auto; padding:0; display:block; clear:both;}
	img#mainHeaderImage,
	#subheaderStrip {display:block; margin:auto;}





#wholeHMenu {
	background:url(/custom/templates/page/visithome/images/top-nav-bg.gif) repeat-x #4a85b0 top; width:765px;
	margin:auto;
}
#wholeHMenuBorder {border:1px solid #cbd1da; border-width:0 1px;}


#mainFrame { background:#fff;width:765px;margin:auto;text-align:left; position:relative;}

#introText { width:441px; float:left; padding:5px 0 20px 0;}
#introTextContainer { height:350px; overflow:hidden; padding:0 10px; }

#introImages { position:absolute; bottom:10px; left:10px;}
#introImages img { display:block;}



#featureDestinations { width:317px; float:left; padding:10px 0 0 0;}

	#featureClevedon,
	#featureMangere,
	#featureHowick,
	#featureCity { margin:0 0 7px 0; float:left; width:158px;}
	

#extraFeatures { /*width:163px; */float:right; margin:7px 0 0 0; padding:0 0 0 7px; background:url(../../visithome/images/d9dada.gif) repeat-y;}
	
	#featureEvent,
	#featureNews { margin:3px 0; float:left; width:158px;}

.homeFeature {
	margin:0;
	height:261px;
	width:153px;
	float:left;
	position:relative;
	background:#eef0f3;
	border:1px solid #d4d4d4;
	border-width:0 1px 1px 0;
}
.homeFeatureContent { padding:7px 0 0 0;}

.homeFeature p { margin:0; padding:0 0 7px 0;}

.homeFeature h3 {
	margin:0;
	height:35px;
	text-align:left;
	font-size:13px;
	color:#3a6b9d;
	padding:0 7px ;
	font-family:Arial, Helvetica, sans-serif;
}
.homeFeature h3 span { display:block; padding:0 0 0 7px;font-size:11px;}

.homeFeature img {}
.featureBody {
	padding:0 10px;
	height:120px;
	overflow:hidden;
}

.featureBody strong {padding:5px 0;}


.homeFeature strong {color:#316295; display:block}

.featureMoreInfo {border-top:1px solid #d9dada; position:absolute; bottom:0;width:153px;}
.featureMoreInfo a {display:block;padding:0 0 3px 20px;line-height:18px; background:url(../../visithome/images/feature-bullet.gif) no-repeat 8px 6px}

#extraFeatures .featureMoreInfo a {display:block;padding:0 0 3px 8px;line-height:18px; background:none;}





#footerFrame {
	width:765px;
	height:112px;
	margin:auto;
	text-align:left;
	border-top:2px solid #336699;
	padding:0;
	background:#f2f5f9;
}

#mccLogo {float:left;}

#footerAddress {
	width:225px;
	float:left;
	padding:20px 0 0 0;
}
#footerCredit {
	width:388px;
	float:right;
	text-align:right;
	padding:0 10px 0 0;
}
#corpLink {
	float:right; margin-right:5px;
}