/* -----------------------------------------
Stylesheet for NewEnglandDocs.com
Author: cdeVision.com
Copyright: (c)2010 cdeVision
Created: April 2010
-------------------------------------------- */

body {background:#FFF url(images/back.png) repeat-x; margin:0; padding:0; font-family:arial,helvetica,sans-serif; font-size:14px; line-height:20px; color:#242424;}
body {text-align:center;}


/* --- fonts (note: class "TeX" converts text to TeX Gyre Bonum font face ---*/
h1, h2, h3, h4, h5, h6 {padding:0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;} 
h1 {font-size: 44px;}
h2 {font-size:20px; color:#494E54;}
h2.TeX {font-size:22px; color:#494E54;}
h2.TeX span {padding-left:12px;}
h3 {font-size:18px; color:#FFF;}
h4 {font-size:16px;}
p {margin:0; padding:0 0 14px 0; font-size:14px; line-height:20px;}


/* ---- links ----------------------------------------- */
a {color:#558B12; text-decoration:none;}  
a:visited {color:#558B12;}
a:hover {color:#558B12; text-decoration:none;}
a:active {color:#558B12;}
a:active, a:focus {outline:none;}
a.back {padding:0 21px 2px 0; background:url(images/icon-pdf.png) 100% 0px no-repeat;}


/* ---- forms ----------------------------------------- */
form {margin:0; padding:0;}
input, select, textarea {color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif; border:1px solid #ccc; background-color:#FFFFFF;height:20px; padding:0; margin:0;}
input { height:18px;padding:0 0 0 2px;}
.checkbox {float:left; background-color:transparent; border:none;}
label {} 
.error {}


/* --- specials ----------------------------------------*/
img {border:0;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}
.rule {height:1px; padding:0; margin:5px 0 5px 0; color:#E3E6EC; background-color:#E3E6EC;}


/* ---- ids & classes ----------------------------------------- */
#frame {width:914px; margin:0 auto; text-align:left;}

#header {height:142px; position:relative;}
	#logo {position:absolute; top:82px; left:0px;}
		#logo h1 {font-size: 44px; line-height:44px;}
		#logo h1 .green {color:#558B12; display:block; float:left;}
		#logo h1 .gray {color:#4D535A; display:block; float:left;}
		#logo h1 .com {font-size:20px; line-height:20px; color:#4D535A; display:block; float:left; margin-top:18px;}
	#follow-nav {position:absolute; top:24px; right:0px;}
		#follow-nav h4 {color:#4D535A; font-size:16px; margin:0; padding:0; line-height:16px;}
		#follow-nav h4 span{display:block; float:left; margin-top:2px; line-height:16px;}
		#follow-nav a.facebook { text-indent:-4000px; display:block; line-height:16px; float:left; background:url(images/logo_facebook.png) 0 0 no-repeat; width:69px; height:16px; margin:0 5px 0 5px;}
		#follow-nav a.twitter { text-indent:-4000px; display:block; line-height:16px; float:left; background:url(images/logo_twitter.png) 0 0 no-repeat; width:63px; height:16px; margin:0 5px 0 5px;}
		#follow-nav a:hover { background-position:0 -16px;}
	#header-nav {position:absolute; top:100px; right:0px;}
		#header-nav h2 {font-size:18px; color:#494E54;}
	
#nav {height:30px; background-color:#558B12; font-family:Arial, Helvetica, sans-serif;}
	#nav ul {margin:0; padding:0;list-style:none; float:right;}
	#nav li {margin:0; padding:0; float:left;}
	#nav li a { display:block; float:left; background:#3D640D; padding:0 14px 0 15px; line-height:30px; font-size:14px; color:#FFFFFF;}
	#nav li a#arrow { background:#3D640D url(images/search_arrow.png) 0 -30px no-repeat; padding:0 10px 0 44px;height: 1%; position:relative;}
	#nav li a:hover {color:#D8E0CF;}

.title { background-color:#558B12;}
	.title h2 { font-size:26px; border:none; color:#FFFFFF; padding:0 0 15px 20px;}
	
	
#content {margin-top:22px;}
	#content h2 { font-size:22px;}
	#content p { font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:20px; margin:10px 0 10px 0;}


#usa { position:relative; height:418px;}
	#usa .map { z-index:99; position:absolute; left:0px; top:0px;}
	#usa .base { z-index:10; position:absolute; left:0px; top:0px;}
	
	#usa .regions { z-index:50; position:absolute;}
	#region1 { left:630px; top:0px;}
	#region2 { left:500px; top:60px;}
	#region3 { left:375px; top:175px;}
	#region4 { left:240px; top:0;}
	#region5 { left:270px; top:110px;}
	#region6 { left:315px; top:0px;}
	#region7 { left:30px; top:0px;}
	#region8 { left:0; top:295px;}
	#region9 { left:0; top:234px;}


.docsite {float:left; display:block; text-indent:-4000px; height:62px;}
	.docsite1 { width:100px; background: url(images/docsite1.png) no-repeat;}
	.docsite2 { width:110px; background: url(images/docsite2.png) no-repeat;}
	.docsite3 { width:100px; background: url(images/docsite3.png) no-repeat;}
	.docsite4 { width:108px; background: url(images/docsite4.png) no-repeat;}
	.docsite5 { width:110px; background: url(images/docsite5.png) no-repeat;}
	.docsite6 { width:125px; background: url(images/docsite6.png) no-repeat;}
	.docsite7 { width:105px; background: url(images/docsite7.png) no-repeat;}
	.docsite8 { width:84px; background: url(images/docsite8.png) no-repeat;}
	.docsite9 { width:72px; background: url(images/docsite9.png) no-repeat;}
	
#footer {position:relative;}
	#footer .frame {width:914px; margin:0 auto; text-align:left;position:relative;}
	
	#footer .lt-bar {background-color:#6A727B; border-top:2px solid #558B12; margin-top:24px; height:30px;}
	
	.footer-nav {float:left; width:700px;}
		.footer-nav ul {margin:0; padding:0;list-style:none;}
		.footer-nav li {margin:0; padding:0; float:left;}
		.footer-nav li a { display:block; float:left; padding:0 10px 0 0; line-height:30px; font-size:12px; color:#FFFFFF !important;}
		.footer-nav li a.first {background:none; padding:0 10px 0 0;}
		.footer-nav li a:hover {color:#D8E0CF;}
		
		.legal {float:right; width:200px; text-align:right;}
			.legal ul {float:right;}
	
	#footer .dk-bar {background-color:#494E54; height:75px;position:relative;}
		#footer .dk-bar .frame {position:relative;}
		#footer p.copy { font-size:11px; color:#BBBFC4; width:500px; float: left; margin:12px 0 0 0;}
		
		#follow-nav-f {position:absolute; top:10px; right:0px; z-index:99;}
		#follow-nav-f h4 {color:#BBBFC4; font-size:16px; margin:0; padding:0;}
		#follow-nav-f h4 span{display:block; float:left; margin-top:2px;}
		#follow-nav-f a.facebook { text-indent:-4000px; display:block; float:left; background:url(images/logo_facebook-f.png) 0 0 no-repeat; width:69px; height:16px; margin:0 5px 0 5px; position:relative;}
		#follow-nav-f a.twitter { text-indent:-4000px; display:block; float:left; background:url(images/logo_twitter-f.png) 0 0 no-repeat; width:63px; height:16px; margin:0 5px 0 5px;position:relative;}
		#follow-nav-f a:hover { background-position:0 -16px;}