/* CSS Document */


/* --------------------| BODY |-------------------- */


	
html, body {
font-size: 12px;
background:url(../images/background/mainBG.gif) repeat-x #e0e2e3;
color: #000000;
width: 100%;
height: 100%;
text-align:left;
font-family:Arial, sans-serif;
}

	

body {

font-family:Arial, sans-serif
}

.wrapper{
	background:url(../images/background/leftBG.gif) no-repeat;
	width: 100%;
height: 100%;}

.building{
	background:url(../images/background/bgBuilding.gif) no-repeat right 41px;
	}
	
	.contentBtm{
		width:100%;
		background:#b9e1f7;
		height:10px;
		display:block;
		float:left;
		margin-bottom:10px;}

/* --------------------| GENERAL TEXT |-------------------- */



a {
color: #454a82;
font-family:Arial, sans-serif;
text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
font-weight: normal;
color:#0091D0;
width:100%;
}

h1{
	font-size:25px;
	}
	
	.smlTitle{
	font-size:18px;
	text-align:center;}
h2{
	margin-bottom:10px;
font-size: 22px;

	
}

h3{
	margin-bottom:5px;
font-size: 14px;

	
}

h4{
	color:#1e4579;
	font-size:18px;
	}

.divides{
	background:url(../images/main/dots.gif) repeat-x bottom;
	width:100%;
	margin:10px 0 20px 0;
	height:4px;
}


strong {
font-weight: bold;
}

em {
font-style: oblique;
}

#mainArea p{
line-height: 16px;
font-size:12px;
color: #000;
font-family:Arial, sans-serif;
margin:10px 0;
}

#mainArea .mainP{
	background:#b9e1f7;
	padding:15px;
	color:#08396a;
	font-size:14px;
	line-height:18px;
	letter-spacing: -0.05em;
	font-weight:bold;
	margin:0;
	}

#mainArea .smlText{
	font-size:10px;
	color:#0091D0;
	margin:0 0 10px 0;
	line-height:10px;
	text-align:center;
	}


/* --------------------| GENERAL CRAP |-------------------- */

.clear {
clear:both;
display: block;
}

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

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear5 {height:5px; clear:both;}
.clear10 {height:10px; clear:both;}
.clear15 {height:15px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear45 {height:45px; clear:both;}
.clear40 {height:40px; clear:both;}
.clear60 {height:60px; clear:both;}

.right { float: right !important; }
.left { float: left !important; }

.textRight { text-align: right; }
.textLeft { text-align: left; }

/* --------------------| I HATE IE6 |-------------------- */

*html .logoArea{
	padding-top:34px;}
	
*html .mainNav{
	margin-top:20px;}
	
	*html #mainArea{
		width:868px;}



/* --------------------| MAIN CONTENT AREA |-------------------- */

.logoArea{
	background:url(../images/background/logo.gif) no-repeat;
	width:189px;
	height:57px;
	padding:44px 0 0 86px;
	}
	


	
	.email{
		background:url(../images/background/email.gif) no-repeat;
		width:197px;
		height:38px;
		display:block;
		}

/* --------------------| MAIN NAV |-------------------- */


.mainNav{
	width:900px;
	background:#083a6f;
	display:block;
	float:left;
	margin-top:50px;}
	
	.mainNav li{
		float:left;}
	
	.mainNav li a{
		font-size:14px;
		color:#fff;
		padding:10px 10px;
		height:15px;
		display:block;
		float:left;
		}
		
		.mainNav li .current{
			font-size:14px;
			color:#083a6f;
			padding:10px 10px;
			background:#fff;
			height:15px;
			display:block;}
		
		.mainNav li  a:hover{
			background:#fff;
			color:#083a6f;
			text-decoration:none;}
			
			.mainNav li .home {
				background:url(../images/navigation/houses.gif) no-repeat 13px -1px #083a6f;
				display:block;
				width:20px;
				
			}
			
			.mainNav  li .home:hover {
				background:url(../images/navigation/houses.gif) no-repeat 13px -35px #fff;
				display:block;
				width:20px;
				
				
			}
			
			
			.mainNav li .homeCurrent {
				background:url(../images/navigation/houses.gif) no-repeat 13px -35px #fff;
				display:block;
				width:20px;
				
			}
			
			.mainNav li .homeCurrent:hover {
				background:url(../images/navigation/houses.gif) no-repeat 13px -35px #fff;
				display:block;
				width:20px;
				
			}
		



/* --------------------| BUTTONS |-------------------- */

.buttons{
	font-size:10px;
	background:#1e4579;
	color:#fff;
	padding:3px 6px;
	float:right;
	}
	
	.buttons:hover{
		text-decoration:none;
		background:#fff;
		color:#1e4579;}
	
	
	.downloads a{
		background:url(../images/main/pdf.jpg) no-repeat 0 0;
		padding-left:27px;
		height:30px;
		display:block;}	
		


	
				
/* --------------------|TEXT AREA |-------------------- */


#title{
	height:75px;
	width:900px;
	}
	
	#title p{
		text-align:center;
		font-size:25px;
		line-height:30px;
		color:#1e4579;}
	
	.contact{
		float:left;
		margin:25px 0 0 90px;
		width:130px;
		text-align:left;
		}
		
		.contact p{
		font-size:15px;
		margin-bottom:8px;
		line-height:0;}
		
		.contact a{
			text-align:centre;}
	
	
#container{
	width:900px;
	margin: 0 auto;
	}
	
	
#mainArea{
	background:#fff;
	margin: 0 auto;
	float:left;
	padding:30px 15px 0 15px;
	width:870px;
	}
	
	
	#newsbar{
	height:30px;
	margin:0 0 15px 0 ;
	clear:both;
	background: url(../images/main/newsBG.gif) no-repeat left #fff;
	width:100%;
	border:solid 1px #083a6f;
	}
					
	.mainColumn{
	float:left;
	padding: 0 ;
	width:625px;
	}
	
	.homeColumn{
		width:400px;
		padding: 0 15px;}
								
		
	.leftColumn{
	float:left;
	width:190px;
	background:#e0e2e3;
	padding:10px;}
								
	.rightColumn{
	float:right;
	background:#e0e2e3;
	padding:20px;
	width:170px;}
	
	.rightColumn img{
		margin-bottom:20px;}
		
	.homeRightColumn{
		padding:10px;
		width:190px;
	}
										
	.rightCTAs{
	padding:10px;
	width:170px;
	float:left;
	border:solid 1px #fff}
	
	.carbonBox{
		height:132px;}
											
			.rightCTAs h2{
			font-size:18px;
			text-transform:none;}
												
			.rightCTAs img{
			margin:10px 0;}
												
														
			.thumbs img{
			border:solid 5px #fff;
			margin-bottom:15px;}
															
			.clientLogos{
			margin-left:12px;}
															
			.clientLogos img{
			border: solid 5px #b9e1f7;
			margin:5px;}
													
			
			
	/* --------------------| BULLET POINTS |-------------------- */

#mainArea .bulletpoints{
		width:180px;
		float:left;
		margin-right:20px;}
		
#mainArea .bulletpoints p, .titleP{
	color:#0091D0;
	font-size:14px;
	font-weight:bold;
	}
	
#mainArea .bulletpoints ul li{
	margin-bottom:5px;
	padding: 0px 0 0 20px;
	background:url(../images/main/bullets.jpg) no-repeat 0 3px;
	border-bottom: 1px dotted #0091D0;
	padding-bottom:5px;
	}
	
	.narrow ul{
		width:150px;}


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

.contactform td{
	height:23px;}
	
	.contactform td .entry{
		border: solid 1px #0F0;}
		
		.form{border: solid 1px #083a6f;
		background:#b9e1f7;}
	
/* --------------------| TICKER |-------------------- */
#ticker{
	text-align: left;
}



#ticker table{
	 width: 610px;
	 margin-left: 140px;
}



#ticker table td a

{
	font-weight: normal;
	 color: #000;
	text-decoration: none;

}

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

#footer {
	margin: 0 auto;
	clear:both;
	
	text-align:center;
	
}


		
		#footer p{
			text-align:centre;
			font-size:11px;
			margin:0;
			line-height:18px;
			}
			
			.carbonFooter{
				background:url(../images/main/carbonLogo.gif) no-repeat;
				padding:15px 0 0 60px;
				height:50px;
				margin:15px auto;
				width:180px;
				}
				
				.carbonFooter a{
					color:#145e27;}
                    
div#ticker
{
    padding-top: 7px;
    margin-left: -40px;
}