/* site wide css */
body{
    margin: 0px;
    color: #fff;
    font-size: 11px;
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
    background: #000000 url(/images/backgrounds/bg.png) repeat-y 50% 50%;
}
a:visited{
    color: #fff;
    text-decoration: none;
}
a, a:link {
    color: #fff;
    font-variant: small-caps;
    text-decoration: none;
    letter-spacing: 2px;
    cursor:pointer;
    /*color: #f8dbc9;*/
    /*font-weight: bold;*/
}
a:hover{
    color: #816452;
    text-decoration: none;
}
a:active{
    color: #816452;
    text-decoration: none;
}
a img{
    border: 0px;
}
#container{
    height: auto;
    /*background-color: #000;*/
}
#main div{
    /*border: 1px dotted #fff;
    margin: 0px;*/
}
#main{
    margin-left:auto;
    margin-right:auto;
    width: 960px;
    padding: 2px;
}
#header{
    padding: 5px;
    text-align: center;
}
#nav-table{
     margin:auto;
}
.main-navigation{
    border-top:1px solid #816452;
    border-bottom:1px solid #816452;
    /*border-right:1px solid #816452;*/
    padding-top: 3px;
    padding-bottom: 3px;
    _clear: both;
    background-color: #000;
}
.main-navigation td{
    margin: 0px 15px 0px 15px;
    text-align: center;
    display:inline;
    border: 0px;
    _width: 150px;
}
#content{
    overflow:auto;
    margin-top: 5px;
    margin-bottom: 5px;
}
#enter{
    text-align: center;
    margin-top: 25px;
}
#footer{
    clear:left;
    padding: 20px;
    font-size: 10px;
    text-align: center;
}
#footer center{
    font-size: 16px;
}
#footer span{
    font-size: 12px;
}
#footer #best{
    font-size: 10px;
}
/* end site wide css */


/* index page */
#index-main{
    width: 955px;

}
#index-flash-banner{
    width: 475px;
    height: 345px;
    float: left;
    display: inline;
}
#index-video{
    width: 475px;
    height: 345px;
    float: right;
    display: inline;
}
#index-three-buttons{
    float: left;
    clear:left;
    display: inline;
    width: 955px;
}
#index-three-buttons div{
    float: left;
    width: 315px;
    height: 320px;
    padding-top:5px;
    display: inline;
    text-align:center;
}
/* end index page */

/* photo gallery css */
#gallery{
    height: auto;
    overflow: auto;
    text-align: center;
    margin: 20px;
}
#gallery a{
    /*font-size: 14px;*/

}
#gallery div{
    display: inline-block;
    margin: 10px;
    _float: left;
    _margin: 10px;
    _height: 150px;
    _width: 125px;
}
#gallery img{
    border: 2px #333 solid;
    margin-bottom:10px;
}
#gallery img:hover{
    border: 2px #816452 solid;
    cursor: pointer;
}
#graybox{
    background-color: #000;
    width: 100%;
    height: 2000px;
    z-index: 10000;
    position: fixed;
    margin: 0px;
    display: none;
    _position: absolute;
}
#graybox-container{
    border: 5px solid #333;
    position: absolute;
}
#graybox-image{

}
#graybox-close{
    position: absolute;
    top: -25px;
    left: -25px;
    cursor: pointer;
}
#graybox-nav{
    position: fixed;
    /*text-align: center;*/
    bottom: 10px;
    left: 0px;
    width: 100%;
    _display: none;
}
#graybox .hi-res{
    border: 2px solid #333;
    background-color: #000;
    padding: 0px 5px 0px 5px;
    position: absolute;
    z-index: 10000;
}
#graybox #back{
    position: absolute;
    bottom: 0px;
    left: 40%;
    cursor: pointer;
}
#graybox #next{
    position: relative;
    bottom: 0px;
    left: 55%;
    cursor: pointer;
}
/* end photo gallery css */

/* services css */
#services-list{
    float: left;
    color: #fff;
    font-style: italic;
    font-size: 30px;
}
#services-list li{
    list-style:disc;
    list-style-position: inside;
     color: #bbb;
}
#services-list span{
   color: #a38374;
   font-size: 28px;
}
/* end services css */

/* events css */
#events{
    height: auto;
    text-align: center;
}
#events img{
    margin-top: 20px;
}
/* end events css */

/* videos css */
#videos{
    height: auto;
    text-align: center;
    font-size: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
}
/* end videos css */

/* dancer schedules css*/
#dancer-schedule-photo{
    float: center;
    display: inline;
    padding-top: 30px;
}
#dancers-schedule{
    margin: 20px;
    height: auto;
    font-size: 12px;
    /*color:#a38374;*/
    /*color:#816452;*/
    color:#fff;
}
#dancers-schedule table{
    /*border: 1px solid #f8d8c9;*/
    width: 940px;
}
#dancers-schedule td{
    /*border: 1px solid #816452;*/
    padding: 4px;
}
#dancers-schedule .week{
    font-size: 20px;
    color:#fff;
}
#dancers-schedule .day{
    font-size: 20px;
    font-weight: bold;
    color:#fff;
}
#dancers-schedule .location{
    font-size: 18px;
    /*font-weight: bold;*/
    color:#fff;
}
#dancers-schedule .date{
    font-size: 20px;
    /*font-weight: bold;*/
    color:#fff;
}

/* end dancer schedules */

/* start contact us*/
#contact-us{
    color: #a38374;
    margin-top: 20px;
    padding: 10px;
    width: 937px;
    height: 660px;
    overflow: auto;
}
#contact-us h1{
    font-size: 24px;
    margin:0px;
    color: #a38374;
}
#contact-us hr{
    color: #816452;
    clear: both;
}
#contact-info{
    margin-left: 20px;
    color: #ddd;
}
#contact-us div{
    margin: 12px;
}
#contact-us input,textarea{
    float: right;
    clear: both;
}
#contact-us textarea{
    width: 300px;
    height: 150px;
    margin-top: 10px;
    margin-bottom: 30px;
}
#contact-photo{
    float: left;
    display: inline;
    padding-top: 30px;
}
#contact-form{
    float: right;
    width: 350px;
    padding-top: 20px;
}
#contact-form div{
    margin-left: 30px;
}
#contact-info{
    float: left;
    display: inline;
}
#contact-right{
    text-align: right;
    padding-right: 70px;
}
#contact-alert{
    position: relative;
    top: 170px;
    white-space: nowrap;
}
/* end contact us*/

/* contact-us-confirmation */
#contact-us-confirmation{
    height: auto;
    text-align: center;
    font-size: 40px;
    margin-top: 300px;
    margin-bottom: 360px;
}
/* end contact-us-confirmation */

/* start directions page*/
#directions{
    text-align: center;
    margin: 25px;
    height: auto;
}
/* end directions page*/

/* reusable clear classes */
#clear-left{
    clear: left;
    display: inline;
}
#clear-right{
    clear: right;
    display: inline;
}
#clear-both{
    clear:both;
    display: inline;
}
.no-deco{
    text-decoration: none;
    border: 0px !important;
}
/* end reusable clear classes */

/* error page css */
#error{
    font-size: 30px !important;
    color: #f00;
    margin-left: 20px;
}
/* end error page css */

/* navigation buttons css */

/* end navigation buttons css */