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

/* ------------------------------------------- RESETS ELEMENTS ------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, 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;
}


/* ------------------------------------------- MAIN STRUCTURE ------------------------------------------- */

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 62.5%; /* sets font-size globally to 10px from 16px default */
	line-height: 1;
	text-align: center; /* For IE */
	color: #000;
	margin: 0;
	padding: 0;
	background-color: #d8e0e8;
	background-image: url(images/bkg-gradient.jpg);
	background-repeat: repeat-x;
	overflow: auto; /* fixes scrollbars appearing by default in IE when any div heights set to auto and overflow set to visible */
}

p, blockquote {
	font-size: 1.2em; /* sets all paragraphs to 12px globally */
	line-height: 1.5em; /* 18px */
	margin-bottom: 1em;
}

blockquote {
	font-style: italic;
}

blockquote:before {
	content: "\201C";
}

blockquote:after {
	content: "\201D";
}

blockquote:before {
	content: "\201C";
}

h1 {
	font-size: 2.4em;
	line-height: 1.25em; /* 30px */
	color: #115866;
	margin-bottom: 0.75em;;
}

h2 {
	font-size: 2.2em;
	line-height: 1.27em; /* 28px */
	color: #10305f;
	margin-bottom: 0.5em;;
}

h3 {
	font-size: 1.8em;
	line-height: 1.33em; /* 24px */
	color: #115866;
	margin-bottom: 0.5em;;
}

h4 {
	font-size: 1.6em;
	line-height: 1.38em; /* 22px */
	color: #39727d;
	margin-bottom: 0.5em;;
}

h5 {
	font-size: 1.4em; /* 14px */
	line-height: 1.43em; /* 20px */
	color: #5e777c;
	margin-bottom: 0.5em;;
}

h6,
.subheader {
	font-size: 1.3em; /* 13px */
	line-height: 1.46em; /* 19px */
	color: #5e777c;
	margin-bottom: 0.5em;;
}

#layout {
	width: 860px;
	margin: 0 auto 2em auto;
	background-color: #bccbde;
	position: relative;
	box-shadow: 0px 0px 10px rgba(40,67,114,0.9);
	-moz-box-shadow: 0px 0px 10px rgba(40,67,114,0.9);
	-webkit-box-shadow: 0px 0px 10px rgba(40,67,114,0.9);
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	overflow: hidden;
}

#header {
	text-align: left;
	background: #B4DAB4 url(images/top_bkg.jpg) repeat-x 0 0;
	position: relative;
	min-height: 136px;
	height: auto !important;
	height: 136px;
}

#mainmenu {
	margin-left: 11px;
	}
	#mainmenu ul {
		list-style: none;
		}
		#mainmenu li {
			display: inline;
		}
		#mainmenu li a {
			text-indent: -9999px;
			display: block;
			min-height: 22px;
			height: auto !important;
			height: 22px;
			width: 100px;
			margin-right: 5px;
			float: left;
			}
			#mainmenu li a.nav-company {
				background: url(images/nav-company.gif) no-repeat center bottom;
			}
			#mainmenu li a.nav-products {
				background: url(images/nav-products.gif) no-repeat center bottom;
			}
			#mainmenu li a.nav-services {
				background: url(images/nav-services.gif) no-repeat center bottom;
			}
			#mainmenu li a.nav-incentives {
				background: url(images/nav-incentives.gif) no-repeat center bottom;
			}
			#mainmenu li a.nav-testimonials {
				background: url(images/nav-testimonials.gif) no-repeat center bottom;
			}
			#mainmenu li a.nav-gallery {
				background: url(images/nav-gallery.gif) no-repeat center bottom;
			}
			#mainmenu li a.nav-news {
				background: url(images/nav-news.gif) no-repeat center bottom;
			}
			#mainmenu li a.nav-resources {
				background: url(images/nav-resources.gif) no-repeat center bottom;
			}
			#mainmenu li a:hover,
			#mainmenu li a:active {
				background-position: center center;
			}
		#company #mainmenu li a.nav-company,
		#products #mainmenu li a.nav-products,
		#services #mainmenu li a.nav-services,
		#incentives #mainmenu li a.nav-incentives,
		#testimonials #mainmenu li a.nav-testimonials,
		#gallery #mainmenu li a.nav-gallery,
		#news #mainmenu li a.nav-news,
		#resources #mainmenu li a.nav-resources {
			background-position: center top;
		}

#submenu {
	position: absolute;
	top: 0;
	right: 11px;
	}
	#submenu ul {
		list-style: none;
		float: right;
		}
		#submenu li {
			display: inline;
			}
			#submenu li a {
				display: block;
				margin: 20px 10px 0 0;
				float: left;
				font-size: 0.917em; /* x 12px = 11px */
				font-weight: bold;
				text-transform: uppercase;
				color: #060;
				text-decoration: none;
				}
				#submenu li a:visited {
					color: #060;
					text-decoration: none;
				}
				#submenu li a:hover,
				#submenu li a:active,
				#submenu li a:visited:hover {
					color: #093;
					text-decoration: underline;
				}

#colWrapper {
	overflow: hidden;
	margin-bottom: 1em;
}

#content {
	text-align: left;
	width: 590px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
	padding-bottom: 9999px;
	margin-bottom: -9990px;
	background-color: #fff;
	float: left;
	display: inline;
}

.topbar-image {
	margin-bottom: 1.5em;
}

#content p,
#content blockquote { /* adds padding around text but not graphics */
	padding: 0.25em 20px 0.5em 20px;
}

#content h1,
#content h2,
#content h3,
#content h4 { /* adds padding around text but not graphics */
	padding-left: 20px;
	padding-right: 20px;
}

#content h1 {
	text-indent: -9999px;
	width: 590px;
	height: 170px;
	margin: 0 0 1em 0;
	padding: 0;
	background: #9fb5cd no-repeat 0 0;
}

#content ul {
	font-size: 1.2em;
	line-height: 1.5em; /* 18px */
	margin: 0 0 1em 3em;
	padding-right: 20px;
	list-style: disc;
	list-style-position: inside;
}

#content li {
	margin-bottom: 0.25em;
}

#home #content h1 {
	background-image: url(images/home-header.gif);
}

#products #content h1 {
	background-image: url(images/products-header.gif);
}

#incentives #content h1 {
	background-image: url(images/incentives-header.gif);
}

#testimonials #content h1 {
	background-image: url(images/testimonials-header.gif);
}

#gallery #content h1 {
	background-image: url(images/gallery-header.gif);
}

#news #content h1 {
	background-image: url(images/news-header.gif);
}

#resources #content h1 {
	background-image: url(images/resources-header.gif);
}

#contact #content h1 {
	background-image: url(images/contact-header.gif);
}

#sidebarWrap {
	width: 270px;
	padding-bottom: 9999px;
	margin-bottom: -9990px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
	background-color: #e1eaf3;
	float: right;
	display: inline;
}

#sidebar {
	text-align: left;
	width: 230px;
	margin-left: 20px;
}

#footer {
	width: 860px;
	padding: 1em 0;
	float: left;
	display: inline;
}

#bottommenu {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	}
	#bottommenu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		clear: left;
		float: left;
		position: relative;
		left: 50%;
		text-align: center;
		}
		#bottommenu ul li {
			list-style: none;
			display: block;
			float: left;
			position: relative;
			right: 50%;
			}
			#bottommenu ul li a {
				display: block;
				margin: 0;
				padding: 5px;
				float: left;
				text-decoration: none;
				}
				#bottommenu ul li a:hover,
				#bottommenu ul li a:active,
				#bottommenu ul li a:visited:hover {
					text-decoration: underline;
					}


.intro {
	font-size: 1.4em;
	line-height: 1.43em; /* 20px */
}

.small {
	font-size: 1.1em;
	line-height: 1.55em; /* 17px */
}

.fineprint {
	font-size: 1em;
	line-height: 1.6em;
}

.small,
#contactform td,
.source {
	font-size: 1.1em;
	line-height: 1.55em; /* 17px */
}

.source {
	margin-top: -1.55em;
}

.contentBlock {
	clear: both;
}

.bodysmallbold {
	font-size: 10px;
	line-height: 15px;
	color: #000000;
	font-weight: bold;
}

.bodybig {
	font-size: 12px;
	line-height: 17px;
	color: #000000;
}

.bodybigbold {
	font-size: 12px;
	line-height: 17px;
	color: #000000;
	font-weight: bold;
}

.warning {
	font-size: 11px;
	line-height: 16px;
	color: #FF0000;
	font-style: italic;
}

#contactform {
	position: relative;
	padding: 0 20px;
}
.formelement {
	width: 200px;
	float: left;
	margin-right: 20px;
	position: relative;
	display: inline; /* avoids step-down in IE 6 */
	}
	.formelement input,
	.formelement textarea,
	.formelement select {
		font-size: 1.2em;
		background-color: #f8fbff;
		width: 197px;
		height: 2.5em; /* 30px */
		margin-bottom: 1;
		border: 1px solid #666;
		/* keep moz and webkit first for future proofing */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: 0.15s ease-in;
		-moz-transition: 0.15s ease-in;
		-o-transition: 0.15s ease-in;
		transition: 0.15s ease-in;
	}
	.formelement textarea {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		width: 540px;
		height: 160px;
		overflow: auto;
	}
	.formelement select {
		height: 2.5em; /* 30px */
	}
	.formwide {
		width: 550px;
	}
	
.formelement input[type=text]:focus,
.formelement textarea:focus,
.formelement select:focus {
	color: #333;
	background-color: #eff6ff;
	border: 1px solid #999;
	box-shadow: 0px 1px 5px rgba(28,46,74,0.1);
	-moz-box-shadow: 0px 1px 5px rgba(28,46,74,0.1);
	-webkit-box-shadow: 0px 1px 5px rgba(28,46,74,0.1);
}

label {
	font-size: 1.2em;
	font-weight: normal;
	display: block;
	margin-bottom: 0.5em; /* 6px */
}
label.error {
	font-size: 1em;
	font-weight: normal;
	text-align: right;
	color: #f00;
	width: 100%;
	position: absolute;
	top: 0.3em; /* 3px */
	left: 0;
}

input.btnblue {
	line-height: 1em;
	font-weight: normal;
	text-align: center;
	color: #000;
	text-shadow: 0px 1px 1px rgba(255,255,255,.9);
	width: 175px;
	height: 3em; /* 36px */
	margin: 0 0 1em 0;
	padding: 0.75em 0; /* 12px / 0 */
	background-color: #d6e2ee;
	border: 1px solid #666;
	/* keep moz and webkit first for future proofing */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
}

input.btnblue:hover {
	background-color: #87a3c1;
	box-shadow: 0px 1px 7px rgba(28,46,74,0.25);
	-moz-box-shadow: 0px 1px 7px rgba(28,46,74,0.25);
	-webkit-box-shadow: 0px 1px 7px rgba(28,46,74,0.25);
	cursor: pointer;
}

A:link {
	color: #006600;
	text-decoration: none;
}

A:active {
	color: #009900;
	text-decoration: underline;
}

A:hover {
	color: #003366;
	text-decoration: underline;
}

A:visited {
	color: #006699;
	text-decoration: none;
}

A:visited:hover {
	color: #6a95c8;
	text-decoration: underline;
}

.textfield {
	font-size: 10px;
	line-height: 15px;
	color: #333333;
	background-color: #f2f2f2;
}

.pulldown {
	font-size: 11px;
	line-height: 15px;
	color: #000000;
}

.button {
	font-size: 11px;
	line-height: 15px;
	color: #000000;
}

.ImagePad {
	padding-bottom: 5px;
	padding-left: 5px;
}

.ImagePad2 {
	padding-bottom: 5px;
	padding-top: 5px;
}

.ImagePad3 {
	padding: 0 2em 0.5em 1em;
	padding-bottom: 0.5em;
	float: right;
}

.clear {
	clear: both;
	height: 0;	/* only necessary for IE */
	margin: 0;
	padding: 0;
}

.last {
	margin-right: 0;
}