/* 

	Site: Weybridge Health Club

	Stylesheet description: general styles for Weybridge Health Club

	

	Table of conents:



	* main nav

	* sub nav

		* club

		* spa

		* membership



*/

/* @main nav */

#mainnav {

	float: left;

	background: url(../images/bg_mainNav.jpg) top left no-repeat;

	width: 288px;

}



#mainnav ul {

	margin: 186px 0 27px 0;	

}

#mainnav ul li a {

	display: block;

	padding: 1px 0 0 48px;

	margin: 0 0 5px 0;

	width: 227px;

	height: 23px;

	color: white;

	text-decoration: none;

	font-size: 1.4em;

}

#mainnav ul li a.selected, #mainnav ul li a.selected:hover {

	background: url(../images/nav_on.gif) top left no-repeat;

}

#mainnav ul li a:hover {

	background: url(../images/nav_hover.gif) top left no-repeat;	

}

#nav address, #nav table {

	color: #ffffff;

	font-size: 0.7em;

	margin: 0 0 0 48px;

}

#nav address {


	margin-bottom: 10px;

}

#nav p {

	color: #ffffff;

	margin: 0 0 19px 48px;

	font-size: 0.7em;

}



/* @sub nav */

#subnav {

	padding: 0 0 0 30px;

	background: #252525;

	width: 677px;

	height: 23px;

}

#subnav li {

	float: left;	

}

#subnav li a {

	display: block;

	height: 23px;

}

#subnav li a span {

	position: absolute;

	left: -9999px;

}

/* @club */

#subnav li a.fitness {

	background: url(../images/fitness.gif) top left no-repeat;

	width: 87px;

}

#subnav li.selected a.fitness, #subnav li a:hover.fitness  {

	background: url(../images/fitness_on.gif) top left no-repeat;

}

#subnav li a.studios {

	background: url(../images/studio.gif) top left no-repeat;

	width: 94px;

}

#subnav li.selected a.studios, #subnav li a:hover.studios {

	background: url(../images/studio_on.gif) top left no-repeat;

}

#subnav li a.pool {

	background: url(../images/pool.gif) top left no-repeat;

	width: 70px;

}

#subnav li.selected a.pool, #subnav li a:hover.pool{

	background: url(../images/pool_on.gif) top left no-repeat;

}

#subnav li a.healthspa {

	background: url(../images/healthspa.gif) top left no-repeat;

	width: 118px;

}

#subnav li.selected a.healthspa, #subnav li a:hover.healthspa {

	background: url(../images/healthspa_on.gif) top left no-repeat;

}

#subnav li a.classes {

	background: url(../images/classes.gif) top left no-repeat;

	width: 90px;

}

#subnav li.selected a.classes, #subnav li a:hover.classes {

	background: url(../images/classes_on.gif) top left no-repeat;

}

#subnav li a.creche {

	background: url(../images/creche.gif) top left no-repeat;

	width: 90px;

}

#subnav li.selected a.creche, #subnav li a:hover.creche {

	background: url(../images/creche_on.gif) top left no-repeat;

}

#subnav li a.outdoorexercise {

	background: url(../images/outdoor.gif) top left no-repeat;

	width: 103px;

}

#subnav li.selected a.outdoorexercise, #subnav li a:hover.outdoorexercise {

	background: url(../images/outdoor_on.gif) top left no-repeat;

}

#subnav li a.personaltraining {

	background: url(../images/personaltrain.gif) top left no-repeat;

	width: 202px;

}

#subnav li.selected a.personaltraining, #subnav li a:hover.personaltraining {

	background: url(../images/personaltrain_on.gif) top left no-repeat;

}

/* @spa */

#subnav li a.spa {

	background: url(../images/thespa_on.gif) top left no-repeat;

	width: 96px;

}

/* @membership */

#subnav li a.membership {

	background: url(../images/ourmembership_on.gif) top left no-repeat;

	width: 172px;

}

/* @promotions */

#subnav li a.promotions {

	background: url(../images/clubpromotions_on.gif) top left no-repeat;

	width: 170px;

}

/* @work */

#subnav li a.work {

	background: url(../images/workwithus.gif) top left no-repeat;

	width: 140px;

}

/* @voucher */

#subnav li a.voucher {

	background: url(../images/book1dayvoucher_on.gif) top left no-repeat;

	width: 209px;

}

/* @contact us */

#subnav li a.contactus {

	background: url(../images/contactus.gif) top left no-repeat;

	width: 121px;

}

#subnav li.selected a.contactus, #subnav li a:hover.contactus {

	background: url(../images/contactus_on.gif) top left no-repeat;

}

#subnav li a.partners {

	background: url(../images/ourpartners.gif) top left no-repeat;

	width: 137px;

}

#subnav li.selected a.partners, #subnav li a:hover.partners {

	background: url(../images/ourpartners_on.gif) top left no-repeat;

}

/* @find us */

#subnav li a.findus {

	background: url(../images/findus_on.gif) top left no-repeat;

	width: 152px;

}