@charset "utf-8";
/* CSS Document */
/*---------------------------------------------
*	File Name:		styles.css
*	Website Name:	NOVA Chemicals Inc. Elemix Concrete Additive
*	Website URI:	www.elemix.com
*	Copyright:		2009
*	
*	Author: 		Zoltun Design
*	Author URI:		www.zoltun.com
*--------------------------------------------*/

/*	Universal Classes
---------------------------------------------*/
html, body {
	font-size:100%;
	}
.floatFix {	/* Fixes float size issues */
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	background: transparent;
	overflow: hidden;
	}
/*	Structure
---------------------------------------------*/
* {
	padding: 0;
	margin: 0;
	}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 71%;
	line-height: 1.5;
	background: #666666 url(../images/bg-gradient.jpg) repeat-x 0 0;
	}
h1 {
	color:#bba974;
	font: 18px Arial, Helvetica, sans-serif;
	font-weight:bold
	}
h2 {
	color:#BBA974;
	font:13px Arial, Helvetica, sans-serif;
	line-height:14px;
	font-weight:bold
	padding:5px 0;
	text-transform:uppercase;
	letter-spacing:.5px;
	}
h3 {
	color:#CC3300;
	font: 38px Arial, Helvetica, sans-serif;
	font-weight:bold
	}
h4 {
	color:#AB6629;
	font: 18px Arial, Helvetica, sans-serif;
	font-weight:bold
	}
h5 {
	color:#bba974;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold
	}
a {
	text-decoration:none;
	color:#FFFFFF;
	}
a:hover {
	color:#333333;
	}
p {
	color:#666666;
	}
strong {
	font: #BBA974 bold Arial, Helvetica, sans-serif;
	}
#wrapper {
	margin: 0 auto;
	position: relative;
	width: 967px;
	}
	

/*_______________________________________________  START NAV  ___________________________________________________*/
#top-nav {
	position: relative;
	display: block;
	width:900px;
	height: 39px;
	background-color:#BBA974;
	margin: 0px auto;
	border-top: 1px solid #fff;
	text-transform:uppercase;
	}
#top-nav li {
	/*float the main list items*/
  	float: left;
	display: inline;
	list-style-type: none;
	text-align:center;
	position: relative;
	}
#top-nav li a {
	/*for all links in the list*/
  	border-right: 1px solid #fff;
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	display: block;
	line-height: 39px;
	width: 165px;
	}
#top-nav li a:hover {
	background-color:#AB6629;
	}
#top-nav li ul {
	position: absolute;
	display: block;
	width: 600px;
	margin: 0 auto;
	text-align: left;
	clear: left;
	}
#top-nav li ul li {
	display: inline !important;
	width: auto;
	float: none;
	}
#top-nav li ul li a {
	display: inline-block;
	float: none;
	color: #999999;
	width: auto;
	line-height: 30px;
	padding: 0px 10px;
	background-color:transparent !important;
	}
#top-nav li.off ul, #top-nav li.on ul, #top-nav li.last ul {
	right: 999em;
	}
#top-nav li.on ul a:hover, #top-nav li.off ul a:hover, #top-nav li.last ul a:hover {
	color:#AB6629;
	}
#top-nav li.on ul, #top-nav li:hover ul {
	left: -150px;
	}
#top-nav li.first {
	width:65px;
	line-height:39px;
	text-align:right;
	margin:0;
	background-color:#999999;
	}
#top-nav li.first a {
	width:49px;
	padding-right: 15px;
	}
#top-nav li.last {
	width:155px;
	line-height:25px;
	text-align:left;
	}
#top-nav li.last a {
	width:156px;
	padding-left: 15px;
	border-right: 0px;
	}
#top-nav li.right-dd a {
	display:inline;
	}

/*_____________________________________  END NAV  ______________________________________________________*/

#spacer-line {
	clear: both;
	margin:0 auto 10px;
	width:900px;
	height:31px;
	border-bottom: 1px solid #dacbae;
	}
#spacer-email {
	clear: both;
	margin:0px auto 0px;
	width:900px;
	height:31px;
	border-bottom: 1px solid #dacbae;
	}
#logo {
	background:url(../images/logo.png) no-repeat;
	float:left;
	width:167px;
	height:63px;
	margin:38px 0 0 78px;
	}
#tagline {
	background:transparent url(../images/tagline.png) no-repeat;
	width:550px;
	height:39px;
	margin:65px 0 0 285px;
	}
#bead-logo-img {
	margin:20px 0 0 20px;
	background:url(../images/bead-logo-img.png) no-repeat;
	width:241px;
	height:245px;
	float:left;
	}
#tube-logo-img {
	margin:20px 0 20px 10px;
	background:url(../images/test-tube.png) no-repeat;
	width:281px;
	height:517px;
	float:left;
	}
#tube-logo-img2 {
	margin:20px 0 20px 10px;
	background:url(../images/test-tube2.png) no-repeat;
	width:281px;
	height:381px;
	float:left;
	}
#woc-img {
	background:url(../images/woc_img.jpg) no-repeat;
	width:281px;
	height:423px;
	float:left;
	}
#arrow {
	background:url(../images/arrow-img.jpg) no-repeat right bottom;
	margin:0 0 0 282px;
	width:15px;
	height:15px;
	cursor:pointer;
	}
#header-home {
	background:transparent url(../images/home-header.png) no-repeat;
	float: left;
	margin: 0;
	width: 956px;
	height:181px;
	}
#header-interior {
	background:transparent url(../images/interior-header.png) no-repeat;
	float: left;
	margin: 0;
	width: 956px;
	height:181px;
	}
#body-container {
	background: url(../images/content-img.png) repeat-y;
	float: left;
	margin: 0;
	width: 956px;
	height:auto;
	}
#body-expand {
	background: url(../images/beads-bottom-img.gif) no-repeat left bottom;
	float: left;
	margin: 0 0 0 30px;
	width: 900px;
	}
#body-email {
	margin: 0 0 0 30px;
	width: 900px;
	}
/*__________START PRESS ROOM BACKGROUND___________*/
#body-expand-contact {
	float: left;
	margin: 0 0 0 30px;
	width: 900px;
	}
#body-expand-search {
	float: left;
	margin: 0 0 0 30px;
	width: 900px;
	}
#body-expand-pr {
	float: left;
	margin: 0 0 0 30px;
	width: 900px;
	}	
/*__________END PRESS ROOM BACKGROUND___________*/

#info_box-container {
	float: left;
	color: #333;
	margin:20px 0 10px 0;
	height: 450px;
	width: 310px;
	}
#info_box-container a:hover {
	cursor:pointer;
	}
#info_box1 {
	float:left;
	margin:0;
	height:100px;
	width:296px;
	border: 1px solid #d1d1d1;
	}
#info_box2 {
	float:left;
	margin:10px 10px 10px 0;
	height:100px;
	width:296px;
	border: 1px solid #d1d1d1;
	}
#info_box3 {
	float:left;
	margin:0 10px 10px 0;
	height:100px;
	width:296px;
	border: 1px solid #d1d1d1;
	}
#info_box4 {
	float:left;
	margin:0 10px 10px 0;
	height:100px;
	width:296px;
	border: 1px solid #d1d1d1;
	}
#info_box1 p, #info_box2 p, #info_box3 p, #info_box4 p {
	margin:0 10px 0 120px;
	line-height:14px;
	color:#BBA974;
	}
#info_box1 h2, #info_box2 h2, #info_box3 h2, #info_box4 h2 {
	margin:4px 0 0 120px;
	color:#666666;
	font: bold 14px Arial, Helvetica, sans-serif;
	}
#right-container {
	float: left;
	color: #333;
	margin: 20px 1em 0 0;
	height: auto;
	width: 250px;
	}
#right-container p {
	margin: 0 10px 0 0;
	line-height:18px;
	padding:5px 0;
	}
#right-container a {
	color:#AB6629;
	}
#right-container a:hover {
	color:#DE7D25;
	}
#right-container h2 {
	color:#BBA974;
	font: bold 13px Arial, Helvetica, sans-serif;
	line-height:14px;
	padding:5px 0;
	text-transform:none;
	letter-spacing:.5px;
	}
#right-container img {
	padding:10px 0;
	}
#right-container img.main {
	padding:10px 0;
	}
#right-container ul {
	margin:0 16px;
	color:#666666;
	}
	
/*CONTACT FORM RIGHT BEGIN*/
#right-container-form {
	float: left;
	color: #333;
	margin: 80px 5px 5px 0;
	height: auto;
	width: 250px;
	}
#right-container-form p {
	margin: 0 10px 0 0;
	line-height:18px;
	padding:5px 0;
	}
#right-container-form a {
	color:#AB6629;
	}
#right-container-form a:hover {
	color:#DE7D25;
	}
#right-container-form h2 {
	color:#BBA974;
	font: bold 13px Arial, Helvetica, sans-serif;
	line-height:14px;
	padding:5px 0;
	text-transform:none;
	letter-spacing:.5px;
	}
#right-container-form img {
	padding:10px 0;
	}
#right-container-form img.main {
	padding:10px 0;
	}
#right-container-form ul {
	margin:0 16px;
	color:#666666;
	}
/*CONTACT FORM END*/	
#bottom-top {
	background:transparent url(../images/bottom-top.png) repeat-y;
	float: left;
	height:auto;
	width: 956px;
	}
#bottom-trademarks {
	background:transparent url(../images/content-img.png) repeat-y;
	float: left;
	margin: 0;
	padding: 0px 60px 0px 90px;
	height: 65px;
	width: 806px;
	color:#666666;
	}
#bottom-trademarks table {
	margin:0 170px;
	}
#bottom-bottom {
	background:transparent url(../images/bottom-bottom.png) no-repeat;
	margin: 0;
	float: left;
	height: 65px;
	width: 956px;
}
#container-front {
	float: left;
	color: #333;
	background:transparent url(../images/bg_front.jpg) no-repeat;
	margin: 0;
	padding: 0;
	height: 757px;
	width: 900px;
	display: block;
}
#container-interior {
	float: left;
	color: #333;
	background:url(../images/bg_interior.jpg) no-repeat;
	margin: 0;
	height: 800px;
	width: 900px;
	display: block;
}
#leftcol {
  float: left;
  width: 150px;
}
#co-content {
  float: left;
  width: 250px;
}
#interior-content {
	margin:60px 70px;
	width:820px;
	height:auto;
}
#content-front {
	float: left;
	color: #333;
	margin: 20px 30px 120px 20px;
	height: auto;
	width: 275px;
}
#content-front p {
	line-height:18px;
	padding:5px 0;
}
#content-interior {
	float: left;
	color: #333;
	margin: 20px 20px 120px 0;
	height: auto;
	width: 275px;
}
#content-interior p {
	line-height:18px;
	padding:5px 0;
}
#content-interior h2 {
	color:#BBA974;
	font: bold 13px Arial, Helvetica, sans-serif;
	line-height:14px;
	padding:5px 0;
	text-transform:none;
	letter-spacing:.5px;
}
#content-interior ul {
	margin:0 16px;
	color:#666666;
}
#content-interior a {
	color:#AB6629;
}
#content-interior a:hover {
	color:#DE7D25;
}

#left-front {
	float: left;
	color: #333;
	margin: 20px 30px 120px 20px;
	height: auto;
	width: 275px;
}
#left-front p {
	line-height:18px;
	padding:5px 0;
}
#left-interior {
	float: left;
	color: #333;
	margin: 20px 20px 120px 0;
	height: auto;
	width: 275px;
}
#left-interior p {
	line-height:18px;
	padding:5px 0;
}
#left-interior h2 {
	color:#BBA974;
	font: bold 13px Arial, Helvetica, sans-serif;
	line-height:14px;
	padding:5px 0;
	text-transform:none;
	letter-spacing:.5px;
}
#left-interior ul {
	margin:0 16px;
	color:#666666;
}
#left-interior a {
	color:#AB6629;
}
#left-interior a:hover {
	color:#DE7D25;
}

#email-interior {
	float: left;
	color: #333;
	margin: 20px 150px;
	height: auto;
	width: 600px;
}

/*__________CONTACT BEGINS__________*/

#contact-interior {
	float: left;
	color: #333;
	margin: 0px 20px 20px 60px;
	height: auto;
	width: 500px;
}
#contact-interior p {
	line-height:18px;
	padding:5px 0;
}
#contact-interior h2 {
	color:#BBA974;
	font: bold 13px Arial, Helvetica, sans-serif;
	line-height:14px;
	padding:5px 0;
	text-transform:none;
	letter-spacing:.5px;
}
#contact-interior ul {
	margin:0 16px;
	color:#666666;
}
#contact-interior a {
	color:#AB6629;
}
#contact-interior a:hover {
	color:#DE7D25;
}

/*__________CONTACT ENDS__________*/

#form-box {
	float: left;
	color: #333;
	margin:-60px 145px 50px 0;
	height: auto;
	width: 470px;
	}

/*__________SEARCH BEGINS__________*/

#search-interior {
	float: left;
	color: #333;
	margin: 0px 20px 20px 60px;
	height: 250px;
	width: 500px;
	background-image: url(../images/map_watermark.jpg);
	background-repeat: no-repeat;
}
#search-interior p {
	line-height:18px;
	padding:5px 0;
}
#search-interior h2 {
	color:#BBA974;
	font: bold 13px Arial, Helvetica, sans-serif;
	line-height:14px;
	padding:5px 0;
	text-transform:none;
	letter-spacing:.5px;
	width:320px;
}
#search-interior ul {
	margin:0 16px;
	color:#666666;
}
#search-interior a {
	color:#AB6629;
}
#search-interior a:hover {
	color:#DE7D25;
}
#search-interior table {
border:none;
width:350px;
}
#search-interior td {
padding:0 20px 0 0;
}
#search-interior tr.brown {
background:url(../images/brown-bg.png) repeat;
}
#search-interior tr.orange {
background:url(../images/orange-bg.png) repeat;
}

/*__________SEARCH ENDS__________*/

#media-interior {
	float: left;
	color: #333;
	margin: 20px 20px 20px 60px;
	height: auto;
	width: 500px;
}
#media-interior p {
	line-height:18px;
	padding:5px 0;
}
#media-interior h2 {
	color:#BBA974;
	font: bold 13px Arial, Helvetica, sans-serif;
	line-height:14px;
	padding:5px 0;
	text-transform:none;
	letter-spacing:.5px;
	width:320px;
}
#media-interior ul {
	margin:0 16px;
	color:#666666;
}
#media-interior a {
	color:#AB6629;
}
#media-interior a:hover {
	color:#DE7D25;
}
#media-interior table {
border:none;
width:350px;
}
#media-interior td {
padding:0 20px 0 0;
}
#media-interior tr.brown {
background:url(../images/brown-bg.png) repeat;
}
#media-interior tr.orange {
background:url(../images/orange-bg.png) repeat;
}

#content-photo_video {
	float: left;
	color: #333;
	margin: 20px 20px 120px 0;
	height: auto;
	width: 575px;
}
#content-photo_video p {
	line-height:18px;
	padding:5px 0;
}
#content-photo_video ul {
	margin:0 16px;
	color:#666666;
}
#content-photo_video a {
	color:#AB6629;
	padding:0 5px;
	border:none;
}

#content-photo_video a:hover { color:#DE7D25; }

#content-photo_video img { border:none; }

#footer { margin:10px 0 0 90px; color:#FFF; text-align:left; width:300px; }
#footer a { color:#FFF; }
#footer a:hover { color:#AB6629; }

#distributors { margin:-28px 320px 0 0; float:right; color:#FFF; border:2px solid #fff; text-align:center; width:160px; }
#distributors a { color:#FFF; }
#distributors a:hover { color:#AB6629; }

#why { margin:-28px 170px 0 0; float:right; color:#FFF; border:2px solid #fff; text-align:center; width:130px; }
#why a { color:#FFF; }
#why a:hover { color:#AB6629; }

#contact-us { margin:-28px 70px 0 0; float:right; color:#FFF; border:2px solid #fff; text-align:center; width:80px; }
#contact-us a { color:#FFF; }
#contact-us a:hover { color:#AB6629; }

#video_list {display:inline;}

#translate { background: #6F6757; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; #color: #fff; font-weight: bold; position: absolute; height: 25px; left: 676px; top: 0px; overflow: hidden; width: 252px; z-index: 1000; }


/* ---->>> Global Classes <<<---- */
 
.clear	       	{ clear:both; }
.float-left    	{ float:left; }
.float-right   	{ float:right; }
.fixFloat:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.text-left     	{ text-align:left; }
.text-right    	{ text-align:right; }
.text-center   	{ text-align:center; }
.text-justify  	{ text-align:justify; }
 
.bold          	{ font-weight:bold; }
.italic        	{ font-style:italic; }
.underline     	{ border-bottom:1px solid; }
.highlight     	{ background:#ffc; }
 
.img-left      	{ float:left;margin:4px 10px 4px 0; }
.img-right     	{ float:right;margin:4px 0 4px 10px; }
 
.nopadding     	{ padding:0; }
.noindent      	{ margin-left:0;padding-left:0; }
.nobullet      	{ list-style:none;list-style-image:none; }