/*--- tags general ---*/
html {
	font-size: 10px;
	background: #67B3E4;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 2;	
	color: #666;
	background: url(../images/bg_bl.gif) repeat-x top left;
	text-align: justify;
}
a {
	color: #5887A3;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	color: #999;
	font-weight: bold;
}
h1 {
	font-size: 120%;
	margin-bottom: 10px;	
}
h2 {
	margin-bottom: 10px;	
}
h3 {
	font-size: 110%;
	margin-bottom: 10px;	
}
h4 {
	margin-top: 40px;	
}
p {
	margin-bottom: 20px;	
}
/*--- page general ---*/
#wrap_all {
	position: relative;
	width: 100%;
}
#banner {
	position: relative;
	width: 1016px;
	height: 170px;
	background: url(../images/bg_banner.jpg) no-repeat top left;
	margin: 0px auto;
	z-index: 2;
}
#wrap_content {
	position: relative;
	width: 100%;
	background: #DBDBCA url(../images/bg_logo_line.gif) no-repeat bottom center;
}
#content_box {
	position: relative;
	width: 1016px;
	background: url(../images/bg_content.gif) repeat-y top left;
	padding: 100px 0px 50px 0px;
	margin: 0px auto;
}
#logo_name {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1016px;
	height: 80px;
	background: url(../images/name.gif) no-repeat center center;
}
#content {
	float: left;
	width: 770px;
	position: relative;
	padding: 0px 0px 0px 20px;
}
#content ul {
	list-style-type: circle;
	margin-bottom: 20px;
}
	#content ul li {
		margin-left: 40px;
	}
ul#summary {
	position: relative;
	top: 0px;
	left: 0px;
	width: 210px;
	list-style-type: none;
	text-align: left;
}
	ul#summary li {
		line-height: 26px;
		margin-left: 0px;
		background: #DBDBCA;
		margin-bottom: 1px;
	}
		ul#summary li a {
			display: block;
			padding: 4px 10px 4px 10px;
		}
#loadSum {
	position: relative;
}
#loadingSum {
	width: 24px;
	height: 30px;
	background: url(../images/load_sml.gif) no-repeat 0px 6px;
}
#hours {
	text-align: left;
	color: #999;
}
	#hours span {
		float: right;
	}
#middle {
	float: right;
	width: 510px;
	margin-left: 40px;
}
#slide {
	position: relative;
	width: 510px;
	height: 340px;
	background: #CCC;
}
	#slide span {
		position: absolute;
		left: 1px;
		top: 1px;
		width: 508px;
		height: 338px;
	}
	#slide1 {
		background: url(../images/ph_sld_1.jpg);
	}
	#slide2 {
		background: url(../images/ph_sld_2.jpg);
	}
	#slide3 {
		background: url(../images/ph_sld_3.jpg);
	}
	#slide4 {
		background: url(../images/ph_sld_4.jpg);
	}
#sidebar {
	float: right;
	width: 160px;
	padding: 0px 20px;
}
	#sidebar img {
		float: left;
		margin-bottom: 2px;
	}
	#sidebar a.sb {
		float: left;
		display: block;
		width: 153px;
		height: 153px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		margin-bottom: 2px;
	}
		#sidebar a.sb:hover {
			background-position: -160px 0px;
		}
	#sidebar a#prom1 {
		background-image: url(../images/ph_sb_jt.jpg);
	}
	#sidebar a#prom2 {
		background-image: url(../images/ph_sb_pt.jpg);
	}
	#sidebar a#prom3 {
		background-image: url(../images/ph_sb_zu.jpg);
	}
	#sidebar a#prom4 {
		background-image: url(../images/ph_sb_pp.jpg);
	}
.clear {
	clear: both;
	height: 0;
}
#footer_box {
	position: relative;
	width: 100%;
	height: 80px;
	background: #67B3E4 url(../images/bg_footer.png) no-repeat top center;
	z-index: 10;
}
#footer {
	position: relative;
	width: 1016px;
	text-align: left;
	font-size: 95%;
	padding: 20px 0px;
	margin: 0px auto;
}
	#footer a {
		color: #FFF;
	}
	#ft_cr {
		float: left;
		margin-right: 50px;
	}
	#ft_links {
		float: left;
	}
		#ft_links a {
			margin-right: 30px;
			text-decoration: none;
		}
		#ft_links a:hover {
			text-decoration: underline;
		}
	#ft_vd {
		float: right;
	}
/*--- navigation ---*/
ul#menu {
	position: absolute;
	left: 5px;
	top: 127px;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: center;
	z-index: 100;
}
	ul#menu li {
		position: relative;
		float: left;
	}
		ul#menu li a.main {
			display: block;
			width: 124px;
			line-height: 42px;
			font-weight: bold;
			color: #DBDBCA;
			text-decoration: none;
			margin-right: 2px;
		}
		ul#menu li a.fr {
			line-height: 20px;
		}
		ul#menu li a.main:hover {
			color: #FFF;
		}
	ul#menu li:hover ul {
		display: block;
	}
	ul#menu li:hover a.main {
		color: #FFF;
	}
	ul#menu li ul {
		position: absolute;
		left: 0px;
 		top: 40px;
		display: none;
		text-align: left;
		border: 1px solid #CCC;
		border-bottom: none;
	}
		ul#menu li ul li {
			border-bottom: 1px solid #CCC;
			margin-right: 0px;
		}
			ul#menu li ul li a {
				display: block;
				width: 140px;
				color: #DBDBCA;
				background: #40504F;
				text-decoration: none;
				padding: 4px 6px;
			}
			ul#menu li ul li a:hover {
				color: #40504F;
				background: #DBDBCA;
			}
ul#menu li.on {
	display: none;
	position: absolute;
	float: none;
	left: 0px;
	top: 0px;
	width: 116px;
	height: 32px;
	border: 1px solid #FFF;
	background: transparent;
	z-index: 0;
}
/*--- page specifics ---*/
body#tc #banner {
	background: url(../images/bg_banner_tc.jpg) no-repeat top left;
}
body#hm	#slide {
	background: #CCC url(../images/ph_sld_1.jpg) no-repeat 1px 1px;
}
body.stf #content img {
	float: left;
	background: #DBDBCA;
	border: 1px solid #CCC;
	padding: 2px;
	margin: 0px 10px 0px 0px;
}
body.gal #content_box {
	width: 936px;
	height: 700px;
	padding: 100px 40px 50px 40px;
}
body#cl #content_box, body#fr #content_box, body#tc #content_box {
	width: 936px;
	padding: 100px 40px 50px 40px;
}
body#fc ul#summary, body#ms ul#summary  {
	z-index: 0;
}
body#cl ul.wd {
	float: left;
	width: 132px;
	text-align: left;
	line-height: 1.4;	
	margin-right: 1px;
	margin-bottom: 60px;
}
	body#cl ul.wd li {
		margin-bottom: 1px;
	}
.wd_tle {
	font-weight: bold;
	background: #DBDBCA;
	padding: 4px 6px;
}	
.schedule {
	height: 70px;
	background: #F1F1F1;
	border: 1px solid #F1F1F1;
	padding: 6px;
}	
	.schedule p {
		margin-bottom: 0px;	
	}
	.schedule span {
		float: right;
		font-style: italic;
	}
.schedule:hover {
	background: #FFF;
}	
.empty {
	height: 84px;
}	
#tip_sch {
	position: absolute;
	display: none;
	width: 120px;
	font-size: 95%;
	line-height: 1.2;
	text-align: left;
	background: #FFF;
	border: 1px solid #999;
	padding: 4px;
}
.cardio {
	background: #FFFF68;
	border: 1px solid #FFFF68;
}		
.relax {
	background: #B8BADC;
	border: 1px solid #B8BADC;
}		
.cond {
	background: #8CC6C6;
	border: 1px solid #8CC6C6;
}		
.kids {
	background: #99CCFF;
	border: 1px solid #99CCFF;
}		
#exercises {
	background: #CCC;
	padding: 1px 0px 0px 1px;
}	
	#exercises table {
		width: 100%;
		line-height: 1.4;	
		background: #FFF;
	}	
	#exercises table caption {
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 4px 6px;
	}
	#exercises table td {
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 4px 6px;
	}
body#ms #content ul#rates {
	list-style-type: none;
	margin-bottom: 20px;
}
	body#ms #content ul#rates li {
		margin-left: 0px;
	}
	body#ms #content ul#rates li div {
		margin-left: 20px;
	}
		body#ms #content ul#rates ul {
			list-style-type: circle;
			margin-bottom: 10px;
		}
			body#ms #content ul#rates ul li {
				margin-left: 40px;
			}
body#fr #content_box ul {
	list-style-type: circle;
	margin-bottom: 20px;
}
	body#fr #content_box ul li {
		margin-left: 40px;
	}
		body#fr #content_box ul ul {
			margin-bottom: 0px;
		}
#resort img {
	border: 1px solid #CCC;
}
.nb_item {
	height: 220px;
}		
	.nb_item img {
		float: left;
		margin-right: 10px;
	}		
/*--- contact form ---*/
#cnform {
	position: relative;
	width: 410px; 
	left: 78px;
}
body#ms #cnform {
	left: 0px;
	margin-bottom: 60px;
}
	#cnform div {
		font-size: 12px;
		line-height: 14px;
	}
	#cnform input {
		display: block;
		height: 20px;
	}
	#cnform textarea {
		display: block;
		height: 140px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	#cnform input.button {
		position: relative;
		top: 10px;
		left: 330px;
		padding: 0px;
		width: 80px; 
		height: 26px;
		color: #5887A3;
		font-size: 14px;
		line-height: 16px;
		background: #DBDBCA;
		border: 2px solid #CCC;
		cursor: pointer;
	}
	#cnform input, #cnform textarea {
		width: 400px;
		font-size: 14px;
		line-height: 16px;
		background: #DBDBCA;
		border: 1px solid #CCC;
		margin: 4px 0px 10px 0px;
		padding: 4px 0px 0px 6px;
		outline: none;
	}
	#cnform .success, #cnform .err {
		display: none;
	}
#loading {
	position: relative;
	left: 380px;
}
/*--- form general ---*/
.success {
	position: relative;
	color: #999;
	font-weight: bold;
}
.err {
	position: relative;
	color: #FF0000; 
}
/*--- others ---*/
.hide {
	display: none;
}
.lfloat {
	float: left;
	margin-right: 10px;
	border: 1px solid #CCC;
}
.ui-effects-explode {
	z-index: 0;
}
.bold {
	font-weight: bold;
}
ol {
	list-style: decimal;
	margin-bottom: 20px;
}
ol li {
	margin-left: 40px;
	margin-bottom: 10px;
}
ol#pp {
	color: #999;
	font-weight: bold;
}
	ol#pp div, ol#pp ol {
		color: #666;
		font-weight: normal;
	}