@import url("reset.css");


/*---------------------------
main styles
---------------------------*/

body {font-size: 62.5%;line-height:1.3;font-family: Arial, Helvetica, sans-serif;background:#F00 url(../images/red-blend.png) repeat;margin:25px 0 0 0;}
body#gorgeous {background:#609 url(../images/blue-blend.png) repeat;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:9px 0 9px 0;}
.imgfloatleft {float:left;margin:0 15px 15px 0;}
.imgfloatright {float:right;margin:0 0 15px 15px;}

#wrapper {font-size:1.3em;line-height:1.4;width:920px;height:auto;position:relative;clear:both;margin:0 auto 10px auto;padding:0 10px 0 10px;background:url(../images/shadows.png) top center no-repeat;}
#gorgeous #wrapper {background:url(../images/shadows-blue.png) top center no-repeat;}
#header {clear:both;width:870px;height:124px;background:url(../images/msw-logo.png) no-repeat;padding:0 25px 0 25px;}
#main {width:870px;padding:25px;color:#FFF;background:url(../images/bg-logo.gif) right bottom no-repeat;}
#main a {color:#FFF;}
#main a:hover {text-decoration:underline;}
#gorgeous #main {background:url(../images/gorgeous-bg.gif) right bottom no-repeat;}
#main p.pdf a {color:#FFF;padding-left:24px;background:url(../images/pdf-file.png) left top no-repeat;display:block;}

#imagesFade {list-style-type:none;margin:0 0 0 25px;padding:0;width:920px;height:260px;position:relative;overflow:hidden;}
#imagesFade li {list-style-type:none;margin:0;padding:0;width:920px;height:260px;}
.mainimages {margin:0 0 0 25px;}

.col1, .col2, .col3, .col4, .col5 {float:left;}
.col1 {width:250px;}
.col2 {width:150px;}
.col3 {width:150px;}
.col4 {width:100px;}
.col5 {width:150px;}

.leftcol {width:420px;float:left;padding-bottom:25px;}
.rightcol {width:420px;float:right;padding-bottom:25px;}

.people {width:380px;float:left;padding:20px;border:#F96 solid 1px;display:block;margin-bottom:20px;}

p.btn {margin:0;padding:0;}
p.btn a {float:right;clear:both;display:block;width:241px;height:34px;background:url(../images/btn-backg.png) no-repeat;color:#FFF;text-align:center;cursor:pointer;}
p.btn a:hover {background:url(../images/btn-backg-ov.png) no-repeat;text-decoration:none;}
p.btn a span {padding:8px 28px 0 28px;display:block;height:26px;}
p.btn a.fleft {float:left;}

p.btn1 {margin:0;padding:0;float:left;}
p.btn1 a {display:block;height:34px;background:#666 url(../images/btn1_left.png) left top no-repeat;color:#FFF;text-align:center;cursor:pointer;padding-left:28px;}
p.btn1 a:hover {background:#333 url(../images/btn1_left_ov.png) no-repeat;text-decoration:none;}
p.btn1 a span {padding:8px 28px 0 0;display:block;height:26px;background:#666 url(../images/btn1_back.png) top right repeat-x;}
p.btn1 a:hover span {background:#333 url(../images/btn1_back_ov.png) top right repeat-x;}
p.btn1 a.fleft {float:left;}

#logo {width:282px;height:99px;float:left;background:url(../images/kents-logo.png) no-repeat;}
#gorgeous #logo {width:284px;height:100px;float:left;background:url(../images/gorgeous-logo.png) no-repeat;}
#logo span, .fitness span, .telno span, .friendly span {display:none;}
.rightfloat {float:right;}
.fitness {margin-top:11px;width:275px;height:23px;background:url(../images/fitness-professionals.png) no-repeat;float:right;clear:right;}
.telno {width:275px;height:75px;background:url(../images/telephone.png) no-repeat;float:right;clear:right;}
#gorgeous .fitness {background:url(../images/gorgeous-beautyrooms.png) no-repeat;float:right;clear:right;}
#gorgeous .telno {background:url(../images/telephone-blue.png) no-repeat;float:right;clear:right;}
.divider {width:870px;height:2px;background:url(../images/blend-rule.png) right no-repeat;clear:both;margin:0 25px 0 25px;}
#gorgeous .divider {width:870px;height:2px;background:url(../images/blend-rule-blue.png) right no-repeat;clear:both;margin:0 25px 0 25px;}
#main .divider, .homebanners .divider {padding:0;margin:0;}
.friendly {width:241px;height:60px;float:right;margin-top:25px;background:url(../images/friendly-fitness.gif) no-repeat;clear:both;position:relative;}
#gorgeous .friendly {width:241px;height:60px;float:right;margin-top:25px;background:url(../images/friendly-fitness-blue.gif) no-repeat;clear:both;position:relative;}
h1 {font-size:200%;line-height:130%;margin:0 0 10px 0;}
h2  {font-size:140%;margin:0 0 10px 0;}
h3  {font-size:120%;margin:0 0 10px 0;}
h2.days {padding:4px;border:#FFF solid 1px;clear:both;margin:12px 0 4px 0;background:#333;}
.timetable p {position:relative;margin:6px 0 4px 0;padding-bottom:2px;clear:both;border-bottom:#FFF dotted 1px;}
.timetable p strong {font-size:115%;}
.timetable span.newflash {position:absolute;left:-19px;top:-3px;width:300px;height:26px;background: url(../images/new-flash.gif) left center no-repeat;}
.timetable span.watch {position:absolute;left:120px;top:-35px;width:100px;height:70px;background:url(../images/watch-for-changes.gif) center no-repeat;}
.timetable .newflash span, .timetable .watch span {position:absolute;left:-4000px;}
p.tryaclass {font-size:130%;padding:15px 0 15px 0;border-bottom:#FFF solid 1px;}
.clear {clear:both;height:0;display:block;width:100%;}
.homebanners {clear:both;padding-top:25px;}
.homebanners a {width:290px;height:180px;float:left;}
#map {height:380px;}
form {background:#F0F0F0 url(../images/form-bg.jpg) right repeat-y;padding:25px;color:#333;overflow:auto;}
form h2 {font-size:160%;}
form.team .leftcol {width:340px;}
form.team .rightcol {width:390px;}
form.team label {width:110px;display:block;float:left;}
form.team input, form.team textarea {width:190px;margin-left:5px;font-family:Arial, Helvetica, sans-serif;background:#FFF;!important}
form.team .send {font-size:120%;background:#333 url(../images/submit_btn.png) top right no-repeat;color:#FFF;padding:8px 6px;cursor:pointer;width:190px;border:#666 solid 1px;;text-align:left;!important}

.footer {list-style-type:none;clear:both;margin:0;padding:20px 0 250px 0;width:870px;}
.footer a {color:#FFF;}
.footer ul {list-style-type:none;padding:0;}
.footer ul.left1 {float:left;width:258px;margin-right:6px;}
.footer ul.left2 {float:left;width:242px;margin-right:6px;}
.footer ul.left3 {float:left;width:142px;}
.footer ul.right {float:right;}
.footer ul li {list-style-type:none;padding:0;margin:6px 0 4px 0;}
.footer strong {font-size:135%;display:block;padding-bottom:12px;}


/*---------------------------
features
---------------------------*/

.feature, #map {width:834px;border:#F00 solid 17px;clear:both;background:#717171;clear:both;font-size:100%;line-height:1.2;}
.feature ul {width:832px;height:auto;position:relative;list-style-type:none;display:block;clear:both;border:#717171 solid 1px;}
.feature ul li {width:207px;height:80px;float:left;display:block;background:#757575 url(../images/feature_back.png) repeat-x;border-right:#717171 solid 1px;}
.feature ul li a {display:block;padding:10px;height:64px;color:#FFF;font-size:150%;cursor:pointer;}
#gorgeous .feature ul li a {font-size:130%;}
#gorgeous .feature {width:834px;border:#609 solid 17px;clear:both;background:#717171;clear:both;font-size:100%;line-height:1.2;}

.feature ul li a:hover {text-decoration:none;}
.feature ul li.nobord {width:209px;border-right:none;}
.feature ul li a span {height:70px;display:block;background:url(../images/right_white_arr.gif) 180px 5px no-repeat;}
#main .feature ul li.active a {height:68px;padding:6px;margin:4px 4px 0 4px;background:#F0F0F0 url(../images/active_panel.png) repeat-x;color:#F00000;}
.feature ul li.active a span {background:url(../images/down_grey_arr.gif) right 60px no-repeat;}

#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8 {width:798px;height:auto;padding:12px 18px 12px 18px;clear:both;background:#D6D6D6 url(../images/panel_back.png) top repeat-x;color:#666;overflow:auto;}

#panel1 a, #panel2 a, #panel3 a, #panel4 a, #panel5 a, #panel6 a, #panel7 a, #panel8 a {color:#F00000;}
#panel1 a:hover, #panel2 a:hover, #panel3 a:hover, #panel4 a:hover, #panel5 a:hover, #panel6 a:hover, #panel7 a:hover, #panel8 a:hover {color:#000;}

#panel1 p.pdf a, #panel2 p.pdf a, #panel3 p.pdf a, #panel4 p.pdf a, #panel5 p.pdf a, #panel6 p.pdf a, #panel7 p.pdf a, #panel8 p.pdf a {color:#F00000;padding-left:24px;background:url(../images/pdf-file.png) left top no-repeat;display:block;}

#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8 {display:none;}

/*---------------------------
countdown styles
---------------------------*/

#cd {
width: 430px; height: 50px;background:url(../images/back.png) no-repeat;text-align:center;
margin: 0; padding: 5px 10px 5px 10px;float:right;
font-family: Georgia; font-size: 18pt;
}

/*---------------------------
navigation styles
---------------------------*/

#navbar {width:870px;height:40px;margin:0 25px 0 25px;background:#717171 url(../images/navbar/nav_mid.png) repeat-x;clear:both;}
#gorgeous #navbar {background:#221C94 url(../images/navbar/nav_mid.png) repeat-x;}
#navbar ul {width:863px;list-style-type:none;margin:0;padding:0 7px 0 0;background:url(../images/navbar/nav_right.png) top right no-repeat;clear:both;display:block;height:40px;}
#gorgeous #navbar ul {background:url(../images/navbar/nav_right_blue.png) top right no-repeat;}
#navbar ul li {list-style-type:none;float:left;display:block;background:url(../images/navbar/nav_divider.png) top left no-repeat;padding:0 0 0 2px;}
#navbar ul li a {cursor:pointer;display:block;color:#FFF;}
#navbar ul li a span {padding:10px 16px 8px 16px;display:block;}
#navbar ul li a span span {padding:0;margin:0;background:none;}
#navbar ul li a:hover span {background:url(../images/navbar/nav_pointer.gif) center bottom no-repeat;display:block;}
#navbar ul li.gorgeous a:hover span {background:url(../images/navbar/nav_pointer.gif) 60px 29px no-repeat;display:block;width:126px;height:35px;}
#navbar ul li.gorgeous a:hover span span {display:none;}
#navbar a:hover {text-decoration:none;}

#navbar ul li.home {padding-left:7px;background:url(../images/navbar/nav_left.png) top left no-repeat;}
#gorgeous #navbar ul li.home {padding-left:7px;background:url(../images/navbar/nav_left_blue.png) top left no-repeat;}
#navbar ul li.sel.gorgeous {background:url(../images/navbar/nav_sel_gorgeous.png) top left no-repeat;}
#navbar ul li.gorgeous {background:url(../images/navbar/nav_gorgeous.png) top left no-repeat;}
#navbar ul li.gorgeous a, #navbar ul li.gorgeous_sel a {width:126px;height:35px;display:block;}
#navbar ul li.gorgeous a span span, #navbar ul li.gorgeous_sel a span span {display:none;}

#navbar ul li.home.sel {padding-left:7px;background:url(../images/navbar/nav_sel_left.png) top left no-repeat;}
#navbar ul li a.sel {background:url(../images/navbar/nav_sel_mid.png) repeat-x;display:block;}
#navbar ul li a.sel span {background:url(../images/navbar/nav_pointer.gif) center bottom no-repeat;display:block;}
#navbar ul li.gorgeous_sel {background:url(../images/navbar/nav_sel_gorgeous.png) top left no-repeat;}
.hide {display:none;}