/* CSS Document */

* {
	margin:0px 0px 0px 0px; 				  			 	 
	padding:0px 0px 0px 0px; 
}

#container {
  margin: 0 auto;
  width: 878px;
  text-align: left;
  }

body  {
   background-color:#f6f6f6;
   text-align:center;
}	

td {
	vertical-align:top
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4;
	color:#ffffff;
	text-align:left;
}

.missionhometext {
	color:#ffffff;
	}

.portfoliohometext {
	color:#4f4f50;
	}

.serviceshometext {
	color:#005595;
	}

.contactushometext {
	color:#ffffff;
	}

.main_table {
	border: solid 1px #666666;
	background-color:#ffffff
	}

.alignright {
	text-align:right
	}
.aligncenter {
	text-align:	center
	}

.portfoliobutton a {
	display:block;
	margin-left: 50px;
	text-align:center;
	height:39px;
	width:150px;
	background: transparent url(../images/button_portfolio.gif) no-repeat;
}

.portfoliobutton a:hover {
	background-position:  0 -50px;
	background: url(../images/button_portfolio_on.gif) no-repeat;
}

.servicesbutton a {
	display:block;
	margin-left: 60px;
	text-align:center;
	height:39px;
	width:150px;
	background: transparent url(../images/button_learn_more.gif) no-repeat;
}

.servicesbutton a:hover {
	background-position:  0 -50px;
	background: url(../images/button_learn_more_on.gif) no-repeat;
}

.contactbutton a {
	display:block;
	margin-left: 60px;
	text-align:center;
	height:39px;
	width:150px;
	background: transparent url(../images/button_contactus.gif) no-repeat;
}

.contactbutton a:hover {
	background-position:  0 -50px;
	background: url(../images/button_contactus_on.gif) no-repeat;
}

.contactbutton20 a {
	display:block;
	margin-left: 20px;
	text-align:center;
	height:39px;
	width:115px;
	background: transparent url(../images/button_contactus.gif) no-repeat;
}

.contactbutton20 a:hover {
	background-position:  0 -50px;
	background: url(../images/button_contactus_on.gif) no-repeat;
}

.textboxpadding {
	padding: 20px 20px 20px 20px;
	vertical-align:top;	
	}

.portfolionavpadding {	
	padding: 20px 5px 20px 20px;
	vertical-align:top;	
}

.footerpadding {padding: 3px 20px 3px 20px}

.footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	background-color:#5d5d5d;
	text-align:center;
	line-height:150%;
	}

.footer a {
	color:#ffffff;
	} 

.greybg {background-color: #828282}
.ltbluebg {background-color: #e5eef4}
.medbluebg {background-color: #ccddea}
.darkbluebg {background-color: #4c88b5}
.navbarbg {background-color:#005595}
.genericbg {background:#ffffff}

div#navcontainer {
	padding: 0 0 0 30px;
	margin: 0;
}

div#nav {
	margin: 0;
	padding: 0;
	float: left;
	font: 12px Verdana, Arial, sans-serif;
	width: 100%;
	background: #005595;
}

div#nav li {

	list-style-type:none;
	display: inline;
}

div#nav li a {
	float: left;
	color: white;
	padding: 0 0 3px 0;  
	margin: 27px 11px;
	text-decoration: none;
}

div#nav li a:visited {
	color: white;
}

div#nav  a:hover  {
	color: white;
	background: transparent url(../images/underlinethin.gif) repeat-x 100% 100%;
}	

div#nav li a.current  {
	background: transparent url(../images/underlinethin.gif) repeat-x 100% 100% 
}

div#nav li .navpipe {
	float: left;
	margin: 24px 0 0 0;
	padding: 0;
	display: inline;
	background: transparent url(../images/navpipe.gif) center right no-repeat
}



.portfolionav img {
	float: left;
	margin: 0 15px 15px 0;
	width: 32px;
	height: 32px;
	padding: 0px;
	border: 1px solid #ffffff;
}

.portfolionav a:hover img {
	margin: 0 15px 15px 0;
	padding:0;
	border: 1px solid #eb6823;
}

.portfolionav .current{
	margin: 0 15px 15px 0;
	padding:0;
	border: 1px solid #eb6823;
}


.portfoliodivider {
	background: transparent url(../images/portfoliodivider.gif) center repeat-y
}

.bluedivider {
	background: transparent url(../images/bluedivider.gif) center repeat-y
}
.portfolioservices {
	font-family:Verdana Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4;
	color:#ffffff;
	text-align: left;
}

.portfolioservices li {
	margin-left: 1.5em;
	list-style-type: disc;
	list-style-image:url(../images/portfolio_bullet.gif)
}


.bodytext {
	font-family:Verdana Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4;
	color:#4f4f50;
	text-align: left;
}

.bodytext li {
	margin-left: 1.5em;
	list-style-type: disc;
	list-style-image:url(../images/portfolio_bullet.gif);
}

.bodytext a {
	color:#eb6823;
	text-decoration:underline;
}

.bodytext a:hover {
	color:#f08925;
	text-decoration:none;
}

.bodytextheader {
	font-weight: bold;
	font-family:Verdana Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.4;
	color:#005595;
	text-align: left;
}

.bodytextheader a {
	color:#ff9933;
	text-decoration:underline;
}


div#portfolioselector {
	margin: 5px 0 0 40px;
	padding: 0;
	font: 10px Verdana, Arial, sans-serif;
	border:#000000;
	background: #ffffff;
}

div#portfolioselector li {

	list-style-type:none;
	display: inline;
}

div#portfolioselector li a {
	float: left;
	color: black;
	padding: 4px 7px 4px 7px;  
	margin: 5px 5px 0 0;
	text-decoration: none;
	border: 1px solid #005595;
}

div#portfolioselector li a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #005595;
}

div#portfolioselector a.current {
	color: #ffffff;
	text-decoration: none;
	background: #005595;
}


.portfoliosample {
	margin: 30px 0 0 0;
	height:278px;
	background:#ffffff;
	width:100%;
	text-align: center;
	vertical-align:bottom;
}

.portfoliosample img {
	vertical-align:bottom
}


/* --- Contact Form ---*/

.contactform {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 15px;
}

textarea {
  overflow: auto;
}

td.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.8em;
	margin-top:1.8em;
	margin-bottom:1.8em;
}