body { 
background-color: #f3f3f3; 
color: #000; 
margin: 0px 0px 20px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: .85em;

}

#container{ 
margin: 0px auto 0px auto; 
width: 950px;
text-align: left;
color: #000;
background-color: white;
}

#footercontainer{
border-top: 4px solid #36558c;
margin: 0px auto 0px auto; 
width: 950px;
text-align: left;
color: #000;
background-color: white;
font-size: 11px;
}

#sitebycontainer{
margin: 0px auto 0px auto; 
width: 950px;
text-align: left;
color: #000;
background-color: #f3f3f3;
font-size: 11px;
}

#sitebycontainer span{
	display:block;
	padding:4px;
	color:#666;
}

#sitebycontainer span a{
	text-decoration:none;
	color:#36C;
}

#sitebycontainer span a:hover{
	text-decoration:underline;
}



#footercontainer .threecol2{
color:#666;
border-right: none;
}

#footercontainer .threecol3{

}

.topbanner{
background-image: url(images/top-banner-bg.jpg);
background-repeat: no-repeat;
height: 57px;
width: 950px;
margin: 0px auto 0px auto; 
}

.homepromopicscontainer{
width: 950px;
margin: 0px auto 0px auto; 
text-align: center;
background-image: url(images/main-bg.jpg);
background-repeat: repeat-x;
background-position: top;
padding: 4px 0px 4px 0px;
}

.homepromopicscontainer img{
margin: 0px 4px 0px 4px;
}



.topcontainer{
width: 950px;
margin: 0px auto 0px auto;
background-image: url(images/main-bg.jpg);
background-repeat: repeat-x;
background-position: top;
padding: 0px 0px 0px 0px;

}


.pageheadercontainer{
width: 950px;
margin: 0px auto 0px auto;

padding: 20px 0px 15px 0px;

}

.pageheading{
margin-left: 20px;
}

* html .pageheading{
margin-left: 30px;
}


.submenucontainer{
width: 950px;
margin: 0px auto 0px auto; 
border-bottom: 1px solid #90a2bf;
padding: 10px 0px 10px 0px;

}


.submenucontainer ul{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

.submenucontainer ul li{
	margin: 0px 20px 0px 5px;
	padding: 0px;
	float: left;
	list-style: none;
}

.submenucontainer ul li span{
	padding: 5px 0px 5px 0px;
	display: block;
}

.submenucontainer ul li a{
	color:#fff;
	text-decoration: none;
	display: block;
	padding: 5px;
}

.submenucontainer ul li a:hover{
	color:#36558c;
	text-decoration: none;
	display: block;
	padding: 5px;
}

.logo{
float: left;
margin-top: 18px;
padding-left: 20px;
}

.logostrap{
float: left;
margin-top: 28px;
margin-left: 10px;
color: #666;
font-style: italic;

}

.logostrap h1{
font-size:1em;
padding:0px;
margin:0px;
color: #666;
font-style: italic;
font-weight:normal}

.phone{
float: right;
margin-top: 28px;
margin-right: 20px;
}

#navigation
{
padding: 0;
width: 950px;
margin: 0px auto 0px auto; 
height: 30px;
font-size: 12px;
text-align: right;
background-image: url(images/top-menu-bg.jpg);
background-repeat: no-repeat;


clear: both;
}

* html #navigation{
margin-bottom: 0px;
}

#navigation ul
{
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}

#navigation li{
float: right;
margin: 0px 0px 0px 0px;
height: 30px;
margin-left: 2px;
}


* html #navigation li{

margin-left: 2px;
}


#navigation a{
color: #fff;
background-image: url(images/topmenu-left.png);
background-repeat: no-repeat;
background-position: left top;
text-decoration: none;
padding-left: 25px;
color: #003399;
}


#navigation a span{
background: url(images/topmenu-right.png) right top no-repeat;
padding-right: 10px;
padding-top: 0.6em;

}

#navigation a, #navigation a span{
display: block;
float: left;
height: 30px;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */

#navigation a:hover
{
color: #fff;
background-image: url(images/topmenu-left-on.png);
background-repeat: no-repeat;
background-position: left top;
text-decoration: none;
padding-left: 25px;

}

#navigation a:hover span
{
background: url(images/topmenu-right-on.png) right top no-repeat;
padding-right: 10px;
padding-top: 0.6em;
cursor: pointer;
}

* html #navigation a.home{
width: 3em;
}

* html #navigation a.projects{
width: 4em;
}

* html #navigation a.services{
width: 4em;
}

* html #navigation a.employment{
width: 7em;
}

* html #navigation a.company{
width: 4em;
}

* html #navigation a.contact{
width: 6em;
}


.threecol1{
float: left;
margin-left: 25px;
width: 312px;
border-right: 1px solid #90A2BF;
}

* html .threecol1{
margin-left: 15px;
}

p.homepara{
font-weight:bold;
font-size:0.95em;
}

.threecol2{
float: left;
width: 240px;
margin-left: 8px;
margin-right: 8px;
border-right: 1px solid #90A2BF;
font-size: 12px;
}



.threecol3{
float: left;
width:350px;
font-size: 12px;
}

* html .threecol3{
width:340px;
}

.threecol1 p, .threecol2 p, .threecol3 p{
padding: 10px 10px 10px 0px;
}

#container .threecol1, #container .threecol2, #container .threecol3{
height: 270px;
}

.twocol1{
float: left;
margin-left: 10px;
width: 240px;

}

.twocol2{
float: left;
margin-left: 25px;
width: 600px;
font-size: 12px;

}

.twocol2 a, .threecol3 a{
	text-decoration:underline;
	color:#03C;
}

.twocol2 a:hover, .threecol3 a:hover{
	text-decoration:none;
	color:#03C;
}

#footercontainer .threecol1, #footercontainer .threecol2, #footercontainer .threecol3,
{
height: 66px;
}

#footercontainer .threecol3{
border-right: 1px solid #90a2bf;
padding-right: 20px;
width: 150px;
margin-right: 10px;
float: right;
text-align: right;
}


h1{
font-size: 15px;
color: #003399
}

h2{
font-size: 15px;
color: #003399
}

.clearproject{
clear: both;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #90a2bf;
}


.clear{
	clear: both;
}



.homepanel{
padding: 10px 0px 10px 0px;
}

.footerpanel{
padding: 10px 0px 10px 0px;
margin-top: 5px;
}


.ourservices{
margin: 8px 0px 0px 0px;
padding: 0px;
float: left;
width: 350px;
}

.servrow{
	clear: both;
	float: left;
	width: 350px;
	margin-bottom: 8px;
}

.ourservices span.label{
display: block;
width: 132px;
color: #003399;
font-weight: bold;
}

.ourservices span{
	float: left;
}

ul.ourservices li{
list-style: square;
color: #003399;
margin-bottom:8px;
margin-left: 20px;
padding-right: 10px;
}

ul.ourcustomers{
margin: 0px;
padding: 0px;

}

ul.ourcustomers li{
list-style: none;
font-weight: bold;
color: #666;
margin-top: 4px;
}




ul.serviceslist{
margin: 0px;
padding: 0px;

}

ul.serviceslist li{
list-style: none;
color: #666;
margin-top: 8px;
color: black;
}

ul.serviceslist li span{
	font-weight: bolder;
	font-size: 13px;
}

.nudgeulright{
margin-right: 10px;
}

.minirow{
	float: left;
	width: 500px;
	margin: 0px 0px 10px 0px;
}

.minirow span.label{
	font-weight: bold;
	width: 120px;
	float: left;
}

.minirow span.details{
	float: left;

}

.brand{
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
}