* {padding:0; margin:0}
html, body {height:100% !important;}
html {background: url(../images/html-bg.gif) repeat top left;}
body {margin:0 auto; text-align:center; background:#3a3a3a url(../images/background.jpg) repeat-x top left; font:normal 90%/120% Tahoma, Arial, Helvetica, sans-serif; color:#a09797;}

p {padding:7px 0;}
td {vertical-align:top;}

#MainLayout {margin:0 auto; width:1050px; height:100%; background: url(../images/main-layout.jpg) no-repeat top left; text-align:center;}

#top-left-nav {float:left; color:#868686; font-size:75%; padding:7px 0 0 75px;}
#top-left-nav ul li {display:inline-block; list-style:none; float:left;}
#top-left-nav ul li a {color:#868686; text-decoration:none; padding:0 5px;}
#top-left-nav ul li a:hover {color:#b92626}

#top-navigation {float:right; color:#fefcbf; font-size:75%; padding:7px 60px 0 0;}
#top-navigation ul li {display:inline-block; list-style:none; float:left;}
#top-navigation ul li a {color:#fefcbf; text-decoration:none; padding:0 20px;}
#top-navigation ul li a:hover {color:#dddddd;}

/* header */
#header {padding:0; margin:0; display:block;}

/* logo */
#logo {padding:0 0 0 55px; text-align:left; clear:both;}
#logo h1 {overflow:hidden; padding:0; margin:0; text-align:right; width:272px; height:97px;}
#logo h1 a {font:normal 120% Tahoma, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
#logo h1 a:hover {text-decoration:none;}
#logo h1 img {float:left}

ul#newz {margin:0; padding:10px 0 0 80px;}
ul#newz li {list-style:none; display:block; float:left; font-size:75%; width:280px !important; text-align:left; color:#999999; background: url(../images/newz-separator.png) no-repeat top right; padding-right:15px}
ul#newz li#last-newz {background:none; width:250px;}
ul#newz li a {color:#b92626; text-decoration:none; font:bold 110% tahoma, Arial, Helvetica, sans-serif;}
ul#newz li a.newz-button {background: url(../images/newz-button.gif) no-repeat top right; padding:0 20px 7px 0;}
ul#newz li img.icon {margin-bottom:50px;}

/* home banners */
#banners {padding:30px 78px; font-size:90%; text-align:left;}
#banners table td {padding-right:15px}
#banners h2 {font:normal 130% Tahoma, Arial, Helvetica, sans-serif; margin:15px 0 5px 0;}
#banners h2 a {color:#f6f37f; text-decoration:none;}
#banners a {color:#f6f37f; display:block; padding-top:3px;}
#banners a:hover {text-decoration:none;}
#banners td#last-banner {padding-right:0px}

/* GALLERY */
.gallery {width:100%; padding-bottom:13px}
.image {float:left; border:1px solid #727272; background:url(../images/bg-image.png) repeat top left; height:94px; width:130px; margin:0 15px 15px 0; padding:0;text-align:center}
.image img {margin:5px auto auto auto;}

#img_navigation {padding-bottom:10px; text-align:center}
#img_navigation a  {padding:2px 10px; font: bold 0.9em tahoma, verdana; text-transform:uppercase; background:none; text-decoration:none}
#img_navigation a:hover {color:#F4F166;}
#img_navigation span.a_disabled {color:#666; font:bold 0.9em tahoma, verdana; text-transform:uppercase; text-decoration:none}

#img_navigation2 {text-align:center; clear:both; font:bold 85% tahoma, Arial, Helvetica, sans-serif}
#img_navigation2 span, #img_navigation2 a {color:#c5c36a !important;}

#big_img {border:1px solid #727272; background:url(../images/bg-image.png) repeat top left; margin-bottom:10px;} 
#big_img img {margin:20px auto 10px auto; border:1px solid #727272}
#big_img div {font-size:0.9em; text-align:center; padding:2px 10px; color:#c5c36a}
#big_outer {text-align:center}
#img_navigation #sp_prev, #img_navigation #sp_next {border-width:0;}
#divPhotoLink a {font-weight:normal}

/* footer */
#Footer {border:1px solid #666565; background:url(../images/bg-footer.png) repeat top left; color:#a09797; width:900px; text-align:left; font:normal 75%/180% tahoma, Arial, Helvetica, sans-serif; margin:30px auto; padding:30px 0 20px 0}
#Footer ul {margin:0 0 0 30px}
#Footer ul li {display:block; float:left;}
#Footer ul li#footer-li-1 {width:200px;}
#Footer ul li#footer-li-1 img {padding:0; margin:0}
#Footer ul li#footer-li-2 {width:360px;}
#Footer ul li#footer-li-3 {border-top:1px dotted #666565; width:310px; padding-top:7px; margin-top:70px}
#Footer ul li a {color:#a09797;}
#Footer ul li a:hover {color:#ffffff;}
#Footer ul li strong {font-size:140%;}

.clear {clear:both; height:1px;}

/* secondary pages */
#secondary-page {margin:50px 75px 20px 75px;}
#secondary-page a {color:#dcdcdc;}
#secondary-page a:hover {color:#c5c36a}

#secondary-navigation {float:left; text-align:left; width:250px; margin-top:7px}
#secondary-navigation li {list-style:none; border-bottom:1px dotted #474747; padding-bottom:10px; margin-bottom:10px;}
#secondary-navigation li a {color:#666666; text-decoration:none; display:block; width:250px;}
#secondary-navigation li a:hover {color:#dddddd;}

#secondary-navigation li {display:none;}
/* about us navigation */
#about-us #secondary-navigation li.about-us, #resident-djs #secondary-navigation li.about-us, #dj-wall #secondary-navigation li.about-us, #crew #secondary-navigation li.about-us, #contact #secondary-navigation li.about-us, #online-shop li.online-shop {display:block;}

/* forum navigation */
body#forum li.forum {display:block;}

/* podcasts navigation */
body#podcasts li.podcasts {display:block;}
li.iTunes {background:url(../images/content/itunes-podcast.png) no-repeat bottom left; padding:15px 0 10px 75px; margin:0 0 10px 0;}
span.i-Tunes {color:#f6f37f; font:normal 185%/100% tahoma, Arial, Helvetica, sans-serif}

/* newz navigation */
body#newz li.newz {display:block;}

/* events navigation */
body#events li.events {display:block;}

/* music navigation */
body#music li.music {display:block;}

#main-content {text-align:left; margin:0 0 0 290px; color:#a09797;}
#main-content h2, #main-content-full-width h2 {color:#c5c36a; font:normal 175% tahoma, Arial, Helvetica, sans-serif}
#main-content h3, #main-content-full-width h3 {color:#c5c36a; font:normal 120%/120% tahoma, Arial, Helvetica, sans-serif; margin-top:15px;}
#main-content h3 a, #main-content-full-width h3 a {color:#c5c36a; text-decoration:none;}

#main-content h4, #main-content-full-width h4 {color:#c5c36a; font:normal 100%/120% tahoma, Arial, Helvetica, sans-serif; margin-top:10px;}
#secondary-page #main-content ul, #secondary-page #main-content ol, #secondary-page #main-content-full-width ul, #secondary-page #main-content-full-width ol {margin-left:30px;}
#secondary-page #main-content li, #secondary-page #main-content-full-width li {margin:5px 0}
#secondary-page #main-content ul li, #secondary-page #main-content-full-width ul li {list-style-type:image; list-style-image:url(../images/list-item.png); padding-left:5px}

#main-content-full-width {text-align:left;}

#secondary-page table td, secondary-page table th {vertical-align:top; padding:3px 10px 10px 0}

img.img-border {border:1px solid #a09797;}
img.slinky {margin:0 10px 25px 0;}
a img {border:0;}
img.download {margin-right:5px;}

a.grey-button {color:#666666 !important; background:url(../images/grey-button-bg.gif) repeat-x top right; padding:8px 45px 8px 15px;  text-decoration:none; border-left:1px solid #ccc;}
a.grey-button:hover {color:#000000 !important;}

a.red-button {background:url(../images/red-button-bg.gif) repeat-x top right; padding:6px 45px 7px 15px;  text-decoration:none; border:1px solid #333; color:#cccccc !important;}
a.red-button:hover {color:#ffffff !important;}

a.blue-button {background:url(../images/blue-button-bg.gif) repeat-x top right; padding:6px 45px 7px 15px;  text-decoration:none; border:1px solid #333; color:#cccccc !important;}
a.blue-button:hover {color:#ffffff !important;}

a.special-link {color:#f6f37f !important; background:url(../images/special-link-yellow.png) no-repeat top right; text-decoration:none; font-weight:bold; display:inline !important; padding:0 20px 0 0 !important;}

/* dj gallery */
.dj_gallery {width:100%; padding-bottom:10px}
.dj {float:left; text-align:center; padding:5px}
.dj img {margin-bottom:5px; border:1px solid #a09797}

/* contact form */
address {font-style:normal; display:block; padding:15px 0 25px 0}
#frmContact {padding:10px 0 10px 30px}
input, textarea, select {border:1px solid #666666; background-color:#333333; color:#cccccc; font:90% verdana; padding:2px 5px;}
input.edit {width:250px}
select {width:167px;}
textarea {width:230px; height:75px}
input.button {padding:3px 15px 3px 15px; border:1px solid #666666; color:#999999; background-color:#333333; font-size:80%; font-family:tahoma; cursor:hand;}

/* forum */
.msgheader {padding:10px 0; margin:10px 0; border-top:1px dotted #474747;}
.msgheader span {float:right; color:#666}
.checkbx {border:0; background-color:none;}

/* MODAL WINDOWS */

/* Popup Boxes */
.popup							{display: none;}

/* Overlay Styling */
#TB_overlay 					{position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%;}
/*.TB_overlayMacFFBGHack 			{background: url(../images/bg-modal.png);}*/
/*.TB_overlayBG 					{background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}*/

* html #TB_overlay 				{position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window 						{position: fixed; z-index: 102; display: none; text-align: left; top: 90px; left: 690px;}

* html #TB_window 				{position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

#TB_closeWindowButton			{display: block; background: url(../images/close.png); height: 27px; width: 26px; position: absolute; top: 18px; right: -26px; }

#TB_ajaxContent					{background: url(../images/subscription-form.png) no-repeat top left; color:#333333; clear: both; overflow: auto; text-align: left; padding:40px 30px 30px 30px;}
#TB_ajaxContent input {background:#ffffff; border:1px solid #cccccc; color:#333333;}
#TB_ajaxContent input.button {color:#b92626; font:bold 65% tahoma, Arial, Helvetica, sans-serif; padding:2px 26px}
#TB_ajaxContent td {padding-top:15px;}

#TB_load						{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load 				{ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect					{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect 			{ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent				{ clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }

/********************* podcast scroll *********************/

#screen {position:relative;}
#screen ul li {list-style-image:none !important; list-style:none;}
#screen ol li { list-style:decimal}

#podcasts-navigation ul {display:block; width:600px; height:30px; padding:0 !important; margin:0 !important;}
#podcasts-navigation li {float:left; padding-left:0; margin-left:0;}	

#sections {overflow:hidden; border-top:1px dotted #474747; margin-top:10px; padding-top:10px;}
	
#sections ul {width:15000px;}	
#sections ul li.scroll {float:left; width:620px;}

/******************************* additional content styles ***********************/
.mleft10 {margin-left:10px;}


/* ecommerce online shop */
hr {display:none;}
#online-shop textarea {display:none;}
input.checkoutbutton {border:0; background:none !important;}
input.buybutton {cursor:hand !important;}
input.buybutton, a.buybutton {background:url(../images/btn.gif) repeat-x top left; dispaly:block; padding:5px 12px; border:1px solid #404040; text-decoration:none; font:bold 75% verdana;}
a.mincart, .prodnavigation a {background:none; text-decoration:underlined; border:0; padding:0;}
#online-shop #secondary-navigation table td {padding:3px 0 0 0; margin:0}
#online-shop #secondary-navigation li a {display:inline}