/*-------------- Here starts the image switcher styles ------------------*/

#picture {
	margin: 0px auto 0px;
	width: 710px;
	height: 267px;
	background: url(../imgs/box1.jpg) no-repeat top left;
	clear: both;
}
#nav {
	margin: 0 auto;
	width: 710px;
	height: 40px;
	background: #ccc;
	clear: both;
}
#nav ul {
	list-style: none;
	line-height: 40px; 
	font-weight: bold;
	font-size: 12px;
}
#nav li {
	float: left;
	background: transparent;
}
#nav li a {
	width:133px;
	line-height: 40px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	left:0px;
	border-right: solid 1px #ffffff;	
}
#nav ul li a:hover {
	color: #fff;
	background-color:#5d250e;
}
#nav li ul {
	position: absolute;
	background: #000;
	left: -5000px;
	top: 50px;
}
#nav li li {
	width: 710px;
}

li#build a {
	background: #908581;
}
li#lose a {
	background: #908581;
}
li#increase a {
	background: #908581;
}
li#stamina a {
	background: #908581;
}
li#burn a {
	background: #908581;
}
li#blue:hover ul {
	left: auto;
	width: 710px;
	height: 267px;
}
li#lose:hover ul {
	margin-left: -175px;
	left: auto;
	top:173px;
	width: 710px;
	height: 267px; 
}
li#increase:hover ul {
	margin-left: -308px;
	top:173px;
	left: auto;
	width: 710px;
	height: 267px; 
}
li#stamina:hover ul {
	margin-left: -443px;
	top:173px;
	left: auto;
	width: 710px;
	height: 267px; 
}
li#burn:hover ul {
	margin-left: -577px;
	top:173px;
	left: auto;
	width: 710px;
	height: 267px; 
}