/* @override 
	http://giltbrook.local:8888/css/styles.css
	http://giltbrook.reachsites.co.uk/css/styles.css
*/

body,html{width:100%;}
body{margin:0; background:#1f1f1f; font:normal 62.5% Arial, Helvetica, sans-serif;}
img{border:none;}
p a{color:#fff;}
p a:hover{ text-decoration:none;}
#header_span{width:100%; background:url(/images/header-bg.gif) repeat-x; float:left;}
#header_contain{margin:0 auto;width:740px;}
#header{width:740px; background-color:#c31e30; float:left; margin-top:8px; }
#header .col01{width:233px; float:left;}
#header .col02{ float:right;}

#nav_contain{ float:left; width:100%; background-color:#fff; border-bottom:1px solid #c31e30;}
#nav{width:740px; margin:0 auto;}
#nav ul{margin:0 0 0 10px; padding:0;}
#nav li{list-style:none; float:left;}
#nav li a{font:bold 1.2em Arial, Helvetica, sans-serif; color:#c31e30; text-decoration:none; padding:10px 5px 10px 5px; display:block; margin-top:1px;}
#nav li a:hover, #nav li.active a{color:#fff; background:#c31e30;}

#feature_contain{background-color:#fff; width:100%;}
#feature{width:740px; margin:0 auto;}

.news{border:1px solid #95001f; width:700px; margin:8px 0 3px 15px; background:#ba1c2d;}
.news h2{font:normal 1.7em Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:15px 10px 0px 20px;}
.news h3{font:bold 1.4em Arial, Helvetica, sans-serif; padding:0px 10px 0px 20px;margin:0; color:#5b0114;}
.news p{margin-top:8px; padding-top:0; margin-bottom:0;}

#content_span{ width:100%; background:url(/images/body-bg.jpg) center repeat-y #c41e30; float:left; }
#content{width:740px; margin:0 auto; padding-bottom:50px; }
#masterplantpl #content { padding-top: 27px; }
#content h1{font:normal 3em Arial, Helvetica, sans-serif; color:#fff; margin:0; padding: 5px 10px 5px 20px; width: 460px; }
#content h2{ color:#fff; margin: 0 0 5px; padding: 0 10px 0px 20px; font: 1.8em Arial, Helvetica, sans-serif; width: 460px; }

#gallery { float: right; width: 185px; margin-top: 90px; margin-right: 10px; margin-left: 10px; }

#gallery ul { margin: 0; padding: 0;list-style-type: none; }

#gallery ul li a { color: white; text-decoration: none; line-height: 1.6em; font-size: 1.3em; }
#gallery ul li a:hover { text-decoration: underline; }
table#gallerythumbs { margin-left: 22px; }

#gallerythumbs tbody tr td { padding-bottom: 10px; padding-right: 10px; }

#gallery ul li.galltitle a { font-weight: bold; }


#content p{font:normal 1.2em/1.6em Arial, Helvetica, sans-serif; color:#fff; padding: 0 20px; margin-bottom: 10px; margin-top: 0; width:460px; }

table#location { margin-left: 20px; border-collapse: collapse; margin-bottom: 20px; width: 455px; }

#location thead tr th, #unitsizes thead tr th { text-align: left; border-bottom: 2px solid #b51b2c; background-color: #000; color: #fff; height: 20px; }

#location tbody tr td, #unitsizes tbody tr td { color: #fff; border-bottom: 1px solid #b51b2c; }

#location td, #location th, #unitsizes th { font-size: 1.2em; padding-left: 4px; }

#unitsizes tbody tr td { font-size: 1.1em; background-color: #6cccf4; color: black; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; text-align: left; }

#unitsizes tbody tr.yellow td { background-color: #f7f062; }



div#downloads { clear: both; margin-top: 20px; margin-left: 20px; margin-right: 20px; margin-bottom: 0px; border: 1px solid #b31a2c; background-color: #bb1c2e; padding-left: 20px; }

#contacttpl #content img { margin-left: 20px; }

#downloads ul li.pdf a { color: #fff; font-size: 1em; text-decoration: none; background: url(../images/doc_types/icon_pdf.gif) no-repeat 0 center; padding-left: 20px; font-weight: bold; }

#downloads ul li.pdf { padding-bottom: 5px; height: 15px; }

#downloads ul li.pdf a:hover { color: #f7f062; text-decoration: underline; }

#content ul {font: normal 1.2em/1.2em Arial, Helvetica, sans-serif; color:#fff; }
#downloads ul { list-style-type: none; padding-left: 0; margin-left: 0; margin-right: 20px; }

#masterplantpl #content p { width: 340px;}
#unitsizes { float: right;  padding-left: 10px; margin-left: 20px; margin-right: 50px; }

table#unitsizes { border-collapse: collapse; border: 1px solid #b51b2c; margin-top: -500px; }

#content .row01 h3{font:bold 1.4em Arial, Helvetica, sans-serif; padding:0px 10px 0px 20px;margin:0; color:#5b0114;}

#content .row02 {border-top:2px solid #e12d47; padding-bottom:15px; margin-bottom:15px;}
#content .row02 h2{margin-left:15px; color:#FFFFFF; font-weight:normal;}
#content .row02 .news h2{margin-left:0;font:bold 1.2em Arial, Helvetica, sans-serif;margin:0; color:#5b0114;}
#content .row02 .news{float:left; width:220px; margin-right:4px; padding-bottom:10px; margin-top:0px;}
#content .row02 a{color:#fff; text-decoration:none;}
#content .row02 a:hover{ text-decoration:underline;}


#blocks{width:740px; margin:0 auto;}
#blocks .col01, #blocks .col02, #blocks .col03{float:left; }

#blocks .col02 {width:244px; background:url(/images/mailinglist-bg.gif) repeat-x #86222d; margin-left:4px;  height: 185px; display:block;}
#blocks .col02 h2, #blocks .col03 h2{font:normal 1.7em Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:15px 10px 10px 20px;}
#blocks .col02 form{padding:0 0 20px 0;margin:0;}
#blocks .col02 fieldset{padding:0;margin:10px 0 0 0; border:none;}
#blocks .col02 label{color:#fff; margin-left:20px; width:300px;}
#blocks .col02 input{width:200px; background-color:#913942; color:#fff; font-weight:bold; border:none; margin-left:20px; line-height:1.6em}
#blocks .col02 #submit{width:auto; float:right; margin-right:20px; margin-top:8px;}

#blocks .col03 {width:244px; background:url(/images/agents-bg.gif) repeat-x #86222d; margin-left:4px;float:left;  height: 185px; display:block;}
#blocks .col03 .agent{float:left;margin-left:20px;}
* html #blocks .col03 .agent{margin-left:10px;}
#blocks .col03 .agent02{margin-left:15px;}

#blocks .col03 .agent p{ font:normal 1.1em Arial, Helvetica, sans-serif; color:#fff; margin-top:5px;}
#blocks .col03 .agent a{color:#fff;}
#blocks .col03 .agent a:hover{text-decoration:none;}

.agent_contact{float:left; width:250px;}
.agent_contact img{margin-left:20px;}


.reach
{
margin:0 auto; 
width:750px; 
text-align:right; 
color:#FFFFFF; 
height:20px;

}
.reach a
{
color:#fff;
text-decoration:underline;
padding-top:20px;
}
.reach a:hover
{
color:#fff;
text-decoration:none;
}