/*-----style reset-----*/
html, body, div, span, h1, h2, h3, p, em, font, img, ol, ul, li, form, label, img{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
:focus {outline: 0;}
ol, ul {list-style: none;}

body {font: 62.5% arial, helvetica, verdana, sans-serif; text-align: center; margin: 0 auto; background-color: #000;}
#grey {background: #2c2c2c url(images/bkgdTile.gif) repeat-x top left;}
#container {margin: 0 auto; background: url(images/bkgd_home.jpg) no-repeat top center;}
#container2 {margin: 0 auto; background: url(images/bkgd_about.jpg) no-repeat top center;}
#container3 {margin: 0 auto; background: url(images/bkgd_contact.jpg) no-repeat top center;}
#content {position: relative; width: 862px; padding-top: 166px; text-align: left; margin: 0 auto;}

p {color: #ccc; font-size: 1.2em;}
a {color: #EF60BF; font-weight: bold;}
a:hover {color: #fff;}
span {display:none;}

#logo {position: absolute; top: 0; right: 20px;}
object {position: absolute; top: 135px; left: -50px;}

/*---------main navigation---------*/
#Nav {position: absolute; top: 0; left: 4px;}
#Nav li {float: left; border-left: 1px solid #E2C0E2; height: 40px; overflow: hidden;}
#Nav li a {display: block; padding: 40px 0 0 0; height: 38px;}
#Nav li.home {width: 63px; background: url(images/nav_home.gif) no-repeat top center;}
#Nav li.home a:hover {background: url(images/nav_home.gif) no-repeat 0 -40px;}
#Nav li.about {width: 143px; background: url(images/nav_about.gif) no-repeat top center;}
#Nav li.about a:hover {background: url(images/nav_about.gif) no-repeat 0 -40px;}
#Nav li.classes {width: 73px; background: url(images/nav_classes.gif) no-repeat top center;}
#Nav li.classes a:hover {background: url(images/nav_classes.gif) no-repeat 0 -40px;}
#Nav li.contact {width: 104px; border-right: 1px solid #E2C0E2; background: url(images/nav_contact.gif) no-repeat top center;}
#Nav li.contact a:hover {background: url(images/nav_contact.gif) no-repeat 0 -40px;}

/*---------home page---------*/
.home h1 {height: 80px; width: 510px; margin-bottom: 20px; background: url(images/home_h1.gif) no-repeat top left;}
.home h2.attention {height: 29px; width: 276px; margin-top: 16px; background: url(images/home_attention.gif) no-repeat top left;}
.home p {padding: 0 450px 15px 0;}
.home p.small {padding: 10px 470px 25px 180px;}
.home img {float: left;}

.home .fit {position: absolute; top: 647px; left: 263px; width: 292px; height: 213px; background: url(images/home_bkgdFit.gif) no-repeat top center;}
.home .fit p {padding: 10px 10px 8px 18px;}
.home .fit p.bold {font-size: 1.4em; font-weight: bold; color: #fff; padding: 39px 0 0 18px;}
.home .fit li {font-size: 1.2em; color: #ccc; padding: 1px 20px 2px 9px; margin-left: 18px; background: url(images/bullet_pink.gif) no-repeat 0 7px;}
.home .fit p.button {padding: 0; margin: 10px 0 0 18px;}
.home .fit p.button a {color: #fff; width: 96px; height: 18px; padding: 4px 0 0 20px; text-decoration: none; background: url(images/bkgd_btnTile.gif) repeat-x top left; display: block;}
.home .fit p.button a:hover {background: url(images/bkgd_btnTile.gif) repeat-x bottom left;}

.home .featured {width: 226px; height: 176px; margin: 75px 0 10px 0; background: url(images/home_bkgdKickboxing.gif) no-repeat top center;}
.home .featured p {padding: 62px 10px 15px 18px;}
.home .featured img {padding-left: 63px;}


.home .columnRight {position: absolute; top: 260px; right: 30px; width: 240px;}
.home .columnRight h2.pizzazz {height: 30px; width: 222px; background: url(images/home_pizzazz.gif) no-repeat top left;}
.home .columnRight p {color: #fff; padding: 0 0 15px 2px; }
.home .columnRight a {color: #F061C0;}
.home .columnRight .italic {font-size: 1.4em; font-style: italic; font-weight: bold; padding-right: 50px;}
.home .columnRight .listBold {padding: 12px 0 0 2px; font-size: 1.4em; font-weight: bold;}
.home .columnRight ul li {font-size: 1.2em; color: #ccc; padding: 0 0 0 8px; margin-left: 5px; background: url(images/bullet_pink.gif) no-repeat 0 5px;}

/*---------about page---------*/
.about h1 {height: 81px; width: 355px; margin-bottom: 20px; background: url(images/about_h1.gif) no-repeat top left;}
.about p {padding: 0 520px 15px 0;}
.about .equipment {width: 267px; height: 141px; margin: 25px 0 80px 0; padding-top: 43px; background: url(images/about_bkgdEquipment.gif) no-repeat top center;}
.about .equipment li {font-size: 1.2em; color: #ccc; padding: 1px 20px 2px 9px; margin-left: 18px; background: url(images/bullet_pink.gif) no-repeat 0 7px;}
.about .spotlight {position: absolute; top: 530px; left: 300px; width: 249px; height: 192px; padding-top: 39px; background: url(images/about_bkgdSpotlight.gif) no-repeat top center;}
.about .spotlight li {font-size: 1.2em; line-height: 1.2em; color: #ccc; padding: 1px 15px 2px 9px; margin-left: 15px; background: url(images/bullet_pink.gif) no-repeat 0 7px;}
.about .parties {position: absolute; top: 390px; right: 55px; width: 205px; height: 100px;}
.about .parties p {color: #fff; padding: 5px 0 5px 0;}
.about .parties h2 {text-align: center; height: 63px; width: 172px; margin-left: 16px; background: url(images/about_parties.gif) no-repeat top left;}
.about .special {position: absolute; top: 622px; right: 55px; text-align: center; width: 205px; height: 100px;}
.about .special p {color: #fff; padding: 0;}
.about .special h2 {height: 30px; width: 172px; margin-left: 16px; background: url(images/about_special.gif) no-repeat top left;}


/*---------contact page---------*/
.contact h1 {height: 44px; width: 269px; margin-bottom: 20px; background: url(images/contact_h1.gif) no-repeat top left;}
.contact h2.location {height: 27px; width: 78px; margin: 10px 0 10px 0; background: url(images/contact_location.gif) no-repeat top left;}
.contact h2.hours {height: 27px; width: 78px; margin: 0 0 10px 0; background: url(images/contact_hours.gif) no-repeat top left;}
.contact p {padding: 0 330px 15px 0;}
.contact p.address {font-size: 1.4em; color: #fff; padding: 0;}
.contact p.send {position: absolute; top: 600px; left: 310px; font-size: 1.4em; font-style: italic; font-weight: bold; color: #fff; width: 240px;}
.contact p.meet {position: absolute; top: 395px; right: -290px; line-height: 1em; font-size: 1.7em; text-align: center; font-weight: bold; color: #fff; width: 240px;}
.contact p.directions {padding: 0; margin: 8px 0 45px 0;}
.contact p.directions a {color: #fff; width: 124px; height: 18px; padding: 4px 0 0 0; text-align: center; text-decoration: none; background: url(images/bkgd_btnTile.gif) repeat-x top left; display: block;}
.contact p.directions a:hover {background: url(images/bkgd_btnTile.gif) repeat-x bottom left;}
.contact .signup {width: 249px; height: 95px; margin: 25px 0 15px 0; padding: 55px 0 0 18px;background: url(images/contact_bkgdSignup.gif) no-repeat top center;}
.contact .signup p {color: #fff; padding: 0;}
.contact .signup p.button {padding: 0; margin: 13px 0 0 0;}
.contact .signup p.button a {color: #fff; width: 108px; height: 18px; padding: 4px 0 0 20px; text-decoration: none; background: url(images/bkgd_btnTile.gif) repeat-x top left; display: block;}
.contact .signup p.button a:hover {background: url(images/bkgd_btnTile.gif) repeat-x bottom left;}
.contact .open {width: 270px; position: absolute; top: 271px; left: 200px;}
.contact .open p {padding: 0 0 10px 0; color: #fff;}
.contact .open p.large {font-size: 1.4em;}
.contact .facebook {position: absolute; top: 520px; right: -230px; color: #fff; line-height: 1.4em; text-align: center;}

/*---------footer---------*/
#footer {height: 120px; background-color: #000; text-align: left;}
#footer .content {width: 862px; margin: 0 auto; padding-top: 15px;}
#footer .content p {font-size: 1.1em; padding: 0 0 5px 0;}
#footer .content a {color: #fff; text-decoration: none;}
#footer .content a:hover {color: #F061C0;}