@charset "UTF-8";
/* CSS Document */

/*Standard settings to normalize document from the start */

/* Normalizes margin, padding */


/* Removes list-style from lists */
ol, ul {
	list-style:none;
	margin:0;
	padding:0;
}

/* #3. Button placement */
div#button{ float:left; margin-top:0; margin-left:0; z-index:99; width: 160px; top: 235px; height: 320px; }

div#images{
	width:580px;
	height:290px; margin-right:7px;
	float:left;
	overflow:hidden;
}

div#images a{ font-weight:bold;

}

/* #3. Navigation buttons to the left of disjointed images */
div#button li{
background-repeat:no-repeat;
float:left;
display:block;
		width:150px;
	margin: 0 10px 10px 0;
}
	
/* #3. Make the Buttons Clickable */
li#main{
font-family:Georgia, "Times New Roman", Times, serif; padding:3px 0 0 3px;
text-decoration:none;
color:#fff;
font-size:120%;
background-color:#918bc3;
 margin-top:115px;
	height:20px;
	display:block;
}


/* #3. Normal Button States */
li#cell1{	background: #cccccc; float:left;
	}
li#cell2{
	background: #999999; float:left;
	}
li#cell3{
	background: #cccccc; clear:left; float:left;
	}
li#cell4{
background: #999999; float:left;
	}
	
/* #3. Hover Button States */
li#cell1:hover{
	background:url(../images/fitness_hover.png) no-repeat;
	}
li#cell2:hover{
	background:url(../images/nutrition_hover.png) no-repeat;
	}
li#cell3:hover{
	background:url(../images/additions_hover.png) no-repeat;
	}
li#cell4:hover{
	background:url(../images/contact_hover.png) no-repeat;
}

a.none { background-color:#FFFFFF;}

#button a{display:block; width:150px; padding-top:115px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:120%; color:#fff; text-decoration:none;}
#button a:hover{ text-decoration:underline; }
#button a span {display:block; background:#918bc3; height:20px; padding:3px 0 0 3px}