/*--------------------------------RESET CSS*/

@import "reset.css";
@import "typography.css";

/*--------------------------------GLOBAL*/

html, body{ 

margin:0; 
padding:0; 
text-align:center; 
/*background:#d5d5d5 url("../images/bg.jpg") repeat-x top left;*/
background:#000000;
} 

#pagewidth{ 
width:990px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

h1, h2, h3, h4, h5{margin:0 0 22px 0; font-weight:bold;}

h1{font-size:24px}
h2{font-size:20px}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:12px}

/*--------------------------------JQUERY HOVER*/

.hidden{display:none;}
#hiddenCont{position:absolute; top:0; left:0;}

.show1{background:url("../images/corporate-slide.jpg") no-repeat top left; width:950px; height:396px;}
.show2{background:url("../images/medical-slide.jpg") no-repeat top left; width:950px; height:396px;}
.show3{background:url("../images/public-slide.jpg") no-repeat top left; width:950px; height:396px;}
.show4{background:url("../images/leisure-slide.jpg") no-repeat top left; width:950px; height:396px;}



/*--------------------------------HEADER*/
#header{
position:relative; 
width:100%;
margin:10px 0 10px 0;
}

#header #headerInner{background:url(../images/header.png) top left; width:990px; height:80px; position:relative;}

#header #headerInner #logo{position:absolute; width:166px; height:45px; top:17px; left:21px;}
#header #headerInner #logo a{position:absolute; width:100%; height:100%; text-indent:-5000px}

#header #headerInner ul#mainNav{ padding:0; margin:0; list-style:none; position:absolute; bottom:13px; left:222px;}
#header #headerInner ul#mainNav li{float:left; display:inline; text-transform:uppercase; font-size:11px; font-weight:bold; }
#header #headerInner ul#mainNav li a{text-decoration:none; padding:0 13px 0 13px; border-right:1px solid #bdbdbd; border-left:1px solid  #FFFFFF; color:#BF0400!important;}
#header #headerInner ul#mainNav li.first a{border-left:none; padding-left:0;}
#header #headerInner ul#mainNav li.last a{border-right:none; padding-right:0;}



#header #headerInner p#phone{position:absolute; top:0; right:30px; text-indent:-5000px}


/*--------------------------------MAINCOL*/

#maincol{
background-color:#CC0033; 
float: right; 
display:inline; 
position: relative; 
width:680px; 
}
#contTop{width:990px; height:10px; background:url("../images/conttop.png") top left no-repeat; float:left; position:relative; display:inline; overflow:hidden; }

#maincolInner{padding:0 21px 0 21px;}


.sect-but a {display:block; width:154px; height:35px; text-indent:15px; background:url("../images/sector-but.jpg") no-repeat top left; text-decoration:none; line-height:35px; font-weight:bold; color:#666; }

/*--------------------------------MAINCOL---------------------GLOBAL*/

#maincol{
background:url("../images/contbg.png") repeat-y top left;
float: left; 
display:inline; 
position: relative; 
width:950px;
padding:0 20px 0 20px;
}

/*--------------------------------MAINCOL---------------------HOME*/


#sectors{ position:absolute; top:280px; left:30px; width:932px; }
#sectors .box{ background-color:#FFFFFF;  width:155px; height:auto; float:left; display:inline; margin:0 0 0 9px; padding:12px; position:relative;}
#sectors .box h2{font-size:14px; font-weight:bold; margin:0 0 10px 0}
#sectors .box ul{margin:0 0 0 0; list-style:none; font-size:11px;}
#sectors .box ul li{margin:0 0 0 0; line-height:20px;}
#sectors .box ul li a{text-decoration:none; color:#393939; background:url("../images/grey-arrow.gif") no-repeat 0 3px; padding:0 0 0 10px;}
#sectors .box ul li a:hover{text-decoration:underline;}

.box#hover1{margin:0 0 0 0; border-top:10px solid #e7cc14}
.box#hover1 h2, .box#hover1 h2 a{color:#c5ac04;}

.box#hover2{border-top:10px solid #88badd}
.box#hover2 h2, .box#hover2 h2 a{color:#88badd;}

.box#hover3{border-top:10px solid #e79514}
.box#hover3 h2, .box#hover3 h2 a{color:#e79514;}


.box#hover4{border-top:10px solid #8aae13}
.box#hover4 h2, .box#hover4 h2 a{color:#8aae13;}


.box#hover5{border-top:10px solid #CC0606}
.box#hover5 h2, .box#hover5 h2 a{color:#CC0606}




/*-------------YELLOW*/
body.yellow h1, body.yellow h2, body.yellow h3, body.yellow h4, body.yellow h5{color:#c5ac04!important;}
body.yellow .widget{ border-top:10px solid #e7cc14!important;}
body.yellow #mainInner #text, body.yellow .innerImg{border-top:10px solid #e7cc14!important;}


/*-------------RED*/
body.red h1, body.red h2, body.red h3, body.red h4, body.red h5{color:#88badd!important;}
body.red .widget{ border-top:10px solid #88badd!important;}
body.red #mainInner #text, body.red .innerImg{border-top:10px solid #88badd!important;}


/*-------------ORANGE*/
body.orange h1, body.orange h2, body.orange h3, body.orange h4, body.orange h5{color:#e79514!important;}
body.orange .widget{ border-top:10px solid #e79514!important;}
body.orange #mainInner #text, body.orange .innerImg{border-top:10px solid #e79514!important;}


/*-------------GREEN*/
body.green h1, body.green h2, body.green h3, body.green h4, body.green h5{color:#8aae13!important;}
body.green .widget{ border-top:10px solid #8aae13!important;}
body.green #mainInner #text, body.green .innerImg {border-top:10px solid #8aae13!important;}


/*-------------GREY*/
body.grey h1, body.grey h2, body.grey h3, body.grey h4, body.grey h5{color:#3e3e3e!important;}
body.grey .widget{ border-top:10px solid #3e3e3e!important;}
body.grey #mainInner #text, body.grey .innerImg{border-top:10px solid #3e3e3e!important;}


/*-------------ENERGY COLOURS*/
body.energysect h1, body.energysect h2, body.energysect h3, body.energysect h4, body.energysect h5{color:#CC0606!important;}
body.energysect .widget{ border-top:10px solid #CC0606!important;}
body.energysect #mainInner #text, body.energysect .innerImg{border-top:10px solid #CC0606!important;}





/*TWITTER*/



p#tweeted {color:#a1a0a0; font-size:10px; text-transform:uppercase; padding:0 0 0 0; margin: 0 0 10px 0;} 
p#tweeted a {color:#a1a0a0; }
p#text{color:#555555; padding:0 0 15px 0; border-bottom:1px solid #CCCCCC; margin:0 0 15px 0;}

p#tweetlink{ margin:0 0 15px 0; padding:0 0 0 0; float:left;}
p#tweetlink a{background: url("../images/latesttweet.jpg") no-repeat 0 0; height:30px; width:240px; float:left; font-weight:bold; text-indent:70px; line-height:30px; display:block;}

/*TABS*/ 

/*------TABS------*/

.container {width: 290px; margin:20px 0 30px 0; position:relative; float:left; display:inline;}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	border-bottom: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	line-height: 31px;
	border: 1px solid #d6d6d6;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	position: relative;

	
}




ul.tabs li a {
padding:5px 7px 5px 7px;
margin:0;
font-size: 12px;
text-decoration: none;
display: block; 
background:#f6f6f6; 
color:#676767; 
font-weight:bold;
border: 1px solid #fff;



}

ul.tabs li a:hover {
	background:#dfdfdf;
}	

html ul.tabs li.active, html ul.tabs li.active a:hover, html ul.tabs li.active a{
	background: #FFFFFF!important;
	border-bottom: 1px solid #FFFFFF;
	font-weight:bold;
	color:#0f0f0f!important;
}

.tab_container {
	border: 1px solid #d6d6d6;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;

}

.tab_content {
	padding: 15px;

}

.tab_content a {
color:#0071bb;
}

.tab_content a:hover {
text-decoration:none;
}



.tab_content ul{float:left; width:260px; padding:0!important; margin:0 0 15px 0!important;}
.tab_content ul li{list-style:none; padding:0!important; margin:0!important;}
.tab_content ul li a{text-decoration:none; background-color:#FFFFFF; border-bottom:1px solid #dedede; display:block; width:230px; padding:5px 10px 5px 0; color:#333333;}
.tab_content ul li.last a{border-bottom:none;}

.tab_content ul li a:hover{color:#0071bb;}



.tab_content  select{
	width:100%; margin:0 0 10px 0;
}






/*--------------------------------MAINCOL---------------------INNER*/


body.inner #leftcol{

float: left; 
display:inline; 
position: relative; 
width:225px;
margin:0 9px 0 0;
padding:0 0 20px 0;
}

body.inner #mainInner{
float: right; 
display:inline; 
position: relative; 
width:715px;
padding:0 0 20px 0;
}


#mainInner #text{ padding:15px 15px 0 15px; font-size:13px; color:#212121; }

.widget h3{font-size:14px; font-weight:bold; margin:0 0 10px 0}
.widget{margin:0 0 10px 0; float:left; width:205px;}


.widget#sidenav ul{margin:0 0 0 0; list-style:none; font-size:11px;}
.widget#sidenav ul li{margin:0 0 0 0; line-height:20px;}
.widget#sidenav ul li a{text-decoration:none; color:#393939; background:url("../images/grey-arrow.gif") no-repeat 0 3px; padding:0 0 0 10px;}
.widget#sidenav ul li a:hover{text-decoration:underline;}

.leisure#sidenav ul li ul { margin-left:12px; }

.widget #callus{background:url("../images/side-buts.jpg") 0 -339px no-repeat; height:104px; width:205px; display:block; position:relative; margin:0 0 10px 0; text-indent:-5000px}
.widget a#emailus{background:url("../images/side-buts.jpg") 0 -202px no-repeat; height:54px; width:205px; display:block; position:relative; margin:0 0 10px 0; text-indent:-5000px }
.widget #request{background:url("../images/side-buts.jpg") 0 -270px no-repeat; height:54px; width:205px; display:block; position:relative; margin:0 0 10px 0; text-indent:-5000px; cursor:pointer; }
.widget a#followus{background:url("../images/side-buts.jpg") top left no-repeat; height:54px; width:205px; display:block; position:relative; margin:0 0 10px 0; text-indent:-5000px}
.widget a#blogus{background:url("../images/side-buts.jpg") 0 -68px no-repeat; height:54px; width:205px; display:block; position:relative; margin:0 0 0 0; text-indent:-5000px}


#mainInner #text{-moz-border-radius-topright: 5px; -webkit-border-top-right-radius : 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius : 5px;}
.widget{border-right:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; padding:10px 10px 20px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.innerImg{margin:0 0 22px 0; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius : 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius : 5px;}








/*--------------------------------CONTACTUS*/

body.contactus #col1{float:left; width:355px; margin:0 0 20px 0}
body.contactus #col2 ul{list-style:none;}
body.contactus #col1 p, body.contactus #col2 p{margin:0 0 10px 0;}
body.contactus #col2{ width:310px; float:left; margin:0 0 20px 0; padding:0 0 0 20px;}


/*--------------------------------CONTACT FORM*/

#success{border:1px dotted #00CC00; background-color:#DBFFD7; padding:10px; margin:0 0 10px 0}
#error{border:1px dotted #990000; background-color:#FFCCCD; padding:10px; margin:0 0 10px 0}


/*--------------------------------FOOTER*/

#footer{
position:relative;

background:url("../images/contbot.png") top left no-repeat;
clear:both;
} 

#footer a{
color:#666666; text-decoration:none; 
} 


#footerInner{position:relative;  height:150px;  }

#footer ul#footerNav{ list-style:none; position:absolute; top:18px; left:15px;}
#footer ul#footerNav li{float:left; display:inline;}
#footer ul#footerNav li a{color:#888888; text-decoration:none; padding:0 13px 0 13px; border-right:1px solid #bdbdbd;}
#footer ul#footerNav li.last a{border-right:none; padding-right:0;}

.last{border-right:none !important; }

p#copyright{position:absolute; top:80px; left:390px; font-size:11px; color:#666666;}


/*--------------------------------POP UP FORM*/



#requestForm{width:500px;}



#requestForm label{clear:left;display:block;float:left;font-weight:bold;margin:8px 0;width:120px;}



#requestForm input{display:block;float:left;margin:8px 0;width:200px; border:1px solid #b8b8b8;}



#requestForm  #brochureCheckboxes {float:right;width: 380px;}



#requestForm  #brochureCheckboxes label{clear:none;font-weight:normal; margin:4px 0;width:260px;}



#requestForm  #brochureCheckboxes input{clear:left;margin:8px 0;width:20px; }



#requestForm #brochureSide{clear:left;display:block;float:left;height:140px;margin:0;text-align:top;width:120px;}



/************* Lightbox Begin ************/



#lightboxBCWrapper {filter: alpha(opacity=80);background:#000;display:none;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);position:absolute;z-index:24;}



#lightboxBC {text-align:left!important;background:#fff;border: 2px solid black;display:none;padding: 25px;position:absolute;	-moz-border-radius: 6px;-webkit-border-radius: 6px;	-moz-box-shadow: black 5px 5px 5px;-webkit-box-shadow: black 5px 5px 5px;box-shadow: black 5px 5px 5px;		z-index:25;*width: 600px;*margin-left:-25%;*left:-25%;}



#lbTitle {font-size:20px; font-weight:bold;}



#requestBut{margin:10px 0 0 121px!important;

background-color:#31C61C;

color:#FFFFFF;

cursor:pointer;

display:block;

font-size:12px;

height:35px;

border:1px solid #00A600!important;

padding:0 20px 0 20px;

clear:both;

text-shadow:1px 1px 1px #254E14;

text-transform:uppercase;

width:auto!important;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

}



#lbClose{background:url("/images/window_close.gif") no-repeat scroll 0px 4px transparent;color:#767874;float:right;cursor:pointer;padding:0;height:24px;display:block;font-weight:bold;width:24px;}



#lbContents{ clear:both; padding-top:4px; }




/*--------------------------------QUOTES*/

ul#mycarousel li.quote{color:#555555;} 
ul#mycarousel li.quote p.name{color:#272727; font-weight:bold; font-style:italic; margin:0 0 0 0;}
ul#mycarousel li.quote p.text{margin:0 0 5px 0}
ul#mycarousel li.quote h3{ color:#676767; text-transform:uppercase; font-size:14px; font-weight:bold;}

ul#mycarousel li.quote h3{height:57px; line-height:59px; margin:0 0 10px 0;}
ul#mycarousel li.quote#q1 h3{background:url("../images/police-q.jpg") top left no-repeat; padding:0 0 0 0; text-indent:-5000px;}
ul#mycarousel li.quote#q2 h3{background:url("../images/att-q.jpg") top left no-repeat; padding:0 0 0 90px; text-indent:-5000px}
ul#mycarousel li.quote#q3 h3{background:url("../images/fox-q.jpg") top left no-repeat; padding:0 0 0 90px;}
ul#mycarousel li.quote#q4 h3{background:url("../images/standard-q.jpg") top left no-repeat; padding:0 0 0 90px; text-indent:-5000px}
ul#mycarousel li.quote#q5 h3{background:url("../images/bp-q.jpg") top left no-repeat; padding:0 0 0 90px; text-indent:-5000px}
ul#mycarousel li.quote#q6 h3{background:url("../images/ford-q.jpg") top left no-repeat; padding:0 0 0 90px; text-indent:-5000px}

sup{font-size:11px; text-transform:lowercase;}

/*--------------------------------EASYSLIDER*/

	#slider{position:relative;}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:950px;
		height:396px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */







 
/*--------------------------------FLOAT FIX*/ 

.clear{clear:both;}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{
height: 1%;
}
.clearfix{
display: block;
}
/* End hide from IE-mac */  
 
/*--------------------------------PRINT STYLE*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{
width:100%; float:none;
}
}