html
{
    min-height: 100%;
    margin-bottom: 1px;
}


body
{
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: url(images/main_bg.gif) 0 0 repeat-x #fff;
    color: #9F9F9F;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span
{
    margin: 0;
    padding: 0;
}

.bold
{
    font-weight: bold;
}

ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0;
    line-height: 0;
}
.spacer
{
    clear: both;
    font-size: 0;
    line-height: 0;
}
/*-------------------main--------------------*/

/*-------------------top--------------------*/
#top
{
    width: 981px;
    margin: 0 auto;
    background: url(images/top_bg.gif) 0 0 repeat-x;
    height: 5px;
    padding: 15px 0 0 0;
}
#top a.bookmark
{
    display: block;
    background: url(images/bookmark_bg.gif) 0 0 no-repeat;
    width: 123px;
    height: 22px;
    padding: 0 0 0 24px;
    font: bold 11px/22px Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: inherit;
    text-decoration: none;
    float: left;
    margin: 0 22px 0 0;
}
#top a.bookmark:hover
{
    color: #000;
    background-color: inherit;
}

#top p.topTxt1
{
    float: left;
    font: bold 11px/22px Arial, Helvetica, sans-serif;
    color: #404040;
    background-color: inherit;
    background: url(images/bullet1.gif) 301px 6px no-repeat;
    margin: 0 127px 0 0;
    display: block;
    width: 313px;
}
#top p.topTxt1 span
{
    font: normal 11px/22px Arial, Helvetica, sans-serif;
    color: #66838F;
    background-color: inherit;
}
#top form
{
    width: 348px;
    float: left;
    padding: 3px 0 0 0;
}
#top form label
{
    display: block;
    width: 57px;
    height: 21px;
    font: bold 13px/21px Arial, Helvetica, sans-serif;
    color: #404040;
    background-color: inherit;
    float: left;
}
#top form input.txtBox
{
    width: 144px;
    height: 19px;
    border-left: #808080 solid 1px;
    border-top: #808080 solid 1px;
    border-right: #D4D0C8 solid 1px;
    border-bottom: #D4D0C8 solid 1px;
    background-color: #fff;
    color: #1D1D1D;
    padding: 0 0 0 5px;
    font: normal 10px/19px Arial, Helvetica, sans-serif;
    margin: 0 4px 0 0;
    float: left;
}
#top form input.btnGo
{
    background: url(images/btn_go.gif) 0 0 no-repeat;
    width: 31px;
    height: 21px;
    border: none;
    cursor: pointer;
    float: left;
    background-color: #EDF8FC;
    color: #fff;
    font: bold 11px/21px Arial, Helvetica, sans-serif;
}
#top form label.as
{
    display: block;
    width: 97px;
    height: 21px;
    background: url(images/advanced_serch.gif) 0 0 no-repeat;
    float: right;
    text-align: center;
}
#top form label.as a
{
    background-color: inherit;
    color: #1D1D1D;
    font: normal 10px/21px Arial, Helvetica, sans-serif;
    text-decoration: none;
}
#top form label.as a:hover
{
    background-color: inherit;
    color: #C70067;
}
/*------------top--------------------*/

/*---------------header--------------------*/
#header
{
    width: 981px;
    margin: 0 auto;
}
#header ul
{
    width: 713px;
    height: 221px;
    padding: 9px 0 10px 10px;
    background-color: #fff;
    color: #000;
    border-top: #C5D3D7 solid 1px;
    float: left;
}
#header ul li
{
    float: left;
    margin: 0 10px 0 0;
    display: block;
    font-size: 0;
    line-height: 0;
}
#header ul li a
{
    display: block;
}

#header ul li a.freeReg
{
    background: url(images/free_registration.gif) 0 0 no-repeat;
    width: 267px;
    height: 221px;
}

#header ul li a.kickboxing
{
    background: url(images/signup.gif) 0 0 no-repeat;
    width: 130px;
    margin-left: 0px !important;
    height: 221px;
}

#header ul li a.dragons
{
    background: url(images/idea.gif) 0 0 no-repeat;
    width: 130px;
    height: 221px;
}

#header ul li a.karate
{
    background: url(images/comments.gif) 0 0 no-repeat;
    width: 130px;
    height: 221px;
}

#headLeft
{
    width: 129px;
    background: url(images/logo_bg.gif) 0 0 repeat-x;
    float: left;
    height: 240px;
}

#headLeft img.slogan1
{
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 40px 0 0 18px;
    width: 92px;
    height: 101px;
}

#headRight
{
    width: 129px;
    background: url(images/logo_bg.gif) 0 0 repeat-x;
    height: 241px;
    padding: 0;
    float: right;
}
#headRight img.offer
{
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 0 0 16px 0;
    border: none;
    height: 54px;
    width: 129px;
}
#headRight img.slogan2
{
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 0 0 0 12px;
    width: 106px;
    height: 105px;
}
/*-----------header--------------------*/

/*------------------nav--------------------*/

#nav
{
    width: 853px;
    height: 24px;
    background: url(images/nav_bg.gif) 0 0 repeat-x;
    border-bottom: #3366cc solid 5px;
    margin: 0 auto;
    padding: 0 0 0 129px;
}

ul#nav
{
    border-left: #FFFFFF solid 1px;
    height: 24px;
}
ul#nav li
{
    float: left;
    border-right: #FFFFFF solid 1px;
    height: 24px;
}
ul#nav li.noBdr
{
    border: none;
}
ul#nav li a
{
    display: block;
    padding: 0 17px;
    font: bold 11px/24px Arial, Helvetica, sans-serif;
    color: #6B6D42;
    background-color: inherit;
    text-decoration: none;
}
ul#nav li a:hover
{
    background: url(images/nav_bg_hover.gif) 0 0 repeat-x;
    color: #fff;
    background-color: inherit;
}

ul#nav .selected
{
    background: url(images/nav_bg_hover.gif) 0 0 repeat-x;
    color: #fff;
    background-color: inherit;
}

ul#nav li a.hover
{
    display: block;
    padding: 0 17px;
    font: bold 11px/24px Arial, Helvetica, sans-serif;
    background: url(images/nav_bg_hover.gif) 0 0 repeat-x;
    color: #fff;
    text-decoration: none;
    background-color: inherit;
}
/*---------------nav--------------------*/

/*-----------------black--------------------*/
#black
{
    width: 956px;
    margin: 0 auto;
    background: url(images/black_bg_1px.gif) 0 0 repeat-x #404040;
    color: #ffffff;
    padding: 15px 13px 14px 13px;
}

.blackTxt1
{
    font-size: 10.5pt;
    font-weight: bold;
}

#blackLeft
{
    width: 453px;
    float: left;
    background: url(images/div1.gif) right top repeat-y;
    padding: 0 17px 0 0;
}
#blackLeft h2
{
    display: block;
    padding: 0 0 10px 0px;
    font: bold 23px/23px Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: inherit;
}

#blackRight
{
    width: 221px;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
}

#blackRight .openDay
{
    clear: left;
    float: left;
    width: 90px;
}
#blackRight .openTime
{
    float: left;
}



#blackRightContact
{
    float: left;
    font-size: 14px;
    margin-left: 15px;
    width: 240px;
    font-weight: bold;
}

#blackRightContact .contactMethod
{
    margin-top: 5px;
    font-weight: bold;
}

.contactMethod span
{
    font-size: 12px !important;
}


/*-------------black--------------------*/

/*------------------------------------------------Facebook----------------*/
#facebook
{
    width: 956px;
    margin: 0 auto;
    background-color: #e0e0e0;
    color: #000000;
    font-size: 12px;
    padding: 6px 13px 5px 13px;
}

/*-----------bot--------------------*/
#bot
{
    width: 943px;
    margin: 18px auto 26px auto;
    background: url(images/bottom_bg.gif) 0 0 repeat-y;
    padding: 0 25px 0 0;
}

#bot p
{
    margin: 10px 0px 10px 0px;
}

.clear_bg, .clear_bg table tr td
{
    background-image: none !important;
    color: Black;
    font-size: 11pt;
    font-weight: normal;
}

#kickboxing
{
    width: 282px;
    float: left;
    background-image: url(  'images/gloves.gif' );
    background-repeat: no-repeat;
    background-position: right;
}

#kickboxing #kickboxingContainer, #karate #karateContainer, #dragons #dragonContainer
{
    width: 200px;
}

#kickboxingContainer p, #karateContainer p, #dragonContainer p
{
    font-size: 15px;
}

#kickboxingContainer a, #karateContainer a, #dragonContainer a
{
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
}

#kickboxing a, #karate a, #dragons a
{
    display: block;
    padding: 0 0 11px 0px;
    font: normal 25px/46px Arial, Helvetica, sans-serif;
    color: #404040;
    background-color: inherit;
}

#kickboxing h3
{
    display: block;
    width: 278px;
    padding: 0 0 12px 0;
    font: normal 18px/22px Arial, Helvetica, sans-serif;
    color: #CB7700;
    background-color: inherit;
    margin: 0;
}

#right
{
    width: 618px;
    float: right;
}

#karate
{
    width: 280px;
    float: left;
    background-image: url(  'images/skips.gif' );
    background-repeat: no-repeat;
    background-position: right;
}

#karate h2
{
    display: block;
    padding: 0 0 20px 0px;
    font: normal 25px/29px Arial, Helvetica, sans-serif;
    color: #404040;
    background-color: inherit;
}
#karate h3
{
    display: block;
    width: 278px;
    padding: 0 0 12px 0;
    font: normal 18px/22px Arial, Helvetica, sans-serif;
    color: #CB7700;
    background-color: inherit;
    margin: 0;
}

#dragons
{
    width: 291px;
    float: right;
    background-image: url(  'images/belt.gif' );
    background-repeat: no-repeat;
    background-position: right;
}
#dragons h2
{
    display: block;
    padding: 0 0 20px 0px;
    font: normal 25px/29px Arial, Helvetica, sans-serif;
    color: #404040;
    background-color: inherit;
}
#dragons h3
{
    display: block;
    width: 278px;
    padding: 0 0 12px 0;
    font: normal 18px/22px Arial, Helvetica, sans-serif;
    color: #CB7700;
    background-color: inherit;
    margin: 0;
}

.clear_bg .question
{
    font-weight: bold;
    text-decoration: underline;
    margin: 10px 0px 10px 0px;
}

/*------------------------------------------------bot--------------------*/

/*------------------------------------------------footer--------------------*/
#footer
{
    width: 981px;
    margin: 0 auto;
    background: url(images/footer_bg.gif) 0 0 repeat-x;
    height: 133px;
}
#footer ul.links
{
    margin: 0 auto;
    padding: 9px 0 13px 250px;
    height: 11px;
}
#footer ul.links li
{
    font: normal 11px/11px Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: inherit;
    float: left;
}
#footer ul.links li a
{
    display: block;
    padding: 0 6px;
    color: #fff;
    background-color: inherit;
    text-decoration: none;
    float: left;
    font: normal 11px/11px Arial, Helvetica, sans-serif;
}

#footer p.copy
{
    width: 301px;
    margin: 0 auto;
    padding: 0;
    font: normal 10px/29px Arial, Helvetica, sans-serif;
    color: #C1C1C1;
    background-color: inherit;
}


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

#mapcontainer #map_canvas
{
    width: 970px;
    height: 300px;
}

#contactContainer
{
    float: none;
    height: 520px;
}


#contactDetails, #contactFrom
{
    width: 380px;
    float: left;
    margin: 20px 0px 0px 20px;
}


#contactDetails p
{
    line-height: 30px;
}

#contactFrom #form
{
    width: 400px;
}

#form #title
{
    font-weight: bold;
    width: 100px;
}

#form .row
{
    float: left;
    clear: left;
    margin: 5px 0px 5px 0px;
}

.row .element, .row .data
{
    float: left;
    width: 100px;
}

.row #message
{
    clear: left;
}

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

#bot #aboutContainer
{
    width: 970px;
    margin: 5px 0px 0px 5px;
}

#aboutContainer p
{
    margin: 20px 0px 20px 0px;
}

/*------------INSTRUCTORS---------------*/
#bot #instructorContainer
{
    width: 970px;
    height: 400px;
    margin: 5px 0px 0px 95px;
}

#instructorContainer .instructor
{
    float: left;
    width: 250px;
    margin: 15px;
}

.instructor .picture, .instructor .intro h3
{
    text-align: center;
}

/*-------------CLASSES--------------*/

#classesContainer
{
    width: 970px;
    height: 310px;
}

#classesContainer .tag
{
    margin: 5px 0px 0px 200px;
}

.tag .class
{
    float: left;
}

.class a
{
    color: black;
    margin: 0px 10px 0px 10px;
    width: 300px;
}

.class p
{
    text-align: center;
}

.class a img
{
    border: 1px solid black;
}

/*------PHOTOS-----------*/

.frame
{
    margin-left: 10px;
    border: 0px solid #ffffff;
    width: 100%;
    height: 450px;
}