@charset "utf-8";
body {
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-image:url(../images/MainBG2.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}
#Canvas4HeaderBG {
	height:auto;
	overflow:auto;
	width:100%;
	margin:0px auto;
	background-image:url(../images/headerBG.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	}
#Canvas {
	margin:0px auto;
	width:968px;
	height:auto;
	overflow:auto;
	}	
#HeaderContainer {
	clear:both;
	height:auto;
	overflow:auto;
	}
#Logo {
	clear:both;
	margin-top:33px;
	padding-left:45px;
	height:65px;
	overflow:hidden;
	float:left;
	}
#MenuContainer {
	clear:both;
	height:40px;
	overflow:hidden;
	margin-left:40px;
	background-image:url(../images/tabSaperator.jpg);
	background-repeat:repeat-y;
	background-position:1px 2px;
	border:0px solid #000000;
	}
#MenuContainer a:link, #MenuContainer a:visited, #MenuContainer a:active , #MenuContainer a:hover {
	display:block;
	float:left;
	height:27px;
	margin-top:0px;
	overflow:hidden;
	padding-top:13px;
	font-weight:bold;
	color:#004664;
	background-image:url(../images/tabSaperator.jpg);
	background-repeat:repeat-y;
	background-position:right;
	padding-left:31px;
	padding-right:38px;
	text-decoration:none;
	}
	
#BannerContainer {
	clear:both;
	height:auto;
	overflow:auto;
	}
#Banner {
	clear:both;
	height:auto;
	overflow:auto;
	}
#ContentContainer {
	clear:both;
	height:auto;
	overflow:auto;	
	}
#ServicesContainer {
	clear:both;
	margin-top:15px;
	height:auto;
	overflow:auto;
	background-image:url(../images/boxBG.jpg);
	background-repeat:no-repeat;
	width:968px;
	padding-top:9px;
	padding-left:0px;
	padding-right:0px;
	}

.ServicesRow1 {
	clear:both;
	margin-left:8px;
	border:0px solid #000000;
	width:952px;
	height:auto;
	overflow:auto;
	padding-left:1px;
	padding-top:1px;
	border-bottom:4px solid #000000;		
	}
.ServicesRow2 {
	clear:both;
	margin-left:8px;
	border:0px solid #000000;
	width:952px;
	height:auto;
	overflow:auto;
	padding-left:1px;
	padding-top:1px;
	border-bottom:0px solid #000000;
	margin-bottom:20px;		
	}

.ServicesBG1 {
	float:left;
	background-image: url(../images/boxSaperatorTop.jpg);
	background-repeat:repeat-y;
	background-position:top right;
	width:317px;
	height:auto;
	overflow:auto;
	padding-bottom:30px;
	}
.ServicesBox1 {
	float:left;
	background-image:url(../images/ServicesBox1.jpg);
	background-repeat:no-repeat;
	background-position:10px 10px;
	border:0px solid #000000;
	width:200px;
	height:auto;
	overflow:auto;
	padding-left:68px;
	padding-top:95px;	
	height:auto;
	overflow:auto;	
	}
.ServicesBG3 {
	float:left;
	width:317px;
	height:auto;
	overflow:auto;
	padding-bottom:30px;
	}
.ServicesBG4 {
	float:left;
	background-image: url(../images/bottomSaperator.jpg);
	background-repeat: no-repeat;
	background-position:top right;
	width:317px;
	height:auto;
	overflow:auto;
	padding-bottom:30px;
	}
.ServicesBox2 {
	float:left;
	background-image:url(../images/ServicesBox2.jpg);
	background-repeat:no-repeat;
	background-position:10px 10px;
	border:0px solid #000000;
	width:200px;
	height:auto;
	overflow:auto;
	padding-left:68px;
	padding-top:95px;	
	height:auto;
	overflow:auto;	
	}	
.ServicesBox3 {
	float:left;
	background-image:url(../images/ServicesBox3.jpg);
	background-repeat:no-repeat;
	background-position:10px 10px;
	border:0px solid #000000;
	width:200px;
	height:auto;
	overflow:auto;
	padding-left:68px;
	padding-top:95px;	
	height:auto;
	overflow:auto;	
	}	
.ServicesBox4 {
	float:left;
	background-image:url(../images/ServicesBox4.jpg);
	background-repeat:no-repeat;
	background-position:10px 10px;
	border:0px solid #000000;
	width:200px;
	height:auto;
	overflow:auto;
	padding-left:68px;
	padding-top:95px;	
	height:auto;
	overflow:auto;	
	}	
.ServicesBox5 {
	float:left;
	background-image:url(../images/ServicesBox5.jpg);
	background-repeat:no-repeat;
	background-position:10px 10px;
	border:0px solid #000000;
	width:230px;
	height:auto;
	overflow:auto;
	padding-left:68px;
	padding-top:95px;	
	height:auto;
	overflow:auto;	
	}	
.ServicesBox6 {
	float:left;
	background-image:url(../images/ServicesBox6.jpg);
	background-repeat:no-repeat;
	background-position:10px 10px;
	border:0px solid #000000;
	width:230px;
	height:auto;
	overflow:auto;
	padding-left:68px;
	padding-top:95px;	
	height:auto;
	overflow:auto;	
	}			
.BulitedLinks {
	clear:both;
	}
.BulitedLinks a:active, .BulitedLinks a:Link, .BulitedLinks a:visited {
	display:block;
	clear:both;
	background-image: url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:10px;
	font-size:11px;
	color:#000000;
	text-decoration:none;	
	} 	
.BulitedLinks a:hover {
	display:block;
	clear:both;
	background-image: url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:10px;
	font-size:11px;
	color:#000000;
	text-decoration: underline;	
	}
#Footer {
	margin-top:20px;
	clear:both;
	text-align:center;
	font-size:11px;
	color:#999999;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:30px;
	}
#Footer a:active, #Footer a:visited, #Footer a:link{
	font-size:11px;
	color:#999999;
	text-decoration:underline;	
	}
#Footer a:hover {
	font-size:11px;
	color:#999999;
	text-decoration: none;		
	}		
	
	
	
	

.menBar{
width: 99%;
font-weight: bold;
}

.menBar:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.menBar ul{
border: 0px solid #BBB;
width: 100%;
padding: 0px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.menBar ul li{
display: inline;
}

.menBar ul li a{
color: #494949;
padding: 0px 0px;
margin: 0;
text-decoration: none;
border-right: 0px solid #DADADA;
}

.menBar ul li a:hover, .menBar ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top:0px;
border: 1px solid #8FBED2; /*THEME CHANGE HERE*/
padding: 6px;
line-height:18px;
z-index:100;
background-color:#BCD9E7;
width: 220px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border: 1px solid #BCD9E7; /*THEME CHANGE HERE*/
padding:6px;
color:#004664;
text-decoration: none;
font-weight: bold;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color:#E0EAEF;
background-image: url(../images/arrowIcon.jpg);
background-position:right 5px;
background-repeat:no-repeat;
color:#004664;
border:1px solid #8FBED2;
}
	
.TextContainer	{
	clear: both;
	padding:30px;
	height:auto;
	overflow:auto;
	margin-top:25px;
	background-image:url(../images/grayBoxBG.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
.SiteTitle {
	clear:both;
	font-size:20px;
	font-weight:bold;
	color:#0e2e55;
	}
.TextDetails {
	clear:both;
	padding-top:15px;
	}
.TextContainerInnerPages{
	clear: both;
	height:auto;
	overflow:auto;
	padding:30px;
	margin-top:25px;
	background-image:url(../images/grayBoxBG2.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
.TextDetails li {
	clear:both;
	display:block;
	width:230px;
	/*
	background-image:url(../images/bullitBlueOutLine.gif);
	background-position:0px 2px;
	*/
	background-image:url(../images/left.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:18px;
	margin-top:5px;
	left:0px;
	margin-left:-38px;
	list-style:none;
	}
	
.ServiceCols {
	width:300px;
	height:auto;
	overflow:auto;
	float:left;
	}	
	
	
	
.ServicesList {
	clear: both;
	height:auto;
	overflow:auto;
	padding-top:20px;
	background-image:url(../images/dotedLine.gif);
	background-repeat:repeat-x;
	background-position:top;
	}
	
.ServicesList li {
	clear:both;
	display:block;
	width:230px;
	/*
	background-image:url(../images/bullitBlue.gif);
	background-position:0px 2px;
	*/
	background-image:url(../images/left.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:18px;
	margin-top:5px;
	left:0px;
	margin-left:-38px;
	list-style:none;
	color:#08448e;
	}
.ServicesList .cols {	
	width:300px;
	height:auto;
	overflow:auto;
	float:left;
	}
.ServicesList .cols strong {
	color:#08448e;
	}

.ServicesList .row {
	clear:both;
	padding-top:20px;	
	}
	
.PortfolioBoxContainer {
	clear:both;
	width:720px;
	height:auto;
	overflow:auto;
	margin:0px auto;
	margin-bottom:40px;
	
	}
.PortfolioBoxLeftCol {
	float:left;
	width:245px;
	padding:10px;
	height:60px;
	margin-top: 126px;
	margin-bottom:0px;
	border:1px solid #7aabc2;
	border-right:none;
	background-color:#d1e4eb;
	}	
.PortfolioBoxLeftCol .Title	{
	clear:both;
	font-size: larger;
	font-weight:bold;
	color:#0e2e55;
	}
.PortfolioBoxLeftCol .Desc {
	clear:both;
	}
.PortfolioBoxLeftCol .Desc a {
	font-size:11px;
	color: #666666;
	text-decoration:underline;	
	}	
.PortfolioBoxLeftCol .Desc a:hover {
	text-decoration: none;	
	}	

.PortfolioBoxRightCol {
	float: left;
	width:400px;
	border:1px solid #7aabc2;
	height:206px;
	overflow:hidden;
	background-color:#d1e4eb;	
	}
.TextDetails2 li {
	clear:both;
	display:block;
	background-image:url(../images/bullitBlueOutLine.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:18px;
	margin-top:5px;
	left:0px;
	margin-left:-38px;
	list-style:none;
	}