/* ----- import css ----- */
@import url("../css/reset.css");

/* ----- html elements ----- */
a {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

body {
    background: #141414 url(/img/body/bgnd.jpg) repeat left top;
    font: 400 75% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    color: #0091CB;
   
}

h1 {
    font-size: 13pt;
    padding: 8px 15px;
    font-weight: normal;
    letter-spacing: 1.8pt;
    margin-top:0;
}

/* ----- common elements ----- */



/*** SEARCH ***/

#search {
    margin: 48px auto 0;
    width: 903px;
}

#search form {
    float: right;
    margin-right:57px;
}

#search .input-search {
    width: 100px;
    margin-right:10px;
}

/*** end SEARCH ***/




/*** HEADER ***/
#header {
    background: url(/img/body/header.png) no-repeat left top;
    margin:-34px auto 0;
    width: 976px;
    min-height: 244px;
    height:auto;
}

* html #header {
    height: 244px;
}

#branding {
    display: block;
    height:133px;
    margin-left:63px;
    margin-top:57px;
    width:135px;
    overflow:hidden;
    text-indent:-9999px;
}


/*** end HEADER ***/
         

/*** MAIN MENU ***/

#main-menu {
    background: url(/img/menu/menutile.gif) repeat-x left top;
    margin: 10px auto 0;
    width: 903px;
    min-height: 36px;
    overflow: hidden;
    border: 1px solid #1d5167;
}

* html #main-menu {
    height: 36px;
}

#main-nav li {
    display:inline;
    float:left;
    margin-left:19px;
    margin-top:11px;
    font: 400 80% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 2px 
}

#main-nav a { 
    padding:0 10px 13px 13px;
    position:absolute;
    z-index:9999;
    line-height:13px;
}

#main-nav a:hover {
    border-bottom:2px solid #0091cb;
}

#main-nav a.selected {
    border-bottom:2px solid #0091cb;
}


.main-nav-home  {
    width:67px;
}

.main-nav-academies {
    width:101px;
}

.main-nav-aboutrogergracie {
    width:160px;
}

.main-nav-aboutbjj {
    width:94px;
}

.main-nav-news {
    width:63px;
}

.main-nav-photos {
    width:73px;
}

.main-nav-videos {
    width:73px;
}

.main-nav-contact {
    width:67px;
}


/* this is with the blog link

#main-menu {
    background: url(/img/menu/menutile.gif) repeat-x left top;
    margin: 10px auto 0;
    width: 903px;
    min-height: 36px;
    overflow: hidden;
    border: 1px solid #1d5167;
}

* html #main-menu {
    height: 36px;
}

#main-nav li {
    display:inline;
    float:left;
    margin-left:19px;
    margin-top:11px;
    font: 400 80% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 2px 
}

#main-nav a { 
    padding:0 10px 13px 13px;
    position:absolute;
    z-index:9999;
    line-height:13px;
}

#main-nav a:hover {
    border-bottom:2px solid #0091cb;
}

#main-nav a.selected {
    border-bottom:2px solid #0091cb;
}


.main-nav-home  {
    width:59px;
}

.main-nav-academies {
    width:94px;
}

.main-nav-aboutrogergracie {
    width:153px;
}

.main-nav-aboutbjj {
    width:87px;
}

.main-nav-news {
    width:56px;
}

.main-nav-blog {
    width:51px;
}

.main-nav-photos {
    width:66px;
}

.main-nav-videos {
    width:66px;
}

.main-nav-contact {
    width:59px;
}
*/


/* this is with shop 
#main-menu {
    background: url(/img/menu/menutile.gif) repeat-x left top;
    margin: 10px auto 0;
    width: 903px;
    min-height: 36px;
    overflow: hidden;
    border: 1px solid #1d5167;
}

* html #main-menu {
    height: 36px;
}

#main-nav li {
    display:inline;
    float:left;
    margin-left:14px;
    margin-top:11px;
    font: 400 80% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 2px
}

#main-nav a {
    padding:0 10px 13px 13px;
    position:absolute;
    z-index:9999;
    line-height:13px;
}

#main-nav a:hover {
    border-bottom:2px solid #0091cb;
}

#main-nav a.selected {
    border-bottom:2px solid #0091cb;
}


.main-nav-home  {
    width:59px;
}

.main-nav-academies {
    width:94px;
}

.main-nav-aboutrogergracie {
    width:153px;
}

.main-nav-aboutbjj {
    width:87px;
}

.main-nav-news {
    width:56px;
}

.main-nav-blog {
    width:51px;
}

.main-nav-photos {
    width:66px;
}

.main-nav-videos {
    width:66px;
}

.main-nav-contact {
    width:59px;
}

#main-menu .a_main_nav_contact {
    padding:0 10px 13px 8px;  
}

.main-nav-shop {
    width:45px;
}

#main-menu #main-nav-shop {
    margin-left:18px;
}
*/

/*** end MAIN MENU ***/




/*** MAIN ***/

#main {
    margin: 30px auto 0;
    position: relative;
    /*width: 925px;*/
    width: 903px;
    min-height: 381px;
}

* html #main {
    height: 505px;
}

.main-top {
    background: url(/img/body/top.png) no-repeat top left;
    float: left;
    display: block;
    height: 18px;
    line-height: 18px;
    width: 100%;
}   

.main-bottom {
    background: url(/img/body/bottom.png) no-repeat top left;
    clear: left;
    float: left;
    height: 18px;
    line-height: 18px;
    margin-bottom: 7px;
    width: 100%;
}   

.main-content {
    /*background: url(/img/body/middle.png) repeat-y top left;*/
    float: left;
    width: 100%;
    /*padding-left: 13px;*/
    position:relative;
    border:1px solid #222222;
}   

#main-text {
  /*  min-height: 505px;*/
    padding:19px 16px;
    height:auto;
}

#main-text p {
    margin-bottom:0;
    margin-top:0;
}

.main-imgbg-fighters {
    background: url(/img/body/bgnd_content.jpg) no-repeat bottom left;
}

h2.main-h2 {
    margin-top:0;
    color: #0091cb;
    border-bottom: 2px solid #131f23;
    width: 600px;
    font: 400 140% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

/*** left-side ***/

#left-side {
    float: left;
    width:198px;
    margin-top:23px;
}


/*** end left-side ***/

/*** middle ***/

#middle {
    margin-top:23px;
    margin-right:39px;
    float:left;
    width:350px;
}

/*** end middle ***/

/*** right-side-small ***/

#right-side-small {
    margin-top:23px;
    /*margin-right:45px;*/
    margin-right:18px;
    float:right;
    width:164px;
}

/*** end right-side-smnall ***/



/*** right-side-large ***/

#right-side-large {
    margin-top:23px;
    float:right;
    width:660px;
    /*margin-right:27px;*/
    margin-right:2px;
}

/*** end right-side-large ***/



.pages {
    font: 400 80% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    margin-top: 10px;
    clear:both;
}

.left-arrow {
    padding-right: 5px;
}

.right-arrow {
    padding-left: 5px;
}

#right-side-large .selected {
    text-decoration:underline;
}


/*** end MAIN ***/





/*** HOME ***/

#boxs {
    float:left;
    width: 340px;
}

.home-box {
    border:1px solid #1a4252;
    background:#13181E;
    width: 319px;
    padding: 7px;
    height: 104px;
    margin-bottom: 10px;
    color: #fff;
}

.home-box h3 {
    font: 700 90% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    margin-top: 0;
}

#main-text .home-box-text {
    font: 400 80% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    padding-top: 3px;
    height: 78px;
    line-height: 13px;
    margin-top: -11px;
}

.home-readmore {
    color: #23cdfc;
    padding-top: 3px;
    font: 400 75% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    margin-left:275px;
}

#flash_home {
    float: right;
    margin-right:2px;
}

.img_home_soho_acad {
    margin-bottom:10px;
}

/*** end HOME ***/



/*** INTRO ***/

.title {
    font: 700 105% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    padding-top: 5px;
    padding-bottom: 15px;
}

.text {
    padding-bottom: 10px;
}

/*** end INTRO ***/





/*** PHOTOS ***/

.photo {
    position:relative;
    width:199px;
    float:left;
    padding:0 20px 15px 0;
    text-align: center;
    font: 400 75% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

.photo img {
    border:2px solid #1a4252;
}

.thumb-link {
    padding-bottom: 5px;
}

.photo-desc {
}

.photos-section-list {
    list-style: none;
    border:1px solid #1a4252;
    /* width: 128px; */
    width: 135px;
    margin-top: 0;
    margin-left: 0;
    padding:4px 0 6px 21px;
    background: #13181e;
}


.photos-section-list li ul {
    list-style: none;
    padding-left: 15px;
}



/*** end PHOTOS ***/




/*** ACADEMIES ***/
.photos-section-list li.sub-sections1 {
}

.academies-section-list li.sub-sections1 {
}

.academies-section-list {
    list-style: none;
    border:1px solid #1a4252;
    width: 140px;
    margin-top: 0;
    margin-left: 0;
    padding:4px 0 6px 21px;
    background: #13181e;
}


.academies-section-list li ul {
    list-style: none;
    padding-left: 15px;
}

.p_contact_moreinfo {
    color:#fff;
    font-size: 85%;
    padding-bottom:10px;
    padding-top:10px;
}

#form_freeintro input, #form_freeintro label, #form_freeintro textarea, #form_freeintro select {
    margin-left:0;
    margin-bottom:10px;
    color: #0091cb;
}

/*** end ACADEMIES ***/



/*** VIDEOS ***/

#main-text .input-search-videos {
    width: 113px;
    background: #13181e;
}

#main-text .gobutton-video {
    background: #13181e;
}

.video-section-list {
    list-style: none;
    border:1px solid #1a4252;
    width: 128px;
    margin-top: 5px;/*5px*/
    margin-left: 0;
    padding:4px 0 6px 21px;
    background: #13181e;
}

.video-section-list a, .photos-section-list a, .academies-section-list a {
    font: 400 95% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    color: #0091cb;
}

.video-section-list li.selected, .photos-section-list li.selected, .academies-section-list li.selected {
    margin-left:-14px;
}

.video-section-list a.selected, .photos-section-list a.selected, .academies-section-list a.selected {
    background: url(/img/videos/selected-arrow.png) no-repeat center left;
    padding-left:14px;
}

.video {
    border: 1px solid #1a4252;
    background: #13181e;
    margin-bottom: 15px;
    height:109px;
    color: #fff;
}

.video img {
    border: none;
    float:left;
    padding:8px;
}


.video h3 {
    display:block;
    float:right;
    width:517px;
    font: 400 85% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    margin-top: 6px;
    margin-bottom:0;
}

.video-date {
    float:right;
    width:517px;
    font: 400 75% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

#main-text .video-description {
    float:right;
    width: 517px;
    font: 400 75% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    margin-top: 20px;
    height:37px;
}

.video-time {
    float:right;
    width: 517px;
    font: 400 85% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}


#video-detail {
    border:1px solid #1a4252;
    padding: 7px;
    width:420px;
}

#video-detail-about {
    border:1px solid #1a4252;
    width: 164px;
    padding: 7px;
    color: #fff;
}

#video-detail-about h3 {
    font: 400 100% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    margin-bottom:0;
    margin-top:0;
}

#video-detail-about .video-detail-date {
    font: 400 75% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

#video-detail-about .video-detail-description {
    margin-top:10px;
    font: 400 75% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}



/*** end VIDEOS ***/




/*** CONTACT ***/
#map {
    height:400px;
    margin: 0 auto;
    width:658px;
}

.contact-input {
    width: 171px;
    margin-left:5px;
    margin-bottom:10px;
}

.contact-submit {
    margin-left:5px;
}

.contact-textarea {
    height: 70px;
    margin-left:5px;
    width: 175px;
    margin-bottom:10px;
}

.contact-text {
    margin-left:5px;
    margin-top:5px;

}

.contact-text2 {
    padding-left:6px;

}


/*** end CONTACT ***/


/*** SEARCH ***/

.search-results {
    border:1px solid #1a4252;
    padding: 5px;
    margin-bottom:8px;
}

.search-word {
    font-weight:bold;
    color:red;
}

/*** end SEARCH ***/


/*** FOOTER ***/

#footer {
    margin: 25px auto 55px;
    /* position: relative;*/
    width: 903px;
}

.signuptext {
    font: 400 75% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 2px;
    color: #fff;
}

#footer form {
    margin-top:0;
    margin-bottom:0;
}

.input-subscribe {
    width: 154px;
}

.footer-menu {
    margin-left: -31px;
    margin-top: 7px;
}

.footer-menu li {
    display:inline;
    float:left;
    margin-right: 20px;
    font: 400 75% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

/*** end FOOTER ***/



/*** OTHER ELEMENTS ***/

br.clear, .clear-tab {
    clear:both;
}

.input-text {
    background: #101010;
    border: 1px solid #1a4252;
    color: #fff;
    font: 400 80% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

.gobutton {
    background: #101010;
    border: 1px solid #1a4252;
    color: #fff;
    font: 400 80% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}




/*** end OTHER ELEMENTS ***/