@charset "utf-8";
/* Total Body Fitness & Wellness Studio CSS
<meta name="author" context="Sheridan IMM 2008" />
<meta name="copyright" content="&copy; 2008 Total Body Fitness &amp; Wellness Studio" />
*/

.about_black_overlay {
PADDING: 0px;
MARGIN: 0px;
DISPLAY: none; 
Z-INDEX: 1001; 
FILTER: alpha(opacity=80); 
LEFT: 0px;
TOP: -321px; 
WIDTH: 100%; 
POSITION: absolute; 
HEIGHT: 622%; 
BACKGROUND-COLOR: black; 
-moz-opacity: 0.8; 
opacity: .80;

}

.about_white_content {
border: 1px solid #666666;
padding: 5px;
DISPLAY: none;
top: -63%;
left: 3%;
Z-INDEX: 1002;
OVERFLOW: auto;
WIDTH: 100%;
POSITION: absolute;
HEIGHT: auto;
BACKGROUND-COLOR: black;
/*color:#FFFFFF;*/
text-align:left;
color: #FFFFFF;
font: 12px Trebuchet, Arial, Helvetica, sans-serif;

}

.contact_black_overlay {
PADDING: 0px;
MARGIN: 0px;
DISPLAY: none; 
Z-INDEX: 1001; 
FILTER: alpha(opacity=80); 
LEFT: 0px;
TOP: -321px; 
WIDTH: 100%; 
POSITION: absolute; 
HEIGHT: 622%; 
BACKGROUND-COLOR: black; 
-moz-opacity: 0.8; 
opacity: .80;

}

.contact_white_content {
border: 1px solid #666666;
padding: 5px;
DISPLAY: none;
top: -63%;
left: 3%;
Z-INDEX: 1002;
OVERFLOW: auto;
WIDTH: 100%;
POSITION: absolute;
HEIGHT: auto;
BACKGROUND-COLOR: black;
/*color:#FFFFFF;*/
text-align:left;
color: #FFFFFF;
font: 12px Trebuchet, Arial, Helvetica, sans-serif;

}

.fittest_black_overlay {
DISPLAY: none; 
Z-INDEX: 1001; 
FILTER: alpha(opacity=80); 
LEFT: 0%; 
WIDTH: 100%; 
POSITION: absolute; 
TOP: 0%; 
HEIGHT: 100%; 
BACKGROUND-COLOR: black; 
-moz-opacity: 0.8; 
opacity: .80;

}

.fittest_white_content {
border: 1px solid #ffffff;
padding: 5px;
DISPLAY: none;
top: 10%;
left: 10%;
Z-INDEX: 1002;
OVERFLOW: auto;
WIDTH: 80%;
POSITION: absolute;
HEIGHT: 70%;
BACKGROUND-COLOR: black;
color: #FFFFFF;
font: 12px Trebuchet, Arial, Helvetica, sans-serif;
}

.studio_black_overlay {
DISPLAY: none; 
Z-INDEX: 1001; 
FILTER: alpha(opacity=80); 
LEFT: 0%; 
WIDTH: 100%; 
POSITION: absolute; 
TOP: 0%; 
HEIGHT: 100%; 
BACKGROUND-COLOR: black; 
-moz-opacity: 0.8; 
opacity: .80;

}

.studio_white_content {
border: 1px solid #cccccc;
PADDING: 5px;
PADDING-TOP: 20PX;
PADDING-LEFT: 50PX;
DISPLAY: none;
top: 10%;
left: 15%;
Z-INDEX: 1002;
OVERFLOW: auto;
WIDTH: 850px;
POSITION: absolute;
HEIGHT: 653px;
BACKGROUND-COLOR: black;
color: #FFFFFF;
font: 48px Trebuchet, Arial, Helvetica, sans-serif;
}

body{
background-color: #000000;
color: #CCCCCC;
margin:0px;
padding:0px;
/*overflow: scroll;
scollbar skin*/
scrollbar-face-color: #330000;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #cccccc;
scrollbar-shadow-color: #666666;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #ffffff;
}

.style1 {
	font-size: 16px;
	font-weight: bold;
}

.style2 {
	font-size: 24px
}

#bigwrap{
background-image:url(images/horizontal-bg.jpg);
background-repeat: repeat-y;
margin:auto;
padding:auto;
width:800px;
height:800px;
}

/* ------- WRAP FOR BKGD -------------- */

#wrapper {

padding: 0px;
text-align: center;
margin:auto; 
width: 800px;
height: 600px;
}

/* --------- HOME ----------*/

#top_home{


/*background-color: #000000;*/
background-image:url(images/home_01.jpg);
background-repeat: no-repeat;
background-position: center;
width: 800px;
height: 170px;
position: relative;
margin:auto; 
padding: 0px;
top: 0px;
left: 0px;
}

#banner_home{
/*background-color: #000000;*/
background-image:url(images/home_02.jpg);
background-repeat: no-repeat;
width: 800px;
height: 111px;
position: relative;
padding: 0px;
top: 0px;
left: 0px;
margin:auto; 
}

#bottom_home{
/*background-color: #000000;*/
background-image:url(images/home_03.jpg);
background-repeat: no-repeat;
background-position: center;
width: 800px;
height: 319px;
position: relative;
padding: 0px;
top: 0px;
left: 0px;
margin:auto; 
}

#msg {
top: 221px;
left: 255px;
font: 12px Trebuchet, Arial, Helvetica, sans-serif;
color: #cccccc;
letter-spacing: 3px;
position: absolute;
border: none;
width: 300px;
margin:auto; 
}



/* --------- SUBPAGE ----------*/

#top_subpage{
/*background-color: #000000;*/
background-image:url(images/subpages_01.jpg);
background-repeat: no-repeat;
width: 800px;
height: 170px;
position: relative;
padding: 0px;
top: 0px;
left: 0px;
margin: auto;
}

#banner_subpage{
/*background-color: #000000;*/
/*background-image:url(images/subpages_02.jpg);*/
background-repeat: no-repeat;
width: 800px;
height: 111px;
position: relative;
padding: 0px;
top: 0px;
left: 0px;
margin: auto;
}

#bottom_subpage{
/*background-color: #000000;*/
background-image:url(images/subpages_03.jpg);
background-repeat: no-repeat;
width: 800px;
height: 319px;
position: relative;
padding: 0px;
left: 0px;
top: 0px !important;
top: -5px; 
margin: auto;
}


/*---------------------NAVIGATION------------------*/

#nav_top {
top: 145px;
left: 275px;
font: 10px Trebuchet, Arial, Helvetica, sans-serif;
color: #cccccc;
letter-spacing: 3px;
position: absolute;
border: none;
}

#nav_bottom {
top: -15px; 
left: 375px;
font: 10px Trebuchet, Arial, Helvetica, sans-serif;
color: #cccccc;
letter-spacing: 3px;
position: absolute;
border: none;
width: 415px;
}

#nav_home {
top:155px;
left: 375px;
font: 10px Trebuchet, Arial, Helvetica, sans-serif;
color: #cccccc;
letter-spacing: 3px;
position: absolute;
border: none;
width: 415px;
}

a:link {
color:#B6A47E;
padding: 0px;
text-decoration: none;
font: 12px Trebuchet, Arial, Helvetica, sans-serif;
/*line-height: 12px;*/
}

a:visited {
color: #fffee0;
padding-right: 0px;
padding-left: 0px;
text-decoration: none;
font: 12px Trebuchet, Arial, Helvetica, sans-serif;
/*line-height: 12px;
font-weight: 200;*/
}

a:hover {
text-decoration: none;
/*text-transform: uppercase;*/
color: #cccccc;
padding-right: 0px;
padding-left: 0px;
font: 12px Trebuchet, Arial, Helvetica, sans-serif;
/*font-weight: bolder;
line-height: 14px;
letter-spacing: 1px;
font-weight: 200;*/
}



#title{
top: 15px;
left: 280px;
font: 20px Trebuchet, Arial, Helvetica, sans-serif;
font-weight: 100px;
color: #cccccc;
letter-spacing: 3px;
position: absolute;
}

p{
font-family: "11px Trebuchet", Arial, Helvetica, sans-serif;
color:#CCCCCC;
}


/*----------------- ABOUT US ---------------------*/

#aboutus{
top: 60px;
left: 280px;
position: absolute;
color: #cccccc;
text-align: justify; /*left;*/
width: 492px;
height: 150px;
/*letter-spacing: 1px;*/
font: 11px Trebuchet, Arial, Helvetica, sans-serif;
}

#subnav{
/*top: 200px; 
left: 325px;
color: #cccccc;
letter-spacing: 2.75px;
position: absolute;
border: none;
width: 400px;
text-align: center;*/
position: absolute;
font-size: 10px;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
/*letter-spacing: 3px;
top: 340px;
left: 294px;*/
color: #cccccc;
top: 222px; 
left: 280px;
width: auto;
height: auto;
}

#subnavc{
/*top: 230px; 
left: 325px;
color: #cccccc;
letter-spacing: 2.75px;
position: absolute;
border: none;
width: 400px;
text-align: center;*/
position: absolute;
font-size: 10px;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
/*letter-spacing: 3px;
top: 340px;
left: 294px;*/
color: #cccccc;
top: 222px; 
left: 280px;
width: auto;
height: auto;
}

table{
padding: 0px;
margin: 0px;
overflow: hidden;
}

td{
width: 220px;
}
/*---------------- BIO ---------------------------*/

#photo{
top: 62px;
left: 280px;
position: absolute;
width: 160px;
height: 152px;
}

#bio{
top: 62px;
left: 469px;
position: absolute;
color: #cccccc;
text-align: justify; /*left;*/
width: 303px;
height: 87px;
/*letter-spacing: 1px;*/
font: 11px Trebuchet, Arial, Helvetica, sans-serif;
}

#cert{
/*top: 230px;
left: 280px;*/
top: 167px;
left: 469px;
position: absolute;
width: 230px;
height: 50px;
color: #cccccc;
text-align: left;
/*letter-spacing: 1px;*/
font: 11px Trebuchet, Arial, Helvetica, sans-serif;
}

/*---------------- LOCATION ---------------------------*/

#locate{
top: 60px;
left: 280px;
position: absolute;
color: #cccccc;
width: 180px;
height: 275px;
/*letter-spacing: 1px;*/
font: 11px Trebuchet, Arial, Helvetica, sans-serif;
text-align: justify;
}

#map{
top: 60px;
left: 487px;
position: absolute;
width: 160px;
height: 152px;
}

/*---------------- CONTACT US --------------*/

#form{
top: 55px;
left: 280px;
position: absolute;
color: #cccccc;
text-align: justify; /*left;*/
width: 492px;
height: 150px;
/*letter-spacing: 1px;*/
font: 11px Trebuchet, Arial, Helvetica, sans-serif;
overflow: hidden;
}

#contact{
top: 55px;
left: 280px;
position: absolute;
color: #cccccc;
text-align: justify; /*left;*/
width: 492px;
height: 150px;
/*letter-spacing: 1px;*/
font: 11px Trebuchet, Arial, Helvetica, sans-serif;
}

.button{
top: 100px;
position: relative;
}

/*----------------- SUCCESS STORIES ---------------------*/

#stories{
top: 60px;
left: 280px;
position: absolute;
color: #cccccc;
text-align: justify; /*left;*/
width: 482px;
height: 175px;
/*letter-spacing: 1px;*/
font: 11px Trebuchet, Arial, Helvetica, sans-serif;
overflow-y: scroll;
/*scollbar skin
scrollbar-face-color: ffffff;
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: cccccc;
scrollbar-shadow-color: 666666;
scrollbar-arrow-color: 006699;
scrollbar-track-color: ffffff;*/
padding-right: 10px;
}

#subnavs{
/*top: 250px; 
left: 325px;
color: #cccccc;
letter-spacing: 2.75px;
position: absolute;
border: none;
width: 400px;
text-align: center;*/
position: absolute;
font-size: 10px;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
/*letter-spacing: 3px;
top: 340px;
left: 294px;*/
color: #cccccc;
top: 222px; 
left: 280px;
width: auto;
height: auto;
}

/*------------------- SERVICES -----------------*/

#subnav3{
/*top: 150px; 
left: 10px;
color: #cccccc;
letter-spacing: 2.75px;
position: absolute;
border: none;
width: 500px;
text-align: left;*/
position: absolute;
font-size: 10px;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
/*letter-spacing: 3px;
top: 340px;
left: 294px;*/
color: #cccccc;
top: 222px; 
left: 280px;
width: auto;
height: auto;
}

/*----------------------------------------*/

#base{
width: 800px;
height: auto;
background: #000000;
color: #cccccc;
position: absolute;
/*border: 1px solid #FFFFFF;*/
}

#base2{
width: 800px;
height: auto;
background: #000000;
color: #cccccc;
position: absolute;
/*border: 1px solid #FFFFFF;*/
}

#con_one{
width: 800px;
height: auto;
background: #000000;
/*border: 1px solid #FFFFFF;*/
}

#con_onea{
width: auto;
height: auto;
position: absolute;
font: 10px Trebuchet, Arial, Helvetica, sans-serif;
letter-spacing: 3px;
top: 152px;
left: 375px;
/*border: 1px solid #FFFFFF;*/
}

#con_oneb{
width: auto;
height: auto;
position: absolute;
font: 10px Trebuchet, Arial, Helvetica, sans-serif;
letter-spacing: 3px;
top: 150px;
left: 310px;
/*border: 1px solid #FFFFFF;*/
}

#con_two{
width: 800px;
height: auto;
background: #000000;
/*border: 1px solid #FFFFFF;*/
}

#con_twoa{
position: absolute;
font: 10px Trebuchet, Arial, Helvetica, sans-serif;
letter-spacing: 3px;
top: 450px;
left: 530px;
width: auto;
height: auto;
/*border: 1px solid #FFFFFF;*/
}

#con_twob{
position: absolute;
font: 10px Trebuchet, Arial, Helvetica, sans-serif;
letter-spacing: 3px;
top: 270px;
left: 525px;
width: auto;
height: auto;
/*border: 1px solid #FFFFFF;*/
}

#con_three{
width: 800px;
height: auto;
background: #000000;
/*border: 1px solid #FFFFFF;*/
}

#con_threea{
position: absolute;
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
top: 295px;
left: 294px;
width: auto;
height: auto;
/*border: 1px solid #FFFFFF;*/
}

#con_threeb{
position: absolute;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
top: 350px;
left: 294px;
width: auto;
height: auto;
/*border: 1px solid #FFFFFF;*/
}

#con_threec{
position: absolute;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
top: 348px;
left: 485px;
width: 321px;
height: auto;
/*border: 1px solid #FFFFFF;*/
}

#con_threed{
position: absolute;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
top: 600px;
left: 264px;
width: auto;
height: auto;
/*border: 1px solid #FFFFFF;*/
}

#con_threee{
	position: absolute;
	font-size: 10px;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	/*letter-spacing: 3px;
top: 340px;
left: 294px;*/
color: #cccccc;
	top: 256px;
	left: 280px;
	width: auto;
	height: auto;
/*border: 1px solid #FFFFFF;*/
}

#con_threef{
width: auto;
height: auto;
position: absolute;
/*font: 10px Trebuchet, Arial, Helvetica, sans-serif;
letter-spacing: 3px;*/
top: 330px;
left: 375px;
/*border: 1px solid #FFFFFF;*/
}

#con_threeg{
position: absolute;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
top: 340px;
left: 294px;
width: 190px;
height: auto;
/*border: 1px solid #FFFFFF;*/
}

#con_threeh{
position: absolute;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
top: 348px;
left: 530px;
width: 321px;
height: auto;
/*border: 1px solid #FFFFFF;*/
}

#con_threei{
position: absolute;
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
top: 645px;
left: 294px;
width: auto;
height: auto;
/*border: 1px solid #FFFFFF;*/
}

#con_threej{
position: absolute;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
top: 700px;
left: 294px;
width: auto;
height: auto;
/*border: 1px solid #FFFFFF;*/
}

#con_threek{
position: absolute;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
top: 698px;
left: 485px;
width: 321px;
height: auto;
/*border: 1px solid #FFFFFF;*/
}

#con_threel{
position: absolute;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
top: 350px;
left: 294px;
width: 500px;
height: auto;
/*border: 1px solid #FFFFFF;*/
}

#con_threem{
position: absolute;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
top: 918px;
left: 294px;
width: 321px;
height: auto;
/*border: 1px solid #FFFFFF;*/
}

#test{
position: absolute;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
top: 918px;
left: 300px;
width: 300px;
height: auto;
/*border: 1px solid #FFFFFF;*/
}