/*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{
	position:absolute;
	margin-top:-300px;
	margin-left:700px;
	z-index:99;
}

div#images{
	width:700px;
	height:300px;
	overflow:hidden;
}

/* #3. Navigation buttons to the left of disjointed images */
div#button li{
	position:relative;
	width:200px;
	height:75px;
	text-indent:-9999px;
}
	
/* #3. Make the Buttons Clickable */
li#fitness a, li#nutrition a, li#additions a, li#contact a{
	width:200px;
	height:75px;
	display:block;
}

/* #3. Normal Button States */
li#head1{
	background-image: url(images/head1_normal.jpg);
	background-repeat: no-repeat;
	}
li#head2{
	background:url(images/head2_normal.jpg) no-repeat;
	}
li#head3{
	background:url(images/head3_normal.jpg) no-repeat;
	}
li#head4{
	background:url(images/head4_normal.jpg) no-repeat;
	}
	
/* #3. Hover Button States */
li#head1:hover{
	background-image: url(images/head1_hover.jpg);
	background-repeat: no-repeat;
	}
li#head2:hover{
	background:urll(images/head2_hover.jpg) no-repeat;
	background-image: url(images/head2_hover.jpg);
	}
li#head3:hover{
	background:url(images/head3_hover.jpg) no-repeat;
	}
li#head4:hover{
	background:url(images/head4_hover.jpg) no-repeat;
}