/* 
----------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------
SNIPESCOMPANY CSS
author: Ben Visser of Nice Outfit
----------------------------------------------------------------
----------------------------------------------------------------
---------------------------------------------------------------- 
*/

body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	background: #a6a6a6 url('../_images/bg.png') repeat-x;
	}
	
h1 { font-size:2em }  /* displayed at 24px */
h2 { font-size:1.5em }  /* displayed at 18px */
h3 { font-size:1.5em }  /* displayed at 18px */
h4 { font-size:1em }

textarea { font-size:1.4em }

p { font-size:1.2em } /* displayed at 12px */

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

li {
	margin: 0;
	padding: 0;
	}
	
blockquote {
	font-size: 1.2em;
	}
	
input, select, th, td { font-size:1em }

/* 
----------------------------------------------------------------
----------------------------------------------------------------
Wrap
----------------------------------------------------------------
----------------------------------------------------------------
*/

#wrap {
	width: 77em;
	margin: 0 auto;
	}

/* 
----------------------------------------------------------------
----------------------------------------------------------------
Mast
----------------------------------------------------------------
----------------------------------------------------------------
*/

#mast {
	float: left;
	width: 77em;
	height: 11em;
	background: url('');
	}
	
#mastLogo {
	float: left;
	width: 24em;
	height: 11em;
	}
	
#mastLogo img {
	width: 24em;
	height: 11em;
	}
	
#mastContact {
	float: left;
	padding-top: 1em;
	width: 53em;
	text-align: right;
	}
	
#mastContact h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #666;
	}

/* 
----------------------------------------------------------------
----------------------------------------------------------------
Main Nav
----------------------------------------------------------------
----------------------------------------------------------------
*/

#mastNav {
	float: right;
	padding-top: 3em;
	}		

#mastNav ul li {
	display: inline;
	padding-left: 2em;
	}
	
#mastNav ul li a {
	font-weight: bold;
	font-size: .9em;
	text-transform: uppercase;
	color: #1c5400;
	text-decoration: none;
	}
	
#mastNav ul li a:hover {
	font-weight: bold;
	font-size: .9em;
	text-transform: uppercase;
	color: #123500;
	text-decoration: underline;
	}
	
#mastNav ul li.activeNav a {
	font-weight: bold;
	font-size: .9em;
	text-transform: uppercase;
	color: #999;
	text-decoration: none;
	}

/* 
----------------------------------------------------------------
----------------------------------------------------------------
Interior Content
----------------------------------------------------------------
----------------------------------------------------------------
*/

#content {
	float: left;
	width: 77em;
	background-color: #fff;
	}

#content h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.8em;
	color: #666;
	}

#content p {
	font-weight: normal;
	line-height: 1.8em;
	color: #666;
	}
	
#contentHeader {
	float: left;
	width: 77em;
	height: 8em;
	}
	
#contentHeader img {
	width: 77em;
	height: 8em;
	}
	
#contentLg {
	float: left;
	width: 40em;
	padding: 3em 4em;
	}
	
#contentSm {
	float: left;
	width: 25em;
	}
	
#contentFull {
	float: left;
	width: 69em;
	padding: 3em 4em;
	}
	
.dividerFull {
	float: left;
	width: 100%;
	height: 4em;
	background: url('../_images/divider.png') repeat-x center;
	}
	
/* 
----------------------------------------------------------------
Partners & Vendors
----------------------------------------------------------------
*/

ul#logos li {
	float: left;
	width: 23em;
	height: 16em;
	display: inline;
	}
	
ul#logos li img {
	width: 23em;
	height: 16em;
	}
	
/* 
----------------------------------------------------------------
FAQ
----------------------------------------------------------------
*/
	
ul#faq li blockquote {
	margin-left: 4em;
	padding: .5em 0 .5em 2em;
	border-left: 1px solid #ccc;
	color: #999;
	line-height: 1.8em;
	}
	
#contentContact {
	float: left;
	width: 19em;
	margin: 3em 2em 0 0;
	padding: 0 1em 0 4em;
	border-right: 1px solid #ccc;
	}

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

form {
	margin: 1em 0 0 0;
	float: left;
	width: 40em;
	color: #666;
	}

form label {
	font-size: 1em;
	color: #666;
	}

dl, dd, dt {
	margin: 0;
	padding: 0;
	}

dt {
	padding-bottom: .2em;
	}

dt input {
	float: left;
	}

dd select {
	padding: 5px;
	font-size: .75em;
	background-color: #f1f3f5;
	width: 50%;
	}

dd {
	padding-bottom: 10px;
	}

dd input {
	padding: .5em;
	font-size: 1.2em;
	background-color: #eff4d5;
	width: 75%;
	}

dd textarea {
	width: 100%;
	background-color: #eff4d5;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	padding: .5em;
	}

h3 span {
	font-size: .7em;
	}
	
.contactError {
	float: left;
	width: 40em;
	margin: 1em 0;
	padding: 1em 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f7f7f7;
	}
	
.contactError p {
	margin: 0;
	padding: 0 0 1em 0;
	}	
	
.contactError ul {
	list-style-type: disc;
	}

.contactError li {
	margin-left: 2em;
	padding: .2em;
	font-size: 1.2em;
	color: #666;
	}
	
.red {
	color: red;
	}
	
/* 
----------------------------------------------------------------
Sub Nav
----------------------------------------------------------------
*/
	
ul#subNav {
	float: left;
	width: 20em;
	padding: 3em 0 0 4em;
	}

ul#subNav li {
	width: 18em;
	padding: 1em;
	color: #666;
	}
	
ul#subNav li a {
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	}
	
ul#subNav li a:hover {
	text-decoration: underline;
	color: #333;
	}
	
.active {
	background-color: #fff;
	}
	
.subNav {
	background: url('../_images/bg_subnav.png') no-repeat;
	}

/* 
----------------------------------------------------------------
Services
----------------------------------------------------------------
*/

#contentServices {
	float: left;
	width: 43em;
	_width: 42em; /* ie6 hack attack */
	padding: 3em 4em 3em 6em;
	overflow: hidden;
	}
	
ul#servicesList {
	float: left;
	width: 100%;
	}
	
ul#servicesList li {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 0 2em;
	margin: 1.2em 0 1.2em 0;
	color: #666;
	background: url('../_images/arrow.png') no-repeat 0 50%;
	}
	
ul#servicesList li.noArrow {
	_margin-top: -2em;
	background: none;
	}
	
ul#servicesList li ul li {
	background: none;
	font-weight: normal;
	font-size: 1em;
	}
	
.noArrow {
	background: none;
	}
	
/* 
----------------------------------------------------------------
Home
----------------------------------------------------------------
*/

#homeFlash {
	float: left;
	width: 77em;
	height: 40em;
	}
	
#homeLeft {
	float: left;
	width: 32.4em;
	padding-right: 2em;
	border-right: 1px solid #efefef;
	}
	
#homeRight {
	float: left;
	width: 32.4em;
	padding-left: 2em;
	border-left: 1px solid #efefef;
	}

/* 
----------------------------------------------------------------
Green
----------------------------------------------------------------
*/

ul#greenList {
	margin-top: 1em;
	margin-left: 5em;
	font-size: 1.2em;
	list-style-type: disc;
	color: #666;
	line-height: 1.8em;
	}
	
/* 
----------------------------------------------------------------
Site Map
----------------------------------------------------------------
*/

ul#siteMap {
	float: left;
	width: 100%;
	}
	
ul#siteMap li a {
	font-size: 1.2em;
	font-weight: bold;
	}

ul#siteMap li {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 0 2em;
	margin: 1.2em 0 1.2em 0;
	color: #666;
	background: url('../_images/arrow.png') no-repeat 0 50%;
	}

/*
----------------------------------------------------------------
----------------------------------------------------------------
Footer
----------------------------------------------------------------
----------------------------------------------------------------
*/

#footer {
	float: left;
	width: 77em;
	border-top: 1px #666 solid;
	padding: 2em 0;
	color: #fff;
	}
	
#footerLeft {
	float: left;
	width: 25em;
	}
	
#footer p {
	padding: 0;
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;
	}
	
#footerRight {
	float: right;
	width: 52em;
	text-align: right;
	}

#footerRight ul {
	padding-bottom: .5em;
	}
	
#footerRight ul li {
	display: inline;
	}
	
#footerRight ul li a {
	color: #fff;
	text-decoration: underline;
	}
	
#footerRight ul li a:hover {
	color: #fff;
	text-decoration: none;
	}