img, div, h1 { behavior: url(/iepngfix.htc) }

BODY
{
	font-family: arial, Sans-Serif;	
	background-image:url(/images/page_bg.jpg);
	background-repeat:repeat-x;	
	text-align:center;	
	padding:0px;
	margin:0px;
	font-size:0.85em;
	color:#4b4e56;
	background-color:#737a82;
}

body.home
{
	background-image:url(/images/homepage_bg.jpg);		
}

.clear
{
	clear: both;
}

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

a
{
	color:#497198;
	text-decoration:underline;
}

a img
{
	border:none;
}

div#maincontainer
{
	width:910px;	
	margin:auto;
	text-align:left;
}


div.wrapper
{
	background-image:url(/images/page_drop_shadow.png);
	background-repeat:repeat-y;
	width:968px;
	padding-left:4px;
}

div#headercontainer
{
	width:960px;	
	position:relative;
}

div.headercontainerhome
{	
	height:274px;
}

div.headercontainersub
{	
	height:171px;
}

div#banner
{
	background-repeat:no-repeat;
	background-position:right top;
	width:960px;
	background-color:#272a33;
	text-align:left;
	position:relative;	
}

div.bannerhome
{
	height:209px!important;
	padding:0px!important;
	position:absolute;
	top:66px;
	overflow:hidden;
}

div.bannersub
{
	padding-top:63px;
	padding-bottom:17px;
	height:105px!important;
	padding:0px!important;
	position:absolute;
	top:66px;			
}

div.bannersub div#banner
{
	height:105px;
	margin-left:4px;
	text-align:right;				
}

div#banner .main-image
{
	position:absolute;
	z-index:1;
	right:0;
}

div#banner h2
{
	position:absolute;
	z-index:1;	
}

div.bannerhome h2
{
	background-image:url(/images/welcome.gif);
	background-repeat:no-repeat;
	height:0px !important;
	margin:0;
	overflow:hidden;
	padding:90px 0pt 0pt;
	float:left;
	display:inline;
	width:320px;	
	left:40px;
	top:95px;
}

div.bannersub h2
{
	left:260px;
	color:White;
	top:49px;
	font-weight:normal;
	color:#d5d6d8;
	
}

div.bannersub img
{
	right:0;
}





div#header
{
	margin-top:9px;
	width:960px;	
	position:absolute;
	top: 0;
	z-index:2;
}

div#header h1
{
	background-image:url(/images/logo.png);
	background-repeat:no-repeat;
	height:0px !important;
	margin:0;
	overflow:hidden;
	padding:140px 0pt 0pt;
	position:relative;
	float:left;
	display:inline;
	width:170px;	
	margin-left:23px;
	margin-bottom:-83px;
}



div#menu
{
	float:left;	
	margin-right:27px;	
}

div#menu ul
{
	height:0px;
	margin-top:26px;
	vertical-align:bottom;
}

div#menu ul li
{
	display:inline;
	color:#fff;	
	text-transform:uppercase;
	font-size:0.8em;	
	padding-left:49px;	
}


div#menu ul li a
{
	color:#bdc2c7;			
	text-decoration:none;
}

div#homecontent
{
	margin-right:8px;
	padding:15px 0px;
	width:960px;	
	position:relative;
}

div#maincontent
{
	background-color:#fff;
	margin-right:8px;
	width:960px;
}

div#homemain
{
	padding-top:0px;
	padding-left:40px;
	padding-right:26px;
}

div#homemain div#left
{
	width:570px;
	float:left;
	padding-top:10px;
}

div#homemain div#right
{
	float:right;
	width:290px;
}


div#contactbox
{
	border:solid 2px #e6e8eb;
	color:#999999;	
	padding:20px; 
	width:112px;
}

div#contactbox a
{
	color:#999999;
}

div#contactbox span
{
	font-size:2.2em;
	display:block;
	margin-top:5px;
}

div.contactboxhome
{
	color:#fff!important;
	width:246px!important;
}

div.contactboxhome a
{
	color:#fff!important;
	width:246px!important;
}

div#homepanels
{
	margin-left:25px;
}

div#homepanels div.panel
{
	background-image:url(/images/panel_bg.png);	
	background-repeat:no-repeat;
	width:277px;
	height:208px;
	float:left;
	padding:15px;
}

div#homepanels a
{
	color:#1b4e7f;
	text-decoration:none;
	display:block;
	font-size:1.2em;
	margin-top:10px;
	margin-bottom:6px;
	
}

div#maincontent div#main
{
	padding-top:20px;
	padding-bottom:50px;
}

div#maincontent div#main div#left
{
	width:230px;
	float:left;
	margin-left:29px;	
	display:inline;
}

div#maincontent div#main div#right
{
	float:left;
	font-size:0.95em;
	color:#272a33;
	width:700px;
}

div#maincontent div#main div#right div#inner
{
	width:430px;
	float:left;
	margin-right:30px;
}

div#maincontent div#main div#right div#images
{
	width:230px;
	float:left;
}

div#maincontent div#main div#right div#images img
{
	border:solid 1px #e9e9e9;
	padding:10px;	
	margin-bottom:15px;
}

div#maincontent div#main div#right div#inner h3
{
	color:#497198;
	margin:0px;
	padding:0px;	
	font-weight:normal;	
	font-size:1.2em;
}


div#main div#left ul
{
	margin:0px;
	padding:0px;
	border-top:dotted 1px gray;
	width:154px;
	margin-bottom:30px;
}

div#main div#left ul li
{
	list-style-type:none;
	border-bottom:dotted 1px #999999;
	padding:7px 4px;

}

div#main div#left ul li a
{
	color:#4b709a!important;
	text-decoration:none;
	background-image:url(/images/blue_arrows.gif);
	background-repeat:no-repeat;
	background-position:right 6px;
	padding-right:12px;
}

div#main div#left ul li.selected a
{
	color:#000!important;
	background-image:url(/images/black_arrows.gif);
}
 
 div#right span.intro
{
	margin-bottom:20px;		
}

div#right div.casestudy
{
	border:solid 1px #e9e9e9;
	padding:10px;
	width:650px;
	margin-bottom:20px;
	
}



div#right div.casestudy div.image
{
	float:left;	
	margin:0px;
	padding:0px;
	margin-right:20px;
	
}

div#right div.casestudy div.content
{
	float:left;	
	color:#858585;
	margin-top:17px;
	width:340px;	
}

div#right div.casestudy div.content a, div#right div#casestudyleft h2
{
	color:#497198;
	font-size:1.2em;
	padding:0px;
	font-weight:normal;

}

div#right div.casestudy div.content a
{
	text-decoration:none;
	background-image:url(/images/blue_arrows.gif);
	background-repeat:no-repeat;
	background-position:right 6px;
	padding-right:12px;	
}

div#right div.casestudy div span
{
	display:block;
	margin-top:5px;
}

div#right div#casestudyleft
{
	float:left;
	width:446px;
	color:Black;
}

div#right div#casestudyleft p
{
	font-size:0.9em;
}

div#right div#casestudyright
{
	margin-left:20px;
	float:left;
	width:214px;
	font-size:0.9em;
}

div#right div#casestudyright img
{
	display:block;
	margin-bottom:25px;
}

div#right div.casestudyimage
{
	float:left;
	border:solid 1px #e9e9e9;
	padding:10px;
	margin-right:18px;
	margin-top:30px;
}

div#bottom
{
	background-image:url(/images/footer.png);	
	height:40px;
	width:960px;
	margin-left:4px;
}

div#footercontainer
{
	background-image:url(/images/footergrad.gif);
	background-repeat:repeat-x;
	text-align:center;
	height:180px;
}

div#footer
{
	width:960px;	
	text-align:right;	
	font-size:0.8em;
	color:#cccccc;
	width:910px;	
	margin:auto;
	padding-top:30px;
}

div#footer img
{
	margin-left:15px;
	margin-bottom:10px;
}

div#test
{
	height:20px;
}