/* ------------Evolution Supplements Inc. -----------

	Curtis Rostad curtis@trafick.net http://www.trafick.net

-- --------------------------------------------------------*/



*{margin:0px; 

	padding: 0px;}

	

a {	color: #069; text-decoration: none; outline: none; overflow: hidden;

}

a:hover {color: #C00; text-decoration: none;}





body{

background-image:url("../images/evolution_bg.jpg");

background-repeat:no-repeat;

background-position:top;

background-color:#000;

font: 11px/18px  Arial, Verdana, Helvetica,sans-serif;text-align:center;

}



h1{ font-size:1.6em; letter-spacing:1px;

color:#333;}



h2{ font-size:1.2em;

color:#333;}





#wrapper{width:900px;

/*background-image:url("../images/body_bg.jpg");

*/ background-color:#fff;

text-align:left;

margin:0px auto;

}



#header{height:320px;

background-image:url("../images/evolution_header.jpg");

background-repeat:no-repeat;

}



#sidenav{float:left;

background-image:url(../images/evolution_sidelogo.jpg);

background-repeat:no-repeat;

width:250px;

height:308px;

padding:0 15px 0 15px;

margin: 0 20px 0 0;

color:#999;

font-weight:700;

}



	#rtCol h1{

	text-indent:-9999px;	

	}



#content{

width:auto;

background-color:#0000CC;

line-height:1.4em;

margin: 0 5px 0 300px;

padding: 15px;

background-color:#fff;

}





#contentBox{

width:auto;

background-image:url("../images/box_bg.jpg");

border: 1px #ccc solid;

padding: .2em;

text-align:justify;

}



	#contentBox ul{list-style-image: url("../images/check.gif");

	padding-left:2.5em;}

	

	#contentBox ol{padding-left:2.5em;}

	

	#contentBox input{

	margin:5px;}





#footer{width:auto;

height:176px;

background-image:url("../images/evolution_footerbg.jpg");

background-color:#192436;

}



	.footer{

	padding: 85px 0px 0 15px;

	color:#999;

}



.clearfloat {

clear:both;

height:0;

font-size:1px;

line-height:0;

}



/*----------------Navigation Nuts and bolds -------------*/



#nav{height:35px;

background-image:url("../images/evolution_navbg.jpg");

background-color:#666;

}



#nav p{

padding: 12px 0px 0px 10px;

color:#fff;

font-size:13px;

font-weight:bold;

text-transform:uppercase;

}



	#nav a:link{

	color:#fff;

	}

	#nav a:visited{

	color:#fff;

	}

	#nav a:hover{

	color:#fff;

	}





ul#nav li {

		list-style-type: none;

		float: left;

		cursor: pointer;

		}

		ul#nav li#first { margin-left: 0 }

		ul#nav li a { display: block; text-indent: -9999px;}

			ul#nav a#who { background: url("../images/who.jpg") no-repeat left top; height: 70px; width: 154px; }

			ul#nav a#what { background: url("../images/what.jpg") no-repeat left top; height: 70px; width: 137px; }

			ul#nav a#stuff { background: url("../images/stuff.jpg") no-repeat left top; height: 70px; width: 125px; }

			ul#nav a#contact { background: url("../images/contact.jpg") no-repeat left top; height: 70px; width: 121px; }

			ul#nav a:hover#who, ul#nav a#who-here { background: url("../images/who.jpg") no-repeat left -70px; height: 70px; width: 154px; }

			ul#nav a:hover#what, ul#nav a#what-here { background: url("../images/what.jpg") no-repeat left -70px; height: 70px; width: 137px; }

			ul#nav a:hover#stuff, ul#nav a#stuff-here { background: url("../images/stuff.jpg") no-repeat left -70px; height: 70px; width: 125px; }

			ul#nav a:hover#contact, ul#nav a#contact-here { background: url("../images/contact.jpg") no-repeat left -70px; height: 70px; width: 121px; }





#storenav{

width:auto;

font-size:12px;

color:#666;

padding-bottom:10px;

}



/* ------------------- Typography Control -------------------------*/



.blogDate{

font-size:.75em;

color:#999;

}



.blog{

background-image:url(../images/blog_button.jpg);

width: 165px;

height:52px;

}



.archives{

background-image:url(../images/blog_archives.jpg);

width: 165px;

height:65px;

}



.question{

background-image:url(../images/paper.jpg);

width: 165px;

height:233px;

}



/* ------------------- Reusable Junk --------------------*/



.fltrt {

float:right;

margin-left:8px;

}



.fltlft {

float:left;

margin-right:8px;

}



.fltrtBRD {

float:right;

margin-left:8px;

border:1px #666 solid;

}



.fltlftBRD {

float:left;

margin-right:8px;

border:1px #666 solid;

}