/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

#header {
	height: 170px;
}
#wrap {
	width: 750px;
}

div#splash_js {
	background: url(images/splash_js.png) no-repeat left top;
	width: 632px; /*632 = 453 + 179  */
	height: 317px;
}

#splash_js ul.splashTabs {
	list-style-type:none;
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
	padding-top: 49px;
}

ul.splashTabs li {
/* 	display: inline; */
	list-style: none;
}
ul.splashTabs li a {
	display:block;
	float: right;
	height:71px;
	width: 210px;
	margin:0 auto;
 	margin-left: 300px; 
	padding:0;
	text-align:left;
}

ul.splashTabs li a {
	background: url(images/splash_sprite.png) no-repeat left top;
}
ul.splashTabs li a.nav1 {		background-position: 0px 0px; }
ul.splashTabs li a:hover.nav1 {	background-position: 0px -71px; }
ul.splashTabs li a.nav2 {		background-position: -420px 0px; }
ul.splashTabs li a:hover.nav2 {	background-position: -420px -71px; }
ul.splashTabs li a.nav3 {		background-position: -210px 0px; }
ul.splashTabs li a:hover.nav3 {	background-position: -210px -71px; }


ul.splashTabs li.nav1 a {
	background: url(images/splash_sprite.png) no-repeat left 0;
}
ul.splashTabs li.nav1 a.selected, ul.splashTabs li.nav1 a:hover {
	background: url(images/splash_sprite.png) no-repeat !important;
}
ul.splashTabs li.nav2 a {
	background: url(images/splash_sprite.png) no-repeat left 0;
}
ul.splashTabs li.nav2 a.selected, ul.splashTabs li.nav2 a:hover {
	background: url(images/splash_sprite.png) no-repeat !important;
}
ul.splashTabs li.nav3 a {
	background: url(images/splash_sprite.png) no-repeat left 0;
}
ul.splashTabs li.nav3 a.selected, ul.splashTabs li.nav3 a:hover {
	background: url(images/splash_sprite.png) no-repeat !important;
}