/*----------------General----------------*/
body {
	background-color:#272727;
	text-align: center;
	font-family: Arial, sans-serif;
}

.clear {
	clear: both;
}

.hidetext {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	line-height:0;
	height:0;	
}

h1.hidetext{
	line-height:0;
	height:0;
}

strong {
	font-weight: bold;
}

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

/*----------------END General----------------*/


/*----------------Structure----------------*/
#wrapper{
	width: 950px;
	margin:7px auto;
}

#header{}

#content{
	width:740px;
	float:left;
	margin-bottom:20px;
}

#sidebar{
	width:205px;
	float:right;
}

#footer{
	background:url(../images/bg_hr.gif) no-repeat;
	margin:0 0 10px;
}
/*----------------END Structure----------------*/

.sideitem{
	background:url(../images/hr.gif) no-repeat;	
	padding:15px 0;
}
.sideitem1{
	background:url(../images/hr.gif) no-repeat;	
	padding:6px 0;
}
.sideitem2{
	background:url(../images/hr.gif) no-repeat;	
	padding:15px 0 12px 0;
}


.cta{
	margin-bottom:9px;
	
}

.ctaleft{	
	float:left;
}

.leftcol, .rightcol{
	width:370px;
}
.rightcol .textboxbot ul li a{
	color:black!important;
}
.rightcol .textboxbot ul li a:hover{
	text-decoration:underline;
}
.leftcol{
	float:left;
}

.rightcol{
	float:right;
}

.narrowbox{
	float:left;
	width:185px;
	padding-bottom:8px;
}

.narrowbox_bottom{
	float:left;
	width:185px;
	position:relative;
	bottom:-2px;
}

.narrowbox_bottom a{
	line-height:0;
}

.narrowbox_bottom p{
	position:absolute;
	bottom:-15px;
}

.bluebox{
	background:#66ccff;
	width:180px;
	}
	
.greybox{
	width:180px;
	background:#999;
}

.textbox{
	margin:8px 8px 26px;
}

.textboxbot{
	margin:8px;
}

.rightcol .textbox p{
	padding-right:5px;
}
.textbox2{
	background:#FFF;
	min-height:120px;
	height:120px;	
}

.textbox_inner{
	padding:8px;
}

.twocolumn_bg{
	background:url(../images/bg_columns.gif) repeat-y;
	margin-bottom:15px;
}


#contactbg{
	background:#66ccff url(../images/contact2.gif) top right no-repeat;
	margin-bottom:30px;
	margin-right:5px;
}

#contactcol{
	 width:369px; 
	 background:#CCC;	
	}
	
#contact{
	padding:0 0 35px 13px;
}
/*contact form*/
#contact fieldset{
	margin-top:8px;
}

#contact label{
	display:block;
	line-height:1.2;
}

#contact input{
	border:1px solid #999;
	color:#000000;
	width:150px;
	padding:3px 0;
}

#contact textarea{
	color:#000000;
	border:1px solid #999;
	padding:3px 0;
}

.formitem{
	width:160px;
	float:left;
	margin-bottom:6px;
}

.messageitem{
	margin-bottom:6px;
}

input#submit{
	border:none;
	 width:64px;
	 height:12px;
}

#subnav{
	margin:9px 0 8px;
	position:relative;
}

#controls{
		position:absolute;
		top:0;
		right:0;
		width:370px;
}

#controls a, #controls span{
	display:block;
	float:left;
	width:120px;
}

#controls span{
	color:#999;
}
/*END contact form*/

/*case studies*/
.caseitem{
	float:left;
	width:370px;
	padding:168px 0 15px;
	position:relative;
}

.caseitem img{
		position:absolute;
		top:0;
		left:0;
}
/*END case studies*/

/*boxes*/
#address{
	background:url(../images/home12.gif);
	display:block;
	height:127px;
	width:185px;
	cursor:pointer;
}

#address_grey{
	background:url(../images/addy2.gif);
	display:block;
	height:127px;
	width:185px;
	cursor:pointer;
}
#address_grey:hover, #brochure2:hover{
	background-position:left bottom;
}
#linkedin{
	background:url(../images/home11.gif) no-repeat;
	display:block;
	height:121px;
	width:185px;
	cursor:pointer;
	background-position:left top;
}

#brochure{
	background:url(../images/home13.gif) no-repeat;
	display:block;
	height:121px;
	width:185px;
	cursor:pointer;
	background-position:left top;	
}

#brochure2{
	background:url(../images/brochure.gif) no-repeat;
	display:block;
	height:127px;
	width:185px;
	cursor:pointer;
}

#phoneno{
	background:url(../images/phone.gif) no-repeat;
	display:block;
	height:127px;
	width:185px;
}

#news{
	background:url(../images/home14.gif) no-repeat;
	height:127px;
	width:185px;
}

#news fieldset{
	padding-top:57px;
}


#name{
	border:1px solid #999999;
	color:#000000;
	padding:3px 0;
	width:140px;
	margin-left:8px;
}

#submitnews{
	margin-top:15px;
	width:76px;
	height:23px;
}
/*END boxes*/

/*Annual Report*/

#reportsbg{
	background:#fff;
	width:735px;
}

#reportsidebar{
	float:left;
	width:126px;
}

#reportscontent{
	float:right;
	width:580px;
	margin-right:15px;
}

h1.annualrep{
	background:url(../images/annual_reports/annaulreport_title1.gif);
	width:735px;
	height:335px;
}

h2.exceed{
	background:url(../images/annual_reports/title_exceed.gif);
	height:93px;
	width:304px;
	margin-left:-15px;
}

h2.team{
	background:url(../images/annual_reports/title_team.gif);
	height:45px;
	width:65px;
}

h2.letus{
	background:url(../images/annual_reports/title_letus.gif);
	height:64px;
	width:360px;
}

h2.contactus{
	background:url(../images/annual_reports/title_contact.gif);
	height:57px;
	width:97px;
}

h2.whatother{
	background:url(../images/annual_reports/title_whatother.gif);
	height:64px;
	width:256px;
}

#reportsbg p{
	color:#000;
	margin-bottom:15px;
}

#reportsbg ul.bigbluelist {
	color:#66CCFF;
	font-size:.95em;
}

#reportsbg ul.bigbluelist li{
	background:url(../images/annual_reports/bulletblue.gif) no-repeat;
	padding:0 0 7px 20px;
}

#reportsbg p#environ{
	background:url(../images/annual_reports/bg_environment.gif) top left no-repeat;
	padding-top:50px;
}

#reportsbg hr{
	border:none;
	background:url(../images/annual_reports/hr_annualreport.gif) bottom left no-repeat;
	height:30px;
}

/*END Annual report*/
/*----------------Nav----------------*/

ul#nav, ul#reportsnav{
	font-size:8pt;
}

ul#reportsnav{
	margin:95px 0 0 10px;
}

#nav li ul{
	background:white!important;
	width:107px!important;
}
#nav li ul li{
	
}
#nav li ul li a{
	display:block;
	color:#999999;
	text-decoration:none;
	height:13px;
	vertical-align:middle;
	font-size:1.375em;
	background:white!important;
	width:103px;
	padding-left:4px;
}
#nav li ul li a:hover{color:#66ccff!important;}
#nav li ul li a.active{color:#66ccff!important;}
#nav li, #reportsnav li {
	margin:0 0 5px 0;
}

#nav li a, #reportsnav li a{
	width:107px;
	display:block;
	background:#66ccff;
	color:#FFF;
	text-decoration:none;
	height:17px;
	vertical-align:middle;
}

#nav li a:hover, #nav li.active a, #reportsnav li a:hover, #reportsnav li.active a{
	background:#999999;
}

#nav li a span, #reportsnav li a span{
	padding:2px 0px 0px 5px;
	vertical-align:middle;
	font-weight:bold;
	display:block;
}
/*----------------END Nav----------------*/


/*----------------Titles----------------*/
#logo{
	background:url(../images/logo.gif);
	width:199px;
	height:135px;
	display:block;
}

#logo a{
	display:block;
	cursor:pointer;
	width:199px;
	height:135px;
}

h1.contacttitle{
	background:url(../images/contacttitle.gif);
	height:33px;
	width:106px;
}
/*----------------END Titles----------------*/


/*----------------Text----------------*/
p, ul, label, input, textarea{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.625em;
	line-height:1.25em;
	}
	
.IncFont{
	font-size:1.1em;
	
}
sup{font-size:0.65em;}

p a, ul a{
	color:#FFF;
	text-decoration:none;
}

p a:hover, ul a:hover, p a.active, ul a.active{
	color:#66ccff;
}

span.lgline{
	line-height:1.7;
}

.blue{
	color:#66ccff;
}

#sidebar p, #sidebar ul{
	color:#FFF;
	}
	
#sidebar p.spaced{
	margin-bottom:15px;
}

#sidebar p.spaced1{
	margin-bottom:6px;
}

#subnav ul{
	width:370px;	
}

#subnav ul li{
	float:left;
	width:180px;
	margin-bottom:11px;
}

#testimonials p.bigbluetext{
	color:#66CCFF;
	font-size:0.9em;
	margin:30px 0 12px;
}

#testimonials p{
	font-size:0.8em;
}


p.toplink{
	margin-top:45px;
	color:#66ccff;
	
}

p.toplink a{
	color:#999;
	text-decoration:none;
	font-size:0.88em!important;
}

p.toplink a:hover{
	color:#66ccff;
	text-decoration:underline;
}

.textbox h2, .textbox2 h2, .textboxbot h2{
	font-size:0.7em;
	font-weight:bold;
	color:#66ccff;
	margin-bottom:10px;
}
.textboxbot h2{
	font-size:0.7em;
	font-weight:bold;
	color:#66ccff;
	margin-bottom:10px;
}
	
.textbox p, .textbox ul, .textbox2 p, .textbox2 ul, .textboxbot p, .textboxbot ul{
	color:#000;
	font-weight:bold;
}
.textboxbot ul li{line-height:17px;}

ul.twocol li{
	float:left;
	width:145px;
	/*margin-bottom:1px;*/
}

.caseinner h2, .caseinner h3{
	color:#66ccff;
	font-size:0.625em;
	font-weight:bold;
}

.caseinner p{
	margin-bottom:15px;
}

.caseinner{
	float:left;
	width:185px;
}

#footer ul{
	padding:8px 0 10px;
	color:#FFF;
	}

#footer ul li{
	display:inline;
	padding:0 3px;
}

#footer ul li a{
	text-decoration:none;
	color:#FFF;
}

#footer ul li a:hover{
	color:#999;
}

#contact label{
	color:#333;
}

.submitbutton a{
	background-image:url(../images/contact4.gif);
	display:block;
	width:64px;
	height:12px;
	margin:0px!important;
	padding:0px!important;
	background-position:top;
	font-size: 0; /*IE6 fix*/
}
#news a{

	width:76px;
	height:12px;;
		display:block;
		background:url(../images/bsubmit.gif);
		font-size: 0; /*IE6 fix*/
		position:absolute;
		top:46px;
		left:0px;
}
.hasHover:hover{
	background-position:bottom!important;
}
/*----------------END text----------------*/

/* ####################### cutegecko before after and testimonials ################# */

#BAgallery
{
	width:735px;
}
#BAgallery .inner
{
	padding:20px 10px 30px 10px;
}
#BAgallery .BAtop
{
	background:#FFF;
}
#BAgallery .BAtop p
{
	font-size:10px;
	color:#000;
}
#BAgallery h1, #BAgallery h4
{
	color:#66ccff;
}
#BAgallery h1
{
	font-size:38px;
	padding:0 0 5px 0;
}
#BAgallery h4
{
	padding:0 0 5px 0;
	font-size:13px;
	letter-spacing:0.07em;
}
#BAgallery p
{
	font-size:10px;
}
#BAgallery p.image
{
	margin-top:10px;
}

#BAgallery p.blue
{
	font-size:10px;
	color:#66ccff;
}
#BAgallery ul
{
	width:735px;
	overflow:hidden;
	margin:4px 0 0 0;
	
}
#BAgallery ul li
{
	width:155px;
	float:left;
	overflow:hidden;
}
#BAgallery ul li.hideme
{
	display:none;
	float:left;
	overflow:hidden;
}
#BAgallery ul li.viewcase{
	margin:0 0 0 60px;
}
#BAgallery ul li.right
{
	width:100px;
	float:right;
	overflow:hidden;
	text-align:right;
}
#testimonials p{
	color:#66CCFF;
	font-size:0.9em;
	margin:0px 0 0px;
}
#testimonials h5{
	color:#000000;
	font-size:11px;
	margin:3px 0 3px;
}
#testimonials h5.person{
	padding:12px 0 0 0;	
}
#testimonials .dotted
{
	border-bottom:1px dotted #000;
	height:15px;
	margin:0 20px 0 20px;
}
#testimonials{
	background:#FFF;
	margin-right:5px;
	padding:0 0 40px 0;
}

#testimonials .innertop{
	padding:57px 40px 20px 134px;
}
#testimonials .inner{
	padding:30px 40px 0px 134px;
}
#testimonials .toplink
{
	padding:0px 40px 0px 134px;
}