/*--------------------------------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}

a:link{color: #0071BB; text-decoration:underline;}
a:visited{color: #0071BB; text-decoration:underline;}
a:hover{color: #0071BB; text-decoration:underline;}
a:active{color: #0071BB; text-decoration:underline;}

/*--------------------------------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.oilgas{background:url(../images/energy-header.png) top left; width:990px; height:80px; position:relative;} MC dec 11 */

body.energysect #header #headerInner{background:url(../images/energy-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.energy.first{margin:0 0 0 0!important;}
.box.energy{border-top:10px solid #983222!important}
.box.energy h2, .box.energy h2 a{color:#983222!important; font-size:12px!important; font-weight:bold;}

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

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

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


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


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





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


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


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


/*-------------GREEN*/
body.green h1, body.green h2, body.green h3, body.green h4, body.green h5{color:#008566!important;}
body.green .widget{ border-top:10px solid #008566!important;}
/*body.green #mainInner #text, body.green .innerImg {border-top:10px solid #008566!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:#983222!important;}
body.energysect .widget{ border-top:10px solid #983222!important;}
/*body.energysect #mainInner #text, body.energysect .innerImg{border-top:10px solid #983222!important;}*/




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

#tweetlink{ margin:0 0 15px 0; padding:0 0 0 0; float:left;}
#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:12px;}
.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 #request-link{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{}
.widget{border-right:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; padding:10px 10px 20px 10px;}
#mainInner img.innerImg{margin: 0 0 5px;}


#col2 #request{background:url(../images/brochure-button.png) no-repeat top left; width:276px; height:202px; cursor:pointer; margin:15px 0 0 20px; text-indent:-5000px;}
#col2 #request-link{background:url(../images/brochure-button.png) no-repeat top left; width:276px; height:202px; cursor:pointer; margin:15px 0 0 20px; display: block; text-indent:-5000px;}


/*TAG CLOUD*/
#featured{
    background: url("../images/quotes-bg.jpg") no-repeat scroll left top transparent;
    float: left;
    margin: 10px 20px 40px 0;
    padding: 14px 20px 0;
    width: 910px;
    height: auto; /*mc dec 2011 alts*/
    overflow: visible; /*mc dec 2011 alts*/
}

#featured #col1{
float:left;
width: 568px;
text-align:justify;
}

#featured #col2{
float:right;
width:295px;
margin:0 0 0 25px;
}

#featured-side{
    float: right;
    margin: 30px 0 0 20px!important; /*mc dec 2011 alts*/
    width: 280px;
	display:inline;
}

#featured #col1 h1,  #featured-side h2{font-size:20px!important; text-align:left!important; margin:0 0 10px 0!important;}
.home #featured #col2 h2{margin:0 0 10px 20px!important; font-size:20px;} /*mc dec 2011 alts*/

#featured #col1 .bold-first-para{font-weight: bold; font-size: 14px;} /*mc dec 2011 alts*/
#featured #col1 h3, #featured #col2 h3{
margin:0 0 15px 0;
}

body.oilgas #featured {width:930px; background:url('../images/featured-bg-full.jpg') no-repeat; padding-right:0 !important;}


#featured #col1.energyc{
width:315px;
}

#featured #col2.energyc{
width:230px!important;
}

#featured #col3.energyc{
width:315px!important;
}


#featured #col1 a, #featured #col2 a, #featured-side a{
color:#0071BB;
text-decoration:none;
}

#featured #col1 a:hover, #featured #col2 a:hover,  #featured-side a:hover{
color:#0099CC;
text-decoration:none;
}




/*--------------------------------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{ 
	left: 105px;
	list-style: none outside none;
	position: absolute;
	top: 10px;
}

#footer ul#footerNav2{
	left: 105px;/*90*/
	list-style: none outside none;
	position: absolute;
	top: 28px;
}

#footer ul.nav li{float:left; display:inline;}
#footer ul.nav li a{color:#888888; text-decoration:none; padding:0 5px 0 5px; border-right:1px solid #bdbdbd;}
#footer ul.nav 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:50;}



#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:55;*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*/

	#homeslider{position:relative; margin:40px 0 0 0;}
	#homeslider ul, #homeslider 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 */



ul#theboxes{list-style:none; padding:0; margin:0 0 40px 0;}
ul#theboxes li{float:left;}
ul#theboxes li a{width:190px; display:block; text-align:center; color:#FFFFFF; text-decoration:none; font-size:15px; font-weight:bold; height:30px; line-height:30px}


ul#theboxes li#corp a{background:#631d76;}
ul#theboxes li#tele a{background:#3db7e4;}
ul#theboxes li#govcouncil a{background:#d7a900;}
ul#theboxes li#hotelleisure a{background:#008566;}
ul#theboxes li#oilgas a{background:#983222;}

 
/*--------------------------------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;
}
}


/********************** BROCHURE REQUEST DECEMBER 11 ***********************/
.brochure-container{padding: 0; margin: 0 -10px; }
.brochure-container li.brochure-block{width: 220px; display: inline-block; float: left; margin: 0 10px 20px 5px; padding: 0; list-style: none;}
.brochure-container li.brochure-block h2 {font-size: 16px; font-weight: normal; margin-bottom: 5px;}
.brochure-container li.brochure-block a {text-decoration: none;}