/* @override http://www.synergyenvinc.com/common/global.css */

/* @override http://www.synergyenvinc.com/common/global.css */

/* @override http://www.synergyenvinc.com/global.css */

/* @override http://www.synergyenvinc.com/common/global.css */

/* @override http://www.synergyenvinc.com/common/global.css */

/* @override http://synergy.davenportdesign.net/common/global.css */

/*=============================
Davenport Design Group
Copyright 2009
written for - www.mojologistics.com

swatch colors
-------------
0d121e - dark blue for page background
222c45 - lighter blue
17122f - sidebar blue
89c122 - green
==============================*/


/*////////////////////////// 
 resets and overrides
////////////////////////// */
*{
margin: 0;
padding: 0;
}
img {border:none;}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#post-copy-ip.left table{
	float: left;
	margin: 0 0px;
}
#post-copy-ip.left table tr{
	
}
#post-copy-ip.left table td{
	padding: 10px;
	border: 1px solid #ccc;
}
p.searchbox{
	padding: 0;
	margin: 0;
	position: relative;
}
p.submitbtn{
	padding: 0;
	margin: 0;
	position: relative;
	top: 20px;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */



/*////////////////////////// 
 links and type
//////////////////////////*/
body{
	background: #121726 url(../images/header.jpg) repeat-x;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 100%;
	line-height: 1.15em;
	margin: 0 auto;
	padding: 0;
}

#header-container ul { color: white; height:47px; position:absolute; top:100px; left:10px; width:800px;}
 #header-container ul li { top:-20px; position:relative; float:left; margin:0 8px 0 0; display:inline-block; padding:0; }
 #header-container li a { display:block; float:left; margin:0; padding:10px 7px 8px 7px; }

.top-nav {
	font-size: 0.8em;
	text-decoration: none; 
	padding: 12px 10px 10px 10px; 
	color: white;
	background: #0d121e;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;}
	
.top-nav:hover{
	color: #89c122; 
	background: #222c45;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;}
	

#post-copy{font-size: 0.9em;}
#post-copy-ip{font-size: 0.9em;}
#post-copy p{color: #4f4f4f; font-size: 0.9em;}
#post-copy-ip p{color: #4f4f4f; font-size: 0.9em;}

#post-copy a:link{
	padding: 0 0 0 0;
	color: #89c122; 
	text-decoration: none;}
#post-copy a:visited{
	color: #89c122; 
	text-decoration: none;}
#post-copy a:active{
	color: #89c122; 
	text-decoration: none;}
#post-copy a:hover{
	text-decoration: none;}


#post-copy-ip a:link{
	padding: 0 0 0 0;
	color: #89c122; 
	text-decoration: none;}
#post-copy-ip a:visited{
	color: #89c122; 
	text-decoration: none;}
#post-copy-ip a:active{
	color: #89c122; 
	text-decoration: none;}
#post-copy-ip a:hover{
	text-decoration: underline;}

#footer p{
	padding: 10px 0 10px 0;
	font-size: 0.8em;
	font-weight: lighter;}

#sidebar a:link{
	color: white; 
	text-decoration: none;}
#sidebar a:visited{
	color: white; 
	text-decoration: none;}
#sidebar a:active{
	color: white; 
	text-decoration: none;}
#sidebar a:hover{
	color: white; 
	text-decoration: none;}

.target-nav{
	font-weight: 900;
	font-size: 1.0em;
	line-height: 1.12em;}

#masthead a:link{
	color: white; 
	text-decoration: none;}
#masthead a:visited{
	color: white; 
	text-decoration: none;}
#masthead a:active{
	color: white; 
	text-decoration: none;}
#masthead a:hover{
	color: white; 
	
	text-decoration: none;}


#focus-descrip p{
	color: white; 
	line-height: 1.3em;
	font-size: 0.9em;}
#focus-descrip-services p{
	color: white; 
	line-height: 1.3em; 
	width: 398px;}


#sidebar span,em{
	color: #89c122;}
	
#sidebar h3{
	display:block;
	clear:both;
	color: black; 
	padding:10px;  
	margin: 15px 10px 0 7px;
}
#sidebar form{
	margin: 0 10px 0 10px; 
	text-align: center;}
#sidebar .posts{
	border-bottom: #303030 dashed 1px; 
	padding: 0 0 10px 0; 
	margin: 10px 10px 0 20px; 
	width: 280px; 
	font-size: 0.8em; 
	line-height: 1.3em;}
#sidebar .project-descript{ 
	padding: 0 0 10px 0; 
	margin: 10px 10px 0 20px; 
	width: 280px; 
	font-size: 0.8em; 
	line-height: 1.3em;}
#sidebar .projects{
	border-bottom: #303030 dashed 1px; 
	padding: 0 0 10px 0; 
	margin: 10px 10px 0 20px; 
	width: 280px; 
	font-size: 0.8em; 
	line-height: 1.3em;}
#sidebar .projects span{
	padding: 0; 
	margin: 0;}
#sidebar em{
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	font-size: inherit;}

#footer p{color: white;}

/*a:link, a:active, a:visited{text-decoration: none;color: white;}
a:hover{color: inherit;}*/

/*#header #header-container ul li a:link, a:active, a:visited{text-decoration: none; color: white;}
#header #header-container ul li a:hover{background: #0d121e; color: inherit;}*/



p,em,span{
	padding: 10px 15px 10px 15px; 
	font-style: normal; 
	letter-spacing: 0.05em;}
em{
	font-size: 0.8em; 
	color: gray;}



h1{
	padding: 10px 15px 10px 15px;}
h1 a{}
h1 a:hover{}


h2{
	color: #89c122; 
	font-size: 1.4em; 
	font-weight: 100; 
	padding: 10px 15px 5px 15px; 
	letter-spacing: 0.05em;}
h2 a{}
h2 a:hover{}


h3{
	width: 97%; 
	padding: 10px; 
	background: #89c122; 
	margin-top: 0px; 
	padding: 12px 5px 10px 15px;
}
h3 a{}
h3 a:hover{}


h4{
	padding: 10px 15px 10px 15px; 
	font-size: 1.1em;}
h4 a{}
h4 a:hover{}


h5{}
h5 a{}
h5 a:hover{}

a.back-top{
	font-size: 0.8em;
	padding: 5px 15px 5px 15px;
	margin-left:15px ;
}
a.back-top:visited{
	font-size: 0.8em;
	padding: 5px 15px 5px 15px;}
a.back-top:active{
	font-size: 0.8em;
	padding: 5px 15px 5px 15px;}
a.back-top:link{
	font-size: 0.8em;
	padding: 5px 15px 5px 15px;}
a.back-top:hover{
	color: white;}

/*////////////////////////// 
layout
//////////////////////////*/
html>body{
	margin: 0 auto;
	padding: 0;
}
body{ 
	margin: 0 auto;
	padding: 0;
	}
#header{
	height:135px; 
	border-bottom: #89c122 solid 5px;
	margin: 0 auto;
	background: #121726 url(../images/header-bg.jpg) no-repeat center;
	width: 1024px;
	position:relative;
	}
#header-container{
	width: 970px; 
	margin: 0 auto 0; 
	height: 135px;
	position: relative; 
	}

#container{
	position: relative; 
	width: 970px; 
	margin: 0 auto 0;}
#content{
	width: 970px; 
	margin: 0 auto 0;
	}
#main-content{
	padding: 10px 0 0 0; 
	width: 643px; 
	margin: 0 0 0px 0;}
#masthead a{
	padding: 45px 0px 45px 0px;}
#post-copy{
	width: 633px;  
	float: left;
	clear: both;
	background: white;
	}
#post-copy h3{
	width: 613px;}
#post-copy h4{
	font-size: 1.0}
#post-copy-ip{
	width: 633px;  
	background: white;}
#masthead{
	float: left;
	width: 100%;
	height: 435px;
}

.post-border{
	border-bottom: gray dotted 1px;}
#focus-descrip{
	width: 100%; 
	background: #222c45; 
	padding: 20px 0 25px 0; 
	margin-bottom: 15px;
	float: left;
	clear: both;
	}
#focus-descrip-services{
	width: 100%; 
	background: #222c45; 
	padding: 0 0 0px 0; 
	margin-bottom: 15px;}
#focus-descrip-services h2{
	padding: 25px 5px 0 15px;}
#service-descrip{ left: 200px;}
#sidebar{
	right: 0px; 
	width: 320px; 
	height: 100%; 
	min-height: 500px; 
	background: url(../images/sidebar-bg.png) repeat-y; 
	color: white;}
#footer{
	width: 950px; 
	height: 150px;
	background: #0d121e url(../images/synergy-bg.gif) center repeat-y;
	margin: 0 auto 0; 
	position: relative;
	bottom: 0px;
	clear: both;
	color: white;
	padding: 15px 10px 0 10px;
	}
#footer-container{
	border-top: white dotted 1px;}
	#footer-nav{
	
}
#footernav ul{
	
}
#footernav ul li{
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	color: #89c122;
	padding: 5px 20px 0 0;
}
#footernav ul li a{
	color: #89c122;
	text-decoration: none;
}
#footernav ul li a:hover{
	text-decoration: underline;
}
#address-footer{
	text-align: left;
	line-height: 1.1em;
	clear: both;}
#address-footer-2{
	text-align: left;
	line-height: 1.1em;}
#address-footer-3{
	text-align: left;
	line-height: 1.1em;}
	
#copyright{
	text-align: right;
	line-height: 1.1em;}

#main-content ul li{
	margin: 0 0 30px 0;}
#sidebar ul li{ 
	margin: 0 0 0 -8px;}


/* homepage Nav
-------------------------- */
#training{position: absolute; left: 477px; top: 10px; background: url(../images/training-blue.jpg) no-repeat; width:149px; height: 133px; text-align: center; color: white; text-shadow: 5px 0 0 10px; }
#training p{margin: 40px 0 0 0;
	font-size: 16px;
	text-shadow: #000 2px 2px 5px;
}
#training:hover{background: url(../images/training.jpg) no-repeat;}

#contract{position: absolute; left:159px; top: 300px; background: url(../images/contract-blue.jpg) no-repeat; width:149px; height: 133px; color: white; text-align: center;}
#contract p{margin: 30px 0 0 0;
	font-size: 16px;
	text-shadow: #000 2px 2px 5px;}
#contract:hover{background: url(../images/contract.jpg) no-repeat; }

#compliance{position: absolute; left: 318px; top: 300px; background: url(../images/books-blue.jpg) no-repeat; width:149px; height: 133px; color: white; text-align: center; }
#compliance p{margin: 30px 0 0 0;
	font-size: 16px;
	text-shadow: #000 2px 2px 5px;}
#compliance:hover{background: url(../images/books.jpg) no-repeat;}

#remediation{position: absolute; left: 477px; top:300px; background: url(../images/water-blue.jpg) no-repeat; width:149px; height: 133px; color: white; text-align: center; }
#remediation p{margin: 40px 0 0 0;
	font-size: 16px;
	text-shadow: #000 2px 2px 5px;}
#remediation:hover{background: url(../images/water.jpg) no-repeat;}

#site{position: absolute; left: 477px; top:155px; background: url(../images/dirt-blue.jpg) no-repeat; width:149px; height: 133px; text-align: center; color: white; }
#site p{margin: 40px 0 0 0;
	font-size: 16px;
	text-shadow: #000 2px 2px 5px;}
#site:hover{background: url(../images/dirt.jpg) no-repeat;}

#ust{position: absolute; left: 0px; top: 300px; background: url(../images/ust-blue.jpg) no-repeat; width:149px; height: 133px; color: white; text-align: center;}
#ust p{ margin: 50px 0 0 0;
	font-size: 16px;
	text-shadow: #000 2px 2px 5px;}
#ust:hover{background: url(../images/ust.jpg) no-repeat;}

/*----------------------------
 end of homepage*/

#sidebar ul{position: relative; padding: 0 0 0 7px;}
#sidebar ul li a{padding: 45px 0 45px 0;}

/* secondary page Nav
-------------------------- */
#training-ip{position: absolute; left: 164px; top: 282px;
 background: url(../images/training-blue.jpg) no-repeat; width:149px; height: 133px; text-align: center; color: white; text-shadow: 5px 0 0 10px;}
#training-ip p{margin: 30px 0 0 0; text-decoration: none;}
#training-ip:hover{background: url(../images/training.jpg) no-repeat;}

#contract-ip{position: absolute; left: 164px; top: ;  background: url(../images/contract-blue.jpg) no-repeat; width:149px; height: 133px; text-align: center; color: white;}
#contract-ip p{margin: 30px 0 0 0; text-decoration: none;}
#contract-ip:hover{background: url(../images/contract.jpg) no-repeat;}

#compliance-ip{position: absolute; left: ; top: 141px; background: url(../images/books-blue.jpg) no-repeat; width:149px; height: 133px; color: white; text-align: center;}
#compliance-ip p{margin: 30px 0 0 0; text-decoration: none;}
#compliance-ip:hover{background: url(../images/books.jpg) no-repeat;}

#remediation-ip{position: absolute; left: 164px; top: 141px; background: url(../images/water-blue.jpg) no-repeat; width:149px; height: 133px; color: white; text-align: center;}
#remediation-ip p{margin: 40px 0 0 0; text-decoration: none;}
#remediation-ip:hover{background: url(../images/water.jpg) no-repeat;}

#site-ip{position: absolute; left: ; top:282px ; background: url(../images/dirt-blue.jpg) no-repeat; width:149px; height: 133px; color: white; text-align: center;}
#site-ip p{margin: 40px 0 0 0; text-decoration: none;}
#site-ip:hover{background: url(../images/dirt.jpg) no-repeat;}

#ust-ip{position: absolute; left: ; background: url(../images/ust-blue.jpg) no-repeat; width:149px; height: 133px; color: white; text-align: center;}
#ust-ip p{ margin: 50px 0 0 0; width: 119px; text-decoration: none;}
#ust-ip:hover{background: url(../images/ust.jpg) no-repeat;}

/*----------------------------
 end of secondary page Nav*/
 
 
/*////////////////////////// 
 form elements
////////////////////////// */
label{}
input{
	width: 200px; 
	border: none; 
	margin: 0 0 10px 0; 
	padding: 5px 5px 5px 5px;
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;}
input.button{
	width: 100px;}
textarea{
	width: 200px; 
	border: none; 
	margin: 0 0 10px 0; 
	padding: 5px 5px 5px 5px; 
	border-radius: 5px;  
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;}

/*////////////////////////// 
 misc
////////////////////////// */
.left{float: left;}
.service-image{margin: 10px; float: right;}
.project-thumb-title{width: 180px; float: right;}
.project-thumb{margin: 5px 5px 5px 20px;}
.project-thumb-1{margin: 5px 5px 5px 10px;}
.project-image{ border: #222c45 solid 7px; margin: 10px 0 0 16px;}
.project-image-other{ border: #222c45 solid 7px; margin: 10px 0 0 10px;}
.thumb-holder{width: 290px; margin: 0 0 0 5px;}

#project{margin: 15px; width:184px; border: red solid 1px; position: relative;}
	#project em{width: 184px;}
.project-title{padding: 0 0 0 0; }
.right{float: right;}
.clear{clear: both;}
#search{
	position: absolute;
	top: 20px;
	left: 650px;
	width: 300px;
}
#search input.submit{
	width: 60px;
	position: relative;
	left: 220px;
	top: -52px;
}
#low-info{
	float: left;
	clear: both;
}
#cats{
	float: left;
	display: block;
	height: 415px;
	margin-top: 10px;
	width: 100%;
}