/* Common Styles ------------------------------------------------------- */

	* {
		border: 0;
		padding:0;
		margin:0;
	}
	
	body{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 62.5%;
		background-color:#9b9a9c;
	}
	
	#wrapper{
		width:894px;
		background-image:url(../images/common/leftRightShadow.gif);
		background-repeat:repeat-y;
		background-position:center;
		margin:0 auto;
	}
	
	#shadowTop{
		width:894px;
		height:34px;
		background-image:url(../images/common/topShadow.gif)
	}
	
	#shadowBottom{
		width:894px;
		height:16px;
		background-image:url(../images/common/bottomShadow-min.gif);
	}
	
	.clear{
		clear:both;
	}
	
	img.heroImage{
		padding: 0 0 22px 0;
	}
	
	.orange{
		color:#f57100;
	}

/* Common Styles ------------------------------------------------- [END] */


/* Splash page styles -------------------------------------------------- */

	#splashShadowTop{
		width:894px;
		height:34px;
		background-image:url(../images/common/splash-topShadow.gif)
	}
	
	#splashGalleryContainer{
		width:800px;
		height:330px;
		margin:13px auto 0 auto;
	}
	
	#splashPage #contentContainer h1{
		width:412px;
		height:59px;
		text-indent:-9999px;
		overflow:hidden;
		display:block;
		margin:0 0 0 220px;
		background:url(../images/splash/the-meads-h1.gif);
		background-repeat:no-repeat;
		position:relative;
		top:10px;
	}
	
	#splashContentContainer{
		background-image:url(../images/common/splash-grey-background.jpg);
		background-color:#ffffff;
		background-position:bottom;
		background-repeat:no-repeat;
		width:860px;
		float:left;
	}
	
	#splashContentContainer p{
		font-size:1.3em;
	}
	
	.splashAreaColumn{
		float:left;
		width:248px;
		text-align:center;
		padding: 50px 0 0 0;
	}
	
	.splashAreaColumn img{
		padding: 0 0 15px 0;
	}
	
	.splashAreaColumn p{
		padding: 0 0 25px 0;
		color:	#5e5e5f;	
	}
	
	#splashPage #stModwenFooter{
		border-top:0;
		margin: 0 0 0 17px;
	}
	
	#splashPage #contentContainer{
		padding-bottom:0;
	}
	
	.leftColumnPadding{
		padding-left:60px;
	}

/* Splash page styles -------------------------------------------- [END] */


	

/* Switching Logos box styles ------------------------------------------ */

	#logoContainer{
		width:210px;
		height:291px;
		border:1px solid #d7d7d7;
		border-right:0;
		background-color:#ffffff;
		margin-left:20px;
	}
	
	#logoContainer ul{
		list-style:none;
	}
	
	#logoContainer ul li{
		padding:0;
		margin:0;
		float:left;
		display:block;
		height:72px;
		width:210px;
	}
	
	#logoContainer ul li img{	
		padding:0;
		margin:0;
	}
	
/* Switching Logos box styles ------------------------------------ [END] */



/* Header styles ------------------------------------------------------- */

	#header{
		width:860px;
		height:122px;
		background-color:#38363a;
		margin:0 auto;
		position:relative;
	}
	
	.headerLogo{
		margin: 10px 0 0 22px;
	}
	
	span.headerContactDetails{
		display:block;
		width:243px;
		height:57px;
		position:absolute;
		left:595px;
		top:40px;
		background-image:url(../images/common/contact-us-telephone.gif);
		text-indent:-9999px;
	}
	
/* Header styles ------------------------------------------------- [END] */


/* Navigation styles --------------------------------------------------- */

	#navContainer{
		background-color:#f58220;
		width:860px;
		float:left;
		margin:0 0 0 17px;
		display:inline;
	}

	#navContainer ul{
		list-style:none;
	}
	
	#navContainer ul li{
		display:block;
		float:left;
		padding:7px;
		background-color:#f58220;
		color:#FFFFFF;
		font-weight:bold;
		font-size:1.2em;
	}
	
	#navContainer ul li.first{
		padding-left:28px;
	}
	
	#navContainer ul li.active{
		background-color:#38363a;
	}
	
	#navContainer ul li a{
		color:#ffffff;
		text-decoration:none;	
	}
	#navContainer ul li a:visited{ color:#ffffff; }
	#navContainer ul li a:hover{ color:#38363a; }
	#navContainer ul li a:active{ color:#ffffff; }
	
	#navContainer ul li.active a:visited{ color:#ffffff; }
	#navContainer ul li.active a:hover{ color:#ffffff; }
	#navContainer ul li.active a:active{ color:#ffffff; }
	
/* Navigation styles --------------------------------------------- [END] */


/* Content Container styles -------------------------------------------- */

	#contentContainer{
		width:860px;
		padding: 22px 0 22px 17px;
		float:left;
	}

/* Content Container styles -------------------------------------------- */


/* Column styles ------------------------------------------------------- */

	#leftContentColumn{
		width:629px;
		float:left;
	}
	
	#leftContentTextArea{
		margin: 0 0 0 22px;
	}
	
	#leftContentTextArea p{
		font-size:1.3em;
		padding: 0 0 17px 0;
		line-height:18px;
	}
	
	#leftContentTextArea p.last{
		padding: 0 0 0 0;
	}
	
	#rightContentColumn{
		width:231px;
		float:right;
	}
	
	#rightContentColumn img.template{
		padding: 0 0 0 20px;
	}
	
	#leftContentTextArea{
		width:490px;
	}
	
	#pageContactUs #leftContentColumn{
		width:629px;
	}
	
	#pageContactUs #leftContentColumn,
	#pageContactUs #leftContentTextArea{
		width:607px;
	}
	
	#leftContentTextArea ul{
		font-size: 1.3em;
		line-height: 1.5em;
		padding-left: 15px;
	}
	
	#leftContentTextArea ul li{
		padding-bottom: 10px;
	}

/* Column styles ------------------------------------------------------- */


/* Brochure download block styles -------------------------------------- */

	.brochureDownloadBox{
		width:231px;
	}
	
	.brochureDownloadBox .downloadPDF{
		width:174px;
		background:#4c4c4c;
		display:block;
		margin: 0 0 0 20px;
		padding: 5px 0 20px 15px;
		font-size:1.5em;
	}
	
	.brochureDownloadBox a.downloadPDF{	color:#f58220; }
	.brochureDownloadBox a.downloadPDF:hover{ color:#ffffff; }
	
/* Brochure download block styles -------------------------------- [END] */


	
/* Footer styles ------------------------------------------------------- */

	#footer{
		width:894px;
		clear:both;
		position:relative;
	}
	
	#footer span.copy{
		display:block;
		width:840px;
		padding: 9px 0 9px 20px;
		margin: 0 0 0 17px;
		color:#c4c3c4;
		font-size:1.1em;
		background-color:#38363a;	
	}
	
	#footer span.copy a{
		color:#c4c3c4;
		font-size:1.1em;
	}
	
	#stModwenFooter{
		width:860px;
		border-top:1px solid #c3c2c4;
		margin: 0 0 0 17px;
	}
	
	#stModwenFooter img{
		padding:20px 0 22px 0;
		margin: 0 0 0 540px;
	}

/* Footer styles ------------------------------------------------- [END] */



/* Click for full size button styles ----------------------------------- */

	.clickForFullSize{
		width:158px;
		height:32px;
		background-image:url(../images/common/click-to-view-fullsize.jpg);
		text-indent:-9999px;
		overflow:hidden;
		display:block;
		margin: 12px 0 0 37px;
	}

/* Click for full size button styles ----------------------------- [END] */



/* Splash button styles ------------------------------------------------ */

	.visitTheMeads{
		background:url(../images/splash/retail-button.gif);
		background-position:0 0;
		width:159px;
		height:37px;
		text-indent:-9999px;
		display:block;
		margin:10px auto 0 auto;
		overflow:hidden;
	}
	
	.visitTheMeads:hover{background-position:0 -37px;}
	
	.businessCentre{
		background:url(../images/splash/offices-button.gif);
		background-position:0 0;
		width:176px;
		height:37px;
		text-indent:-9999px;
		display:block;
		margin:10px auto 0 auto;
		overflow:hidden;
	}
	
	.businessCentre:hover{background-position:0 -37px;}
	
	.visitCentrus{
		background:url(../images/splash/residential-button.gif);
		background-repeat:0 0;
		width:185px;
		height:37px;
		text-indent:-9999px;
		display:block;
		margin:10px auto 0 auto;
		overflow:hidden;
	}
	
	.visitCentrus:hover{background-position:0 -37px;}

/* Splash button styles ------------------------------------------ [END] */



/* h1 heading styles --------------------------------------------------- */

	h1.homeHeading{
		width:479px;
		height:68px;
		text-indent:-9999px;
		background-image:url(../images/home/home-title-exciting-new-retail.gif);
		margin: 0 0 5px 0;
	}
	
	.locationHeading{
		width:286px;
		height:23px;
		background-image:url(../images/location/the-meads-location.jpg);
		text-indent:-9999px;
		overflow:hidden;
		margin-bottom:18px;
	}

	.contactUsHeading{
		width:158px;
		height:23px;
		background-image:url(../images/contact-us/contact-us-heading.jpg);
		text-indent:-9999px;
		overflow:hidden;
		margin-bottom:20px;
	}

/* h1 heading styles --------------------------------------------- [END] */



/* h2 heading styles --------------------------------------------------- */

	h2.homeSubHeading{
		width:370px;
		height:36px;
		text-indent:-9999px;
		background-image:url(../images/home/home-subheading-a-prestigious.gif);
		margin: 0 0 17px 0;
	}
	
	.farnboroughCatchment{
		width:273px;
		height:22px;
		background-image:url(../images/location/farnboroughs-catchment.jpg);
		text-indent:-9999px;
		overflow:hidden;	
		margin-top:20px;
		margin-bottom:3px;
	}
	
	.greatPlaceForBusiness{
		width:295px;
		height:50px;
		background-image:url(../images/location/a-great-place-to-do-business.jpg);
		text-indent:-9999px;
		overflow:hidden;	
		margin-bottom:3px;
	}

/* h2 heading styles --------------------------------------------- [END] */



/* Availability table styles ------------------------------------------- */

	.availabilityHeading{
		width:292px;
		height:26px;
		background-image:url(../images/availability/phase-one-availability.jpg);
		text-indent:-9999px;
		overflow:hidden;
		margin-left:22px;
	}
	
	.availabilityTable{
		margin-left:22px;
		margin-top:14px;
	}
	
	.availabilityTable th,
	.availabilityTable td{
		text-align:center;
		font-size:1.2em;
		color:#000000;
	}
	
	.availabilityTable th{
		background-color:#38363a;
		color:#FFFFFF;
		padding: 9px 0 9px 0;
	}
	
	.availabilityTable td,
	.availabilityKeyTable td{
		padding: 9px 0 9px 0;
	}
	
	.availabilityTable tr.even,
	.availabilityKeyTable tr.even{
		background-color:#fef2e8;
	}
	
	.availabilityTable tr.odd,
	.availabilityKeyTable tr.odd{
		background-color:#fcdcc0;
	}
	
	.availabilityKey{
		width:189px;
		height:49px;
		background-image:url(../images/availability/availability-key.jpg);
		text-indent:-9999px;
		overflow:hidden;
		margin-left:20px;
		margin-top:20px;
	}
	
	.availabilityKeyTable{
		margin-left:20px;
		margin-top:15px;
	}	
	
	.availabilityKeyTable td{
		padding-left:10px;
		font-size:1.2em;
		border:1px solid #fcdcc0;
	}
	
	.topRow{
		padding-bottom:20px;
		border-bottom:1px solid #d7d7d8;
	}
	
	.bottomRow{
		padding-top:20px;
	}

/* Availability table styles ------------------------------------- [END] */



/* Siteplan styles ----------------------------------------------------- */

	.theMeadsSiteplan{
		width:189px;
		height:48px;
		background-image:url(../images/availability/the-meads-siteplan.jpg);
		text-indent:-9999px;
		overflow:hidden;
		margin-left:20px;
		margin-top:40px;
	}
	
	#rightContentColumn img.siteplan{
		margin:15px 0 0 20px;
	}

/* Siteplan styles ----------------------------------------------- [END] */




/* Cathment table styles ----------------------------------------------- */

	.mosaicProfile{
		width:337px;
		height:21px;
		background-image:url(../images/location/mosaic-profile-of-catchment.jpg);
		text-indent:-9999px;
		overflow:hidden;	
	}
	
	.catchmentTable{
		margin-left:22px;	
		margin-top:9px;
	}
	
	.catchmentTable th{
		background-color:#f79850;
		padding: 15px 0 15px 0;
		font-size:1.2em;
		font-weight:normal;
		border-right:1px solid #ffffff;	
		border-bottom:1px solid #ffffff;
	}
	
	.catchmentTable td{
		background-color:#fcdcc0;
		border-right:1px solid #ffffff;
		border-bottom:1px solid #ffffff;
		font-size:1.2em;
		padding: 7px 0 7px 0;
		text-align:center;
	}
	
	.catchmentTable td.name{
		background-color:#f79850;
		text-align:center;
	}
	
	.catchmentArea{
		width:171px;
		height:18px;
		background-image:url(../images/location/catchment-area.jpg);
		text-indent:-9999px;
		overflow:hidden;
	}

/* Cathment table styles ----------------------------------------- [END] */



/* Cathment area map styles  ------------------------------------------- */

	.catchmentAreaBox{
		width:189px;
		margin-left:20px;
		margin-top:20px;
	}
	
	.catchmentAreaBox .catchmentAreaMap{
		margin-top:13px;
	}
	
	#pageLocation .clickForFullSize{
		margin-left:15px;
	}

/* Cathment area map styles  ------------------------------------- [END] */



/* Contact details block styles  --------------------------------------- */
	
	.contactDetailsContainer{
		float:left;
		width:607px;
	}
	
	.contactDetailsContainer img{
		float:left;
	}
	
	.contactDetailsContainer div{
		width:200px;
		float:left;
		margin-left:30px;
	}
	
	#pageContactUs .contactDetailsContainer div p{
		padding-bottom:0;
	}
	
	#pageContactUs .contactDetailsContainer div p a{
		color:#000000;
	}
	
	#pageContactUs .contactDetailsContainer div p a:hover{
		color:#f58220;
	}

/* Contact details block styles  --------------------------------- [END] */



/* Contact maps styles  ------------------------------------------------ */

	#pageContactUs .maps{
		width:607px;
		margin-top:22px;
		border-top:1px solid #d7d7d8;
		margin-left:22px;
		float:left;
		display:inline;
	}
	
	#pageContactUs .maps img{
		margin-top:22px;
	}
	
	#pageContactUs .maps img.first{
		margin-right:20px;
	}

/* Contact maps styles  ------------------------------------------ [END] */