/* CSS Document */
body 				{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 11px;
	color: #666;
	background-color: #FFFFFF;
	background-image: url(/assets/images/bg5.jpg);
	background-repeat: repeat-x;
}

/* Headers */
h1 					{
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	color: #1BAEFE;
	margin-left: 10px;
	line-height: 110%;
} 
h2  				{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #389E64;
	border-bottom: 2px solid #72EBC0;
	border-top: 2px solid #72EBC0;
	margin: 0 10px;
	padding: 4px 0;
}
h3					{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; }
h4					{}
h5					{}
h6					{}

h3.highlights		{ width: 250px; height: 25px; background-image: url(/assets/images/template/h3-bg.gif); }


/* Linkage */
a:link 				{
	color: #45BE78;
	border-bottom: 1px dotted #49C1FF;
	text-decoration: none;
	padding: 0 0 2px 0;
} 
a:visited 			{
	color: #66C88D;
	text-decoration: none;
	border: 0;
	
} 
a:hover				{
	color: #66CA90;
	text-decoration: none;
	border: 0;
}
a:focus				{
	color: #65C98D;
	text-decoration: none;
	border: 0;
}
a:active			{
	color: #66C98E;
	text-decoration: none;
}
a.no-hov			{ text-decoration: none !important; background-color: transparent !important; border: 0 !important; }

/* Misc. */
acronym 			{ cursor: help; }
img					{
	border: 0;
	text-decoration: none;
}
.clear				{ clear: both; }
.zero-margpad		{ margin: 0; padding: 0; }
::-moz-selection	{ background-color: #a74398; color: #fff; }
::selection			{ background-color: #a74398; color: #fff; }
.content-float-left		{ float: left; width: 260px; padding: 3px; }
.content-float-right	{ float: right; width: 260px; padding: 3px; }

/* Image Styles */
img.float-right			{ float: right; margin-left: 5px; }
img.float-left			{ float: left; margin-right: 5px; }

/* Template Styles */
#container			{
	margin: 0 auto;
	padding: 0;
	width: 825px;
	background-color: #fff;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
}
#header				{
	height: 150px;
	background-image: url(/assets/images/top3.jpg);
	background-repeat: no-repeat;
}
#header img			{ margin: 0; padding: 0; float: left; }

#main				{}
#left-content		{
	float: left;
	padding: 15px 0 0 0;
	width: 545px;
	background-image: url(/assets/images/mid-bg2.jpg);
	background-position: right;
	background-repeat: repeat-y;
	clear: left;
}
#left-content p 	{
	margin: 9px 10px;
}

#right-content		{
	float: right;
	width: 260px;
	padding: 3px;
}

.contact-right		{
	text-transform: none;
	border: 1px dotted #49C1FF;
	width: 178px;
	margin: 5px 11px;
	padding: 0 8px;
}
.contact-right:hover	{
	background-image: url(/assets/images/schedule.jpg);
	background-repeat: repeat-x;
}

.contact-right h4	{ font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #49c1ff; margin-left: 10px; text-align: left; }

/* Navigation */
ul#nav 				{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 825px;
	background-image: url(/assets/images/nav-bg2.jpg);
	list-style-type:none;
}
ul#nav li			{
	float: left;
	margin: 0;
	position: relative;
	height: 28px;
}
ul#nav span			{ display:none; }

ul#nav a, ul#nav a:visited			{
	display:block;
	height: 26px;
	border: 0;
}

#nav-home a			{
	background-image: url(/assets/images/nav/new/memberships.jpg);
	width: 174px;
	border: 0;
}
#nav-about a		{
	background-image: url(/assets/images/nav/new/about-us.jpg);
	width: 103px;
}
#nav-weight a		{
	background-image: url(/assets/images/nav/new/weight-loss.jpg);
	width: 125px;
}
#nav-pilates a		{
	background-image: url(/assets/images/nav/new/pilates.jpg);
	width: 79px;
}
#nav-trainers a		{
	background-image: url(/assets/images/nav/new/trainers.jpg);
	width: 92px;
}
#nav-boot a			{
	background-image: url(/assets/images/nav/new/boot-camp.jpg);
	width: 120px;
}
#nav-spa a			{
	background-image: url(/assets/images/nav/new/spa.jpg);
	width: 56px;
}
#nav-classes a		{
	background-image: url(/assets/images/nav/new/classes.jpg);
	width: 85px;
	border: 0;
	background-repeat: no-repeat;
}
#nav-contact a		{
	background-image: url(/assets/images/nav/new/contact.jpg);
	width: 94px;
}

ul#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
}
ul#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
}
.sub-menu			{ z-index: 1000; font-size: 90%; text-transform: uppercase; }
.sub-menu ul		{ list-style-type: none; width: 100%; margin: 0; padding: 0; }
* html .sub-menu ul { margin-left: -16px; ma\rgin-left: 0; }
.sub-menu li		{
	height: 26px;
	background-color: #49c1ff;
	position: relative;
}

.sub-menu table				{ position: absolute; border-collapse: collapse; top: 0; left: 0; z-index: 100; font-size: 1em; }
.sub-menu a					{
	display: block;
	width: 204px;
	height: 25x;
	text-decoration: none;
	color: #fff;
	line-height: 25px;
	text-indent: 5px;
	border: 1px solid #fff;
	border-width: 0 0 1px 0;
	padding: 0 0 0 20px;
}
.sub-menu a:visited			{ display: block; height: 25x; text-decoration: none; color: #fff; line-height: 25px; text-indent: 5px; border: 1px solid #fff; border-width: 0 0 1px 0; }
* html .sub-menu a			{ background-color: #49c1ff; }
* html .sub-menu a:visited 	{ background-color: #49c1ff; }
* html .sub-menu a:hover	{ color: #fff; background-color: #66C98D; }
.sub-menu :hover > a		{ color: #fff; background-color: #66C98D; }

/* Page Styles */
#stories					{
	display: block;
	width: 500px;
	margin: 0 0 0 25px;
}
#storytop					{
	background-color: #29C7F8;
	height: 90px;
	color: #000033;
}
#storytop a                 {text-decoration: none; color:#000000; }
#storytop a:hover           {text-decoration: underline; color:#000000; }

.home-content				{ margin: 0 auto; padding: 5px; width: 510px; background-image: url(/assets/images/page-images/home-content-bg.jpg); background-repeat: no-repeat; background-position: top; }
.home-image-links			{ float: left; width: 160px; margin-left: 10px; padding: 5px; text-align: center; color: #49c1ff; border: 1px solid #49c1ff; }

#about			{ margin: 10px auto; padding: 25px 20px 0 20px; width: 460px; height: 95px; background-image: url(/assets/images/page-images/about-2.gif); background-repeat: no-repeat; }

#boot-camp		{ margin: 10px auto; padding: 50px 5px 0 5px; width: 510px; height: 340px; background-image: url(/assets/images/page-images/boot-camp-1.jpg); background-repeat: no-repeat; }
img.boot-camp	{ margin: 0 20px; }

.spa			{ margin: 10px; padding: 10px; min-height: 200px; font-size: 14px; border-bottom: 1px dashed #49c1ff; background: url(/assets/images/page-images/bg-spa.jpg) top left no-repeat; }
.spa h3			{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #007DC1; }

.classes		{ margin: 10px; padding: 10px; min-height: 200px; font-size: 14px; border-bottom: 1px dashed #a74398; background: url(/assets/images/page-images/bg-classes.jpg) top left no-repeat; }
.classes h3		{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #69CC89; }

#reformer-container			{ width: 569px; height: 659px; line-height: 20px; background-image: url(/assets/images/page-images/reformer-cadillac-1.jpg); background-repeat: no-repeat; }
#reformer-content-top		{ float: left; width: 315px; margin: 0 0 0 10px; padding: 0 5px 5px 5px; font-size: 14px; }
#reformer-content-middle	{ float: left; width: 230px; margin: 180px 0 0 10px; padding: 5px; font-size: 14px; }

#schedule				{
	border-left: 1px solid #49c1ff;
	margin: 0 0 0 10px;
}

ul.schedule				{ list-style-type: none; width: 567px; margin: 0; padding: 0; }
ul.schedule li.days		{ float: left; width: 75px; height: 20px; margin: 0; padding: 2px; text-align: center; text-transform: uppercase; background-color: #49c1ff; color: #fff; border-top: 1px solid #49c1ff; border-right: 1px solid #fff; }
ul.schedule li.sat		{ float: left; width: 75px; height: 20px; margin: 0; padding: 2px; text-align: center; text-transform: uppercase; background-color: #49c1ff; color: #fff; border-top: 1px solid #49c1ff; border-right: 1px solid #49c1ff; }
ul.schedule li.big		{
	float: left;
	width: 75px;
	height: 100px;
	margin: 0;
	padding: 2px;
	text-align: center;
	border-bottom: 1px solid #49c1ff;
	border-right: 1px solid #49c1ff;
	background-image: url(/assets/images/schedule.jpg);
	background-repeat: repeat-x;
}
ul.schedule li.med		{ float: left; width: 70px; height: 80px; margin: 0; padding: 2px; text-align: center; border-bottom: 1px solid #49c1ff; border-right: 1px solid #49c1ff; }
ul.schedule li.sm		{ float: left; width: 70px; height: 60px; margin: 0; padding: 2px; text-align: center; border-bottom: 1px solid #49c1ff; border-right: 1px solid #49c1ff; }

ul.membership			{
	margin: 0;
	padding: 0;
}
ul.membership li		{
	width: 240px;
	list-style-type: none;
	margin: 15px 5px 10px 10px;
	border: 1px dotted #999;
	padding: 5px;
	float: left;
}
ul.membership h3		{
	text-align: center;
	margin: 5px 0 0 0;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 0;
}
ul.membership2			{
	margin: 0;
	padding: 0;
}
ul.membership2 li		{
	width: 160px;
	list-style-type: none;
	margin: 15px 5px 10px 0;
	border: 1px dotted #999;
	padding: 5px;
	float: left;
}
ul.membership2 h3		{
	text-align: center;
	margin: 5px 0 0 0;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 0;
}

/* Footer */
#footer				{
	margin: 5px 0 3px 0;
	padding-top: 8px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-repeat: no-repeat;
	background-color: #66CA90;
	border-bottom: 3px solid #A2DFBC;
	border-top: 3px solid #A2DFBC;
}

#footer a			{ margin: 0 3px; }
#footer a:link		{ color: #fff; text-decoration: none; }
#footer a:visited	{ color: #fff; text-decoration: none; }
#footer a:hover		{ color: #fff; text-decoration: underline; }
#footer a:focus		{ color: #fff; text-decoration: underline; }
#footer a:active	{ color: #fff; text-decoration: underline; }

/* Trainer Styles */
ul#trainer 			{ margin:0; padding: 0; }
ul#trainer li		{ list-style-type:none; float:left; border:1px solid #CCCCCC; margin: 2px 7px; display:block; }
ul#trainer a:link, ul#trainer a:visited { padding: 5px; text-align:center; font-size: 10px; width: 110px; height: 138px; display:block; }
ul#trainer a:hover  { background-color:#EFEBCF; }
ul#trainer a:active { padding: 5px; text-align:center; font-size: 10px; height: 134px; display:block; }
ul#trainer span	    { display:block; height:100px;}

/* Form Styles */
#form						{ margin: 0 auto; width: 450px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#form em					{ color: #f00; }
#form div.row				{ clear: both; padding-top: 5px; }
#form label					{ float: left; width: 100px; text-align: left; }
#form span.field			{ float: right; width: 335px; text-align: left; }
#form div.submit			{ clear: both; text-align: center; }
#form .req					{ font-weight: bold; }

#ack					{
	border-bottom:2px solid #48C687;
	border-top:2px solid #48C687;
	padding: 5px 20px;
	margin: 0 0 0 10px;
	font-weight: bold;
	font-size: 1.2em;
	background-color: #CFEFFC;
} 

#form input					{
	background-color: #fff;
	border: 1px solid #67CA8E;
	padding: 2px;
	background-image: url(/assets/images/form.jpg);
	background-repeat: repeat-x;
}
#form textarea				{
	background-color: #fff;
	border: 1px solid #67CA8E;
	padding: 2px;
	background-image: url(/assets/images/form.jpg);
	background-repeat: repeat-x;
}
#form input:focus			{ background: #f2f2f2; border: 1px solid #67CA8E; }
#form textarea:focus		{ background: #f2f2f2; border: 1px solid #67CA8E; }

#hidden				{ display: none; } 
