@font-face {
	font-family: 'AvantGardeLTMediumRegular';
	src: url('../fonts/itc_avant_garde_gothic_lt_medium-webfont.eot');
	src: local('/'), url('../fonts/itc_avant_garde_gothic_lt_medium-webfont.woff') format('woff'), url('../fonts/itc_avant_garde_gothic_lt_medium-webfont.ttf') format('truetype'), url('../fonts/itc_avant_garde_gothic_lt_medium-webfont.svg#webfontNwPgfqUe') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {background: #ededee url(../images/gradient.gif) repeat-x 0 0; position: relative; font: 14px/18px "Myriad Pro",Tahoma,"Lucida Grande","Bitstream Vera Sans",Arial,Helvetica,sans-serif, serif; color: #333; text-align: center; padding-top: 0px;}
#wrap {margin: 0 auto; width: 980px; text-align: left; position: relative}
.topbar {background: #ededee url(../images/top_bar.gif) repeat-x 0 0; position: relative; width: 100%; height: 8px; z-index: 2 }

/* LOGO */
#logo {padding: 10px 0 0;}
#logo a {display: block; margin: 0 auto; text-align: center; background: url(../images/logo.gif) no-repeat; width: 270px; height: 135px; text-indent: -900em;}

/* MENU  */
div.menu {width: 980px; border-bottom: 1px solid #777777; margin-bottom: 20px;}
.menu ul {list-style: none; margin: 0; padding: 0; height: 40px;}
.menu ul li {display: inline;}
.menu ul li a {display: inline; text-indent: -900em; height: 40px; margin: 0 16px; float: left; background-image: url(../images/menu.gif);}

.menu ul li.home a {width: 45px; margin-left: 35px;  background-position: -35px 0px} .menu ul li.home a:hover {background-position: -35px -40px}
.menu ul li.members a {width: 99px;  background-position: -99px 0px} .menu ul li.members a:hover {background-position: -99px -40px}
.menu ul li.personal a {width: 159px; background-position: -211px 0px} .menu ul li.personal a:hover {background-position: -211px -40px}
.menu ul li.classes a {width: 55px; background-position: -385px 0px} .menu ul li.classes a:hover {background-position: -385px -40px}
.menu ul li.testing a {width: 100px; background-position: -458px 0px} .menu ul li.testing a:hover {background-position: -458px -40px}
.menu ul li.massage a {width: 95px; background-position: -572px 0px} .menu ul li.massage a:hover {background-position: -572px -40px}
.menu ul li.about a {width: 67px; background-position: -689px 0px} .menu ul li.about a:hover {background-position: -689px -40px}
.menu ul li.blog a {width: 45px; background-position: -760px 0px} .menu ul li.blog a:hover {background-position: -760px -40px}
.menu ul li.contact a {width: 65px; background-position: -831px 0px} .menu ul li.contact a:hover {background-position: -831px -40px}


.homeTitle {text-align: center;}
.homeTitle h1 {font-size: 20px}
.lowerContent {margin-top: -100px;}

/* FOOTER */
.footer {border-top: 1px solid #777777; margin-top: 25px; position: relative }
.address {float: left; width: 450px; padding-top: 10px;}
.footerSocial {float: right; width: 200px;}

.facebook a {display: block; width: 33px; height: 43px; background: url(../images/facebook.gif) 0 10px no-repeat; float: left; text-indent: -9000em; font-size:0}
.youtube a {display: block; width: 127px; height: 43px; background: url(../images/youtube.gif) 20px 10px no-repeat; float: left;  text-indent: -9000em; font-size:0}
.fb-like {float: right; width: 280px; height: 25px; display: block}
.lowerContent .fb-like {margin-top: 10px;}

/* SIDE MENU */
.sideNav {display: block; width: 230px;  float: right; font-family:AvantGardeLTMediumRegular, sans-serif }
.sideNavWide {display: block; width: 300px;  float: right; font-family:AvantGardeLTMediumRegular, sans-serif }
.WhiteShadow {border: none; -o-box-shadow: 4px 4px 4px #bdbdbd; -icab-box-shadow:  4px 4px 4px #bdbdbd; -khtml-box-shadow:  4px 4px 4px #bdbdbd; -moz-box-shadow:  4px 4px 4px #bdbdbd; -webkit-box-shadow:  4px 4px 4px #bdbdbd; box-shadow:  4px 4px 4px #bdbdbd; background-color:#ffffff;}
.sideNav ul, .sideNavWide ul {list-style: none; padding: 20px 10px; }
.sideNav ul li{text-align: right; margin: 12px 0; text-transform: uppercase;}
.sideNavWide ul li {text-align: right; margin: 12px 0; text-transform: none;}
.sideNav ul li a, .sideNavWide ul li a {font-size: 15px; font-weight: bold; color: #a7a9ac}
.sideNav ul li a:hover, .sideNavWide  ul li a:hover {color:#b41e8d; text-decoration: none;}





/* POP WINDOWS */
#popWindows {min-height: 400px;}
#popWindows ul {width: 900px; height: 240px; margin-left: 50px}
#popWindows ul li div.box, #popWindows ul li span.open, #popWindows ul li {width: 210px; height: 240px;}
#popWindows ul li {float: left; display: block; margin-right: 15px; position: relative; -o-box-shadow: 2px 2px 2px #bebebe; -icab-box-shadow:  2px 2px 2px #bebebe; -khtml-box-shadow:  2px 2px 2px #bebebe; -moz-box-shadow:  2px 2px 2px #bebebe; -webkit-box-shadow:  2px 2px 2px #bebebe; box-shadow:  2px 2px 2px #bebebe; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#popWindows ul li#offers {margin-right: -50px;}
#popWindows ul li:hover {}
#popWindows ul li span.open {display: block; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 10; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

#popWindows ul li#members_gym span.open { background: #e2e2e2 url(../images/n-block_members.jpg) center center no-repeat; }
#popWindows ul li#private_gym span.open   { background: #e2e2e2 url(../images/n-block_personal.jpg)  center center no-repeat;}
#popWindows ul li#classes span.open   { background: #e2e2e2 url(../images/block_classes.jpg)  center center no-repeat;}
#popWindows ul li#offers  span.open   { background: #e2e2e2 url(../images/n-block_fitness.jpg)   center center no-repeat;}

#popWindows ul li div.box {position: absolute; z-index: 100; left: 0; top: 0; overflow: hidden;}
span.info {font-size: 14px; color: #666; width: 280px; display: block; position: absolute; left: 20px; top: 200px;}

#popWindows li a {color: #fff; text-decoration: none;}
#popWindows li span.link {display: block; position: absolute; right: 10px; bottom: 10px; text-align: right; color: #000; font-style: italic; text-decoration: none;}
#popWindows ul li .box-content {display: block; width: 320px; height: 450px; position: absolute; overflow: hidden; left: -85px; top: -45px; background: #e2e2e2;  -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#popWindows ul li a.box-content img {position: relative; padding-top: 10px; padding-left: 20px; margin-bottom: 10px;}
.box_content {width: 350px; height: 150px; position: absolute; overflow: hidden; left: -75px; top: -40px;}

/* MAIN LAYOUT */
.mainlayout {width: 940px; margin-left: 20px; padding-bottom: 40px; clear: both; }
.mainlayout h1 {font-size: 30px; margin-bottom:0.2em;}
.mainLeft {width: 390px; float: left;}
.mainRight {width: 525px; float: right;}
.mainLeft2 {width: 665px; float: left;}
.mainRight2 {width: 250px; float: right;}
.mainFull {width: 900px}
.mainLeft ul {margin: 10px 20px;}
.mainLeft ul li {margin: 4px 0;}

.mapLeft {width: 425px; float: left}
.mapRight {width: 455px; float: right;}
.test {margin: 10px 20px;}
.RightImage {float: left; width: 250px;}


/* GALLERY */
div.content {display: none; float: right;width: 550px; }
div.content a, div.navigation a {text-decoration: none; color: #777;}
div.content a:focus, div.content a:hover, div.content a:active {text-decoration: underline;}
div.controls {margin-top: 5px; height: 23px;}
div.controls a {padding: 5px;}
div.ss-controls {float: left;}
div.nav-controls {float: right;}
div.slideshow-container {position: relative; clear: both; height: 502px;}
div.loader {position: absolute; top: 0; left: 0; background-image: url('images/loader.gif'); background-repeat: no-repeat; background-position: center; width: 550px; height: 502px; }
div.slideshow span.image-wrapper {display: block; position: absolute;top: 0;left: 0;}
div.slideshow a.advance-link {display: block; width: 550px; height: 502px; line-height: 502px; text-align: center;}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
div.slideshow img {vertical-align: middle; border: 1px solid #ccc;}
div.download {float: right;}
div.caption-container {position: relative; clear: left; height: 75px;}
div.caption {padding: 12px;}

a.next {background: url(../images/arrow_next.gif) no-repeat right 5px;}
a.prev {background: url(../images/arrow_prev.gif) no-repeat left 5px;}

div.navigation {}
ul.thumbs {clear: both; margin: 0; padding: 0;}
ul.thumbs li {float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none;}
a.thumb {padding: 2px; display: block; border: 1px solid #ccc;}
ul.thumbs li.selected a.thumb {background: #000;}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display: block;}
div.pagination {clear: both;}
div.navigation div.top {margin-bottom: 12px; height: 11px;}
div.navigation div.bottom {margin-top: 12px;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc;}
div.pagination a:hover {background-color: #eee; text-decoration: none;}
div.pagination span.current {font-weight: bold; background-color: #000; border-color: #000; color: #fff;}
div.pagination span.ellipsis {border: none; padding: 5px 0 3px 2px;}

/* sitemap */
ul.sitemap {list-style: none; margin: 20px 20px 0 20px}
ul.sitemap li {display: block; margin: 3px 0; background:#ebebeb; padding: 4px 8px; text-transform: uppercase}
ul.sitemap li a {font-weight: bold;}
ul.sitemap ul {list-style: none; margin: 0 0 0 20px;}
ul.sitemap ul li {padding: 2px;}

/* trainers */
ul.trainerNav {font: normal 14px/18px AvantGardeLTMediumRegular,sans-serif; margin: 10px 0}
ul.trainerNav li {display: inline; padding: 5px}
ul.trainers {list-style: none; margin: 10px 0 20px 0}
ul.trainers li { padding: 20px 0}

ul.trainers li ul li {border: none; padding: 5px 0; margin-left:20px}

ul.trainers li.last {border: none padding: 20px 0 0 0;}
ul.trainers li h2 {font: normal 16px/20px AvantGardeLTMediumRegular,sans-serif;}
ul.trainers li span.imageHolder {float: left; width: 180px}
ul.trainers li span.details {float: left; width: 450px}

/* Vouchers */
.voucher {margin: 10px 0; padding: 20px 0; border-bottom: 1px dotted #666}
.voucher h4 {float: left; width: 200px; }
.voucher h4 span {display: block; font-size: 20px; margin: 10px 0 5px 150px;}
.voucher form {float: right; width: 180px;}

.banner a {display: block; width: 230px; height: 230px; background: url(../images/christmas_banner.png) no-repeat; position: absolute; right: 0; top: 0; z-index: 4; text-indent: -900em; font-size: 0;}
ul.christmas {margin: 10px 20px;}
ul.christmas li {margin: 6px 0; text-transform: uppercase}