/* --------------------------------------------------------------------- total annihilation */
/** { margin:0; padding:0;}*/

/* ------------------------------------------------------------------------- general styles */
a {color:#fff;}
a.current, a:hover { color:#ef7d1f;}

a img { margin:0; border:0 none;}

.nobr, nobr { white-space:nowrap;}
.left { float:left;}
.right { float:right;}

.green .colored {color:#bfd730;}
.rose .colored { color:#ed106f;}
.orange .colored { color:#ef7d1f;}

p { margin:0.6em 0; padding: 0;}
h2 { font-size:14pt; font-weight:normal; margin:0 0 -0.4em 0; padding: 0;}
#sidemenu h2 { font-weight:bold; font-size:15pt; margin:0.2em 0 0.7em 0;} /* for main page left panel */

h4 {font-size:10pt; font-weight:bold; margin:0; padding:0;}
.green h4 {color:#c3d93c;}
.rose h4 {color:#ee1e77;}
.orange h4 {color:#f0852c;}

h5 {font-size:9pt; margin: 0; padding: 0;}
h5.green {color:#c3d93c;}
h5.rose {color:#ee1e77;}
h5.orange {color:#f0852c;}


/* ---------------------------------------------------------------------------- site blocks */
html,body { margin:0; padding:0; height:100%;}
body {
	background:#000;
	font-size:11px; color:#fff;
	font-family:"Lucida sans unicode", Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px;
}

/* background for different pages' body els */
body#index {background:#000 url(../images/bg_2.jpg) 0 0 no-repeat;}
body#hiphop {background:#000 url(../images/bg_1.jpg) 0 0 no-repeat;}
body#salsa1 {background:#000 url(../images/bg_2.jpg) 0 0 no-repeat;}
body#ballroom {background:#000 url(../images/bg_3.jpg) 0 0 no-repeat;}
body#salsa2 {background:#000 url(../images/bg_4.jpg) 0 0 no-repeat;}
body#pole_fitness {background:#000 url(../images/bg_5.jpg) 0 0 no-repeat;}
body#zumba {background:#000 url(../images/bg_6.jpg) 0 0 no-repeat;}

/* content image styles for different pages */
.green #content img { padding: 5px; border:1px solid #bfd730;}
.rose #content img { padding: 5px; border:1px solid #ed106f;}
.orange #content img { padding: 5px; border:1px solid #ef7d1f;}

img.ImageLeft {
	margin: 10px 10px 10px 0;
}
img.ImageTopLeft {
	margin: 0 10px 10px 0;
}
img.ImageRight {
	margin: 10px 0 10px 10px;
}
img.ImageTopRight {
	margin: 0 0 10px 10px;
}
img.Image {
	margin: 10px;
}

#content img.noBorder {padding: 0; margin: 0; border: 0;}

#wrap { width:966px; margin:0 auto; padding:38px 0 0 0; position:relative;}

.message { padding-bottom: 10px; color: #ed106f; text-align: center; }

/* left panel */
#sidemenu { width:190px; padding:70px 0 0 0; border:1px solid #d92302; background:url(../images/bg_menu.png) 0 0 repeat; font-size:9pt; float:left; overflow:hidden; margin-right:25px;}
#index #sidemenu { width:314px; border:1px solid #d92302;}

#sidemenu ul { padding:60px 15px 15px 15px; margin:0; list-style:none;}
#sidemenu li { margin:2px 0; padding:0; list-style:none; background:none;}
#sidemenu li a { display:block; padding:9px 15px; text-decoration:none; color:#fff;}
#sidemenu li a.current, #sidemenu li a:hover { background:url(../images/bg_menu_a.png) 0 0 repeat; }

#sidemenu div { padding:15px; margin:4px 15px 15px 15px; background:url(../images/bg_sideblock.png) 0 0 repeat; line-height:1.4}

#logo { position:absolute; top:0; left:0; margin-left:-32px; background:url(../images/logo.png) 0 0 no-repeat; width:325px; height:167px; overflow:hidden; cursor:pointer;}
#index #logo { background:url(../images/logo-home.png) 0 0 no-repeat; width:221px; height:118px;}
#logo:focus { outline:none;}
#logo span { display:block; text-indent:-5000px; cursor:pointer;}


/* right panel */
#main { overflow:hidden;}

#topmenu { margin: 0; padding:20px 0 12px 0px; float:right; font-size:9pt;}
#topmenu li { display:inline; margin:0 8px;}
#topmenu li a { text-decoration:none;}

h1 {margin:0; padding:0}

#main h1 {
	clear:both; overflow:hidden;
	font-size:44px; line-height:50px; color:#fff;
	padding:21px 22px 20px 0; text-align:right;
	text-transform:lowercase;
}
#main .none_lowercase {
	clear:both; overflow:hidden;
	font-size:44px; line-height:50px;
	padding:21px 22px 20px 0; text-align:right;
	text-transform:none !important;
}
#index #main h1 {
	padding:0; height:170px;
	background:#ff5202 url(../images/home.jpg) 100% 0 no-repeat;
}
#index #main h1 span {display:block; padding: 500px 0 0 0;}

.green #main h1 { background-color:#bfd730;}
.green #main h1 span { color:#86990f;}
.rose #main h1 { background-color:#ed106f;}
.rose #main h1 span { color:#ff88bb;}
.orange #main h1 { background-color:#ef7d1f;}
.orange #main h1 span { color:#9b4601;}

.greenContent { color:#bfd730; font-size: 13px; line-height: 18px;}
.pinkContent { color:#ed106f; font-size: 13px; line-height: 18px;}
.faqs { font-size: 13px; text-decoration:none;}
.faqs ul { float:left; overflow:hidden; margin:0 40px 0 0; padding:0; list-style-image:url(../images/arrow.gif);}

.greenImg { margin:0 20px 20px 0; padding:5px; list-style:none; float:left; border:1px solid #bfd730;}
.pinkImg { margin:0 20px 20px 0; padding:5px; list-style:none; float:left; border:1px solid #ed106f;}

#content { padding:10px 22px; margin:25px 0 0 0; overflow:hidden;}
#index #content { padding:0; margin:22px 0 0 0;}
.green #content { background:url(../images/bg_content_green.png) 0 0 repeat;}
.rose #content { background:url(../images/bg_content_rose.png) 0 0 repeat;}


/* footer */
#footer { background:url(../images/bg_footer.png) 0 0 repeat; margin:20px 0 0 0; padding:10px 0 15px 20px; clear:both; font-size:9pt; overflow:hidden;}
.footerel_left { float:left; overflow:hidden; padding-bottom: 10px;}
.footerel_left ul {width: 150px;} 
.footerel_center { float:left; overflow:hidden; margin: 0 15px 20px 0; padding:0 0 0 20px; border-left:1px solid #413938; width:350px;}
.footerel_zumba { float:left; overflow:hidden; margin: 0 15px 20px 0; padding:0 0 0 20px; border-left:1px solid #413938;}
.footerel_right { float:left; overflow:hidden; margin: 0 15px 20px 0; padding:0 0 0 20px; border-left:1px solid #413938;}
.footerel_bottom { float:left; overflow:hidden; padding:20px 0 0 0; border-top:1px solid #413938;}
#footer ul { float:left; overflow:hidden; margin:0; padding:0 30px 0 0; list-style:none;}
#footer td { padding:0 20px 0 0;}
#footer a { text-decoration:none;}
td.footerContact {
	padding-top: 5px;
}

/* subfooter (copyrights & developer) */
#subfooter {clear:both; color:#504d4e; margin:12px 0 10px 0; font-size:8pt;}
#subfooter a {color:#504d4e; text-decoration: none;}


/* ---------------------------------------------------------------------------- different pages blocks` styles */

/* gallery */
.gallery { margin:0 0 -4px -20px; padding:16px 0 0 0; list-style:none; overflow:hidden;}
.gallery li { margin:0; padding:0 0 20px 20px; list-style:none; float:left;}
.gallery li a { display:block; padding:7px 8px;}

.green .gallery li a { border:1px solid #bfd730;}
.rose .gallery li a { border:1px solid #ed106f;}
.orange .gallery li a { border:1px solid #ef7d1f;}

#content .gallery li img { margin: 0; padding: 0; border: 0; }

/* timetable */
.selector {overflow:hidden; width:470px; padding:12px 0; }
.selector2 {overflow:hidden; width: 100%; padding:12px 0 0px 0; }
.label { font-size:14pt; float:left; line-height:27px; width: 200px;}
.input { float:left; }
select.areaSelection { font-size:14pt; color:#ed106f; width:222px;}

.btnPolefitness { float: right; }
.btnPolefitness img { padding: 0 !important; border: 0 !important; display: block; }

.green .filerresult { border:1px solid #bfd730; }
.rose .filerresult { border:1px solid #ed106f; }
.orange .filerresult { border:1px solid #ef7d1f; }

.filerresult { overflow:hidden; margin:19px 0 0.6em 0; padding:20px; }

.filterels { overflow:hidden; margin:1em -40px 2em 0;}
.filterel { float:left; margin:0 40px 0 0;}
.moreinfo { float:right; padding:10px 12px; border:1px solid #fff; font-weight:bold;}
.moreinfo a { text-decoration:none; font-weight: normal;}
.moreinfo a:hover { color:#ef7d1f; }

h2.areaTitle { margin: 0; padding: 0; text-transform: uppercase; }
div.areaDescription { float: left; width: 100%; margin-bottom: 10px; }

/* map */
div.gMap iframe {
	width: 660px;
	height: 500px;
}

/* contact */
.contactInputSmall {overflow:hidden; float:left; width:200px; border:1px solid #bfd730; color:#bfd730; font-size: 11px; padding: 5px; background-color:#42481b; 	font-family:"Lucida sans unicode", Geneva, Arial, Helvetica, sans-serif;}
.contactInputBig {overflow:hidden; float:left; width:666px; border:1px solid #bfd730; color:#bfd730; font-size: 11px; padding: 5px; background-color:#42481b; font-family:"Lucida sans unicode", Geneva, Arial, Helvetica, sans-serif;}
.contactInputBtn {overflow:hidden; float:left; border:1px solid #bfd730; color:#bfd730; font-size: 11px; padding: 2px; background-color:#42481b; font-family:"Lucida sans unicode", Geneva, Arial, Helvetica, sans-serif; margin-right: 10px; margin-top: 10px;}

/* mainpage */
#shortcut1, #shortcut2, #shortcut3 { float:left; text-decoration:none; width:191px; margin:0 25px 0 0; overflow:hidden;}
#shortcut3 {margin:0;}
#shortcut1:hover, #shortcut2:hover, #shortcut3:hover { color:#fff;}

#shortcut1 h3, #shortcut2 h3, #shortcut3 h3 { padding:16px 16px 10px 0; margin:3px 0 0 0; font-size:11pt; text-align:right;}
#shortcut1 h3 {background-color:#bfd730;}
#shortcut2 h3 {background-color:#ed106f;}
#shortcut3 h3 {background-color:#ef7d1f;}

#shortcut1 h3 span, #shortcut2 h3 span, #shortcut3 h3 span { font-size:9pt; display:block;}
#shortcut1 h3 span { color:#86990f;}
#shortcut2 h3 span { color:#ff88bb;}
#shortcut3 h3 span { color:#9b4601;}

img.indexLImg1 {
	margin: -86px 0 0 10px;
}
img.indexLImg2 {
	margin: -52px 8px -4px 7px;
}

/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }