* 		{ margin:0; padding:0;}
body 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	text-align:center;
	background:#001d44 url('../images/bkgd.jpg') repeat-x 0 0;
}

img				{ border:none;} 

p, .list, td	{ color:#FFF; line-height:1.5em; font-size:1em;}
p				{ margin-bottom:1.2em; }

.list			{ margin:0 0 1.2em 1.5em; }
.list li 		{ padding:.2em 0;}
.list ul		{ margin-left:2em;}

a					{ color:#FFF;}
a:hover				{ text-decoration:none;}
a:visited			{ color:#FFF;}

h1							{ width:213px; height:125px; background:url('../images/logo-whitley.gif') no-repeat 0 0; display:block; text-indent:-999em; position:absolute; right:35px; bottom:20px }
h1 span						{ text-indent:-999em; display:block; width:213px; height:125px; position:absolute; cursor:pointer; left:0; top:0; }
h2							{ display:block; width:167px; height:27px; background:url('../images/logo-StModwen-2.gif') no-repeat 0 0; text-indent:-999em; position:absolute; left:35px; bottom:20px; }
h2 span						{ text-indent:-999em; display:block; width:167px; height:27px; position:absolute; cursor:pointer; left:0; top:0;}
h3							{ display:block; width:100%; height:32px; background-repeat:no-repeat; background-position:0 0; margin:0 0 20px; text-indent:-999em}
h3.lakeside					{ background-image:url('../images/titles/lakeside.gif')}
h3.lakeside-bkgdWhite		{ background-image:url('../images/titles/lakeside-bkgdWhite.gif')}
h3.woodside					{ background-image:url('../images/titles/woodside.gif')}
h3.riverside				{ background-image:url('../images/titles/riverside.gif')}
h3.about					{ background-image:url('../images/logo-StModwen-2.gif'); width:213px; height:27px;}
h3.about span				{ text-indent:-999em; display:block;  width:213px; height:27px;}
h3.scheme					{ background-image:url('../images/titles/scheme.gif')}
h3.location					{ background-image:url('../images/titles/location.gif')}
h3.contact					{ background-image:url('../images/titles/contact.gif')}
h3.download-brochure		{ background-image:url('../images/titles/download-brochure.gif'); height:41px; margin-bottom:11px}
h3.thank-you				{ background-image:url('../images/titles/thank-you.gif'); height:41px; margin-bottom:11px}
h3.links					{ background-image:url('../images/titles/links.gif')}
h3.news						{ background-image:url('../images/titles/news.gif')}
h4							{ color:#b2bb1e; font-size:1.1em}

p.subTitle					{ text-transform:uppercase; font-size:1.1em; margin-top:-15px}

/* ---------------------------- */
/* Minor Classes */
/* ---------------------------- */
.txt-small			{ font-size:0.8em;}
.txt-medium			{ font-size:1.2em;}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}

.txt-yellow			{ color:#b2bb1e}
.txt-lightBlue		{ color:#4071b2}

.home-highlight		{ color:#b2bb1e; font-size:1.3em; font-weight:bold; margin-top:5px; line-height:1.2em}


/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container					{ margin:0 auto; width:770px; position:relative; text-align:left}
#wrapper					{ background:url('../images/bkgd-content.png') repeat-y top center; }
#header						{ position:relative; height:195px;}
#content,
#content-white,
#flash						{ clear:both; padding:25px 35px 0; margin-top:-3px; padding-bottom:125px; background:url('../images/wave-bkgd-blue.gif') no-repeat left bottom;}
#flash						{ padding:0; padding-bottom:111px; margin-top:0; position:relative; background-color:#FFF }
div.no-padding				{ padding:0}
#left-col					{ width:331px; float:left; margin-right:38px; }
#right-col					{ width:331px; float:left; position:relative}
#footer						{ background:#FFF url('../images/footer-3.gif') no-repeat left bottom; margin:0 auto; width:810px; text-align:left; position:relative; height:74px; }
#footer p					{ text-transform:uppercase; font-size:.8em; color:#FFF; margin-left:35px; padding-top:15px }
#footer p.nextGeneration	{ display:block; width:323px; height:17px; background:url('../images/footer-nextGeneration.gif') no-repeat 0 0; text-indent:-999em; position:absolute; right:35px; top:15px}

/* Scheme page */
/* ---------------------------- */
div.scheme-page 			{ background:url('../images/scheme.jpg') no-repeat top right !important; padding-bottom:0 !important ; }
div#scheme-wave				{ background:url('../images/wave-bkgd-blue.gif') no-repeat left bottom; height:100px; width:770px; margin:0 0 0 -35px; clear:both; padding-top:25px }

/* Bkgd White */
/* ---------------------------- */
.bkgd-white			{ display:block; background:#FFF url('../images/wave-bkgd-white.gif') no-repeat left bottom !important; }
.bkgd-white	 p,
.bkgd-white	 .list	{ color:#001d44}


/* Square pics */
/* ---------------------------- */
ul#square-pics				{ margin-bottom:15px}
ul#square-pics li 			{ list-style:none; float:left; margin-right:20px}
ul#square-pics li.last		{ margin-right:0}

/* Google maps */
/* ---------------------------- */
/*#right-col iframe			{ border:1px solid #263f60}*/


/* ---------------------------- */
/* TABLE */
/* ---------------------------- */
table						{ }
table caption				{ color:#FFF; text-align:left; margin-bottom:5px; font-weight:bold}
col.col-1					{ width:46%}
col.col-2,
col.col-3,
col.col-4					{ width:18%; }
table th,
table td					{ padding:3px 5px 3px 0; color:#FFF;  }
table th					{ border-bottom:1px solid #b2bb1e; color:#b2bb1e; padding-top:10px}
table td					{ border-bottom:1px solid #405673;}
table tr.total td			{ color:#b2bb1e; font-weight:bold}
table a						{ text-decoration:none; padding:2px 2px 2px }
table a:hover				{ color:#001d44; background-color:#FFF}
table a:hover span			{ color:#001d44;}

table.location						{ margin-bottom:30px}
table.location caption				{ line-height:1.6em; margin-bottom:-5px}
table.location th,
table.location td					{ padding-right:0}
table.location th					{ color:#FFF}
table.location td.col-2	,
table.location th.col-2				{ color:#b2bb1e; text-align:right}

/* ---------------------------- */
/* CONTACT */
/* ---------------------------- */
ul#contact-logos					{}
ul#contact-logos li					{ float:left; margin-right:25px; display:block; width:135px; text-align:center}
ul#contact-logos li.last			{ margin-right:0; width:166px}
ul#contact-logos li	img				{ margin-bottom:5px}
ul#contact-logos li p				{ font-size:1.3em; font-weight:bold}
ul#contact-logos li span			{ display:block; padding-bottom:2px}

/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary Nav */
/* ---------------------------- */
ul#nav 							{ background-color:#b2bb1e; padding:15px 0 15px 35px; }
ul#nav li 						{ list-style:none; float:left; text-transform:uppercase; border-right:1px solid #00295e; padding-right:8px; margin-right:8px; }
ul#nav li.last					{ padding-right:0; margin-right:0; border:none;}
ul#nav li a						{ text-decoration:none; font-size:1.1em; color:#FFF}
ul#nav li a:hover,
ul#nav li.active a				{ color:#001d44}

/* Sub nav */
/* ---------------------------- */
ul#nav-rightCol							{ clear:both; background-color:#263f60; padding:7px 0; margin:-10px 0 15px;}
ul#nav-rightCol li						{ list-style:none; float:left; padding:0 9px; border-right:1px solid #B2BB1e;}
ul#nav-rightCol li.last					{ border-right:none; padding:0 8px}
ul#nav-rightCol	li a					{ text-decoration:none; font-size:1em; color:#FFF; }

.bkgd-white ul#nav-rightCol				{ background-color:#e5e8ec; }
.bkgd-white ul#nav-rightCol	li a		{ color:#001d44}

ul#nav-rightCol	li a:hover				{ color:#B2BB1e}


/* Right nav */
/* ---------------------------- */
ul#right-nav							{ clear:both;}
ul#right-nav li							{ list-style:none; margin-bottom:7px}
ul#right-nav li a						{ text-decoration:none; font-size:1.1em; color:#b2bb1e; font-weight:bold}
ul#right-nav li a:hover					{ color:#FFF}
.bkgd-white ul#right-nav				{ margin-top:20px}
.bkgd-white ul#right-nav	li a		{ color:#001d44}
.bkgd-white ul#right-nav	li a:hover	{ color:#b2bb1e}

/* Footer-nav */
/* ---------------------------- */
#footer-nav						{ text-align:left; font-size:.8em; padding-bottom:35px; color:#263f60; z-index:9999999; position:absolute; top:60px; margin-left:35px }
#footer-nav ul li				{ list-style:none; float:left; padding-right:10px; border-left:1px solid #263f60; padding-left:10px;}
#footer-nav ul li.first			{ padding-left:0; border-left:none;}
#footer-nav ul li a				{ text-decoration:none; color:#263f60}
#footer-nav ul li a:hover		{ color:#FFF}


/* ---------------------------- */
/* FORM */
/* ---------------------------- */
form				{}
form .clearerForm	{ clear:both; padding:3px 0px; vertical-align:top;}
form fieldset		{ margin-bottom:10px; border:none; /*background-color:#2aacdf; padding:5px 10px;*/ background-color:#263f60; padding:10px}
form label			{ width:90px; float:left; font-weight:bold; color:#FFF;}
form label.brochure	{ width:100%; margin-bottom:5px}

form select, form input, form textarea{
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	padding:2px;
	border:1px solid #003561;
	font-size:1em;
	width:215px;
}

form textarea				{ height:75px}

form div.checkbox			{ margin-bottom:5px}
form div.checkbox input		{ float:left; margin-right:5px; width:14px; margin-left:90px}
form div.checkbox label		{ width:180px; font-weight:normal }

form #submit				{ margin-left:99px;}
form #btn-submit			{ border:none; width:64px; height:26px;}


/* Brochure request form */
/* ---------------------------- */
a.close									{ position:absolute; top:20px; right:20px; font-size:.8em}
a.download-brochure						{ position:absolute; top:320px; left:35px; display:block; z-index:999; background-color:#001D44; text-decoration:none; text-transform:uppercase; padding:5px 10px}
a.download-brochure:hover				{ background-color:#00285E}


body.brochure-form						{ background-image:none}
body.brochure-form #form-container		{ margin:20px; text-align:left}


/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */