/*

	Accunet -  by Booyant, Inc.
	Contact Info: team@booyant.com  / 978.729.8408
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
	   10.HOME PAGE
	   11.PRIMARY CONTENT
	   12.SECONDARY CONTENT
	   13.INTERNAL PAGES
	   14.FORMS
	   15.BLOG
	   
	   
    -------------------
	
*/



@import url(reset.css); /* RESET CSS */


/* 1.BODY
---------------------------------------------------------------------- */

body {font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000; background: #e2e2e2/* url(../images/bgbb.jpg) left top repeat-x*/; }
html {height: 100%; margin-bottom: 1px;}
ul#nav_access { position:absolute; top:-9999px; left:-9999px; }
body.pg-home {/*background: #fff url(../images/bg_main.gif) left top repeat-x;*/}

div#imageWrap {/*background: #fff url(../images/East-coast.jpg) right 204px no-repeat;*/}

/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */
.pg-home #main-body {font-size: 1.7em; background: none; margin-top: 0;}
#main-body {font-size: 1.5em; line-height: 1.235em; padding-bottom: 1em; }
#main-body ul { margin: 0.4em 0em 1.4em 0em; }
#main-body ul li { margin: 0em 0em 0.3em 1.5em; padding-left: 1em; background: url(../images/bg_bullet.jpg) left 4px no-repeat;}
#main-body ul li ul { list-style: circle; margin: 0.4em 0em 1em 0em; }
#main-body ul li ul li {background: none; padding-left: 0;}
#main-body dl {} 
#main-body dt {font-weight: bold; margin-bottom: 0.2em;}
#main-body dd {margin-bottom: 0.6em;}
#main-body ol { list-style: lower-roman; list-style-position:outside; }
#main-body ol li { margin-left:3em; }

dl#events dd {margin-bottom: 1em;}

#main-body ul.partners li { float: left; margin: 1em 2em 1em 0em; padding-left: 0em; background: none; height: 120px; width: 170px; border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#main-body ul.partners li img {padding-top: 5px; }


ul#sitemap a {color: #000;}
ul#sitemap ul li a {color: #6D6E71;}
ul#management li {background: none; padding: 0; margin: 0 0 2em 0;}
ul#management h4 span {display: block; font-style: italic; font-size: 0.9em; color: #000;}
ul#management img {float: right; margin: 0px 0px 10px 20px;  border: 1px solid #ccc;}
p {margin-bottom: 1em;}
hr { height:0; border:0; border-top:1px dotted #ccc; margin: 2.8em 0 2.8em 0; }

blockquote { font-style:italic; background:#eee; padding:1.6em 1.8em 1.2em 1.8em; margin:1.2em 0; color: #222; }
blockquote cite { display:block; font-style:normal; text-transform:uppercase; font-size:1em; letter-spacing:1px; color:#666;  margin-top: 0.5em;}

pre {  }
pre code {  }
code {  }

abbr { border-bottom:1px solid #ccc; cursor:help; }
abbr:hover { border-color:#999; }
del { color:#999; }
strong { font-weight:bold; }
em { font-style: italic; }
sup { font-size:0.75em; position:relative; top:-3px; }

em {font-style:italic;}






/* 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight:normal; }
h1 { }
h2 {font-size: 1.8em; color: #BE1E2D; margin-bottom: 1em; line-height: 1.1em; }
h3 {font-size: 1.3em; line-height: 1.125em; color: #6D6E71; margin-bottom: 1.3em;}
h4, h4 a {font-size: 1.1em; color: #BE1E2D; margin-bottom: 0.3em; text-decoration: none;}
h5 {font-size: 1em; font-weight: bold;}
h6 {font-size: 1.2em; font-style: italic;}

h2 a {color: #BE1E2D; text-decoration: none;}
h2 a:hover {text-decoration: underline; }
body.blog h2 {margin-bottom: 0.4em;}
body.blog h5 {color: #6D6E71;font-weight: normal; margin-bottom: 0.6em; text-transform: uppercase;font-size: 0.9em; letter-spacing: 0.1em; margin-bottom: 1em;}
div.post {padding-bottom: 20px; border-bottom: 1px dotted #ccc; margin-bottom: 20px;}
p.postmetadata {text-transform:uppercase; font-size: 0.8em; color: #666;}

/* 4.LINKS
---------------------------------------------------------------------- */
a {color:#004477; }
a:link,
a:visited, {  }
a:hover,
a:focus { color:#f00; }


/* 5.IMAGES
---------------------------------------------------------------------- */






/* 6.LAYOUT
---------------------------------------------------------------------- */

div#wrap {margin:0 auto; width: 980px; padding: 0; background: #fff;}
#main-body {clear: both; margin-top: 48px; background:url(../images/bg_column.jpg) left top repeat-y;}
.pg-contact #main-body, .pg-news #main-body, .pg-sitemap #main-body {margin-top: 81px; }
.pg-home #main-body {padding-top: 0;}
div#header {padding-top:20px;}

div#main-nav {background: #fff url(../images/bg_nav_home.jpg) left top repeat-x;; width: 100%; margin: 4px 0 0 0;}
.pg-about div#main-nav, .pg-services div#main-nav, .pg-industries div#main-nav, .pg-resources div#main-nav {background: #fff url(../images/bg-main-nav.jpg) left top repeat-x;}
div#sub-nav {float:left; width:178px; padding: 158px 0; position: relative; background: #fcb040 url(../images/map.jpg) left top no-repeat;}
div#content-primary { width:622px; padding: 0px 80px 40px 0px; float:right; }
/*div#content-secondary {float: right; width:242px; background: #e2e2e2; padding: 20px;}*/
#footer {clear: both; padding: 1em 0; border-top: 1px solid #ccc; margin: 0; font-size: 1.2em;margin:0 auto; width: 980px;}

div#media {height: 382px; position: relative; }

div#media img {display: none;}
div#media #mainImg_1 {display: block;}

div#media ol {list-style: none; position: absolute; bottom: 13px; right: 23px; z-index: 2;}
div#media ol li { margin-bottom: 18px;}
div#media ol a {width: 14px; height: 14px; display: block; background: #bcbdc1;} 
div#media ol a:hover, div#media ol a.selected {background: #ec1d23; }

div#media img.shadow {position: absolute; z-index:3; bottom: -1px; left: 0px; display: block;}
div#media img.shadow-up {position: absolute; z-index:3; top: 0px; left: 0px; display: block;}

div.colWrap {border-top: 9px solid #f69a35; margin-bottom: 40px; border-bottom: 1px solid #eb1c22; background: url(../images/bg_intro.jpg) right top repeat-y; }
div.featureWrap {padding-bottom: 0px; position: relative;}

div.col1 {width: 446px; float: left; padding-left: 0px; position: relative;  }
div.col2 {width: 495px; float: right; position: relative; }
div.featureWrap div.col1 {padding-left: 39px;}
div.blog {position: relative; background: url(../images/bg_blog.jpg) 20px bottom no-repeat; height: 257px; padding: 0px 32px 0px 160px;   }
div.blog h2 {letter-spacing: 0.1em; color: #ed1b24; margin-bottom: 14px; font-size: 1.4em;}
div.blog h2 span {font-weight: bold;}
div.blog p {color: #828186; margin-left: 26px; font-size: 0.78em; line-height: 1.6em;}
div.blog a {position: absolute; top: 165px; left: 214px; display: block; color: #ffaf40; background: url(../images/blog_on.gif) right 5px no-repeat; padding-right: 14px; text-decoration: none; font-size: 1.1em;}
div.blog a.rss {background: url(../images/rss.gif) left top no-repeat; height: 26px; width: 25px; top: 0px; left: 420px;}
div.featureWrap a#rss {background: url(../images/rss.gif) left top no-repeat; height: 26px; width: 25px; display: block; position: absolute; right: 520px; top: -300px; z-index: 100; }

div.intro {color: #fff; padding: 28px 20px 10px 20px; }
div.intro p {line-height: 1.5em; margin-bottom: 0.6em; letter-spacing: 0.1em; font-size: 0.8em;}
div.intro p span {}
span.em1 {font-size: 17px;display: block; letter-spacing: 0.04em; padding-bottom: 20px; padding-top:  10px;font-weight: bold;}
span.em2 {font-size: 28px;letter-spacing: 0.2em; }
div.product-feature {float: left; width: 213px; height: 152px; padding-right: 12px;}
div.product-feature h3 {font-size: 11px; color: red; margin: 8px 0 4px 0; text-transform: uppercase;}
div.product-feature p {font-size: 11px; margin: 0; line-height: 14px;}
div.sign-up {float: left; position: relative; }




ul#newsEvents {clear: both; padding: 30px 36px 36px 36px; margin: 0em 0em 1.4em 0em; position: relative;}
ul#newsEvents li { margin: 0; padding:0; background: none; float: left; }
ul#newsEvents li a { padding: 0 17px; border-left: 1px solid #333;}
ul#newsEvents li a.selected, ul#newsEvents li a:hover {color: #ed1b24;}

ul#newsEvents li a#hp_news_btn {padding-left: 0px; border-left: none;}
ul#newsEvents li ul {display: none; position: absolute; left: 36px; top: 50px; width: 422px; font-size: 0.8em; }
ul#newsEvents li ul li {float: none; }
ul#newsEvents li ul li a {padding: 0; border: none; color: #000;}
ul#newsEvents li ul li a span {padding-right: 10px;}

ul#newsEvents li ul#hp_news {display: block;}
ul#newsEvents li ul li {list-style: none; margin: 0.4em 0em 0em 0em;}
ul#newsEvents a {text-decoration: none; color: #828186;}

.clear {clear: both; height: 0px; line-height: 0px; overflow: hidden; margin: 0; padding: 0;}
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

#header h1 {float: left; width:580px; height:70px; text-indent:-9999em; margin:0px 0px 10px 10px; padding:0;  }
#header h1 a {background: url(../images/logo.gif) top left no-repeat; width:580px; height:70px; display: block;}





/* 8.NAVIGATION
---------------------------------------------------------------------- */

#main-nav ul {font-size: 1.4em; float: right;  }
#main-nav li {float:left;  }
#main-nav a:link,
#main-nav a:visited {display: block; color: #000; /*padding: 0 40px; */text-decoration: none; letter-spacing: 0.07em; /*border-right: 1px solid*/ text-align: center; padding: 30px 0px 20px 0px;}
#main-nav a:hover {text-decoration: underline;}



#wrap #main-nav li a.selected {color: #fff; }

#main-nav li.services a {width: 126px;}
#main-nav li.about a {width: 108px;}
#main-nav li.industries a {width: 182px;}
#main-nav li.resources a {width: 126px;}

.pg-industries #main-nav li.industries {background: url(../images/nav/ni_industries.jpg) left top no-repeat;}
.pg-services #main-nav li.services {background: url(../images/nav/ni_services.jpg) left top no-repeat;}
.pg-about #main-nav li.about {background: url(../images/nav/ni_about.jpg) left top no-repeat;}
.pg-resources #main-nav li.resources {background: url(../images/nav/ni_services.jpg) left top no-repeat;}

.pg-home #main-nav li a, .pg-contact #main-nav li a, .pg-news #main-nav li a, .pg-sitemap #main-nav li a {background: url(../images/nav/border.jpg) right 10px no-repeat; padding: 10px 0px 7px 0px;}
.pg-home #main-nav li.resources a, .pg-contact #main-nav li.resources a, .pg-news #main-nav li.resources a, .pg-sitemap #main-nav li.resources a {background: none;}
.pg-about #main-nav li.industries a,
.pg-services #main-nav li.about a {background: url(../images/nav/border.jpg) right 30px no-repeat;}

#sub-nav ul {margin: 0; padding: 0; font-size: 13px;}
#sub-nav ul li ul {margin: 0; padding: 0; }
div#sub-nav li {margin: 0; padding: 0; background: none; }
#sub-nav li a {display: block; text-decoration: none; color: #fff; padding: 7px 10px 7px 24px; background: url(../images/bg-main-nav.gif) 10px 13px no-repeat; }
#sub-nav li a:hover  {background-color: #ed1e24;  }
#sub-nav li a.selected {background: #fff url(../images/bg-main-nav-selected.gif) 10px 12px no-repeat; color: #000;  }

#sub-nav ul li ul {margin: 0px 0px 20px 32px;}
#sub-nav ul li ul li {margin: 0; list-style: none;}
#sub-nav ul li ul li a { background: none; border-bottom: 1px dashed #fff; padding: 2px 10px 2px 22px;}

#sub-nav ul li ul li a.selected { background: #fff url(../images/bg-main-nav-selected.gif) 10px 8px no-repeat; }

body.blog #sub-nav li ul a {display: inline; color: #fff; border: none; padding: 2px 0px 2px 6px;}
body.blog #sub-nav li ul {padding: 0; margin: 0; margin: 0px 0px 20px 22px;}
body.blog #sub-nav li ul a:hover {text-decoration: underline; background: none;}


#utility-nav {float: right; font-size: 1.2em; margin-right: 12px; }
#utility-nav li {float:left; margin: 0; background: url(../images/nav/border.jpg) left center no-repeat;}
#utility-nav a:link,
#utility-nav a:visited {color: #000; display: block; letter-spacing: 0.07em; text-decoration: none; padding: 0 20px; text-align: center;}
#utility-nav li.sitemap  {background: none;}
#utility-nav a:hover {text-decoration: underline;}




/*Automatically ights up appropriate navigation on pages*/
.pg-home #main-nav li.home a,
.pg-services #main-nav li.services a,
.pg-products #main-nav li.products a,
.pg-about #main-nav li.about a,
.pg-resources #main-nav li.resources a,
.pg-contact #main-nav li.contact a
{color: #f00; }

.pg-sitemap #utility-nav li.sitemap a,
.pg-news #utility-nav li.news a,
.pg-contact #utility-nav li.contact a {text-decoration: underline;}

/* 9. SITEINFO/FOOTER
---------------------------------------------------------------------- */

#footer ul {font-size: 1.1em;}
div#footer li {float:left; margin-right:6em; background: none;}
#footer a:link,
#footer a:visited {color: #666; display: block;}
#footer a:hover {color: #000;}

/* 10.HOME PAGE
---------------------------------------------------------------------- */


.pg-home div#content-primary {background: url(../images/bg_home.gif) left top no-repeat; width:660px; height: 394px;}


/* 11.PRIMARY CONTENT
---------------------------------------------------------------------- */

.pp {text-align: center; width: 100%; margin-bottom: 1.4em;}

/* 12.SECONDARY CONTENT
---------------------------------------------------------------------- */

div#content-secondary ul li {background: url(../images/bg_bullet_sec.gif) left 7px no-repeat; padding-left: 0.8em; margin: 0em 0em 0.3em 0.1em; }



dl.contact {margin-bottom: 2em; float: left; width: 300px;}
#main-body dl.contact dd {margin-bottom: 0em;}

div.map {float: right; width: 300px; padding-bottom: 20px;}
.pg-contact hr {clear: both; padding: 20px 0;}

#main-body div.details-wrap dl dd {margin:0; padding: 0;}
#main-body div.details-wrap dl {margin-bottom: 0.6em;}
#main-body div.details-wrap dt {margin-bottom: 0;}
div.details-wrap {float: right; width: 200px; font-size: 0.8em; padding: 20px; position: relative; right: -60px; background: #f2f2f2;}
div.form-wrap {margin-top: 30px; }

#off {display: none;}
#on {display: block;}

/* 13.INTERNAL PAGES
---------------------------------------------------------------------- */
a#health-link {margin-bottom: 20px; display: block;}


/* 14.FORMS
--------------------------------------------------------------------- */

.search {width: 190px; float: right;}
input.searchBox {float: left; width: 140px;}
.search label {}
.search input {}
.search input.submit {float: right; }

dl#contactForm {width: 500px;}
dl#contactForm input, dl#contactForm select {width: 300px; }
dl#contactForm dt {float: left; width: 100px; }
dl#contactForm dd {/*float: right; width: 230px;*/}
dl#contactForm input#submit {width: 100px;}

dl#eventtForm {width: 500px; margin-top: 20px;}
dl#eventtForm input, dl#eventtForm select {width: 300px; }
dl#eventtForm dt {float: left; width: 130px; }
dl#eventtForm dd {/*float: right; width: 230px;*/}
dl#eventtForm input#submit {width: 100px; float: right; margin-right: 60px; margin-top: 10px;}


#newsletterForm {position: absolute; top: -24px; left: 224px; font-size: 0.7em; z-index: 40; padding: 20px 20px 20px 30px; border: 1px solid #ccc; background: #fff; display: none;}
#newsletterForm h4 {font-weight: bold; margin-bottom: 16px;}
#newsletterForm dl {width: 260px; position: relative; }
#newsletterForm img {position: absolute; top: 40px; left: -53px;}
#newsletterForm dt {float: left; width: 90px; font-weight: normal;}
#newsletterForm input.submit {float: right; margin: 6px 8px 0px 0px;}

a#close {position: absolute; right: 0; top: 0; display: block; background: url(../images/close-icon.jpg) left top no-repeat; width: 20px; height: 18px;}

/* 15.BLOG
--------------------------------------------------------------------- */

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

#logos {clear: both; padding: 0; margin: 0; height: 47px; overflow: hidden;}