/* Main CSS Styles Document 
Author: 		Steven Gleave
Last Modified: 	23/05/2008
*/

/* Import Master Reset */
@import url(reset.css);

body { margin: 0; padding: 0; background: #fff; font-family: Verdana, Helvetica, sans-serif; }

/* Main Site Styles */
#wrapper { width: 960px; margin: 0; padding: 0; }

#header { width: 960px; height: 128px; background: #fff; margin: 0px; padding: 0px; }
#header_1 { float: left; height: 128px; display: inline;}
#header_2 { float: left; height: 128px; display: inline;}
#header_3 { float: left; height: 128px; display: inline;}
#header_4 { float: left; height: 128px; display: inline;}
#header_construction_site_2 { float: left; width: 349px; height: 128px; display: inline; }
#header_woman_with_pc { float: left; width: 158px; height: 128px; display: inline; }
#header_construction_site_1 { float: left; width: 260px; height: 128px; display: inline; }
#header_training_with_pc { float: left; width: 196px; height: 128px; display: inline; }
#header_360_193 { float: left; width: 193px; height: 128px; display: inline; }
#header_360_196 { float: left; width: 196px; height: 128px; display: inline; }

#content_container { width: 945px; margin: 0; padding: 20px 0px 15px 15px; background-image:url(/images/telephone_55pc.png); background-repeat:no-repeat; background-position:bottom right; }

/*--- Navigation --------------------------------*/
#nav { float:left; width:168px; position:relative; text-align:right; }
#nav ul li { margin:0; padding:0; }
#nav ul li { margin:0; padding:0; border:1px solid white; }
#nav a.middleitem { text-decoration:none; font-weight:bolder; font-size:13px; line-height:1em; color:#aaa; text-decoration:none; display:block; padding:4px 0px; font-family:"Trebuchet MS"; }
#nav a.middleitem:hover { color:#ff6600; }


#menu a.topitem { font-weight:bolder; font-size:14px; color:#777; text-decoration:none; }
#nav a.topitem:hover { color:#ff6600; }
/*
#nav #menu #nav_1 a { font-weight:bolder; font-size:16px; color:#D3CBC9; text-decoration:none; }
#nav #menu #nav_1 a:hover, #nav #menu #nav_1 a.active { font-weight:bolder; font-size:16px; color:#1D191A; text-decoration:none; }

#nav #menu #nav_2 a { font-weight:bolder; font-size:16px; color:#D3CBC9; text-decoration:none; }
#nav #menu #nav_2 a:hover, #nav #menu #nav_2 a.active { font-weight:bolder; font-size:16px; color:#1D191A; text-decoration:none; }

#nav #menu #nav_3 a { font-weight:bolder; font-size:16px; color:#D3CBC9; text-decoration:none; }
#nav #menu #nav_3 a:hover, #nav #menu #nav_3 a.active { font-weight:bolder; font-size:16px; color:#1D191A; text-decoration:none; }

#nav #menu #nav_4 a { font-weight:bolder; font-size:16px; color:#D3CBC9; text-decoration:none; }
#nav #menu #nav_4 a:hover, #nav #menu #nav_4 a.active { font-weight:bolder; font-size:16px; color:#1D191A; text-decoration:none; }

#nav #menu #nav_5 a { font-weight:bolder; font-size:16px; color:#D3CBC9; text-decoration:none; }
#nav #menu #nav_5 a:hover, #nav #menu #nav_5 a.active { font-weight:bolder; font-size:16px; color:#1D191A; text-decoration:none; }
*/

#content { float: left; width: 727px; margin-left: 50px; }

#phone { width: 134px; height: 146px; float: right; margin-top: -95px; margin-bottom: 10px; margin-right: 15px; }

#footer { width: 960px; height: 20px; background: #fff; }


a { font-family: Verdana; line-height:1.3em; text-decoration: none; color: #702a7c; }
a:hover, a:active { font-family: Verdana; line-height:1.3em; text-decoration: none; color: #ff6600; }

/*--- Typeography ---------------*/
p { font-family: Verdana; font-size:0.8em; color:#0A0607; line-height:1.3em; margin-bottom:.7em; padding-right: 80px}
p.short { width: 550px; font-size:1.1em; color:#0A0607; line-height:1.3em; margin-bottom:.7em; }
p.quote { font-style: italic; }
label  { font-family: Verdana; font-size: 0.9em; }
#content li { font-family: Verdana; font-size:0.8em; line-height: 1.3em; list-style:circle; margin-left:2em; margin-bottom:0.5em }
h1 { font-family: Verdana; font-size: 1.3em; font-weight: bold; line-height: 1em; margin-bottom: .3em; color: #ff6600; }
h2 { font-family: Verdana; font-size: 1.1em; font-weight: bold; line-height: 1em; margin-bottom: .3em; margin-top: 1em; color: #ff6600; }
h3 { font-family: Verdana; font-size: 0.9em; font-weight: bold; line-height: 1em; margin-bottom: .3em; color: #ff6600; }
h4 { font-size: 0.7em; line-height: 1em; margin-bottom: 1.25em; color: #F57E16; }
h5 { font-size: 0.7em; font-weight: bold; margin-bottom: 1.5em; color: #F57E16; }

strong { font-weight: bold; }

.clear { clear:both; }

/* enquiry form */
#enquiry_form { margin-top:3em; padding:0; }
#enquiry_form label{ float:left; width:220px; padding:.4em 1em 0 1em; text-align:right; }
#enquiry_form fieldset{ margin:1em 0; border:none; }
#enquiry_form fieldset div{ margin-bottom:.5em; padding:0; display:block; }
#enquiry_form fieldset div input {width:200px; border:2px solid #DFDFDF; padding:3px; color:#333; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#enquiry_form fieldset div textarea { width:200px; border:2px solid #DFDFDF; padding:3px; color:#333; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#enquiry_form fieldset div select{ padding:3px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
/* #enquiry_form fieldset div.fm-req label:after{ content:"* "; font-size:14px; color:red; padding-left:3px; } */
#enquiry_form fieldset div.fm-req label span.astrix{ font-size:14px; color:red; padding-left:3px; }
#enquiry_form #fm-submit{ clear:both; padding:.5em 0 0 250px; text-align:left; }
#enquiry_form #fm-submit input{border:1px solid #333; padding:2px 1em; background:#555; color:#fff; font-size:0.9em; cursor:pointer;}

DIV.errorbox { font-family: Verdana; font-size: 0.8em; border: 1px solid #c33; background: #fcc; color: #f00; padding: 10px; }

input:focus,textarea:focus{ background:#F7F7F7; color:#000; }
#enquiry_form p.formHint { color:#7C7C7C; margin:.1em 0 0 15em; padding:3px 0; font-size:80%; font-weight: bold; display:block;}
#nav #menu #nav_1 a.active1 { color:#1D191A; }
#nav #menu #nav_2 a.active1 { color:#1D191A; }
#nav #menu #nav_3 a.active1 { color:#1D191A; }
#nav #menu #nav_4 a.active1 { color:#1D191A; }
#nav #menu #nav_5 a.active1 { color:#1D191A; }
#nav a.active_sub { color:#959394; }
#nav a.active_sub_selected { color:#FAA967; }

div.engineering_case_studies { background-color: #007281; margin-left: -10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}
div.construction_case_studies { background-color: #217634; margin-left: -10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}
div.policing { background-color:#00a4db; margin-left:-10px; padding:10px 0px 10px 10px; }
div.nhs { background-color:#702a7c; margin-left:-10px; padding:10px 0px 10px 10px }
ul.circlelist { font-family: Verdana; font-size: 0.8em; margin-left: 40px; margin-right: 80px; list-style-type: disc; line-height: 1.5em; }
.colourlist { font-family: Verdana; font-weight: bold; font-size: 0.8em; list-style-type: none; line-height: 1.2em; }
.colour1 { color: #00a4db; }
.colour2 { color: #007281; }
.colour3 { color: #bc262b; }
.colour4 { color: #006790; }
.colour5 { color: #217634; }
.colour6 { color: #702a7c; }
.colour7 { color: #c5d634; }
.colour8 { color: #ff6600; }
.white { color: white; }

p.quote { font-style: italic; }

sup {  }
span.champ_cha { font-family: Verdana; font-weight: bold; font-size: 1.2em; color: #ff6600; }
span.champ_mp { font-family: Verdana; font-weight: bold; font-size: 1.2em; color: #998; }
span.champ_copy { font-family: Verdana; font-weight: bold; font-size: 1.2em; vertical-align: super; }
span.champ_words { font-family: Verdana; font-weight: bold; font-style: italic; font-size: 0.9em; color: #ff6600; }