@charset "utf-8";

body {
	background-image: url(images/leftnav_purple.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	margin: 0px;
}
/* -------------- divs -------------------- */
#page {
	width: 1050px;
	height: auto;
	margin: 0px;
}

#navs {
	width: 1050px;
	height: 46px;
	float: left;
	}
#leftside {
	width: 281px;
	float: left;
	margin: 0px;
	height: auto;
}	


#bluenavs {
	width: 769px;
	height: 28px;
	float: left;
}

#bottom {
	width: 1050px;
	float: left;
	height: auto;
	display: block;
}	

#left-top-logo {
	width: 281px;
	height: 28px;
	background-image: url(images/left-top-logo-wgn.jpg);
	display: inline;
	float: left;
}

#maincontent-container {
	float: right;
	width: 769px;
	height: auto;
}

#tabs{
	width: 1050px;
	float:left;
	display: inline;
	height: auto;
}
#pagetitle{
	width:95%;
	float: left;
	display: block;	
	margin: 0
}

#pagecontent{
	width:500px;
	float: left;
	height:auto;
	padding-right: 15px;
	margin: 0px;

}
#pagecontents{
	width:515px;
	float: left;
	height:auto;
	margin: 0px;

}
#pagenavs{
	width:214px;
	float: right;
	height: auto;
}

/* -------------- classes -------------------- */
.navs {
	width:1050px;
	margin:0;
	float:left;
}

.dots{
	display: block;
	float:left;
	height: 28px;
	width:187px;
	background-image:url(images/blackdots.jpg);
}

.leftdots{
	display: block;
	float:left;
	width: 281px;
	height: 198px;
	background-image: url(images/leftnav_dots.jpg)
}
.leftfade {
	background-image: url(images/worldgym_left_fade.jpg);
	float: left;
	height: 152px;
	width: 108px;
}
.worldgymnav{
	display: block;
	float:left;
	width: 211px;
	height: 46px;
	background-image: url(images/worldgymnav.jpg);
}

/* -------------- navs -------------------- */
a.specialdeals {
	display: block;
	float:left;
	width: 127px;
	height: 46px;
	background-image: url(images/special_deals.jpg)
}
a.personaltraining {
	display: block;
	float:left;
	width: 117px;
	height: 46px;
	background-image: url(images/personal_training.jpg)
}
a.membership {
	display: block;
	float:left;
	width: 145px;
	height: 46px;
	background-image: url(images/6_week_programs.jpg)
}
a.excercise {
	display: block;
	float:left;
	width: 153px;
	height: 46px;
	background-image: url(images/group_excercise.jpg)
}
a.sportscomplex {
	display: block;
	float:left;
	width: 155px;
	height: 46px;
	background-image: url(images/sports_complex.jpg)
}
a.tennis {
	display: block;
	float:left;
	width: 115px;
	height: 46px;
	background-image: url(images/tennis.jpg)
}

a.youth {
	display: block;
	float:left;
	width: 201px;
	height: 46px;
	background-image: url(images/youth_nav.jpg)
}
a.home{
	display: block;
	float:left;
	width: 281px;
	height: 298px;
	background-image: url(images/worldgymfitness.jpg)
}

a.members{
	display: block;
	float:left;
	width: 281px;
	height: 39px;
	background-image: url(images/members.jpg)
}
a.contact{
	display: block;
	float:left;
	width: 281px;
	height: 38px;
	background-image: url(images/contactus.jpg)
}
a.view{
	display: block;
	float:left;
	width: 398px;
	height: 28px;
	background-image: url(images/view2.jpg)
}
a.download{
	display: block;
	float:left;
	width: 160px;
	height: 28px;
	background-image: url(images/download.jpg)
}
a.join{
	display: block;
	float:left;
	width: 173px;
	height: 28px;
	background-image: url(images/jointheclub.jpg)
}
a.athletics {
	display: block;
	float:right;
	width: 214px;
	height: 69px;
	background-image: url(images/baillargeon_athletics.jpg);
}
a.pulse{
	display: block;
	float:right;
	width: 214px;
	height: 78px;
	background-image: url(images/pulse_training_center.jpg);
}
a.athletics {
	display: block;
	float:right;
	width: 214px;
	height: 69px;
	background-image: url(images/baillargeon_athletics.jpg);
}
a.gymnastics{
	display: block;
	float:right;
	width: 214px;
	height: 66px;
	background-image: url(images/gymanstics.jpg);
}
a.supplement{
	display: block;
	float:right;
	width: 214px;
	height: 71px;
	background-image: url(images/supplement_city.jpg);

}
a.sneakers{
	display: block;
	float:right;
	width: 214px;
	height: 69px;
	background-image: url(images/silver_sneakers.jpg);
}
a.training{
	display: block;
	float:right;
	width: 214px;
	height: 72px;
	background-image: url(images/private_personal_training.jpg);
}
a.massage{
	display: block;
	float:right;
	width: 214px;
	height: 86px;
	background-image: url(images/massage.jpg);
}

a{
	font-family: Gill Sans, Arial, Helvetica, Verdana, Lucida, sans-serif;
	font-weight: bold;
	font-size: small;
	color:#606;
	text-decoration: none;
}


/* -------------- rollovers -------------------- */
a.specialdeals:hover, a.personaltraining:hover, a.membership:hover, a.excercise:hover, a.sportscomplex:hover {
	background-position: 0px -46px;
}
a.tennis:hover, a.youth:hover{
	background-position: 0px -47px;
}
a.home:hover {
	background-position: 0px -298px;
}
a.members:hover {
	background-position: 0px -39px;
}
a.contact:hover {
	background-position: 0px -38px;
}
a.view:hover, a.download:hover, a.join:hover {
	background-position: 0px -28px;
}

a.athletics:hover {
	background-position: 0px -69px;
}

a.pulse:hover {
	background-position: 0px -78px;
}
a.gymnastics:hover {
	background-position: 0px -66px;
}
a.supplement:hover {
	background-position: 0px -71px;
}
a.sneakers:hover {
	background-position: 0px -69px;
}
a.training:hover {
	background-position: 0px -72px;
}
a.massage:hover {
	background-position: 0px -86px;
}
.clear {
	clear:both;
}

/* -------------- font styles -------------------- */
h1 {
	font-family: Gill Sans, Arial, Helvetica, Verdana, Lucida, sans-serif;
	font-weight: normal;
	border-bottom: 1px solid #000;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	margin-top: 20px;

	color:#000;
	padding-left: 15px;
}

h2 {
	font-family: Gill Sans, Arial, Helvetica, Verdana, Lucida, sans-serif;
	font-weight: normal;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color:#000;
	padding-left: 15px;
	margin: 0;
}
.subheading {
	font-family: Gill Sans, Arial, Helvetica, Verdana, Lucida, sans-serif;
	font-weight: normal;
	font-size: 14px;
	font-weight: bold;
	color:#606;
	line-height: 15px;
}
a.subheading:link, a.subheading:hover, a.subheading:active, a.subheading:visited {
	font-family: Gill Sans, Arial, Helvetica, Verdana, Lucida, sans-serif;
	font-weight: normal;
	font-size: 14px;
	font-weight: bold;
	color:#606;
	line-height: 15px;
}

p {
	font-family: Gill Sans, Arial, Helvetica, Verdana, Lucida, sans-serif;
	font-weight: normal;
	font-size: small;
	margin-top: 20px;
	color:#000;
	padding-left: 15px;
	line-height: 1.5em;
}
h3 {
	font-family: Gill Sans, Arial, Helvetica, Verdana, Lucida, sans-serif;
	font-weight: normal;
	font-size: small;
	margin-top: 20px;
	color:#606;
	padding-left: 15px;
	line-height: 1.5em;
}

.callus{
	font-family: Gill Sans MT, Gill Sans, Arial, Helvetica, Verdana, Lucida, sans-serif;
	font-weight: normal;
	line-height: 1em;
	font-weight: bold;
	font-size: 18px;
	color: #000;
	margin-left: 135px;
}
ul li {
	font-family: Gill Sans, Arial, Helvetica, Verdana, Lucida, sans-serif;
	font-size: small;
	line-height: 20px;
	font-weight: bold;
	color: #000;
	list-style-type: disc;
	display: list-item;
}
ol {
	font-family: Gill Sans, Arial, Helvetica, Verdana, Lucida, sans-serif;
	font-size: small;
	line-height: 20px;
	font-weight: bold;
	color: #000;
}

.emphasis{
	font-family: "Gill Sans", Arial, Helvetica, Verdana, Lucida, sans-serif;
	font-weight: normal;
	font-size: small;
	color:#606;
	font-variant: normal;
	text-transform: uppercase;
}

.paysontext, a.paysontext, a.paysontext:hover, a.paysontext:visited, a.paysontext:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
	font-size: 10px;
	color: #707070;
}
