@charset "utf-8";
/* CSS Document */

/*****Zero out margins and padding*****/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, th, td, input, textarea, select { margin: 0; padding: 0; }

/******BASIC TAG DEFINITIONS********/

body {font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #ddd; line-height: 18px; background: #000;}

h1 {font: 18px Georgia, "Times New Roman", Times, serif; color: #fff; font-weight: normal; margin-bottom: 10px;}
h2 {font: 14px Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color: #d4d4d4;}
h3 {font: 14px Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color: #999;}
h4 {font: 12px Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color: #999;}

p {margin-bottom: 10px;}
img {border:0;}
a:link {color: #6F9CB3; text-decoration: underline;}
a:visited {color: #6F9CB3; text-decoration: underline;}
a:hover {color: #fff; text-decoration: underline;}

strong, b {font-weight: bold;}

#content ul, ol, blockquote {margin: 0 0 20px 50px;}

/******LAYOUT*****************/

.clearing {clear: both;}

#wrapper {width: 940px; margin: 0 auto;}

#social {float: right; list-style: none; width: 300px; margin: 20px 0 10px 0;}
#social li {float: right;}
#social li a {
	display: block; 
	height: 15px; 
	padding-left: 20px;
	color: #ddd;
	text-decoration: none;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top: 1px;
	}
#social li a:hover {color: #6F9CB3; text-decoration:underline;}
#social li a.facebook {background: url(../images/icon-facebook.png) no-repeat 0 0; margin-right: 25px;}
#social li a.twitter {background: url(../images/icon-twitter.png) no-repeat 0 0;}

#mainBody {width: 860px; padding: 18px 40px; clear:both; min-height: 475px;}
#mainBody.home1 {background: url(../images/home-back-1.jpg) no-repeat 0 0;}
#mainBody.home2 {background: url(../images/home-back-2.jpg) no-repeat 0 0;}
#mainBody.home3 {background: url(../images/home-back-3.jpg) no-repeat 0 0;}
#mainBody.home4 {background: url(../images/home-back-4.jpg) no-repeat 0 0;}

#mainBody.services {background: url(../images/sub-back-1.jpg) no-repeat 0 0; min-height: 245px;}
#mainBody.projects {background: url(../images/sub-back-2.jpg) no-repeat 0 0; min-height: 245px;}
#mainBody.products {background: url(../images/sub-back-3.jpg) no-repeat 0 0; min-height: 245px;}
#mainBody.approach {background: url(../images/sub-back-4.jpg) no-repeat 0 0; min-height: 245px;}
#mainBody.general, #mainBody.form {background: url(../images/sub-back-5.jpg) no-repeat 0 0; min-height: 245px;}

#sidebar {float: left; width: 180px;}

#logo {margin-left: 18px;}

#nav {
	width: 160px;
	border-bottom: 1px dotted #888; 
	list-style:none; 
	font: 14px Georgia, "Times New Roman", Times, serif; 
	color: #fff;
	margin: 40px 0 0 20px;
	}

#nav li {border-top: 1px dotted #888; padding: 5px 3px 7px 8px;}

#nav li a {
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	}
	
#nav li a:hover {
	text-decoration: none;
	color: #6F9CB3;
}

#subnav, #subnav2 {
	list-style:none; 
	font: 12px Tahoma, Arial, Helvetica, sans-serif; 
	color:#ddd; 
	margin: 3px 0 0 8px;
	}
#subnav li, #subnav2 li {
	border-top: 0px; 
	padding: 4px 0;
	line-height: 12px;
	}

#subnav li a, #subnav2 li a {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #ddd;
	text-decoration: none;
	font-weight: bold;
	line-height: 12px;
	}
	
#subnav li a:hover, #subnav2 li a:hover {
	text-decoration: none;
	color: #6F9CB3;
}

.menuOff {display:none;}

#content {float: right; padding: 10px; width: 605px; margin-top: 72px;}
#content.home {margin-top: 270px;}
#content.sub {background: url(../images/content-back.png) repeat 0 0;}

#cta1, #cta2, #cta3 {width: 205px; float:left; height:115px;}
#cta1, #cta3 {margin-top: 53px;}
#cta2, #cta3 {margin-left: -5px;}
#cta1 a, #cta2 a, #cta3 a {display: block; height:53px; width: 205px;}
#cta1 a:hover, #cta2 a:hover, #cta3 a:hover {background: url(../images/cta-back.png) no-repeat 0 0;}

#subCTAs {width: 186px; float:right; margin: 0 0 15px 15px;}
#subCTAs a {display: block; height: 47px; width: 186px; margin-bottom: 5px;}
#subCTAs a:hover {background: #0075BF;}

#footer {
	width: 620px; 
	float:right; 
	margin: 50px 40px 10px 0;
	border-top: 1px dotted #888;
	text-align:center;
	padding-top: 6px;
	}
	
#footer a {color: #ddd;	text-decoration: none;}
#footer a:hover {color: #6F9CB3; text-decoration:underline;}
	
#contactInfo {list-style: none; width: 600px; margin: 0 auto;}
#contactInfo li {display: inline; border-right: 1px dotted #888; padding: 0 5px;}
#contactInfo li.last {border-right: none;}

#footerUtility {list-style: none; width: 600px; margin: 0 auto;}
#footerUtility li {display: inline; border-right: 1px dotted #888; padding: 0 5px;}
#footerUtility li.last {border-right: none;}

#webo {
	background: url(../images/icon-webo.png) no-repeat 0 0; 
	padding-left: 22px; 
	line-height: 12px;
	width: 292px;
	margin: 15px auto;
	height: 20px;
	}

/******CUSTOM CLASSES*****************/

.first-letter {
	font: 61px Georgia, "Times New Roman", Times, serif; 
	color: #fff; 
	float:left;
	margin-right: 3px;
	margin-left: -2px;
	line-height: 52px;
}

a.gallery img {border: 5px solid #5d5d5d; margin-top: 5px; margin-bottom: 20px;}

/*********FORMS*********************/

.required {color: #9d3a04;}

ol.forms { float: left; list-style: none; width: 100%; margin: 0px;}

ol.forms li { 
	clear: both; 
	float: left; 
	margin: 0 0 10px 0; 
	width: 100%; 
}
ol.forms label {
	cursor: pointer; 
	display: block; 
	float: left; 
	font-weight: bold; 
	margin: 0 10px 0 0; 
	width: 90px; 
	text-align:right;
	line-height: 14px;
}
ol.forms input { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;  
	width: 200px; 
	background-color: #cce2ec; 
	border: 1px solid #fff;
	float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 4px;
	line-height: 18px;
}

ol.forms textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	background-color: #cce2ec; 
	border: 1px solid #fff;
	width: 290px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 4px;
	}
	
ol.forms li.checkboxes input { font: inherit; padding: 0px; width: auto; margin-left: 100px; margin-right: 5px;}
ol.forms li.checkboxes label {float: none; display: inline;}
	
ol.forms li.buttons { float: none; width: auto; margin-left: 100px;}

ol.forms input.button {
	background: #0075BF; 
	width:auto; 
	color:#fff; 
	font-weight: bold; 
	border: 0px; 
	margin-right: 6px;
	cursor:pointer;
	}

/*
ol.forms li.grouping label { margin: 0; width: auto; }
ol.forms li.grouping { margin-bottom: 10px; }
ol.forms li.grouping ul { list-style: none; margin-left: 100px; }
ol.forms li.grouping ul label { display: inline; float: none; font-weight: normal; margin: 0 0 0 10px; width: auto; }
ol.forms li.grouping ul input { width: auto; }
ol.forms li.grouping textarea { width: 97%;}
*/