/* ------------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;
min-height: 500px;
}

	#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;
}