/**************************************************************
Thanks for reading my css, shows you care. Like what you see? 
Feel free to contact me, you've earned the right:
justin (at) jpschroeder (dot) com 

Copyright 2010 Justin Schroeder, All Rights Reserved
**************************************************************/

#stage{
	width: 539px;
	height: 250px;
	background-color: #ced7e3;
	overflow: hidden;
}

#stage1{
	height: 250px;
}
#stage2{
	height: 250px;
}
#stage3{
	height: 250px;
}
.flash_container{
	text-align: center;
	padding-top: 20px;
}


/* STAGE CONTROLS NAVBAR GOES HERE */
#stage_controls{
	height: 51px;
	width: 539px;
	background-image: url(../graphics/1x1-333333.png);
	background-repeat: repeat-x;
	background-color: #a2b1c4;
	overflow: hidden;
	display: block;
}
#stage_controls ul li a{
	background-image: url(../graphics/stage_controls.png);
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
	width: 169px;
	height: 51px;
	position: relative;
	margin-left: 8px;
	cursor:pointer;
	cursor:hand
}

#stage_controls ul li#stage-1 a{
	background-position: 0px -102px;
}
#stage_controls ul li#stage-1 a:hover{
	background-position: 0px -51px;
}
#stage_controls ul li#stage-1.selected a{
	background-position: 0px 0px;
}

#stage_controls ul li#stage-2 a{
	background-position: -169px -102px;
}
#stage_controls ul li#stage-2 a:hover{
	background-position: -169px -51px;
}
#stage_controls ul li#stage-2.selected a{
	background-position: -169px 0px;
}

#stage_controls ul li#stage-3 a{
	background-position: -338px -102px;
}
#stage_controls ul li#stage-3 a:hover{
	background-position: -338px -51px;
}
#stage_controls ul li#stage-3.selected a{
	background-position: -338px 0px;
}