#lightbox #bottomNav { position: relative; background-color: #fff; width: 500px; min-width:500px; margin: 0 auto;   background:white !important;
height:30px;
}

#lightbox #bottomNavClose {
  position:absolute;
  top:0;
  right:0;
}

body {
  background-color:#000000;
  font-family:arial,Helvetica;
  font-size:13.5px;
  font-weight:bold;
  color:#fff;}

/*website general*/

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

img { border:0; }

h1 { font-size:60px; font-weight:bold; color:#fff; text-transform:uppercase; margin:0px; }
h2 { font-size:38px; font-weight:bold; text-transform:uppercase; margin:0px; }
h3 { font-size:17px; font-weight:bold; text-transform:uppercase; margin:0px; }

p { font-size:13.5px; }

#home {background:#000000 url(home/background.jpg) center fixed no-repeat;}
#vision {background:#000000 url(vision/background.jpg) center fixed no-repeat;}
#profiles {background:#000000 url(profiles/background.jpg) center fixed no-repeat;}
#videos {background:#000000 url(videos/background.jpg) center fixed no-repeat;}
#products {background:#000000 url(products/background.jpg) center fixed no-repeat;}
#gallery {background:#000000 url(gallery/background.jpg) center fixed no-repeat;}
#join {background:#000000 url(join/background.jpg) center fixed no-repeat;}
#contact {background:#000000 url(contact/background.jpg) center fixed no-repeat;}

#container {
  width:900px;
  position:absolute;
  left:50%;
  margin-left:-450px;
  margin-top:40px;
  overflow:visible;}

/*banner*/
#banner {
  background-color:#000000;
  width:450px;
  height:350px;
  margin-top:0px;
  position:relative;}
#home #banner {background:url(home/banner.jpg) no-repeat #000000;}
#vision #banner {background:url(vision/banner.jpg) no-repeat #000000;}
#profiles #banner {background:url(profiles/banner.jpg) no-repeat #000000;}
#profiles #personal_trainer #banner {background:url(profiles/banner_personal.jpg) no-repeat #000000;}
#profiles #body_builder #banner {background:url(profiles/banner_body.jpg) no-repeat #000000;}
#profiles #thai_boxer #banner {background:url(profiles/banner_thai.jpg) no-repeat #000000;}
#profiles #apothecaries #banner {background:url(profiles/banner_apothecaries.jpg) no-repeat #000000;}
#videos #banner {background:url(videos/banner.jpg) no-repeat #000000;}
#products #banner {background:url(products/banner.jpg) no-repeat #000000;}
#gallery #banner {background:url(gallery/banner.jpg) no-repeat #000000;}
#join #banner {background:url(join/banner.jpg) no-repeat #000000;}
#contact #banner {background:url(contact/banner.jpg) no-repeat #000000;}
#banner #title {
  margin:-30px 0 0 30px;
  position:absolute;}
#banner #headline {
  width:450px;
  margin-top:170px;
  text-align:center;
  position:absolute;}

/*slideshow*/
#home #slideshow {
  background-color:#000000;
  width:450px;
  height:350px;
  margin-top:0px;
  position:relative;}
#home #slideshow div {
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:450px;
  height:350px;}
#home #slideshow div.current {
  display:block;}
#home #slideshow #rotation {
  position:absolute;
  top:0px;
  left:0px;
  height:350px;
  width:450px;}
#home #slideshow #title {
  margin:-30px 0 0 0px;
  position:absolute;
  z-index:10;}
#home #slideshow h2 {
  width:450px;
  margin-top:170px;
  text-align:center;
  position:absolute;}

/*navigation*/
#navigation {
  background-color:#000;
  width:450px;
  height:100px;}
#navigation a {
  width:112px;
  height:30px;
  float:left;
  display:block;
  text-transform:uppercase;
  color:#666666;
  padding-top:20px;
  margin:0px;
  overflow:hide;}
#navigation a:hover {
  height:35px;
  color:#fff;
  font-size:20px;
  padding-top:15px;}
#navigation dl {
  margin:0px
}
#home #navigation #nav_home, #vision #navigation #nav_vision, #profiles #navigation #nav_profiles, #videos #navigation #nav_videos, #products #navigation #nav_products, #gallery #navigation #nav_gallery, #join #navigation #nav_join, #contact #navigation #nav_contact { background:url(all/nav-fade.jpg) repeat-x; height:35px; color:#fff; font-size:20px; padding-top:15px; }

#navigation #nav_home:hover {background:url(home/navigation-hover.jpg);}
#navigation #nav_vision:hover {background:url(vision/navigation-hover.jpg);}
#navigation #nav_profiles:hover {background:url(profiles/navigation-hover.jpg);}
#navigation #nav_videos:hover {background:url(videos/navigation-hover.jpg);}
#navigation #nav_products:hover {background:url(products/navigation-hover.jpg);}
#navigation #nav_gallery:hover {background-image:url(gallery/navigation-hover.jpg);}
#navigation #nav_join:hover {background-image:url(join/navigation-hover.jpg);}
#navigation #nav_contact:hover {background-image:url(contact/navigation-hover.jpg);}  
#home #navigation #nav_home:hover {background:url(home/navigation-hover.jpg);}
#vision #navigation #nav_vision:hover {background:url(vision/navigation-hover.jpg);}
#profiles #navigation #nav_profiles:hover {background:url(profiles/navigation-hover.jpg);}
#videos #navigation #nav_videos:hover {background:url(video/navigation-hover.jpg);}
#products #navigation #nav_products:hover {background:url(products/navigation-hover.jpg);}
#gallery #navigation #nav_gallery:hover {background-image:url(gallery/navigation-hover.jpg);}
#join #navigation #nav_join:hover {background-image:url(join/navigation-hover.jpg);}
#contact #navigation #nav_contact:hover {background-image:url(contact/navigation-hover.jpg);}  

/*content*/
/*content*/
/*content*/
/*content*/

/*home*/
/*home*/
/*home*/
#title-box {
  background-color:#000000;
  position:absolute;
  top:10px;
  left:450px;
  width:450px;
  overflow:visible;}
#title-box #email {
  position:relative;
  top:0px;
  left:20px;
  margin:0 0 50px 0;
  height:32px;
  border:0;
  color:#fff;}
#title-box #email a{
  color:#fff;}
#title-box #email img{
  margin-top:7px;}
#title-box #logo {
  position:absolute;
  top:-40px;
  right:20px;
  height:84px;
  width:183px;
  float:right;
  overflow:visible;}
#home #title-box #sarafan_title {
  height:29px;
  width:429px;
  margin:126px 21px 0px 21px;
  padding:0px;
}
#home #title-box #sarafan_title #wosaf {
  text-align:right;
  margin:0 21px 0 0;
  font-size:20px;
}

/*sub navigation*/
#home #sub-navigation {
  width:450px;
  margin:43px 0px 0px 0px;}
#home #sub-navigation dl {
  margin:0;}
#home #sub-navigation a {
  display:block;
  width:450px;
  height:88px;
  padding-top:12px;
  color:#fff;}
#home #sub-navigation .sub_nav_title {
  width:227px;
  height:50px;
  float:left;
  diaplay:inline;
  margin:50px 0 0 0;
  font-size:39px;
  font-weight:bold;
  text-transform:uppercase;}
#home #sub-navigation span {
  width:200px;
  float:right;
  margin:0 10px 0 0;
  display:inline;
  text-transform:uppercase;}
#home #sub-navigation #sub_nav_gallery { background:#999999 url(home/gallery.jpg) no-repeat;}
#home #sub-navigation #sub_nav_contact { background:#333333 url(home/contact.jpg) no-repeat;}
#home #sub-navigation #sub_nav_products { background:#666666 url(home/products.jpg) no-repeat;}
#home #sub-navigation #sub_nav_news { background:#999999 url(home/news.jpg) no-repeat;}
#home #sub-navigation #sub_nav_profiles { background:#333333 url(home/profiles.jpg) no-repeat;}




/*vision*/
/*vision*/
/*vision*/


/*sub navigation*/
#sub-navigation {
  width:450px;
  margin:30px 0 0 0px;
  float:left;
  display:inline;}
#sub-navigation #column {
  width:80px;
  margin:0 0px 0 20px;
  float:left;
  display:inline;}
#profiles #sub-navigation #column {
  width:200px; }
#sub-navigation a {
  text-decoration:none;
  color:#999999;}
#sub-navigation a:hover {
  text-decoration:none;
  text-transform:uppercase;
  color:#fff;}
#sub-navigation p {
  margin:3px 0 3px 0;}
#sub-navigation dt {
  margin:0 0 0 5px;}
#title-box #text {
  margin:20px;}

/*other*/
#vision #title-box #text {
  margin:0px 20px 10px 20px;
  width:310px;
  float:left;
  display:inline;
  z-index:2;}
#vision #title-box #text h3 {
  width:200px;
  margin:15px 0px 0px 0px;}
#vision #title-box #text p {
  width:310px;
  margin:15px 0px 10px 0px;}
#vision #title-box #text p a {
  text-transform:uppercase;}


/*profiles*/
/*profiles*/
/*profiles*/
#profiles #title-box {
  height:340px;}

/*sub navigation*/
#profiles #sub-navigation {
  width:200px;}
#profiles #title-box #all {
  width:400px;
  position:relative;
  margin:200px 0 0 20px;}


/*other*/
#profiles #title-box #image {
  background-color:#fff;
  height:269px;
  width:200px;
  float:right;
  margin:25px 0 0 0;}
#profiles #lower {
  background-color:#cccccc;
  background-image:url(all/linescccccc.png);
  background-position:100% 70%;
  width:450px;
  float:right;
  margin:0 0 0 0;}
#profiles #lower #text {
  margin:20px 20px 0 20px;
  color:#333333;}

/*videos*/
/*videos*/
/*videos*/




/*sub navigation*/
#videos #thumbnail {
  background:#fff;
  height:100px;
  width:150px;
  float:left;
  display:inline;
  margin:30px 0 0px 50px;}
#videos h3 {
  margin:40px 20px 0 20px;}
#videos #thumbnail h3 {
  margin:-40px 0 0px 0px;}
/*
#videos #lower {
  background-color:#cccccc;
  background-image:url(all/linescccccc.png);
  background-position:100px 70px;
  height:350px;
  width:450px;
  float:right;
  margin:34px 0px 0px 0px;}
*/

/*video display*/
#videos #popup,
#videos #popup2,
#videos #popup3,
#videos #popup4 {
  z-index:20;}
#videos .showPopup { display:block; }
#videos .hidePopup { display:none; }
#videos #popup #window,
#videos #popup2 #window,
#videos #popup3 #window,
#videos #popup4 #window {
  background:#cccccc;
  position:absolute;
  left:50%;
  margin-top:200px;
  margin-left:-250px;
  width:100%;
  height:100%;
  width:500px;
  height:300px;
  padding:20px;
  z-index:99;}
#videos #popup #window #close,
#videos #popup2 #window #close,
#videos #popup3 #window #close,
#videos #popup4 #window #close {
  position:absolute;
  top:300px;
  left:435px;}
#videos #popup #window #close h3,
#videos #popup2 #window #close h3,
#videos #popup3 #window #close h3,
#videos #popup4 #window #close h3 {
  float:right;
  padding:5px;}
#videos #popup #window #close img,
#videos #popup2 #window #close img,
#videos #popup3 #window #close img,
#videos #popup4 #window #close img {
  float:right;}
#videos #popup #background,
#videos #popup2 #background,
#videos #popup3 #background,
#videos #popup4 #background {
  background:#000000 center;
  position:absolute;
  width:99%;
  height:100%;
  margin:-10px 0 0 0;
  opacity:0.8;
  filter:alpha(opacity=80);
  z-index:50;}


/*products*/
/*products*/
/*products*/
#products #title-box {
  height:440px;}

/*sub navigation*/

#products #sub-navigation #column {
  width:125px;}
#products #title-box h3 {
  margin-top:-10px;
  padding:0px;}

/*lower*/
#products #lower {
  position:absolute;
  width:900px;
  float:left;
  display:inline;
  margin:0px 0 0 0px;}
#products #lower #item{
  background:#666666;
  width:130px;
  height:170px;
  float:left;
  display:inline;
  margin:13px 0 0 17px;
  over}
#products #lower #item a{
  text-decoration:none;
  float:left;
  display:inline;
  color:#cccccc;}
#products #lower #item p{
  position:absolute;
  text-decoration:none;
  width:100px;
  float:left;
  position:bottom left;
  margin:0px;
  z-index:1;}
#products #lower #item a:hover {
  text-decoration:none;
  float:left;
  display:inline;
  text-transform:uppercase;
  color:#fff;}
#products #text a:hover {
  text-decoration:underline;}
#products #backdrop {
  background:#333333;
  position:relative;
  width:900px;
  height:185px;
  margin:0px 0 0 0px;
  z-index:-1;}


/*gallery*/
/*gallery*/
/*gallery*/
#gallery #title-box {
  height:440px;}
#gallery #images {
  margin:30px 0 20px 20px;}
#gallery #images img {
  background:#fff;
  width:50px;
  height:50px;
  margin:0 5px 5px 0;
  border:0;}


/*join*/
/*join*/
/*join*/

#join #lower {
  background-color:#666666;
  height:350px;
  width:450px;
  float:left;
  display:inline;
  margin:137px 0 0 0;}

/*sub navigation*/
#join #sub-navigation {
  width:100px;}

/*other*/
#join #title-box #email {
  position:absolute;
  left:20px;}  
#join #title-box #sub-navigation {
  position:relative;
  top:20px;
  left:0px;}  
#join #title-box #text {
  width:400px;
  float:left;
  display:inline;
  z-index:2;}
#join #title-box h3 {
  position:relative;
  top:60px;
  left:20px;
  width:300px;
  float:left;
  display:inline;}
#join #title-box #text p {
  width:400px;
  margin:0px 0px 10px 0px;}


/*contact*/
/*contact*/
/*contact*/

#contact #title-box #email {
  position:absolute;
  left:20px;}
#contact #lower {
  background-color:#666666;
  height:350px;
  width:450px;
  float:left;
  margin:136px 0 0 0;}
   
/*sub navigation*/
#contact #sub-navigation {
  width:200px;}

#footer {
  background:#000;
  width:410px;
  height:30px;
  float:right;
  vertical-align:100%;
  padding:0 20px 0 20px;}
#footer .left {
  float:left;}
#footer .right {
  float:right;
  position:relative;
  top:0px;}
#footer p {
  position:relative;
  top:-17px;
  margin:0px 0 0 0;}
#footer img {
  position:relative;
  top:-38px;
  left:210px;
  height:30px;}
#home #footer {
  margin-top:20px;}
#profiles #footer {
  height:50px;}
#profiles #footer .left, #profiles #footer .right {
  margin-top:15px;}