@charset "utf-8";
body{
margin:0px;
padding:0px;
background-color:#89301d;
}
div#page{
margin:0px auto;
width:874px;
}
ul#subMenu{
margin:0px;
padding:0px;
height:50px;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
}
ul#subMenu li, ul#subMenu li a{
float:right;
}
ul#subMenu li a{
padding-left:10px;
padding-right:10px;
line-height:50px;
color:#4b1b10;
text-decoration:none;
}
ul#subMenu li a:hover{
color:#cd9a66;
}
div#header{
width:874px;
height:117px;
background-image:url("../imgs/bgHeaderFooter.png");
position:relative;
}
a#logo{
width:405px;
height:93px;
display:block;
background-image:url("../imgs/logo.png");
position:relative;
top:10px;
left:20px;
}
div#slogan{
width:358px;
height:17px;
background-image:url("../imgs/slogan.png");
position:absolute;
top:48px;
right:20px;
}
ul#nav{
margin:0px;
padding:0px;
list-style:none;
height:78px;
position:relative;
left:20px;
}
ul#nav li{
position:relative;
top:25px;
}
ul#nav li, ul#nav li a{
height:19px;
float:left;
}
ul#nav li.bullet{
width:30px;
height:19px;
background-repeat:no-repeat;
background-position:center center;
background-image:url("../imgs/bullet.png");
}
ul#nav li a{
display:block;
outline:none;
}
ul#nav li#nav1 a:hover, ul#nav li#nav2 a:hover, ul#nav li#nav3 a:hover, ul#nav li#nav4 a:hover, ul#nav li#nav5 a:hover, ul#nav li#nav6 a:hover, ul#nav li#nav7 a:hover{
background:none;
}
ul#nav li#nav1{
width:90px;
background-image:url("../imgs/nav1on.png");
}
ul#nav li#nav1 a{
width:90px;
background-image:url("../imgs/nav1off.png");
}
ul#nav li#nav2{
width:71px;
background-image:url("../imgs/nav2on.png");
}
ul#nav li#nav2 a{
width:71px;
background-image:url("../imgs/nav2off.png");
}
ul#nav li#nav3{
width:64px;
background-image:url("../imgs/nav3on.png");
}
ul#nav li#nav3 a{
width:64px;
background-image:url("../imgs/nav3off.png");
}
ul#nav li#nav4{
width:171px;
background-image:url("../imgs/nav4on.png");
}
ul#nav li#nav4 a{
width:171px;
background-image:url("../imgs/nav4off.png");
}
ul#nav li#nav5{
width:91px;
background-image:url("../imgs/nav5on.png");
}
ul#nav li#nav5 a{
width:91px;
background-image:url("../imgs/nav5off.png");
}
ul#nav li#nav6{
width:36px;
background-image:url("../imgs/nav6on.png");
}
ul#nav li#nav6 a{
width:36px;
background-image:url("../imgs/nav6off.png");
}
ul#nav li#nav7{
width:120px;
background-image:url("../imgs/nav7on.png");
}
ul#nav li#nav7 a{
width:120px;
background-image:url("../imgs/nav7off.png");
}
ul#training{
left:16px;
}
ul#pilates{
left:140px;
}
ul#group{
left:345px;
}
div#dropDowns{
position:relative;
clear:both;
z-index:3;
}
ul.dropDown{
margin:0px;
padding:0px;
font-size:14px;
font-weight:bold;
list-style-type:none;
display:none;
font-family:Arial, Helvetica, sans-serif;
background-color:#eae4bc;
border:1px solid #815a33;
position:absolute;
top:-35px;
}
ul.dropDown li a{
padding:10px;
color:#752a19;
display:block;
text-decoration:none;
}
ul.dropDown li a:hover{
background-color:#FFF;
}
div#section{
margin-bottom:20px;
width:590px;
background-color:#EEEACC;
background-image:url("../imgs/bgContent.png");
float:left;
position:relative;
left:40px;
}
div#section hr{
margin:20px;
padding:0px;
}
div#section div#content hr{
margin:0px;
margin-top:10px;
}
div#banner{
width:600px;
height:230px;
background-color:#FFF;
position:relative;
left:-40px;
}
div#bannerImg{
margin:0px auto;
width:580px;
height:210px;
background-color:#000;
position:relative;
top:10px;
}
div#content{
color:#4d4e36;
}
div#content a{
color:#6f2717;
}
div#content div#margin{
padding:20px;
padding-top:10px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
div#content div#margin h2{
color:#757656;
font-size:24px;
}
ul#aside{
margin:0px;
padding:0px;
width:243px;
list-style-type:none;
float:right;
}
ul#aside li{
background-repeat:no-repeat;
}
ul#aside li ul{
margin:0px;
padding:0px;
height:50px;
clear:both;
list-style-type:none;
}
ul#aside li ul li, ul#aside li ul li a{
float:left;
}
ul#aside li ul li a{
margin-left:20px;
}
ul#aside li ul li a#twitter{
width:27px;
height:35px;
display:block;
background-image:url("../imgs/bgTwitter.png");
}
ul#aside li ul li a#facebook{
width:21px;
height:38px;
display:block;
background-image:url("../imgs/bgFB.png");
}
ul#aside li ul li a#youtube{
width:86px;
height:37px;
display:block;
background-image:url("../imgs/bgYoutube.png");
}
ul#aside li#promos{
height:143px;
background-image:url("../imgs/bgPromos.png");
}
ul#aside li#promos{
color:#46190f;
}
ul#aside li#scheduler{
height:203px;
background-image:url("../imgs/bgScheduler.png");
}
ul#aside li#news{
height:203px;
background-image:url("../imgs/bgNews.png");
}
ul#aside li#blog{
height:143px;
background-image:url("../imgs/bgBlog.png");
}
ul#aside li p{
margin:0px;
padding:20px;
padding-right:10px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
position:relative;
top:40px;
}
ul#aside li#scheduler p{
padding-right:40px;
color:#FFF;
}
ul#aside li#news p{
color:#FFF;
position:relative;
top:50px;
}
ul#aside li p a.more{
margin-top:10px;;
display:block;
color:#FFF;
}
div#footer{
width:874px;
height:72px;
background-image:url("../imgs/bgHeaderFooter.png");
clear:both;
}
div#footer ul{
margin:0px;
padding:0px;
list-style-type:none;
}
div#footer ul li.info{
width:170px;
color:#666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
float:left;
position:relative;
left:17px;
top:13px;
}
div#footer ul li#hours{
position:relative;
left:-40px;
}
div#footer ul li#copy{
width:300px;
color:#666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
float:right;
text-align:right;
position:relative;
right:17px;
top:23px;
}
img.photo{
margin-left:20px;
margin-top:10px;
margin-bottom:20px;
float:right;
}
div.box{
margin-left:20px;
margin-bottom:10px;
padding:20px;
background-color:#FFF;
border:1px solid #666;
float:right;
}
div.box h4{
margin:0px;
margin-bottom:10px;
padding:0px;
}
div.box ul{
margin:0px;
margin-left:15px;
padding:0px;
}