/* 
+-+-+-+ +-+-+ +-+-+-+-+-+-+-+-+-+-+-+
|C|S|S| |b|y| |B|L|U|E|J|A|M|.|c|o|m|
+-+-+-+ +-+-+ +-+-+-+-+-+-+-+-+-+-+-+
*/

*{ margin:0px; padding:0px;}

html, body{ height:100%}

body{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	background-image: url(../images/back.jpg);
	background-repeat: repeat-x;	
}


#container_header_index, #container_header{
	width: 100%;
	float: left;
	margin-bottom:10px;
	background: url(../images/back_header.jpg) repeat-x left bottom;
	position: relative;
	z-index: 40;
}

#container_header{
	height: 200px;

}

#container_header_index{
	height: 336px;
}

#header, #footer, #content{
	width:899px;
	margin:auto;
	position:relative;
}


#footer{	background: url(../images/dotline.gif) repeat-x left top;
padding-top:10px;
margin-top:10px;
}

#content{
	margin-bottom: 10px;
	padding-bottom: 10px;
	z-index:45;
	clear:both;
}

.textleft{
	float: left;
	width: 49%;
}

.textright{
	float: right;
	width: 49%;
}

.split{
	width:49%;
	float:left;
	}
	
html>/**/body.split{width:50%;}
	
	.split2{
	width:25%;
	float:left;
	}

#container_footer{
	width: 100%;
	clear: both;
	padding-bottom: 20px;
	float: left;
}

#logo a{
	background: url(../images/pilates_off_the_square.png);
	height: 94px;
	width: 331px;
	text-indent: -10000px;
	display: block;
	/* png fix */
	behavior: url(Scripts/iepngfix.htc);
	clear: both;
	float: left;
	margin-top: 0px;
}

html>/**/body #logo a{margin-left:-13px;}

h1, h2{
	font-size: 20px;
	color: #797974;
	background: url(../images/dotline.gif) repeat-x left bottom;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
}

h2, h2 a{ color:#000000;text-decoration: none;}

h2 a {
	text-decoration: underline;
}

h2 a:hover{
	text-decoration: none;
	color: #999999;
}

h2 strong{
	font-size: 12px;
	font-weight: normal;
}



h3{	display:none;}

#container_header h5, #container_header_index h5{
	background: url(../images/pilates_strapline.png);
	height: 80px;
	width: 486px;
	text-indent: -10000px;
	/* png fix */
	behavior: url(Scripts/iepngfix.htc);
	float: left;
}

#container_header h5{
	margin-top: 10px;
	position: relative;
	left: 87px;
}

html>/**/body #container_header h5{left:113px;}


#container_header_index h5{
	margin-top: 20px;
	clear: both;
	float: left;
}

#footer h5{
	height: 21px;
	width: 100%;
	clear: both;
	text-indent:-10000px;
	/* png fix */
	behavior: url(Scripts/iepngfix.htc);
	margin-bottom: 10px;
	background: url(../images/h5_footer.png) no-repeat;
}

html>/**/body #header h5{margin-left:-13px;}

#footer h5 a{
	float: right;
	height: 25px;
	width: 255px;
	margin-top: -19px;
	border-bottom: 7px solid #ffffff;
	display: block;
}
#footer h5 a:hover{
	border-bottom: 7px solid #cfc9ad;
}

h6{
	clear: both;
	width: 100%;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	margin-bottom: 10px;
}

h6 span{
	float: left;
}

h6 a{
	color: #999999;
	text-decoration: none;
	float: right;
	margin-bottom: 10px;
}

h6 label{ display:none;}

p{
	line-height: 18px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: justify;
}

a{
	color: #000000;
}

a:hover{
	text-decoration: none;
}

a:active{
outline: none;
}

a:focus{
-moz-outline-style: none;
}

a#back_butt {
	text-indent: -10000px;
	height: 19px;
	width: 68px;
	margin-top: 3px;
	float: right;
	position: relative;
	background: url(../images/butt_back.gif) no-repeat left top;
}

a#back_butt:hover{
	background-position: left bottom;
}

#members a{
	background-image: url(../images/members.gif);
	float: left;
	height: 79px;
	width: 275px;
	text-indent: -10000px;
}

.content_image, .content_image2{
	clear: both;
	float: right;
	margin-bottom:10px;
	margin-left:30px;
	position:relative;left:-10px;
}


.content_image2{
	
	top: -130px;
	margin-bottom:-130px;
	left:45px;
}

.content_image a{
	border: 1px solid #FFFFFF;
	float: left;
}

.content_image a:hover{
	border: 1px solid #F5F5F5;
}

.content_image img{
	
	border-style: none;
}


.text ul{
	margin-bottom:20px;
	padding-left: 20px;
}

.text ul ul li{
	padding-left:40px;
}
	
.text ul li, ul.contact li, .textleft ul li, .textright ul li{
	background: url(../images/menuspace.jpg) no-repeat 0px 4px;
	list-style-type: none;
	padding-left: 20px;
	margin-bottom: 5px;
	margin-left: 13px;
	clear:left;
}


.textleft ul, .textright ul{ padding-left:0px;}

.text ul li strong, ul.contact li label{
 display:block;
	float:left;
}


	
.text ul li strong{
	width:170px;
	font-weight: normal;
}

.text2 ul li strong{
	width:290px;
	font-weight: normal;
}


ul.contact li label{
	width:170px;
}

.text ul li label{
	width:100px;
}

.text ul li a{
	color: #666666;
}

.text ul li a:hover{
	text-decoration: none;
}
	
ul.gallery, ul.gallery2{
	display:block;
	padding-left: 28px;
	margin-bottom: 20px;
}

ul.gallery2{
	padding-bottom: 15px;
}
	
ul.gallery li, ul.gallery2 li {
	margin: 5px;
	width: 200px;
	float:left;
	list-style-type: none;
}

ul.gallery2 li { width:272px;}

ul.gallery img{ width:180px;}

ul.gallery li a{
	width: 190px;
	height: 190px;
	display:block;
	padding: 5px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	text-align: center;
}
/*
ul.gallery li a:hover{
	border: 1px solid #e7c211;
	background: #e7c211;
}
*/
ul.gallery2 li a{
	width:272px;
	display:block;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	text-align: center;
	background: #e4e1d2 url(../images/back.jpg) 0px -130px;
	color: #000000;
	text-decoration: none;
	font-size: 15px;
}

ul.gallery2 li a span{
	display: block;
	width: 252px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	margin: 5px;
	float: left;
	height: 72px;
	background-color: #edebe0;
}

ul.gallery2 a:hover{
	background: #e7c211;
}

.gallery-foot{float:left; width:100%; clear:both; height:20px;}


ul.topmenu li, ul.menu li, ul.footmenu li{
	float: left;
	list-style-type: none;
}

ul.topmenu{
	float: right;
	margin-top: 7px;
	margin-bottom: -7px;
}

ul.topmenu li a{
	float: left;
	text-indent: -10000px;
	margin-bottom: 7px;
}

ul.topmenu li a:hover{
	border-bottom: 7px solid #656254;
	margin-bottom: -7px;
}

ul.menu{
	float: left;
	width: 700px;
	height: 24px;
	margin-top: -66px;
	margin-left: -454px;
	position: relative;
	z-index: 50;
	left: 50%;
}



ul.menu li a{
	float: left;
	border-top: 7px solid #787774;
	border-bottom: 7px solid #787774;
	height: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
}

ul.menu li a:hover, #active03, #active04, #active05, #active06, #active07, #active08, #active09, #active10, #active11, #active12{
	border-top: 7px solid #e7c211;
	border-bottom: 7px solid #e7c211;

}

.menu03 a:hover, #active03{	background: url(../images/menu03.jpg) left bottom;}
.menu04 a:hover, #active04{	background: url(../images/menu04.jpg) left bottom;}
.menu05 a:hover, #active05{	background: url(../images/menu05.jpg) left bottom;}
.menu06 a:hover, #active06{	background: url(../images/menu06.jpg) left bottom;}
.menu07 a:hover, #active07{	background: url(../images/menu07.jpg) left bottom;}
.menu08 a:hover, #active08{	background: url(../images/menu08.jpg) left bottom;}
.menu09 a:hover, #active09{	background: url(../images/menu09.jpg) left bottom;}
.menu10 a:hover, #active10{	background: url(../images/menu10.jpg) left bottom;}
.menu11 a:hover, #active11{	background: url(../images/menu11.jpg) left bottom;}
.menu12 a:hover, #active12{	background: url(../images/menu12.jpg) left bottom;}

.menu01 a, .menu02 a, .menu03 a, .menu05 a, .menu06 a, .menu07 a, .menu08 a, .menu09 a, .menu10 a, .menu11 a, .menu12 a{
	height:24px;
	float: left;
	display: block;
	
}

.menu01 a, .menu02 a{
	/*png fix */
	behavior: url(Scripts/iepngfix.htc);
}


.menu01 a{
	background: url(../images/menu01.png);
	width: 147px;
}
.menu02 a{
	background: url(../images/menu02.png);
	width: 65px;
}
.menu03 a{
	background: url(../images/menu03.jpg);
	width: 102px;
}

.menu05 a{
	background: url(../images/menu05.jpg);
	width: 83px;
}
.menu06 a{
	background: url(../images/menu06.jpg);
	width: 114px;
}
.menu07 a{
	background: url(../images/menu07.jpg);
	width: 81px;
}
.menu08 a{
	background: url(../images/menu08.jpg);
	width: 84px;
}
.menu09 a{
	background: url(../images/menu09.jpg);
	width: 63px;
}

.menu10 a{
	background: url(../images/menu10.jpg);
	width: 53px;
}

.menu11 a{
	background: url(../images/menu11.jpg);
	width: 63px;
}

.menu12 a{
	background: url(../images/menu12.jpg);
	width: 63px;
}

.menuspace{
	background-image: url(../images/menuspace.jpg);
	background-repeat: no-repeat;
	width: 8px;
	float: left;
	height: 23px;
	margin-top: 20px;
	margin-right: 1px;
	margin-left: 1px;
}

.topspace{
	background: url(../images/topspace.png) no-repeat;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	height: 15px;
	width: 8px;
	/* png fix */
	behavior: url(Scripts/iepngfix.htc);
}

ul.footmenu{
	margin-top: 64px;
	float: right;
	width: 600px;
}
ul.footmenu li a{
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	margin-top: 4px;
	float: left;
}

ul.footmenu li a:hover{
	text-decoration: underline;
}

.quote{
	float: left;
	width: 410px;
	padding-left: 30px;
	background: url(../images/quote00.gif) no-repeat left top;
	margin-top: 20px;
	clear: both;
}

.quote p{
	background: url(../images/quote01.gif) no-repeat right top;
	padding-right: 30px;
}

.quote p span{
	float: right;
	color: #999999;
}

.textbox00, .messagebox00{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 200px;
	padding: 5px;
	border: 1px solid #999999;
}

.messagebox00{ height:100px;}

.submit_send{
	clear: both;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 5px solid #FFFFFF;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	color: #FFFFFF;
	background-color: #666666;
	margin-top: 10px;
	padding: 5px;
}

.submit_send:hover{
	border-bottom: 5px solid #999999;
	color: #000000;
	background-color: #CCCCCC;
}

#pagenumbers{
	display: block;
	margin-left: 10px;
	margin-top: -5px;
	margin-bottom: 10px;
}

ul.sitemap{
	width: 100%;
}

ul.sitemap li{
	width: 300px;
	display: block;
}

ul.sitemap ul li{
	width: 300px;
}

ul.sitemap li a{}

ul.sitemap ul{
	float: left;
	position: relative;
	left: 250px;
	top: -15px;
}

#flash_image{
	height: 430px;
	width: 320px;
	clear: both;
	float: left;
	position: relative;
	top: -300px;
	z-index: 50;
	margin-bottom: -500px;
	display: inline;
	margin-left: 760px;
}


.linedot{
	background-image: url(../images/dotline.gif);
	background-repeat: repeat-x;
	background-position: left center;
	clear: both;
	float: left;
	height: 21px;
	width: 100%;
}

#extra00{
	height: 194px;
	width: 100%;
	position: absolute;
	z-index: 0;
	top: 55px;
	left:0px;
}


