/*

	MassEcon -  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
	   
	   
    -------------------
	
*/



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


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

body {font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; color: #4a4b4c; background: url(../images/bg-body.gif) left top repeat-x; }
html {height: 101%; margin-bottom: 1px;}
ul#nav_access { position:absolute; top:-9999px; left:-9999px; }



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */
#content-primary {font-size: 1.2em; line-height: 1.6em;  letter-spacing: 0.06em; }
#content-primary ul { margin: 0.8em 0em 1.8em 0em;}
#content-primary ul li { margin: 0em 0em 0.3em 1.5em; padding-left: 1em; background: url(../images/bg-mn-li.gif) left 5px no-repeat;}

#content-primary ul li ul {margin: 0.3em 0em 0.6em 1em; list-style: circle; }
#content-primary ul li ul li {background: none; padding-left: 0;}

#content-primary ol { list-style:decimal; list-style-position:outside;margin: 0.8em 0em 2.6em 1em; }
#content-primary ol li { margin: 0em 0em 0.3em 2.5em; padding-left: 0em; }

#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:decimal; list-style-position:outside; }
#main-body ol li { margin-left:3em; }

p {margin-bottom: 1.8em;}
hr { height:0; border:0; border-top:1px dotted #ccc; margin: 1.8em 0; }

blockquote { font-style:italic; background:#eee url(/images/bg-quote.gif) 0 0 no-repeat;  margin: 0.8em 0 2.6em 0; float: left; padding-bottom: 1em;}
blockquote p {margin-bottom: .4em;padding: 2.6em 2em 1em 2em; font-size: 1.2em; line-height: 1.6em;}
blockquote cite { display:block; font-style:normal; text-transform:uppercase; font-size:.9em; letter-spacing:1px; color:#666; float: right; background: #fff; padding: .2em 1em;}

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; }




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

h1,h2,h3,h4,h5,h6 { margin-bottom: 0.3em;}
h1 {} /* Reserved for logo image replacement */
h2 {font-size: 1.4em; color: #00457c; margin: 1.3em 0;}
h3 {margin: 0; font-weight: bold; font-size: 1.2em; margin-bottom: 1em;}
h4 {margin: 0; font-weight: bold;}
h5 {font-style: italic; }
h6 {font-size: 1.2em; font-style: italic;}


h2 span {color: #e7a614; background: url(../images/bg-h2.jpg) left 0 no-repeat; padding: 0px 10px;}
#content-primary h3.date {margin: 0;}

/* 4.LINKS
---------------------------------------------------------------------- */
a {color:#00457c; }
a:link,
a:visited, {  }
a:hover,
a:focus {color:#000;}


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

img {}

img.fl { float:left; }
img.fr { float:right; }


/*SECTION PHOTOGRAPHY*/

.overview {background:url(../images/section-photography/example.jpg) left top no-repeat;}




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

div#wrap {margin:0 auto; width: 950px; position: relative; }


div#header {padding: 15px 0px 22px 0px; margin-top: 25px;}
div#banner {height: 143px; width: 975px; clear: both; margin-bottom: 8px; background-repeat: no-repeat; background-position: 0 0;}
div#sub-nav {float: left; width: 190px; background: #3985b5; font-size: 1.1em; margin-top: 52px; padding: 70px 0px 60px 0px;}



div#section-nav { }
div#content-primary {width: 592px; padding: 0px 99px 0px 0px; float: right; margin-top: 28px; min-height: 400px;}

div.column-left {float: left; width: 263px;}
div.column-right {float: right; width: 263px;}


.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;}
form:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul.me-staff li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 


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

#header h1 {float: left; width:230px; height:66px; text-indent:-9999em;  }
#header h1 a {background: url(../images/logo.jpg) top left no-repeat; width:230px; height:66px; display: block; }





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

ul#main-nav {font-size: 1.2em; letter-spacing: 0.15em; clear: both;}
ul#main-nav li {float: left; }
#main-nav li a {display: block; color: #a2958a; text-decoration: none; background: url(../images/bg-mn-li.gif) right .4em no-repeat; padding: 0 11px; padding-bottom: 1.5em;}
#main-nav a:hover {color: #00457c;}

ul#main-nav li.about-us a {padding-left: 0;}
ul#main-nav li.news-events a {background: none; padding-right: 0;}



ul#utility-nav {float: right; font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: 0.1em; }
ul#utility-nav li {float: left; color: #636466; padding: 4px 7px;}
ul#utility-nav li a {color: #636466; text-decoration: none; display: block; padding-top: 4px;}
ul#utility-nav li.ut-phone{
	float: right;
	clear: left;
	margin-right: 28px;
}

ul#utility-nav li.ut-search {padding: 0 0 0 7px;}


div#sub-nav ul {letter-spacing: 0.08em; font-family: Helvetica, Arial sans-serif; }
div#sub-nav ul a {color: #fff; text-decoration: none; display: block; padding: 6px 24px; line-height: 1.4em; font-size: 1.1em; }
div#sub-nav ul ul a {font-size: 1em; line-height: 1.2em;}
div#sub-nav ul a:hover, div#sub-nav ul a.selected {background: #00457c;}

div#sub-nav ul ul {margin: 0px 0px 10px 14px;}
div#sub-nav ul ul a:hover, div#sub-nav ul ul a.selected {background: #44a3e0; text-decoration: none;}


/*ul#action-nav {position: absolute; top: 50px; right: 0; }
ul#action-nav li {float: left;}
ul#action-nav li a {color: #333; }*/
ul#action-nav {display: none;}

ul#login {float: right; margin: 14px 0 0 0; clear: right; }
ul#login li {float: left; margin-left: 7px;}
ul#login input {width: 90px; padding-left: 10px;}
ul#login input#submit {width: 58px; padding: 0;}

/*Automatically lights up appropriate navigation on pages*/
.pg-about #main-nav li.about-us a,
.pg-services #main-nav li.services a,
.pg-business-resources #main-nav li.business-resources a,
.pg-datacenter #main-nav li.datacenter a,
.pg-members #main-nav li.members a,
.pg-news-events #main-nav li.news-events a,
.pg-ma-advantage #main-nav li.advantage a {color: #00457c;}



/*Changes to banner dependant on page*/

.pg-cost-saving #banner {background-image: url(../images/banners/bg-cost-saving.gif);}
.pg-hr #banner {background-image: url(../images/banners/bg-hr.gif);}


/*drop down */

ul#main-nav{
	
	/*height: 36em;*/
	position: absolute;
	width: 930px;
	z-index: 100;
	left: 0px;
	padding-left: 20px;
	height: 1em;
	
}

body#home-page ul#main-nav {
	background: url(/images/main-nav-bg.png) 0 -.9em repeat-x;
}

body #wrap ul.showBackground{
	height: 44em;
}

ul#main-nav li{
	position: relative;
}

ul#main-nav ul.sub1{
	position: absolute;
	top: 1.5em;
	background-color: #E7A614;
	color: white;
	line-height: 1.7em;
	letter-spacing: normal;
	padding-top: 1em;
	height: 40em;
	display: none;
	width: 18em;
	font-size: 1em;
}

ul#main-nav li.news-events ul.sub1{
	right: 0;
}

ul#main-nav ul.sub1 ul.sub2{
	line-height: 1.3em;
}

body #wrap ul#main-nav ul.sub1 li a{
	background-image: none;
	color: #fff;
	padding-bottom: 0;
	padding: .2em 1em;
}
body #wrap ul#main-nav ul.sub1 li ul li a {
	padding-left: 2em;
}


ul#main-nav ul.sub1 li{
	float: none;
}

ul#main-nav ul ul {
	margin-bottom: 1em;
}


ul#main-nav ul a:hover {
	background: #825e05;
}
/* 9. SITEINFO/FOOTER
---------------------------------------------------------------------- */

/* #home-page #footer {
	width:890px; padding: 10px 10px 0px 10px;
} */
#footer {background: #e1dcd8; color: #736864;clear: both; margin:0 auto; position:relative; width:930px; padding: 0px 10px 10px 10px;}
/* div#footer p {width: 507px; margin: 0 auto; text-align: center;} */

#footer img {
	float: left;
	margin: 18px 30px 0px 10px;
}

#footer p {
	margin: 0;
	
}

p.address {
	width: 296px;
	float: left;
	padding: 16px 0 0 0;
	font-size: 1em;
	line-height: 1.3em;
}

p.disclaimer {
	width: 405px;
	float: right;
	font-size: .9em;
	line-height: 1.5em;
	padding: 16px 0 0 0;
}

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

.pg-home div#content-primary {width: 867px; padding: 0px; float: none; background: #ccc; height: 300px; margin: 0 auto;}

#home-page div#content-primary{
	width: 672px;
	float: left;
	margin: 2em 0 12px 0em;
	padding: 0;
	min-height: 330px;
}

/* #home-page div#content-primary{
	width: 672px;
	float: left;
	margin: 2em 0 2em 1.7em;
	padding: 0;
} */

#home-page #location-tagline, #home-page #hp-nav{
	width: 330px;
	height: 330px;
	float: left;
}

#home-page #location-tagline{
	background: url(/images/hp/location-clouds.jpg) 0 0 no-repeat;
	margin-right: 12px;
	text-indent: -9999px;
	margin-left: 0px;
}

#home-page #hp-nav{
	position: relative;
}

#home-page #hp-nav ul li{margin: 0; padding: 0;}
#home-page #hp-nav ul{margin: 0; padding: 0;}

#home-page #hp-nav ul li a{
	display: block;
	width: 160px;
	height: 160px;
	float: left;
	text-indent: -9999px;
}

#home-page #hp-nav ul li#nav-site-search a{
	background-image: url(/images/hp/hp-nav/active-search.gif);
	margin: 0 7px 7px 0;
}

#home-page #hp-nav img{
	position: absolute;
	top: 81px;
	left: 81px;
	padding: 6px;
	background: #fff;
	width: 155px;
	height: 155px;
}

#home-page #hp-nav ul li#nav-ma-advantage a{
	background-image: url(/images/hp/hp-nav/ma-advantage.gif);
	margin-bottom: 7px;
}

#home-page #hp-nav ul li#nav-data-center a{
	background-image: url(/images/hp/hp-nav/data-center.gif);
	margin-right: 7px;
}

#home-page #hp-nav ul li#nav-members a{
	background-image: url(/images/hp/hp-nav/members.gif);
}

#home-page #hp-nav ul li a:hover{
	background-position: 0 -160px;
}

/* #home-page #content-secondary{
	margin: 0 auto 1em auto;
	width: 862px;
} */

/* #home-page #content-secondary{
	margin: 0 0 1em 1.7em;
	width: 100%;
	clear: both;
	background: url(/images/bg-features.gif) left top repeat-y;
}
 */
#home-page #content-secondary{
	margin: 0 0 1em 0em;
	width: 100%;
	clear: both;
	background: url(/images/hp/bg-features.gif) left top repeat-y;
}

#home-page #content-secondary #hp-news-box{
	margin-right: 12px;
}

#home-page #content-secondary #hp-news-box img{
	float: left;
	margin-right: 10px;
}

#home-page .hp-box h5, #home-page .hp-box h6{
	font-style: normal;
	font-size: 1.1em;
	margin-bottom: .4em;
}

#home-page .hp-box h5 {
	margin-bottom: 1em;
}

#home-page .hp-box{
	width: 449px;
	min-height: 130px;
	float: left;
	padding: 10px;
	position: relative;
	font-size: 1.1em;
	line-height: 1.3em;
} 

#full-article-link {
	display: block;
	margin-top: .7em;
}


#home-page .hp-box p {margin-bottom: .2em;}

#home-page #hp-events-box #social-media{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#home-page #hp-events-box ul li{
	margin-bottom: .4em;
}

#home-page #hp-events-box #social-media li{
	float: left;
	margin-left: 6px;
	
}

#home-page #hp-events-box #social-media li a{
	font-size: .9em;
	color: #999;
}

#hp-events-list span.date {
	letter-spacing: .2em;
	display: block;
	float: left;
	margin-right: 1em;
}

#hp-events-list a {
	color: #4a4b4c;
	text-decoration: none;
}

#home-page ul#hp-events-list a:hover {
	text-decoration: underline;
	color: #000;
}
#hp-events-list span.title {
	display: block;
	float: right;
	width: 370px;
	text-align: left;
}
#hp-events-list li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


#quicklinks {
	float: right;
	width: 226px;
	font-size: 1.1em;
	margin-top: 5em;
	margin-right: 2em;
	letter-spacing: .05em;
	line-height: 1.2em;
	
}
#quicklinks dt {
	font-size: 1.2em;
	letter-spacing: .1em;
	font-weight: bold;
	color: #a2958a;
}
#quicklinks dd, #quicklinks dt {
	margin-bottom: 1.6em;
}

#quicklinks a {
	color: #4a4b4c;
	text-decoration: none;
}
#quicklinks a:hover {
	text-decoration: underline;
}

dd.logo-link {
	margin-top: 2em;
}

div.img {
	float: left;
	width: 142px;
}
div.img img {
	padding: 4px;
	background: #fff;
	border: 1px solid #ccc;
}
div.news-feature {
	float: right;
	width: 234px;
	padding-right: 5px;
}

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

#content-primary ul.people-list, #content-primary ul.people-list li {margin: 0; padding: 0; background: none; color: #111;}
#content-primary ul.people-list {margin-top: 1.6em;}
#content-primary ul.people-list li {margin-bottom: 1.6em;}
ul.people-list strong, ul.people-list em {display: block;}
ul.people-list a {display: block;}

ul.me-staff img {float: left; margin-top: 4px;}
ul.me-staff li {line-height: 1.6em;}
#content-primary div.bio-info p {color: #636466; margin-top: 1em; line-height: 1.4em;}

div.bio-info {float: right; width: 458px;}

body.pg-conduct-search #content-primary {
	width: 100%;
	padding: 0;
	float: left;
	
}
/* 12.SECONDARY CONTENT
---------------------------------------------------------------------- */





/* 13.INTERNAL PAGES
---------------------------------------------------------------------- */

/* NEWS AND EVENTS */



.news-events-listings dd p{
	margin-bottom: 0;
}

.news-events-listings {
	
	
}
.news-events-listings dt {
	font-weight: bold;
	font-size: 1.1em;
}
.news-events-listings dd {
	margin-bottom: 0.8em;
	
}
.news-events-listings dd.event-subtitle {
	font-style: italic;
	font-size: 1.4em;

	font-family: Georgia, serif;
}

#content-primary ul.news-events-listings li{
	background-image: none;
	/*background-color: #f1efed;*/
	margin: 0 0 1em 0;
	padding: 1em 0; 
	border-bottom: 1px dotted;
	/*padding: 1em 1em 2em 2em;*/
}
#content-primary ul.news-events-listings p {
	margin: 0;
}
.news-events-listings dd.event-date{
	font-style: italic;
	margin-bottom: 1.4em;
}
/*
.news-events-listings dd.event-desc, .news-events-listings dd.event-location, .news-events-listings dd.event-time, .news-events-listings dd.event-invitation{
	padding-left: 1em;
}
*/

.news-events-listings dd.event-invitation{
	margin-top: 1em;

}


/* END NEWS AND EVENTS */


/* MEMBERS ////////////////////*/

.pg-members #content-primary img{
	float: right;
	margin-right: 40px;
}
div.email {margin-top: 1em;}
/*.pg-members #content-primary div.adr{
	float: left;
	clear: right;
}

.pg-members #content-primary p{
	clear: left;
}

*/
/* END MEMBERS ////////////////*/


table {
	margin-bottom: 2em;
	width: 100%;
}


table td {
	border-top: 1px solid #bbb;
	padding: 1.6em 1em;
	line-height: 1.4em;
}
table th {
	font-weight: bold;
	vertical-align: bottom;
	padding: 1.2em 1em;
	line-height: 1em;
}

table tr.odd {
	background:#eee;
}

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

#search_form {
    width: 252px;

}
input#s {
    float: left;
    padding: 0;
    margin: 3px 0 0 6px;
    border: none;
    border: 1px solid #e9e9e9;
    width: 185px;
	color: #636466;
	font-size: 1em;
	letter-spacing: 0.1em;
	background: #fafafa url(/images/icons/search.jpg) 0 50% no-repeat;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	padding: 4px 5px 4px 18px;
}
#search-form #arrow {
    position: absolute;
	right: 0;
    margin: 3px 4px 0 0;
}

input#go {
	margin-top: 3px;
	margin-left: 4px;
}
span.red {color: red; font-weight: bold;}
a.topLink {display: block; margin-top: 6px;}

/*CONTACT FORM /////*/


textarea#comments {
	margin-left: 5.4em;
}
input.button{
	float: right;
	clear: both;
	margin-right: 60px;
	background: #3985B5 url(/images/mirror.png) 0 50% repeat-x;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border: none;
	padding: 1em 2em;
	color: #fff;
	font-size: 1em;
	float: right;
	clear: both;
}
input.button:hover {
	background: #333 url(/images/mirror.png) 0 50% repeat-x;
	cursor: pointer;
}
/*CONTACT AMBASSADOR FORM /////////*/




#contact-ambassador-form dt.more-info{
	width: 400px;
	text-align: left;
	margin-top: 20px;
}

dt.comments {
	margin-top: 20px;
}
#contact-ambassador-form dd.more-info textarea{
	width: 460px;
	height: 15em;
}

/*NEWSLETTER SIGNUP ////////////////*/



/*CONDUCT SEARCH /////////////////////*/

#conduct-search-form, #contact-form, #news-events-signup, #contact-ambassador-form  {
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background:#e1dcd8;
	padding:3em;
	margin-bottom: 2em;
}
#conduct-search-form{
	padding-bottom: 4em;
}
#conduct-search-form dt, #contact-form dt, #news-events-signup dt, #contact-ambassador-form dt{
	float:left;
	font-size:1em;
	margin-bottom:1em;
	margin-right:10px;
	text-align:right;
	width:140px;
	font-weight: bold;
}

#conduct-search-form dd, #contact-form dd, #news-events-signup dd, #contact-ambassador-form dd {
	padding-bottom:1em;
}
#conduct-search-form dd input, #contact-form dd input, #news-events-signup dd input, #contact-ambassador-form dd input {
	width:300px;
}

#conduct-search-form fieldset {
	padding: 1em 0;
}

#conduct-search-form dt.relocate-expand, #conduct-search-form dt.when-relocate-expand{
	width: 100%;
	text-align: left;
	margin-bottom: 1em;
	margin-top: 1em;
}

#conduct-search-form #select {
	padding-left: 3.6em;
}
#conduct-search-form input#relocating, #conduct-search-form input#expanding, #conduct-search-form input#within-6-months, #conduct-search-form input#within-next-year, #conduct-search-form input#after-next-year {
	width: 20px;
}
#conduct-search-form dd.relocate-expand, #conduct-search-form dd.when-relocate-expand{
	width: 100%;
	padding-left: 20px;
	margin-bottom: .1em;	
}

#conduct-search-form dt.describe{
	margin-top: 1.5em;
	text-align: left;
	width: 100%;
}
dt.describe {padding-left: 3.6em;}
#conduct-search-form dd.describe textarea{
	width: 410px;
	height: 15em;
	margin-left: 3.6em;
}