/*

	MassEcon -  by Booyant, Inc.
	Contact Info: team@booyant.com  / 978.729.8408
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.GENERAL TEXT
	   2.LISTS
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
	   10.HOME PAGE
	   11.EXCEPTIONS/OVERRIDES
	   12.FORMS
	   
	   
    -------------------
	
*/



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


/* 1.GENERAL TEXT
---------------------------------------------------------------------- */

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #4d4d4f;
}

p, ul, ol, dl, blockquote, table{
	font-size: .8125em;
	line-height: 1.5em;
	margin-bottom: 2em;
}

strong{
	color: #111;
}

#main-content p.last{
	margin-bottom: 0;
}

p.highlight{
	color: #c80001;
	font-size: 1.0625em;
}


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

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

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


/* 2.LISTS
---------------------------------------------------------------------- */
#main-content ol{
	list-style: decimal;
	padding-left: 1.5em;
}

#main-content ol li{
	padding-left: .5em;
}

#main-content ul{
	padding-left: 1em;
}

#main-content ul li{
	background: url(/graphics/red-dot.png) 0 .5em no-repeat;
	padding-left: 1.2em;
}

#main-content ul.non-list{
	padding-left: 0;
}

#main-content ul.non-list li{
	background: none;
	padding-left: 0;
	margin-bottom: 1em;
}




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

h1,h2,h3,h4,h5,h6 {}
h1 {
	color: #111;
	font-size: .9375em;
	font-weight: bold;
	margin-bottom: .5em;
} 
h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: .8125em;
	margin-bottom: .5em;
}
h3 {
	font-size: .8125em;
	font-weight: bold;
	margin-bottom: .5em;
}
h4 {
	padding-bottom: .5em;
	margin-bottom: .5em;
	border-bottom: 2px dotted #4d4d4f;
	color: #750804;
	font-size: .9375em;
	font-weight: bold;
}
h5 {}
h6 {}

h3.branded{
	color: #750804;
}

#main-content h1{
	padding-bottom: .4em;
	border-bottom: 2px dotted #4d4d4f;
}

#sub-nav h1{
	margin-bottom: .75em;
}

body.about_us #main-content h1{
	margin-bottom: 3em;
	color: #750804;
}

body#about_us_board_of_directors h4, body#about_us_management_team h4{
	color: #111;
}

body#about_us_board_of_directors h4 span, body#about_us_management_team h4 span{
	color: #4d4d4f;
	font-weight: normal;
	padding-left: .5em;
}



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

#sub-nav ul li.selected a{
	color: #750804;
}

#sub-nav ul li a.selected{
	color: #750804;
}
#sub-nav ul li.selected ul li a{
	color: #4D4D4F;
}


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

img {}

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

body#about_us_management_team #main-content img{
	float: left;
}

div.graphic h3.graphic-title, div.graphic p.graphic-caption, div.graphic p.graphic-caption strong{
	color: #910601;
}

div.graphic h3.graphic-title{
	margin-bottom: 1em;
}

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

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

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

#main-content, #sub-nav{
	margin-top: 3em;
}

#main-content{
	padding: 0 40px;
	background: url(../graphics/line.gif) 0 .5em no-repeat;
	width: 670px;
	float: right;
}

#sub-nav{
	padding-left: 25px;
	width: 190px;
	float: left;
}

body#about_us_management_team #main-content .profile{
	margin-bottom: 1em;
	float: left;
}

body#about_us_management_team #main-content .profile-content{
	float: right;
	width: 540px;
}

body#about_us_management_team #main-content img{
	margin-top: 2em;
	margin-right: 20px;
}

body#about_us_management_team #main-content .profile:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


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

#header{
	height: 8.125em;
	position: relative;
	background: url(../graphics/header-bg.jpg) bottom left no-repeat;
}

#branding{
	width: 203px;
	height: 53px;
	background: url(../graphics/logo.gif) 0 0 no-repeat;
	position: absolute;
	top: 40px;
	left: 23px;
	text-indent: -9999px;
}

#search{
	width: 17em;
	position: absolute;
	top: 1em;
	right: 20px;
}

form#search ul li{
	display: inline;
}

#search input{
	float: left;
	margin-left: 1em;
}

#search .search-btn{
	background-color: #4d4d4f;
	width: 4.5em;
	height: 2em;
	border: 0;
	color: #fff;
}


/* 8.NAVIGATION
---------------------------------------------------------------------- */
ul#nav_access { position:absolute; top:-9999px; left:-9999px; }

#main-nav{
	width: 49em;
	position: absolute;
	top: 72px;
	right: 0;
}

#main-nav li{
	display: inline;
}

#main-nav li a{
	display: block;
	float: left;
	color: #4d4d4f;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 .5em;
	background: url(/graphics/nav-bg.png) 0 0 repeat-x;
	padding: .1em .5em;
}

#main-nav li a:hover{
	/*background-position: 0 -175px;*/
}

#sub-nav ul{
	font-size: .875em;
	line-height: 1em;
}

#sub-nav ul ul{
	padding-top: .75em;
	padding-left: 1em;
	font-size: 1em;
}

#sub-nav ul li{
	margin-bottom: .75em;
}

#sub-nav ul li a{
	color: #4d4d4f;
	text-decoration: none;
}

#sub-nav ul li a:hover{
	color: #750804;
}


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

#footer{
	text-align: center;
	font-size: .65em;
	color: #797468;
	padding-bottom: 4em;
	margin-top: 1em;
}

#footer p{
	border-top: 1px dotted #797468;
	padding-top: 2em;
	width: 75em;
	margin: 0 auto;
}


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


#home #header{
	background: url(../graphics/hp/header-bg.jpg) bottom left no-repeat;
	height: 410px;
}

#home #white-bg{
	position: absolute;
	height: 410px;
	background-color: #fff;
	width: 100%;
}

#home #header .disc-btn{
	width: 104px;
	height: 15px;
	display: block;
	position: absolute;
	bottom: 30px;
	right: 85px;
	background: url(../graphics/buttons/discover-more.png) 0 0 no-repeat;
	text-indent: -9999px;
	z-index: 100;
}

body#home{
	background-color: #c8c6c0;
}

#home #wrap{
	background-color: #fff;
}

#home div#about, #home div#news{
	width: 920px;
	margin: 0 auto;
}

#home div#about .highlight, #home div#news .highlight{
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#home div#about .highlight h1, #home div#news .highlight h1{
	font-size: 1.1875em;
}

#home div#about .highlight p, #home div#news .highlight p{
	color: #797468;
	font-size: .6875em;
}

#home div#about .highlight{
	width: 309px;
	float: left;
	padding-right: 1.8em;
}

#home div#about .highlight h1{
	padding-top: 1em;
}

#home div#about .highlight img, #home div#news .highlight img{
	float: right;
	margin-left: .9em;
}

#home div#about{
	border-bottom: 1px solid #c53e3f;
	padding-top: 2em;
}

#home div#about:after, #home div#news:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#home div#news{
	padding-top: 1em;
}

#home div#news dl{
	width: 510px;
	float: left;
	line-height: 1.2em;
}

#home div#news dl dt, #home div#news dl dd{
	float: left;
}

#home div#news dl dt, #home div#news dl dd{
	width: 460px;
	margin-bottom: .5em;
}

#home div#news dl dt{
	width: 50px;
	font-weight: bold;
	color: #797468;
}

#home div#news .highlight{
	width: 280px;
	float: right;
	border-left: 1px solid #797468;
	padding-left: 30px;
	padding-right: 80px;
}

#home div#news .highlight a{
	display: block;
	width: 121px;
	height: 21px;
	float: right;
	background: url(../graphics/buttons/download-now.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#home div#news h3{
	margin-bottom: 1em;
}
#home #slides #slide1{
	position: absolute;
	top: 270px;
	right: 0px;
	width: 30em;
	}

#home #slides #slide1 h3{
	color: #fff;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-weight: normal;
	font-size: 1.375em;
}

#home #slides #slide2{
	position: absolute;
	height: 234px;
	width: 195px;
	background: url(/graphics/hp/slide2-bg.png) 0 0 repeat;
	bottom: 0;
	right: 40px;
	color: #fff;
	padding: 40px 20px;
}

/* 11.EXCEPTIONS/OVERRIDES
---------------------------------------------------------------------- */

body#about_us_management_team #main-content{
	padding-left: 0;
	width: 710px;
}

body#about_us_management_team #main-content h1{
	margin-left: 40px;
}

body#our_science_oxy111a div.graphic img{
	margin-bottom: 1em;
	margin-left: -32px;
}


/* 12.FORMS
---------------------------------------------------------------------- */