/* Long Legs */

/* COLOURS 
   
   pink:          #ea3186
      
*/

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 14px;
	font-family: Calibri, Helvetica Narrow, sans-serif;
	vertical-align: baseline;
}


/* GENERAL */
body { background-image: url(images/body_bg.jpg); background-repeat: repeat; color: white; }
body#vip { background-image: url(images/vip_body_bg.jpg); background-repeat: repeat; color: white; }
.clear { clear: both; }
h3 { font-size: 20px; line-height: 26px; margin: 0 0 20px; color: #f64ed0; }
p { line-height: 20px; }
.float_right { float: right; }
.float_left { float: left; padding: 20px; }
a { text-decoration: none; color: #CACF43; }
a:hover { color: #000000; }
.thickbox { float: left; padding: 5px; }



/* LAYOUT */
#wrapper { width: 980px; margin: 0 auto; position: relative; }
#body_wrapper { min-height: 498px; margin-top: 160px; width: 842px; float: left; background-image:url(images/body_wrapper_bg.jpg); background-repeat: repeat; border: 1px solid #000; border-right: none; }
#body_inner_wrapper { min-height: 460px; width: 800px; margin: 20px 0 0 20px; border: 1px solid #717272; background-color: #0b0b0c; }
#photo_sidebar { margin-top: 160px; float: right; }
#body_left { width: 340px; float: left; }
#body_text { width: 440px; float: left; }
#contact_text { width: 300px; float: left; padding: 0 20px 20px; }


/* VIP page: */
body#vip #body_inner_wrapper { border: 1px solid #ecd11d; }


/* GALLERY */
#body_inner_wrapper a img { margin-top:15px; opacity: 0.6;
/* For IE 5-7 */
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
/* For IE 8 */
	-MS-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#body_inner_wrapper a img:hover { opacity: 1.0;
/* For IE 5-7 */
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 */
	-MS-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/* CUSTOM TYPOGRAPHY */
h1#logo { background-image: url(images/logo.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; height: 170px; width: 250px; position: absolute; top: 0px; left: 15px; }
h2#home_title { background-image: url(images/home_title.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; height: 180px; width: 380px; margin-top: -60px; float: left; }
h2#events_title { background-image: url(images/events_title.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; height: 180px; width: 380px; margin-top: -60px; float: left; }
h2#gallery_title { background-image: url(images/gallery_title.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; height: 180px; width: 320px; position: absolute; top:460px; right: 100px;  }
h2#membership_title { background-image: url(images/membership_title.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; height: 180px; width: 460px; margin-top: -60px; float: left;  }
h2#vip_title { background-image: url(images/vip_title.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; height: 110px; width: 180px; margin : 20px 20px 0; float: left;  } 
h2#contact_title { background-image: url(images/contact_title.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; height: 128px; width: 352px; margin-top: 0px;  } 



/* NAVIGATION */
ul#nav { position: absolute; right: 0px; top: 130px; }
ul#nav li { display: inline; margin: 0 15px; }
ul#nav li a {  text-decoration: none; color: white; }
ul#nav li a:hover, ul#nav li#current a { color: #dcb631; border-bottom: 1px solid; }


/* CONTACT page: */
#contact_side_body { position: absolute; right: 158px; top: 292px; }

/* SLIDESHOW */
#slideshow { position: relative; height: 460px; width: 800px; }
#slideshow img { position: absolute; z-index: 8; opacity: 0.0; }
#slideshow img.active { z-index: 10;  opacity: 1.0; }
#slideshow img.last-active {  z-index: 9; }


/* VIP */
p#vip_text { float: left; width: 260px;padding-top: 40px; font-size: 16px; }