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

/*******************************************************
		PROJECT: 

		DESCRIPTION:
		This CSS file comprises layout elements for
		all site pages.
		
		CREATED: 

*******************************************************/



/*******************************************************
	_BASIC LAYOUT ELEMENTS
*******************************************************/

* {margin: 0; padding: 0;}

body {
	color: #333;
	font-size:100%;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	background: #b0aca9 url(../m/bg.jpg) repeat-x top left;
	margin: 0; padding: 0;
}

p {
	font-size: .7em;
	line-height: 1.4em;
	margin: 0 0 1.2em 0;
}

h2 {
	color:#4B4837;
	font-size: 1.2em;
	margin: 0 0 .9em 0;
}

h2#page-title {
	color:#FFF;
	font-size: .8em;
	margin: 0 0 1.6em 0;
	text-transform:uppercase;
}


h3 {
	color:#4B4837;
	font-size: .9em;
	line-height: 1.4em;
	margin: 0 0 .4em 0;
}

h4 {
	color:#4B4837;
	font-size: .7em;
	line-height: 1.4em;
	margin: 0 0 .2em 0;
}



/* ANCHOR TAGS */

a:link {
	color: #333;
}

a:visited {
	color: #333;
}

a:hover {
	color:#999;
	text-decoration: none;
}

a:active {
	color:#A18A00;
}




img {
	display: block;
	border: 0;
}




ul, ol {
	margin: .5em 0 1.6em 1.1em;
	padding: 0;
}


li {
	font-size: .7em;
	line-height: 1.4em;
	padding: 0 0 0 18px;
	margin: 0 0 .8em 0;
	background:url(../m/li-square-brown.gif) no-repeat 0px 6px;
	list-style: none;
}

ol li {
	background-image: none;
	list-style-type:decimal;
	padding-left: 0;
	margin-left: 18px;
}

li ul, li ol {margin: 6px 0 12px 18px;}
li ul li, li ol li {font-size: .97em;}

li ul li {background-image:url(../m/li-square-brown.gif);}


hr {
	height: 0px;
	line-height:0px;
	color:#FFF;
	background-color: #FFF;
	margin: 24px 0;
	border: 0;
	border-bottom: 1px dotted #999;
}









form {
	margin: 24px 0 0 0;
	padding: 0;
}

fieldset {margin: 0;padding: 0;border: 0;}

input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .7em;
}


div.formCol1 {
	width: 175px;
	margin: 0 12px 20px 0;
	float:left;
	text-align:right;
	font-weight:bold;
}

div.formCol2 {
	width: 400px;
	margin: 0 0 20px 0;
	float:left;
	font-weight:bold;
}

div.formCol1 label, div.formCol2 label {
	font-size: .7em;
	line-height: 1.3em;
}

div.formSbt {
	padding: 0 0 0 187px;
}

.fieldDesc {font-size: .7em;font-weight:normal;}
.fieldNameDesc {font-weight:normal;}



table {
	margin: 0 0 24px 0;
}

td {
	font-size: .7em;
	padding: 4px;
}

tbody td {
	background-color: #F1F4FB;
}

thead td {
	background-color:#E3EAF8;
}






/*******************************************************
	_MAIN CONTAINERS
*******************************************************/

div#global {
	width: 967px;
	text-align:left;
	margin: 0 auto;
}



div#main {
	background:url(../m/bg-main.gif) repeat-y 3px 0;
}

div#main-top {
	height: 10px;
	line-height:0;font-size:0;
	background:url(../m/bg-main-top.gif) no-repeat 3px 0;
}

div#main-btm {
	height: 13px;
	clear:both;line-height:0;font-size:0;
	background:url(../m/bg-main-btm.gif) no-repeat 3px 0;
}

div#mainContent {
	float:left;
	background:url(../m/bg-sub-hdr.jpg) no-repeat top left;
	width: 720px;
	padding: 7px 14px 16px 19px;
}








/*******************************************************
	_TOP
*******************************************************/

div#top {
/*	background:url(../m/bg-top.jpg) no-repeat 310px 59px;*/
	position: relative;
	margin: 0 0 5px 0;
}




h1 { /* Levin technique */
 	width: 310px;
	height: 95px;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: .9em;
}

h1 span {
	top: 0px;
	left: 0px;
 	width: 310px;
	height: 95px;
	background: url(../m/logo-deployed.jpg) no-repeat top left;
	position: absolute;
	z-index:1;
}

h1 a {
 	width: 310px;
	height: 95px;
	display: block;
	cursor:pointer;
}







/*******************************************************
	_MAIN NAVIGATION
*******************************************************/
ul#main-nav {
	width:546px; /*546*/
	height: 95px;
	display:block;
	position:absolute;
	top: 0;
	left:310px;
	margin: 0;
	padding: 0 0 0 145px;
	background: url(../m/bg-nav.jpg) no-repeat top left;
}

ul#main-nav li { /* Levin technique */
	width: 77px;
	height: 59px;
	position:relative;
	font-size: .5em;
	line-height: 10px;
	display: block;
	float:left;
	padding: 0;
	margin: 0;
	background-image:none;
}

ul#main-nav li span {
	top: 0px;
	left: 0px;
	width: 77px;
	height: 59px;
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	z-index:1;
}

ul#main-nav li a {width: 77px;display: block;cursor:pointer;text-decoration:none;}


li#nav-home span {background-image:url(../m/nav/home.jpg);}
body#page-home li#nav-home span {background-image:url(../m/nav/over/home.jpg);}

li#nav-products span {background-image:url(../m/nav/products.jpg);}
body#page-products li#nav-products span {background-image:url(../m/nav/over/products.jpg);}

li#nav-services span {background-image:url(../m/nav/services.jpg);}
body#page-services li#nav-services span {background-image:url(../m/nav/over/services.jpg);}

li#nav-vehicles span {background-image:url(../m/nav/vehicles.jpg);}
body#page-vehicles li#nav-vehicles span {background-image:url(../m/nav/over/vehicles.jpg);}

li#nav-past-performance span {background-image:url(../m/nav/past-performance.jpg);}
body#page-past-performance li#nav-past-performance span {background-image:url(../m/nav/over/past-performance.jpg);}

li#nav-contact span {background-image:url(../m/nav/contact.jpg);}
body#page-contact li#nav-contact span {background-image:url(../m/nav/over/contact.jpg);}









/*******************************************************
	_HOME PAGE
*******************************************************/
div#home-mid {
	height: 303px;
}

div#home-flash {
	width: 544px;
	height:303px;
	float:left;
/*	background-color:#222;*/
}

div#home-mid-calls {
	width: 423px;
	float:right;
}


div#home-btm {
	margin: 5px 0 10px 0;
/*	background:url(../m/bg-home-btm.gif) repeat-y top left;*/
	background:url(../m/bg-home-btm-con.gif) repeat-y top left;
}

div#home-btm-con {
	width: 967px; /* hasContent */
	margin: 0 0 0 13px;
}

/*div#home-btm-con-btm {
	height: 5px;
	background:url(../m/bg-home-btm-con-btm.jpg) no-repeat bottom left;
	clear: both; font-size: 0px; line-height: 0px;
}*/

div#home-btm-top {
	height: 9px;
	font-size:0px;
	line-height:0px;
	background:url(../m/bg-home-btm-top.gif) no-repeat top left;
}

div#home-btm-btm {
	height: 11px;
	background:url(../m/bg-home-btm.gif) no-repeat bottom left;
	clear: both; font-size: 0px; line-height: 0px;
}



div#home-about {
	width:709px;
	float:left;
	display:inline;
	margin: 0 8px 0 0;
}


div#home-about-text {
	width: 335px;
	padding-top: 14px;
	float:left;
}

div#home-about-photos {
	width: 343px;
	margin: 14px 4px 0 10px;
	float:left;
	display:inline;
}

div#home-about-photos img {
	display:inline;
}

div#home-past {
	width:224px;
	float:left;
	color:#FFF;
}

div#home-past-btm {
	width: 206px;
	padding: 12px 8px 6px 10px;
	background:url(../m/bg-home-past-btm.jpg) no-repeat top left;
}

div#home-past-btm img.header {margin: 0 0 6px 0;}
div#home-past-btm img.readmore {float:right;}









/*******************************************************
	_LEFT
*******************************************************/
div#left {
	float: left;
	display:inline;
	width: 170px;
	min-height:167px;
	margin: 0 8px 0 10px;
	padding: 10px 8px 0px 16px;
	background:url(../m/bg-left-top.jpg) no-repeat top left;
	color:#FFF;
}

div#left a {
	color:#FFF;
}

div#left ul {
	margin: 0 0 16px 0;
	padding:0;
}

div#left li {
	background:url(../m/li-arrows.gif) no-repeat 0px 6px;
	margin: 0 0 4px 0;
}

div#left img.subHead {
	margin-bottom: 20px;
}

div#left ul ul {
	margin: 8px 0 12px 0;
	padding:0;
}

div#left ul ul li {
	background-image:url(../m/li-square.gif);
	padding-left: 12px;
}









/*******************************************************
	_QUOTE IN FOOTER
*******************************************************/
body#page-home div#quote-con {
	display:none;
}

div#quote-con {
	position:relative;
	width: 967px;
	margin: 12px auto 12px auto;
	text-align:left;
	color: #FFF;
	background:url(../m/quote-bg.gif) repeat-y 3px 0;
}

div#quote-top {
	height: 4px;
	font-size:0px;
	line-height:0px;
	background:url(../m/quote-top.gif) no-repeat 3px 0;
}

div#quote-btm {
	height: 4px;
	font-size:0px;
	line-height:0px;
	clear:both;
	background:url(../m/quote-btm.gif) no-repeat 3px 0;
}

div#quote-content {
	padding: 12px 24px 12px 12px;
}

blockquote {
	margin: 0;
	background:url(../m/quote-lt.gif) no-repeat 0px 3px;
}

blockquote p {
	font-size: .9em;
	padding: 0 0 0 32px;
	margin: 0 0 8px 0;	
}

cite {
	display:block;
	font-size: .8em;
	padding: 0 0 0 32px;
}






/*******************************************************
	_FOOTER
*******************************************************/
div#footer {
	position:relative;
	width: 967px;
	margin: 5px auto 16px auto;
	text-align:left;
	background:url(../m/bg-footer.gif) repeat-y top left;
}

div#footer p {
	color:#241F0B;
	margin: 0 0 0px 24px;
}

div#footer a {color:#241F0B;}
div#footer ul {
	margin: 0 0 6px 0;
	padding: 24px 0 0 24px;
	display:block;
}
div#footer li {display: inline;margin: 0 6px 0 0;padding: 0;background-image:none;}

div#footer-top {
	height: 3px;
	font-size:0px;
	line-height:0px;
	background:url(../m/bg-footer-top.gif) no-repeat top left;
}

div#footer-btm {
	height: 3px;
	font-size:0px;line-height:0px;clear:both;
	background:url(../m/bg-footer-btm.gif) no-repeat bottom left;
}

div#footer-logos {
	float:right;
	padding: 12px 0;
	width:208px;
}

div#footer-logos img {
	display: inline;
}







/*******************************************************
	_MAIN OVERVIEW PAGES
*******************************************************/
div.mainThm {
	width: 149px;
	margin: 0 0 16px 0;
	padding: 0 12px 0 12px;
	float:left;
}

div.mainThm p {
	margin: 4;
	padding: 0 4px;
	text-align:center;
/*	font-weight:bold;*/
}





/*******************************************************
	_SERVICES
*******************************************************/
div.sampCamp {
	margin: 0 0 16px 0;
}

div.sampCamp div.img {
	float: left;
	width: 375px;
}

div.sampCamp div.desc {
	float: left;
	width: 200px;
	margin: 0 12px 0 0;
}





/*******************************************************
	_CASE STUDIES
*******************************************************/
div.caseStudy {
	width: 700px;
	margin:0 0 12px 0;
	border:1px solid #dad8ce;
	background: #FFF url(../m/bg-case.jpg) repeat-x 0px 26px;
}

div.caseStudy h3 {
	font-weight:normal;
	background-color:#dad8ce;
	padding:4px 4px 4px 18px;
	margin: 0 0 10px 0;
	border:1px solid #FFF;
/*	border-bottom-width:2px;
	border-left-width:2px;*/
	color:#302D1E;
}

div.caseStudy div.caseSpecs {
	float:left;
	width:193px;
	margin: 0 12px 0 10px;
}

div.caseStudy div.caseScope {
	float:left;
	width:420px;
	margin: 0 45px 0 20px;
}

div.caseStudy div.caseImg {
	float:left;
	width:185px;
}
















/*******************************************************
	_MISC
*******************************************************/
div.section {padding-bottom: 24px;}

div.col1, div.col2 {
	float: left;
	display: inline;
	width: 45%;
}

div.col1 {margin-right: 24px;}

div.cols3 div.col {
	float:left;
	width:190px;
	margin: 0 58px 0 0;
}

/*div.col h5 {
	float:left;
	width: 70px;
}

div.col p {
	float:left;
	width: 70px;
}

div.col br {
	clear:left;
}*/

p.pdfLink {
	margin: 12px 0 16px 0;
}

p.pdfLink img {
	display:inline;
	vertical-align:middle;
	margin-right: 6px;
}

div.insetRt {
	float: right;
	margin: 0 0 16px 16px;
}


img.imgRt {
	float: right;
	display:inline;
	margin: 0 0 16px 16px;
}


div.dot-h {
	height: 1px;
	line-height:1px;
	font-size:1px;
	margin: 12px 0;
	background: url(../m/dot-h.gif) repeat-x top left;
}

.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px;}
div.hide {display: none;}

.notice {
	width:450px;
	padding:6px;
	background-color:#f8f7f1;
	border:1px solid #dcd9c7;
	font-weight:bold;
	margin:12px 0;
	
}

.req {
	color: #C00;
}