/*@import url(reset.css);
@import url(tricks.css);
*/
/*
 * Global styles 
*/
body {
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    background-color: #fafafa;
    color: #fff;
    font-weight: normal;
}
#container {
	background: url(../img/bleed.jpg) repeat-y scroll top left;
    margin: 0 auto;
    width: 1199px;
}
#wrapper { 
	margin: 0 auto;
	width: 1002px;
}
#header {
	padding: 24px 0 0 30px;
    height: 85px;
    position: relative;
}
#header a:focus {
    outline: 0;
}
#logo {
    position: absolute;
    top: 24px;
    left: 30px;
}

.bold { font-weight: bold; } 
.clear { clear: both; }


/*
 * Top-level nav 
 */
#nav {
    position: absolute;
    bottom: 0px;
    /*left: 265px;*/
    left: 295px;
}
#nav li {
    float: left;
    margin-left: 8px;
}
#nav li a {
    display: block;
    height: 13px;
    text-indent: -9999px;
    background-image: url(../img/nav_bg.png);
}

/* 
 * Nav Sprites (Add width and bg pos of previous li to find bg-pos)
*/

#home a { width: 55px; background-position: 0 0; }
#eew_science a { width: 110px; background-position: -63px 0; }
#find_retailer a { width: 114px; background-position: -173px 0; }
#contact a { width: 117px; background-position: -287px 0; }
#buy_online a { width: 82px; background-position: -404px 0; }

/* non sprite quick fix to nav */
#try_eew a { width: 88px; display: inline; background-image: none; padding-left: 10px; }
.try_eew { background-image: none !important; color: #8eba35; font-size: 13px; font-family: Helvetica; font-weight: bold; text-indent: 0px !important; }

/* Hover state or current page */
#home a:hover,
body.home #home a { background-position: 0 -13px; }

#eew_science a:hover,
body.eew_science #eew_science a { background-position: -63px -13px; }

#find_retailer a:hover,
body.find_retailer #find_retailer a { background-position: -173px -13px; }

#contact a:hover,
body.contact #contact a { background-position: -287px -13px; }

#buy_online a:hover,
body.buy_online #buy_online a { background-position: -404px -13px; }


.eew_moment {
/*color:#646464;
font-size:14px;

padding: 30px 30px 0 0;
text-align: right;
*/
color:#646464;
float:right;
font-size:14px;
height:400px;

position:absolute;
right:130px;
text-align:right;
top:520px;
width:370px;
}

.eew_moment span { color: #bed62f; }
.buy_now {
position:absolute;
right:109px;
top:570px;
}

/*
 * Main content
 */
#content { 
color: #646464; 
padding: 50px;
} 
#content a { 
color: #bed62f; 
} 
#content p {
line-height: 18px;
margin: 10px 0;
}
/*
 * Footer
 */

#footer {
    font-size: 10px;
    font-weight: normal;
    color: #abaaaa;

    clear: both;
    overflow: auto;
    display: block;
   /* width: 1199px;
    background:transparent url(../img/bleed.jpg) repeat-y scroll left top;*/
	padding: 50px 0 50px 0;
}

#footer a { color: #abaaaa; }

#footer_nav {
	width:880px;
	height: 16px;
	margin: 0 auto;
}
#footer ul li {
    float: left;
    padding: 0 9px;
    border-right: 1px solid #d5d4d4;
}
#footer ul li a {
    display: block;
    height: 11px;
}
#footer ul li.last { border:0; } 


/* SM Sprites */
#social {  position: absolute; }
#social li { float: left; }
#social li a {
    display: block;
    height: 16px;
    text-indent: -9999px;
    background-image: url(../img/btns_social_media.png);
    
}
#social ul li a { height: 16px; } 
#social ul li { border: 0; padding: 0; margin: 0;} 

#rumor a { width: 16px; background-position: 0 0; }
#facebook a { width: 23px; background-position: -18px 0; }
#twitter a { width: 25px; background-position: -41px 0; }
#youtube a { width: 25px; background-position: -70px 0; }
#share a { width: 71px; background-position: -95px 0; }

/* Hover state or current page */
#rumor a:hover { background-position: 0 -16px; }

#facebook a:hover { background-position: -18px -16px; }

#twitter a:hover { background-position: -41px -16px; }

#youtube a:hover { background-position: -70px -16px; }

#share a:hover { background-position: -95px -16px; }



/*
 * Eew Science
*/
#left {
	float: left;
	background:transparent url(../img/science_bg_left.jpg) no-repeat top left;
	width: 507px;
	height: 489px;
	padding: 60px 27px 0 98px;
	line-height: 18px;
}
/*for ie6*/
* html #left { 
height : 549px;
overflow : visible; 
}
#left h1 { font-size: 24px; }
#left h2 { 
	font-size: 18px;
	padding: 5px 0 12px 0;
}
#left span { font-weight: bold; }
#left ul {
	font-size: 13px;
	color:#FFFFFF;
	line-height: 18px;
}
#left li.a{
	background: transparent url(../img/bullet_a.png) no-repeat scroll left top;
	padding: 0 0 12px 35px;
}
#left li.b{
	background: transparent url(../img/bullet_b.png) no-repeat scroll left top;
	padding: 0 0 12px 35px;
}
#left li.c{
	background: transparent url(../img/bullet_c.png) no-repeat scroll left top;
	padding: 0 0 12px 35px;
}
#left li.d{
	background: transparent url(../img/bullet_d.png) no-repeat scroll left top;
	padding: 0 0 12px 35px;
}
#left li.e{
	background: transparent url(../img/bullet_e.png) no-repeat scroll left top;
	padding: 0 0 12px 35px;
}
#left li.f{
	background: transparent url(../img/bullet_f.png) no-repeat scroll left top;
	padding: 0 0 12px 35px;
}
#left div ul {
	width: 252px;
	float: left;
}

#right {
	float: left;
	background:transparent url(../img/science_bg_right.jpg) no-repeat top left;
	width: 285px;
	height: 337px;
	margin: 22px 0 0 5px;
	padding: 35px 25px 0 25px;
	line-height: 21px;
}
#right h1 { font-size: 24px; }
#right p {
	font-size: 18px;
	padding: 5px 0 12px 0;
}

/*
 * Find a Retailer
*/
#retailers {
	background:transparent url(../img/retailers_bg.jpg) no-repeat top left;
	width: 941px;
	height: 368px;
	margin: 22px 0 0 30px;
	
}
#retailers h1 {
	color: #0486c2;
	font: 25px Helvetica, Arial, sans serif;
	padding: 52px 0 0 167px;
}
#retailers img { padding: 40px 0 0 167px; }
#retailers_bg_bottom { margin-left: 30px; }
#retailer1, #retailer2, #retailer3 {display: block; width: 240px; height: 170px;position: absolute; top: 250px; cursor: pointer;}
#retailer1 { left: 295px; }
#retailer2 { left: 545px; }
#retailer3 { left: 795px; }