@charset "utf-8";
/* CSS Document */
/* 
	Site: Weybridge Health Club
	Stylesheet description: general styles for Weybridge Health Club
	
	Table of conents:
	
	* general styles
	* header
	* main content
	* devices
	* footer
*/
/* @general styles */
html {
	height: 101%;
}
body {
	background: url(../images/bg_body.gif) top left repeat-y black;	
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
}
h1 {
	display: none;
	line-height: 0.1px;
}
h2 {
	padding: 5px 0;
	font-size: 0.8em;
	font-weight: bold;
}
p, li, label, th, td {
	font-size: 0.8em;
}
p {
	margin-bottom: 10px;
	line-height: 1.2em;
}
address {
	font-style: normal
}
img {
	border: none;
}
strong {
	font-weight: bold;
}
.required, .error {
	color: #F59E00;
	font-weight: bold;
}
.clear {
	clear: both;
}
p.telephone {
	font-size: 0.9em !important;
}
#container {
	width: 1010px;
}

/* @header */
#header {
	height: 215px;
}
#home #header {
	height: 111px;
}

/* @main content */
#content {
	float: left;
}
#maincontent {
	padding: 0;
	background: url(../images/bg_subcontent.jpg) top left no-repeat;
	width: 707px;
}
#home #maincontent {
	padding: 82px 0 0 30px;
	background: url(../images/bg_content.jpg) top left no-repeat;
	height: 435px;
	width: 677px;
}
#intro {	
	padding: 30px 0;
	width: 650px;
	background: url(../images/bg_contentpara.png) top left;
}
#intro p {
	padding: 0 20px; 
}
a.cta {
	display: block;
	width: 170px;
	padding: 5px 10px;
	background: url(../images/bg_cta.gif) no-repeat top left #e66300;
	font-size: 0.7em;
	color: white;
	text-decoration: none;
}
a.cta:hover {
	text-decoration: underline;
}
#intro a.cta{
	float:left;
	margin: 20px 0 0 20px;
}
#subcontent {
	padding: 40px 10px 20px 10px;
	background: url(../images/bg_subnav.gif) top left repeat-x white;
	margin: 0 30px;
	/*height: 425px;*/
	  min-height:425px;
	  height:auto !important;
	  height:425px;
	
}
#subcontent a {
	color: #2f90b1;
}
#subcontent a:visited {
	color: #e39400;
}
#subcontent .intro {
	padding: 10px;
	margin: 0;
}
#subcontent .introimage {
	float: none;	
	padding: 0px;
	margin-bottom: 10px;
}
#subcontent img {
	float: left;
	margin: 0 10px;
	border: 1px solid #262626;
}
#subcontent .contentwrap {
	width: 600px;
	background: url(../images/bg_contentpiece.gif) top left repeat-x;
	margin: 20px 0;
	padding: 20px 0;
	display: inline-block;
}
#subcontent .contentwrap a:hover {
	text-decoration: none;
} 
#subcontent ul li {
	float: left;
}
#subcontent ul a {
	display: block;
	width: 86px;
	height: 92px;	
}
#subcontent ul a span {
	position: absolute;
	left: -9999px;
}
#subcontent ul a.monday {
	background: url(../images/bg_monday.gif) top left no-repeat;
}
#subcontent ul a:hover.monday, #subcontent ul li.selected a.monday {
	background: url(../images/bg_monday_on.gif) top left no-repeat;
}
#subcontent ul a.tuesday {
	background: url(../images/bg_tuesday.gif) top left no-repeat;
}
#subcontent ul a:hover.tuesday, #subcontent ul li.selected a.tuesday {
	background: url(../images/bg_tuesday_on.gif) top left no-repeat;
}
#subcontent ul a.wednesday {
	background: url(../images/bg_wednesday.gif) top left no-repeat;
}
#subcontent ul a:hover.wednesday, #subcontent ul li.selected a.wednesday {
	background: url(../images/bg_wednesday_on.gif) top left no-repeat;
}
#subcontent ul a.thursday {
	background: url(../images/bg_thursday.gif) top left no-repeat;
}
#subcontent ul a:hover.thursday, #subcontent ul li.selected a.thursday {
	background: url(../images/bg_thursday_on.gif) top left no-repeat;
}
#subcontent ul a.friday {
	background: url(../images/bg_friday.gif) top left no-repeat;
}
#subcontent ul a:hover.friday, #subcontent ul li.selected a.friday {
	background: url(../images/bg_friday_on.gif) top left no-repeat;
}
#subcontent ul a.saturday {
	background: url(../images/bg_saturday.gif) top left no-repeat;
}
#subcontent ul a:hover.saturday, #subcontent ul li.selected a.saturday {
	background: url(../images/bg_saturday_on.gif) top left no-repeat;
}
#subcontent ul a.sunday {
	background: url(../images/bg_sunday.gif) top left no-repeat;
}
#subcontent ul a:hover.sunday, #subcontent ul li.selected a.sunday {
	background: url(../images/bg_sunday_on.gif) top left no-repeat;
}
#subcontent table {
	width: 100%;
	margin: 0 0 0 15px;
}
#subcontent th {
	padding-bottom: 10px;
	font-weight: bold;
}
#subcontent td {
	padding: 3px 0;
}
#subcontent .time {
	width: 163px;
}
#subcontent .class {
	width: 251px;
}
#subcontent .instructor {
	width: 95px;
}
/* @devices */
#devices {
	margin: 77px 0 0 0;
	width: 650px;
	height: 127px;
	/*background: url(../images/bg_devices.gif) bottom left repeat-x;*/
}
#devices div {
	float: left;
	margin: 0 0 0 20px;
	display: inline;
}
/* =form styles */
#subcontent form {
	margin: 20px;
}
form {
	width: 522px;
}
label{
	float: left;
	width: 120px;
}
input, textarea, select {
	width: 395px;
	margin-bottom: 5px;
	padding: 0;
	border: 1px solid #333;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 0.7em;
}
textarea{
	width: 395px;
	height: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	overflow: hidden;
}
input.check {
	width: 15px;
	border: none;
}
br {
	clear: left;
}
#cv {
	width: 250px
}
#submitbutton {
	float: right;
	margin: 0;
	padding: 0;
	width: 140px; 
	border: 1px solid #f59e00;
	background: url(../images/bg_submit.gif) top left repeat-x;
	color: white;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
#submitbutton a:hover {
	text-decoration: underline;
}
/* @footer */
#footernav {
	padding: 8px 0 0 48px;
	height: 222px;
}
#footernav a {
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	color: white;
	font-size: 1.2em;	
	text-decoration: none;
}
#footernav a:hover {
	text-decoration: underline;
}
#footer {
	margin: 0;
	background: url(../images/bg_copyright.gif) top left no-repeat;
	color: white;
	/*width: 707px;*/
}
#footer p {
	padding: 10px;
	margin: 0 0 0 39px;
}