/*- Base and structure and layout
----------------------------------------------------------------------*/
/*body {background: #181818 url(../img/back.jpg) top center no-repeat;}*/

body {background: #191919;}

/* Layout and structure */
.viewport{width:980px; margin:0 auto;}

.row{width:100%; clear:both;}
.clear{clear:both;}
.col1_3{float:left; display:inline; width:320px;}
.col1_3_short{float:left; display:inline; width:282px; padding-left:32px;}
.col2_3{float:left; display:inline; width:640px; margin-right:20px;}
.col1_2{float:left; display:inline; width:468px; }

.side-open{position:fixed; right:0px; top:135px; display:block;}
.side-open a { text-decoration: none;}
.side-open img { padding-bottom: 4px;}
/*left shift fix safari and firefox*/

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

html { overflow: -moz-scrollbars-vertical !important; }

/*left shift fix IE */

html { overflow-y: scroll; }

/*- Header
----------------------------------------------------------------------*/
#header{height:115px; clear:none;}
#header h1{width:230px; height:68px; float:left;clear:none; display:inline; background: url(../img/flye_fit.png) no-repeat; text-indent:-9999px; margin:0px; position:relative; top:22px;}
#header h1 a{display:block; width:230px; height:68px;}
/*- Primary Nav
----------------------------------------------------------------------*/
#header #pri-nav{float:left; display:inline; clear:none; width:440px; padding:0px;}
#header #pri-nav ul li{margin-right:15px; font-size:13px; line-height:13px; }
#header #pri-nav ul li a{padding: 54px 15px 19px 15px; border-bottom:1px solid transparent;border-left:1px solid transparent;border-right:1px solid  transparent}
#header #pri-nav ul li.on a, #header #pri-nav ul li.selected a{color:#4ab9e8; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;
border-bottom:1px solid #505050;border-left:1px solid #505050;border-right:1px solid #505050;
background: #272727; /* old browsers */ background: -moz-linear-gradient(top, #272727 0%, #323232 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(100%,#323232)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#323232',GradientType=0 ); /* ie */ -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.4); box-shadow: 0px 0px 15px rgba(0,0,0,0.4);}
#header #pri-nav ul li a:hover{color:#4ab9e8;-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;
border-bottom:1px solid #505050;border-left:1px solid #505050;border-right:1px solid #505050;
background: #272727; /* old browsers */ background: -moz-linear-gradient(top, #272727 0%, #323232 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(100%,#323232)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#323232',GradientType=0 ); /* ie */}

#account{float:left; display:inline; width:140px; padding-top:45px; position:static;}
#account ul{border-left: 1px solid #32373a;margin-left:10px; padding:5px 0px 5px 20px;}

#fb_follow{display: inline; float: left; width: 140px; padding-top: 50px;}


#fb_follow img{
display: inline-block;
/*padding-right: 10px;*/
float: left;}

/*- Sub Nav
----------------------------------------------------------------------*/
#sub-nav{margin-bottom:20px; font-size: 11px; line-height:11px; font-weight:bold; text-transform:uppercase; background:url(../img/sub-nav-back.png) center center repeat-x; display:block;}
#sub-nav .step{border: 1px solid #56686e; padding: 2px 6px 2px 6px; -moz-border-radius: 5px; border-radius: 10px;margin-right:5px; text-shadow:none; color:#fff; background:rgba(0,0,0, 0.1);}
#sub-nav .on .step, #sub-nav a:hover .step{border:1px solid #fff; background:#aee1f6; color:#259bcd}
#sub-nav .nav-label{float:left; display:inline; border-right: 1px solid rgba(256,256,256, 0.2); padding:20px 20px 22px 20px; margin-right:15px;}

#sub-nav ul{list-style:none; margin-bottom:0px;}
#sub-nav ul li{float:left; display:inline; margin:8px;}
#sub-nav ul li a{padding: 12px 15px 12px 10px; -moz-border-radius: 5px; border-radius: 5px; display:block; text-decoration:none; color:#4ab9e8; border: 1px solid transparent;}
#sub-nav.normal ul li a{border:1px solid rgba(256, 256, 256, 0.2); background:rgba(0,0,0, 0.08); font-weight:bold; font-size:13px;}
#sub-nav.normal ul li a{padding: 12px 10px 12px 10px;}
#sub-nav ul li.on a, #sub-nav ul li.selected a{color:#fff; background: #7AD3F5; text-shadow: 0px 0px 2px rgba(0,0,0,0.5); /* old browsers */ border: 1px solid #4ab9e8;
background: -moz-linear-gradient(top, #7AD3F5 0%, #45B7E8 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7AD3F5), color-stop(100%,#45B7E8)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7AD3F5', endColorstr='#45B7E8',GradientType=0 ); /* ie */}
#sub-nav ul li a:hover{color:#fff; border: 1px solid #7AD3F5; background:#4ab9e8;}

/* Main content
----------------------------------------------------------------------*/
#main-content{}

#side{}

#showcase .panel{}
#features-container{}

#features-container .feature-items{width:100%; background:url(../img/showcasepeople.png) no-repeat bottom left; }
#features-container .feature-items  .feature-item{height:340px;}
#features-container .feature-items  .feature-item h2{width:625px; font-size:30px; }

.feature-image{display:block;}

body#gym #features-container{height:340px; background: url(../img/gym-people.png) bottom right no-repeat;}
body#gym #features-container h2{font-size:26px; text-transform:uppercase; color:#48b8e8; padding:30px 20px 10px 0px; margin: 0px 0px 10px 20px; text-shadow: 0px 1px 3px #000000; border-bottom:1px solid #687174}
body#gym #features-container p{margin-left:20px;}	
body#gym #features-container  .double_button{position:absolute; bottom:20px; }

/* Gym Page Slideshow */

body#gym #slideshow-container 
{
    height:300px; 
    padding: 20px 0px;
}

#slideshow
{
    width: 650px;
    height: 300px;
}

.slideshow-items
{
    position: relative;
    width: 660px;
    height: 300px;
}
    
.slideshow-cont
{
    float:left;
    display:inline;
    width:640px;
    margin-left:10px;
}

#caption-bg
{
    width: 260px;
    height: 60px;
    display: block;
    /*background: url(../img/caption_bg.png) no-repeat top left;*/
    position: absolute;
    z-index: 100;
    margin-top: -290px;
    margin-left: 390px;
}

.caption_title
{
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    color: #505050;
    position: absolute;
    font-size: 25px;
    z-index: 100;
    margin-top: 8px;
    padding-left: 20px;
}

.caption
{
    display: block;
    color: #505050;
    position: absolute;
    font-size:18px;
    z-index: 100;
    margin-top: 100px;
    padding-left: 20px;
}

.caption_title a
{
    color: #EAB22C;
    text-decoration: none;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.caption a
{
    text-decoration: none;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

#side-caption
{
    margin-top: 10px;
}

#pricing2
{
    padding-top: 10px;
}

#caption-bg2
{
    background: none repeat scroll 0 0 rgba(36, 36, 36, 0.5);
    width: 250px;
    height: 50px;
    display: block;  
    border: 1px solid rgba(255, 255, 255, 0.2);
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;    
    border-radius: 5px 5px 5px 5px;

}

.caption_title2
{
    display: block;
    color: #505050;
    position: absolute;
    font-size:25px;
    z-index: 100;
    padding-left: 20px;
}

.caption2
{
    display: block;
    color: #505050;
    position: absolute;
    font-size:18px;
    z-index: 100;
    margin-top: 20px;
    padding-left: 20px;
}

.caption_title2 a
{
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

.caption2 a
{
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;    
}

#caption-bg .slide-button
{
    position: absolute;
    margin-top: 240px;
    margin-left: 20px;
}

.slide-button a
{
/*
    border: 1px solid #4AB9E8;
    background: -moz-linear-gradient(center top , #7AD3F5 0%, #45B7E8 100%) repeat scroll 0 0 transparent;
    background:#4ab9e8;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 10px;
*/
  width: 120px;
  padding: 10px 25px 10px 25px;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #98ba3f;
  text-shadow: -1px -1px 2px #618926;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  border: 1px solid #618926;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
    background: -moz-linear-gradient(center top , #ECC250 0%, #D4A31C 100%) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #98ba40),color-stop(.35, #a6c250),color-stop(1, #618926));
}

.slide-button a:hover
{
/*
    color:#fff;
    border: 1px solid #7AD3F5;
    background:#4ab9e8;
*/
  background-color: #245191;
  text-shadow: -1px -1px 2px #465f97;
  text-transform: uppercase;
  border: 1px solid #0f2557;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: -moz-linear-gradient(#245192, #1e3b73 75%, #12295d);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #245192),color-stop(.75, #1e3b73),color-stop(1, #12295d));
}

#slideshow img
{
    margin: 15px 20px;
    border: 1px solid /*rgba(255, 255, 255, 0.2)*/ #EAB22C;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

/* end of Gym Page Slideshow */

/* Images Box on Gym Page */

.boxgrid{
	width: 300px;
	height: 200px;
	margin:8px;
	float:left;
	background: #161616;
	border: solid 2px #8399AF;
	overflow: hidden;
	position: relative;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 	}
        
 .captionfull .boxcaption {
 	top: 200px;
 	left: 0;
 }
 
 #images_box
 {
    margin-top: 10px;
 }
 
 .boxgrid h3, .boxgrid p
 {
    margin: 10px;
 }
 
 .boxgrid h3
 {
    color: #EAB22C;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 20px;
 }
 
 .boxgrid p
 {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    font-size: 15px;    
 }
 
 .boxgrid a
 {
    text-decoration: none;
    font-size: 13px;
    color: #5BC4ED;
 }

/* end of Images Box on Gym Page */

#point{margin-left:0px; width:282px;}

#detail-content{padding-top:0px;}

.join-circle{float:left; display:inline; width:135px; position:relative; left:40px; top:10px; display:block;}

.join .join-details{float:left; display:inline; width:367px; border-left:1px solid #686868; border-left: 1px solid rgba(256,256,256, 0.2);}


#location-list{width:270px;}
#location-list li{width:270px;}

#aside{padding-left:32px;}
#accordion.color{width:auto;}

#pricing{clear:none; text-align:left;}
#pricing ul{margin:0; width:auto;}

#testimonials{margin-bottom:0px; }
#testimonials .testimonial-list li{float:left; display:inline; margin-right:10px; width:275px; background:#161616; border:1px solid #484848; 
-moz-border-radius: 5px; border-radius: 5px; padding:10px; -webkit-box-shadow: 0px 0px 15px #000000;-moz-box-shadow: 0px 0px 15px #000000; box-shadow: 0px 0px 15px #000000; }

.listing .list-item .description{float:left; display:inline; width:430px;}
.image-list{ width:auto;}

#where{width:95%; margin-top:20px; padding-top:40px; border-bottom:0px; background:transparent;}
#where h3{float:none; display:block; width:auto; padding-left:0px;}
#where ul{float:none; display:block; width:auto;}

.side_area{padding-bottom:40px; margin-left:0px; margin-right:0px;}
.side_area #accordion-fake.color{width: 85%; }
/* Forms
----------------------------------------------------------------------*/

#form .field{clear:both; padding-bottom:8px; position:relative; width:auto;}
#form .field label{width:205px; }
#form .field.long label{width:300px;}
#form .field input.text{width:385px;}
#form .field .more_info input.text{width:230px; padding:6px; border:1px solid #fff; background:#e9e9e9; margin-top:10px;}
#form .field  textarea{width:385px; height:80px; padding:6px; border:1px solid #fff; background:#e9e9e9}

#the_gyms{padding-left:20px; margin-top:10px;}
#the_gyms ul li a:hover{background:#4ab9e8; color:#fff}

#gyms-info{margin-top:10px;}
#gym-sign-up-info{float:left; display:inline; width:250px; padding:20px 20px 20px 20px; color:#363636}

#gym-extra{float:left; display:inline; width:320px; padding:10px;}

#payment_info .field label{width:200px;}
#payment_info .field input.text{width:200px;}

#form .field  .validation{display:none; visibility:hidden;}
#form .field  .continue{float:left; display:inline; margin-left:218px; margin-right:25px; padding-top:10px; margin-bottom:20px;}
#form .field.choose{margin-left:310px; padding-top:5px; width:auto;}
#form .field.choose  .continue{margin-left:0px; }
#form .field  .form_directions{float:left; display:inline;  width:150px; padding-top:10px; font-family: 'Georgia', 'Times', 'times new roman', serif; font-style:italic; font-size:11px; line-height:13px;}
#form .field  .form_directions p{padding-bottom:3px; margin-bottom:3px; border-bottom: 1px solid #32373a;}
#form .field  .form_directions p.last{border-bottom:none;}

/* Button
----------------------------------------------------------------------*/
.point_button{border: 1px solid rgba(256,256,256, 0.2); border-radius:10px; -moz-border-radius:5px; background:rgba(36,36,36, 0.5); 
width:128px; height:108px; text-align:center; float:left; display:inline; margin:0px 10px 10px 0px; position:relative; font-size:12px; line-height:14px;}
.point_button.blue a{color:#5bc4ed;}
.point_button.orange a{color:#eab22c;}
.point_button.green a{color:#a2c125;}
.point_button a:hover{color:#fff;}
.point_button a{padding-top:10px;top:10px;width:125px; display:block; margin:0 auto; text-decoration:none; font-weight:bold; text-transform:uppercase; 
padding:66px 0px 15px 0px; text-shadow: 0px 1px 1px #000000}
.point_button a.heart{background: url(../img/heart.png) no-repeat center 10px; }
.point_button a.money{background: url(../img/euro-icon.png) no-repeat center 10px; }
.point_button a.contract{background: url(../img/contract.png) no-repeat center 10px; }
.point_button a.star{background: url(../img/star.png) no-repeat center 10px; }

.point_button_small{width:84px;}
.point_button_small a{width:84px;}

body .double_button{width:270px !important;}




/* Footer
----------------------------------------------------------------------*/

#footer ul{padding-left:0px;}


/*----------------------------------------------------------------------*/
/* 2012 Redesign changes start here  */
/*----------------------------------------------------------------------*/


.2012 {background: #181818 url(../img/bgd-2012-1.png) top center no-repeat;}