* { margin:0; padding:0;}

body { 
background:url(images/main_background.jpg) left top repeat-x #164139;
font-family:Arial;
font-size:14px;
line-height:16px;
color:#ffffff;
}

#main {
width:850px;
margin:0px auto 26px auto;
text-align:left;
}

.clear { clear:both;}

.container {
width:100%;
background:url(images/2col_background.jpg) left top no-repeat #0c201e;}

.containerwide {
width:100%;
background:url(images/wide_background.jpg) left top no-repeat #0c201e;}

#site_center {text-align:center;}

#header {
height:218px; 
background:url(images/header.jpg) no-repeat left top;}

p { margin-bottom:26px;}

ul { list-style:none;}

a {color:#e7e0c2;}

a:hover{color:#fde500; text-decoration:none;}

h1 {
font-weight:normal;
font-size:18px;
color:#fde500;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:19px;
}

.imagesright{
float: right;
padding: 0px 0px 10px 10px;}

/*---------------------------------------- CONTENT COLUMNS -------------------------------------*/

.col_1, .col_2, .col_3, .column3 { float:left;}

#content .col_1 {width:441px;}
#content .col_2 { width:409px;}
#content .col_3 {width:850px;}

.leftcolumn .indent {padding:42px 20px 20px 27px;}
.rightcolumn .indent {padding:42px 20px 20px 27px;}
.widecolumn .indent {padding:42px 20px 20px 27px;}

/*---------------------------------------- NAVIGATION -------------------------------------*/

ul#nav {
	position: relative;
	height: 45px;
	width: 850px;
	background: url("images/navigation.jpg") no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}

ul#nav li {
float: left;
list-style: none;
}
	
ul#nav li a {
position: absolute;
text-indent: -9999px;
text-decoration: none;
border: none !important;
top: 0; height: 45px;
}

ul#nav li#nav-home a { 
left: 0; width: 110px;
background: url("images/navigation.jpg") no-repeat;
}
ul#nav li#nav-aboutus a { 
left: 110px; width: 101px; 
background: url("images/navigation.jpg") -110px 0 no-repeat;
}
ul#nav li#nav-benefits a { 
left: 211px; width: 212px; 
background: url("images/navigation.jpg") -211px 0 no-repeat;
}
ul#nav li#nav-faq a { 
left: 423px; width: 78px; 
background: url("images/navigation.jpg") -423px 0 no-repeat;
}
ul#nav li#nav-buynow a { 
left: 501px; width: 100px; 
background: url("images/navigation.jpg") -501px 0 no-repeat;
}
ul#nav li#nav-stockists a { 
left: 601px; width: 106px; 
background: url("images/navigation.jpg") -601px 0 no-repeat;
}
ul#nav li#nav-contact a { 
left: 707px; width: 143px; 
background: url("images/navigation.jpg") -707px 0 no-repeat;
}
			

ul#nav li#nav-home a:hover  			{ background-position: -0px -45px; }
ul#nav li#nav-aboutus a:hover  			{ background-position: -110px -45px; }
ul#nav li#nav-benefits a:hover  		{ background-position: -211px -45px; }
ul#nav li#nav-faq a:hover  				{ background-position: -423px -45px; }
ul#nav li#nav-buynow a:hover  			{ background-position: -501px -45px; }
ul#nav li#nav-stockists a:hover  		{ background-position: -601px -45px; }
ul#nav li#nav-contact a:hover  			{ background-position: -707px -45px; }


ul#nav li#nav-home a.active  			{ background-position: -0px -90px; }
ul#nav li#nav-aboutus a.active 	 		{ background-position: -110px -90px; }
ul#nav li#nav-benefits a.active	  		{ background-position: -211px -90px; }
ul#nav li#nav-faq a.active	  			{ background-position: -423px -90px; }
ul#nav li#nav-buynow a.active  			{ background-position: -501px -90px; }
ul#nav li#nav-stockists a.active  		{ background-position: -601px -90px; }
ul#nav li#nav-contact a.active  		{ background-position: -707px -90px; }



/*---------------------------------------- TOP MIDDLE -------------------------------------*/
#content .middle {
background:url(images/middle_background.jpg) left top repeat-y;
height: 340px;
}

#content .row_1 .indent { padding:10px 16px 0 442px;}


/*-----------------------------------HOME PAGE COLUMNS----------------------------------------*/

#col-one {
float: left;
width: 441px;
}

#col-two {
float: right;
width: 409px;
}


/*---------------------------------------- FOOTER -------------------------------------*/

#footer {font-size:12px; color: #bfbfa4; height:74px; background:url(images/footer.jpg) no-repeat left top;}
#footer .indent { padding:20px 32px 0 20px;}
#footer a { color:#bfbfa4; text-decoration:none;}
#footer a:hover { color:#fde500; text-decoration:none;}
.footerleft { float:left;}
.credit { float:right;}