html, body { background-color: black; height: 100%; }
iframe { background-color: black; }
fieldset { border: none; padding: 0px; margin: 0px; }
a *, input, a { outline: none; }
a { color: #999999; }
a:visited { color: #777777; }
a:hover { color: #cccccc; }
body {
	background-color: black;
	color: white;	 

	margin: 0px; 
	padding: 0px; 
	
	font-family: "Trebuchet MS", Arial, sans;
}
a img { border: none; outline: none; }
/* Menu */
div#menu {
	background: url('design/menu_bg.jpg');
	width: 1014px;
	height: 239px;
	color: grey;
}
object { outline: none; border: none; }

/* menu-menu */
div#menu ul { 
	list-style: inside; 
	display: inline-block; 
	background-color: #000000;
	
	border: none ;
	border-top: 7px solid white;
	padding: 0px;
	margin-top: 152px;
	margin-left: 227px;
	margin-bottom: 0px;
	position: relative;
	width: 787px;
	height: 60px;
}
/* menu-submenu */
div#menu li ul {
	background: none; 
	display: inline;
	visibility: hidden;
	position: absolute;
 	margin: 0px auto;
	margin-top: 1.5em;
	margin-left: -10%;
	
	top: 1em; 
	border: none;

	height: auto;
	width: auto;
} div#menu li:hover ul { display: inline; visibility: visible;}

/* menu-item */
div#menu li { 

	list-style: inside;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	margin-right: 4px;
	margin-top: 18px;
	height: 50px;
	color: #ffffff;
	font-size: 1em;
}
div#menu li.first { padding-left: 0px; }
div#menu li:hover { 
	color: #ffffff;
}
/* menu-link */
div#menu a { 
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	text-shadow: #eeeeee 1px 0px 2px;
}
div#menu a:hover { 
	color: #ffffff;
	text-shadow: #eeeeee 2px 0px 3px;
}
/* submenu-item (subdue) */
div#menu ul li ul li {height: auto;}

/* Wrappers / Collumns */
div#wrap {
	height: 1287px;
	float: left;
	width: 1014px;
	position: relative;
	margin-right: -507px;
	border: 0px solid blue;
	
	background: url('design/bg_center.jpg');
	background-repeat: no-repeat;
	background-color: black;
	background-position: 0px 0px;
}
div#padl, #padr {
	margin: 0px auto;

	height: 1287px;
	border: none;
	float: left;
	width: 50%;
	background-repeat: no-repeat;
}
div#padl {
	margin-left: -507px;

	background-image: url('design/bg_left.jpg');
	background-position: top right;
}
div#padr	{
	margin-right: -507px;
	
	background-image: url('design/bg_right.jpg');
	background-position: 507px 0px;
}

/* Content */
h1 {
	text-decoration: none;
	font-weight: normal;
	font-size: 1.7em;
	margin-top: 1em;
}
div#page {
    position: absolute;
    right: 1px;
    
	border: none;
	width: 792px;
	height: 752px;

	background: url('design/content_pane.jpg');

	color: #ffffff;
	padding: 0px;
	margin: 0px;
}
div#page div#content {
	margin-top: 35px;
	margin-left: 36px;
} 
div#content {
	text-align: justify;
	width: 700px;
	height: 643px;
	border: none;

	font-size: 1em;

	/* scrollhand(): */
	overflow: hidden;
	position: relative;
	padding-right: 20px;
	cursor: default;	
}
div#content p.skip {
	clear: both;
	margin-top: 25px;
	width: 100%;
	height: 20px;
	display: block;
}

/* scrollhand(): */
div#content.drag {
	cursor: move;
}
div.scroller {
	position: absolute;
	top: 299px;
	right: 20px;
	height: 570px;
	width: 10px;

	margin: 0px; padding: 2px;
	margin-left: 20%;
}
div.slider {
	position: relative;
	margin: 0px;
	border: 1px solid white;
	background-color: white;
	height: 20px;

	border-top: 1px solid #7b7b7b;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	border-bottom: none;
}
/* Internal Images */
div#content div.bimg {
	clear: right;
	float: right;
	margin-left: 20px;
	margin-bottom: 26px;
	border-top: 1px solid #7b7b7b;
	border-bottom: 1px solid #7b7b7b;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	cursor: pointer;
}
div#content div.bimg p {
	margin: 0px;
	display: block;
	font-size: 11px;
	color: #cccccc;
	text-align: center;
}
/* faders */
div#tf {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 68px;
	border: 0px solid green;
	background-color: red;
	background: url('design/fade_up.png') repeat-x;
}
div#bf {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 119px;
	border: 0px solid green;
	background: url('design/fade_down.png');
	background-repeat: no-repeat;
}
div#lf {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 60px;
	height: 100%;
	border: 0px solid green;
	background: url('design/fade_left.png');
}
div#rf {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 60px;
	height: 100%;
	border: 0px solid green;
	background: url('design/fade_right.png');
}

/* Photo-fade */
div.imgfade {
 background: url('design/photo_fader.png');
 position: absolute;
 display: block;
 border: none;
 width: 150px;
 height: 104px;
}
div.imgfade:hover,
.img:hover .imgfade {
 visibility: hidden;
}
div.imgfade img { border: none; margin: 0px; padding: 0px; }

/* Index page ( 4 promo ) */
div#index {
	border: 0px solid green;
	display: inline-block;
	margin: 0px;
	margin-left: 158px;
	margin-top: 25px;
}
div#index div {
	display: block;
	float: left;
	
	margin: 0px;
	margin-right: 30px;
	margin-bottom: 30px;	
	
	cursor: pointer;

	width: 191px;
	height: 268px;
}
div#index div:hover {
	display: block;
	float: left;
	width: 195px;
	height: 272px;

	margin: 0px;
	margin-right: 26px;
	margin-bottom: 26px;	
	
}
div.raip {
	width: 100%;
	height: 100%;
	display: inline;
	padding: 0px; 
	margin: 0px;
	background: url('design/rainbow.jpg');
}
div.raip:hover {
	margin: 0px;
}
div#index div.imgfade {
	width: 199px;
	height: 280px;
}
div#index img {
	border: 1px solid white;
	display: inline;
	width: 100%;
	height: 100%;
	opacity: 0.95;
	margin: 0px;	
	cursor: pointer;
}
div#index img:hover {
	opacity: 1;
}



div#media {
	position: absolute;
	top: 239px;
	left: 95px;
	margin: 0px;
	border: 0px solid red;
}
div#player {
	height: 20px;
	margin-top: 40px;
}

div#billboard {
	border: none;
	margin-left: 164px;
	margin-top: 30px
}

/* ..event.? */

img.promo { display: block; margin: 20px; margin-left: 40px;}
/* ... */
div#eimg div.img,
div#gall div.img,
div#timg div.img 
{ 
	width: 150px; display: inline-block; text-align: center;
	height: 100px;
	border: 0px solid #eeeeee;
	vertical-align: top;
	 cursor: pointer;
	 margin-right: 15px;
	 margin-bottom: 15px;
}
div#eimg div.img img,
div#gall div.img img,
div#timg div.img img {
	border: 1px solid #eeeeee;
}
div#timg,
div#gall,
div#eimg {
	margin: 1em;
}
/* Normal Gallery */


/* Virtual Gallery */
div.gal { background-color: #000000; visibility: hidden; word-spacing: -.5em; display: block; position: relative; width: 740px; 
	font-size: 0em;/* WebKit hack */
}
/* Links with images (thumbnails) */
div.gal a { outline: none; display: inline-block; border: 4px solid black; padding: 0px; margin: 0px; width: 177px; height: 140px;
 margin-right:-0.4em;/* WebKit hack */
}
div.gal a:hover { border-color: #101010; }

div.gal img { opacity: 0.85; padding: 0px; margin: 0px; width: 100%; height: 100%; border: none; cursor: pointer; }
div.gal img:hover { opacity: 1; }

div.gal { background: url('design/rainbow.jpg'); background-position: 0px 0px; }

/* The Large One */
div.gal div { position: absolute; display: none; word-spacing: -.5em; border: 4px solid black; }
div.gal div img { width: 100%; height: 100%; opacity: 1; cursor: sw-resize; }

/* Membership card */
form#mf {
	margin-top: 1em;
	margin-bottom: 1em;
}
form#mf input.if { 
display: block; width: 250px; border: none; background: white;
font-size: 12pt;  
border-bottom: 1px solid black;
}
form#mf label { clear: both; display: block; float: left; width: 170px; text-align: right; padding-right: 20px;}
form#mf input.saveb { display: block; float: none; clear: both; margin-left: 120px; margin-top: 1em; }   


/** Admin **/


/* 'The' Fader & 'The' Subwindow */
div#fader { 
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1287px;
	background: url('design/fader.png');
}
div#fader.off {
	visibility: hidden;
}
div#fader.on {
	visibility: visible;
}
div#loginbox {
	display: none;
	background: url('design/logo.png');
	background-repeat: no-repeat;
}
img.logo {
	margin: 1em auto;
	border: none;
}
div#loginbox input,
input.passi, input.texti {
	border: none;
	width: 100%;
	background-color: #ffffff;
	margin: 2px;
	width: 300px;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
input.login {
	background: url('design/admin/buttons.png') no-repeat;
	background-position: -88px -18px;
	width: 44px;
	height: 18px;
	border: none;
	cursor: pointer;
	margin: 1em auto;
	margin-bottom: 0px;
}
input.login:hover
{
	background-position: -88px 0px;
}

div#subwindow {
	display: none; 
	position: relative;
	top: 239px;
	left: 0px;
	right: 0px;
	margin-left: 360px;
}
div#subwindow a {
	color: #eeeeee;
}
div#subwindow a:hover {
	color: #ffffff;
}
div#subwindow input {
	display: block;
}
div#subwindow img { display: block; }
a.close {
	position: absolute;
	top: 14px;
	right: 14px;
	background: url('design/icons/closes.png') no-repeat;
	width: 13px;
	height: 13px;
	display: block;
	border: none;
	outline: none;
	text-decoration: none;
}
a.close:hover {
	background-position: -13px 0px;
}


/* DJ PAGE */
div#speople div:hover .imgfade {
	visibility: hidden;
}
div#speople .imgfade {
	margin-top: 4px;
	margin-left: 8px;
}
div#speople {
	position: relative;
	width: 660px;
	height: 252px;
	overflow: hidden;
	white-space: nowrap;
	margin-left: 22px;
	margin-top: 12px;
	padding: 0px;
	padding-left: 30px;
}
div#speople p.skip {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 2px;
}
div.hscroller {
	position: absolute;
	top: 610px;
	left: 188px;
	height: 10px;
	width: 590px;

	margin: 0px; padding: 2px;
	margin-left: 120px;
}
div.hslider {
	position: relative;
	margin: 0px;
	border: 1px solid white;
	background-color: white;
	height: 10px;

	border-top: 1px solid #7b7b7b;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	border-bottom: none;
}
div.pers {
	display: inline-block;

	background: url('design/under_dj.png') no-repeat;

	border: none;
	border-top: #111111 solid 1px;
	border-left: #111111 solid 1px;

	margin: 0px;
	width: 165px;
	height: 248px;
	vertical-align: top;
}
.drop div.pers:hover {
	border-top: #333333 solid 1px;
	border-left: #333333 solid 1px;
}
div.pers a {
	border: none;
	margin: 4px;
	margin-left: 0.5em;
	display: inline-block;
	text-decoration: none;
	color: white;
}
div.pers img {
	max-width: 154px;
	max-height: 100px;
	margin-top: 3px;
	border: 1px solid #dfdfdf;
}
div.pers h3 {
	margin: 0.4em 2px;
	margin-bottom: 0px;
	font-size: 14px;
}
div.pers p {
	margin-top: 4px;
	margin-left: 2px;
	font-size: 11px;
	color: #cccccc;
}



/* Promo */
div.index { 
	visibility: hidden;
}
div.promo {
	border-top: 3px solid white;
	text-align: center;
	border-bottom: 4px solid white;
	min-width: 400px;
}
div.promo a.close {
	top: 13px;
	right: 12px;
}
div.promo h1 {
	display: inline-block;
	margin: 20px;
}
div.promo h2 {
	display: inline;
	color: #cccccc;
}
div.promo img { display: block; width: auto; margin: 0px auto; }

div.promo p { font-size: 11pt; }

/* Subwindow(s) */
div.t { background: url('design/border/t.png') top; }
div.tr { background: url('design/border/tr.png') top right; }
div.tl { background: url('design/border/tl.png') top left; }

div.b { background: url('design/border/b.png') bottom; }
div.br { background: url('design/border/br.png') bottom right; }
div.bl { background: url('design/border/bl.png') bottom left; }

div.l { background: url('design/border/l.png') left; }
div.r { background: url('design/border/r.png') right; }

div.l, div.r { background-repeat: repeat-y; }
div.t, div.b { background-repeat: repeat-x; }
div.tr, div.tl, div.br, div.bl { background-repeat: no-repeat; }

div.w { display: inline-block; background: url('design/border/back.jpg'); background-position: 0px 0px; border: 1px solid white; }
div.c { padding: 26px; color: white; padding-top: 18px; padding-right: 36px;}


/* footer */
div#footer {
	display: block;
	border: 0px solid red; 	
	bottom: 34px;
	left: 0px;
	position: absolute;
	width: 100%;
	height: 1em;
}
div#footer p, 
div#footer a { position: absolute; display: inline-block; font-size: 12px; border: none; top: 0em; height: 1em;
				margin: 0px; clear: both; 
				color: #ffffff; text-decoration: none; 				
			 } 
div#footer p.addr { left: 65px; }
div#footer p.phone { left: 295px; }
div#footer a.card { left: 575px; }
div#footer a.subs { left: 710px; }


/* Carryover from admin... */
a.saveb,
input.saveb {
	content: '';
	background: url('design/admin/buttons.png') no-repeat;
	background-position: -88px -18px;
	width: 44px;
	height: 18px;
	float: right;
	border: none;
	cursor: pointer;
}
a.saveb:hover,
input.saveb:hover
{
	background-image: url('design/admin/buttons.png');
	background-position: -88px 0px;
}