/* *** SodiumHalogen.com *** */

/* ----------main elements-------------- */
* { padding: 0; margin: 0; }
body {  
	padding: 0; 
	margin: 0 auto 0 auto; 
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
	background: #7f8081 url(images/page_bg.jpg) repeat-x center top; 
	}
address {
	margin: 20px 10px 30px 30px;
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	}
address strong {
	font-size: 16px;
	font-style: italic;
	}
li {
	margin-left: 60px;
	}
blockquote {
	background: url(images/quote_top_bg.gif) top left no-repeat;
	font: normal 18px/22px Verdana, Arial, Helvetica, sans-serif; 
	}		
			
	
/* ----------typography-------------- */	
h1, h2, h3, h4, h5, h6, p { 
	margin: 0; padding: 0; 
	}
h1 { 
	font: normal 20px/23px Verdana, Arial, Helvetica, sans-serif; 
	color: #999;
	padding-bottom: 5px;
	}
h2 {
	font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
	padding-bottom: 5px;
	}
h3 {
	font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
	}	
h4 {
	font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif; 
	color: #999;
	}
p { 
	margin: 0 20px 15px 20px; 
	}
	
/* ----------links-------------- */
a:link, a:visited, a:active{
	color: #9ec54d; 
	font-weight: normal; 
	text-decoration: underline;
	}
a:hover {
	color: #00acec; 
	font-weight: normal; 
	text-decoration: underline;
	background: #333;
	}
img, img a:hover {
	border: 0px; 
	background: none;
	}	
	
/* ---------- flash -------------- */	
#flashContainer { 
	background: #353b47; 
	width: 900px; 
	height: 451px;
	}
#flashContent { 
	background: #353b47; 
	width: 900px; 
	height: 188px;
	}	
	
/* ----------container to center the layout-------------- */
#center {
	margin: 0 auto;
	width: 900px;
	overflow: hidden;
	}
#container { 
	float: left;
	width: 900px; 
	padding: 0px;
	}

/* --------------content pages------------- */
#head_2_content {
	width: 900px;
	height: 214px;
	overflow: hidden;
	background: #353b47;
	}
.content_bg {
	background: url(images/content_bg.gif)	repeat-y;
	}
.pullquote {
	margin: 10px 20px;
	padding: 10px;
	background: #484848;
	font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
	font-style: italic; 
	}	
.align_center {
	text-align: center;
	}		
				
/* --------------left content------------- */
#left {
	float: left; 
	width: 300px;
	padding: 20px 0;
	}
#left ul {
	list-style: url(images/bullet.gif);
	margin-bottom: 15px;	
	}
#left ul a:link, #left ul a:visited, #left ul a:active {
	color: #fff;
	}
#left ul a:hover {
	color: #00acec;
	}
#left blockquote {
	margin: 5px 20px 10px 30px;
	color: #fff;
	font-style: italic;
	text-indent: 20px;
	padding-top: 10px;
	}		
#left .map {
	width: 237px;
	height: 191px;
	border: solid 2px #697C40;
	margin: 6px 20px 10px 33px;
	}
#left p {
	margin-left: 30px;
	}
#left .float_right {
	float: right;
	padding-right: 10px;
	}	
#left #calculator {
	margin: 10px 20px 0 30px;
	background: #333;
	padding: 10px;
	}		
#left #calculator p {
	margin-left: 0px;
	}	
#left .value{
	background: #DFDFDF;
	border: 1px solid #111;
	}
#calculate {
  	width: 80px;
  	height: 25px;
  	margin: 10px 0 0 140px;
  	padding: 0;
  	border: 0;
  	text-indent: -1000em;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
	} 
#calculate {
  	background: transparent url("images/b_calculate.gif") no-repeat center top;
	}			
					
	
/* --------------right content------------- */
#right {
	float: left; 
	width: 600px;
	padding: 20px 0;
	}
#right .img_right {
	float: right;
	width: 220px;
	padding: 0 20px;
	}	
#right .img_right_product {
	float: right;
	width: 174px;
	padding: 22px 20px;
	}	
#right .img_right img, #right .img_right_product img {
	background: #697c40;
	padding: 2px;
	}	
#right .img_right p {
	background: #484848;
	padding: 10px;
	margin: 0px;
	}
#right .img_right_product p {
	text-align: center;
	background: #484848;
	padding: 6px 8px 10px 8px;
	margin: 0px;
}	
#right ul {
	list-style: url(images/bullet_dark.gif);
	margin-bottom: 15px;
	margin-right: 20px;	
	}
#right li {
	margin-bottom: 15px;
	}	
#right h1 {
	margin-left: 20px;
	}	
#right h2, #right h3, #right h4 {
	margin: 20px 20px 0px 20px;
	}
#right .hr {
	margin: 0 20px;
	}	
/* --------------home------------- */
#head {
	width: 900px;
	height: 162px;
	overflow: hidden;
	background: #353b47;
	}
#head_2 {
	width: 900px;
	height: 301px;
	overflow: hidden;
	background: #353b47;
	}
.home_container_bg {
	background: url(images/btm_home_bg.gif)	top right repeat-y;
	}	
#left_home {
	float: left; 
	width: 300px;
	height: 340px;
	background: #484848;
	padding-top: 20px; 
	}
#center_home {
	float: left; 
	width: 300px;
	height: 340px;	
	background: #333; 
	padding-top: 20px;
	}
#right_home {
	float: left; 
	width: 300px; 
	height: 340px;	
	background: #484848;
	padding-top: 20px;
	}	
#btm_home {
	width: 900px;
	height: 100px;
	background: url(images/btm_home_bg.gif)	top right repeat-y;
	}
#center_home ul {
	list-style: url(images/bullet_dark.gif);
	margin-bottom: 15px;	
	}	
.b_home {
	float: left;
	padding: 0 20px 20px 160px;
	height: 38px;
	width: 119px;
	overflow: hidden;
	}	
.b_home a:hover {
	background-position: 0 -38px;
	}	
.product_home {
	padding: 0 5px 10px 20px;
	}
.product_home p {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif; 
	}

.product_home img {
	background: #73874b;
	padding: 2px;
	margin-right: 10px;
	float: left;
	}		

/* ----------nav-------------- */
#nav {
	height: 38px;
	width: 900px;
	overflow: hidden;
	}
#nav ul { 
	list-style: none; 
	padding: 0; 
	margin: 0; 
	}
#nav ul li { 
	display: inline; 
	margin-left: 110px;
	float: left; 
	}

			
/* ----------------- clear the floats--------------------- */
.clearFloat { 
	clear: both; 
	display: table;
	}
.hr { 
	height: 10px;
	background: url(images/hr_bg.gif) repeat-x;
	clear: both;
	margin: 0 25px 0 30px;  
	}
.hr_line { 
	height: 1px;
	background: url(images/hr_bg.gif) repeat-x;
	clear: both;
	margin: 0;  
	}	
	
/* ----------------- Footer --------------------- */
#footer { 
	width: 900px; 
	clear: both; 
	padding-top: 5px; 
	margin: 0px 0 10px 0; 
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	}
#footer span {
	margin: 0 0 10px 0; padding: 0;
	float: left; 
	}
#footer a { 
	color: #fff; 
	text-decoration: none; 
	}
#footer a:hover { 
	color: #fff; 
	background: #333;
	}
#footer ul {
	list-style: none;
	}
#footer li {
	display: inline; 
	margin: 0;
	}