#container{
	background-color: #f3f3f3;
	width: 100%;
	min-width: 1024px;
	/* IE Dynamic Expression to set the width */
	/*width:expression(document.body.clientWidth < 1024 ? "1008px" : "100%" );*/
	height: 580px; /* minus margin top */
	/*margin-top: 5px;  this and height must add up to 620 */
	position: absolute;
	left: 0px;
	top: 0px;
}
*html #container{
	margin-left: -2px;
}
#content{
	position: absolute;
	top: 0px;
	left: 0px;
}
#subscribe{
	position: absolute;
	left:780px;top:500px;
	width:220px;
	height:100px;
	background: transparent;
	background-image: url('../art/bubble.png');
	z-index:40000;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
}
*html #subscribe{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='art/bubble.png');
}
	#subscribe-content{
		margin: 10px;
	}
	#subscribe-close{
		position: absolute;
		right: 5px;
		top: 5px;
	}
#music{
	position: absolute;
	left: 950px;
	top: 550px;
	z-index: 30000;
	overflow: visible;
}
html>body #music{
	top: 540px;
}
#sidebar{
	float: left;
	width: 235px;
	height: 525px;
	background-color: #ffffff;
}
	#sidebar #promo{
		list-style-type: none;
		text-align: right;
		position: absolute;
		z-index: 55;
		top: 0px;
		left: 0px;
		margin-left: 0px;
		height: 230px;
		width: 241px;
		/*width: 100px;*/
	}
	#sidebar #promo p{
		color: #999999;
	}
	#sidebar #nav{
		list-style-type: none;
		text-align: right;
		position: absolute;
		top: 255px;
		right: 10px;
	}
	#sidebar #nav li{
		width: 200px;
		text-align: right;
	}
	#sidebar #nav li a{
		font-size: 10pt;
		color: #666666;
	}
	#sidebar #nav li a:hover{
		color: #0099cc;
	}
	#sidebar #logo{
		display: block;
		position: absolute;
		width: 215px;
		top: 497px;
		left: 10px;
	}
	#sidebar #reservation{
		display: block;
		width: 215px;
		text-align: right;
		position: absolute;
		top: 445px;
		right: 10px;
	}
#sub-nav{
	position: relative;
	top: 200px;
	left: 10px;
	list-style-type: none;
	text-align: left;
}
	#sub-nav li a{
		font-size: 10pt;
		color: #666666;
	}
	#sub-nav li a:hover{
		color: #0099cc;
	}

#footer{
	position: absolute;
	top: 545px;
	left: 10px;
	width: 390px;
	font-size: 8pt;
	color: #999999;
}
*html #footer{
	width: 390px;
}
#footer-menu{
	position: absolute;
	top: 545px;
	left: 710px;
	width: 230px;
	font-size: 8pt;
	color: #333333;
	z-index: 3899;
}
*html #footer-menu{
	width: 230px;
}

	#footer-menu a:link,
	#footer-menu a:active
	#footer-menu a:visited{
		font-size: 8pt;
		color: #333333;
		text-decoration: none;
	}
	#footer-menu a:hover{
		color: #0099cc;
	}
	#footer-menu .pipe{
		margin: 0px 8px;
		color: #cccccc;
	}
	
/* Dynamic elements */
#wrapper{ /* Core wrapper - this gets updated by AJAX*/
	width: 760px;
	height: 575px;
	position: absolute;
	left: 235px;
	z-index: 50;
	display: block;
	overflow: hidden; /* to hide scrolling */
}
	#wheel{
		margin-top: 250px;
		margin-left: 300px;
	}
	
#homepage-image{
	width: 760px;
	position: absolute;
	background-color: transparent;
}
	#homepage-text{
		position: absolute;
		top: 430px;
		left: -385px;
		/* z-index: 52; */
		z-index: 0;
		width: 330px;
		text-align: right;
	}
	#homepage-text-shadow{
		position: absolute;
		top: 390px;
		left: 351px;
		z-index: 51;
		width: 350px;
		text-align: right;
	}
	#homepage-text h1{
		font-size: 14pt;
		color: #ffffff;
	}
	#homepage-text-shadow h1{
		font-size: 20px;
		color: #333333;
	}
	#homepage-text p{
		font-size: 12px;
		color: #ffffff;
	}
	#homepage-text-shadow p{
		font-size: 12px;
		color: #333333;
	}
	#homepage-anim-ctrl{
		width: 200px;
		height: 20px;
		position: absolute;
		/* top: 465px; */
		top: 485px;
		left: 595px;
		text-align: left;
	}
	#homepage-anim-ctrl .ctrl{
		cursor: pointer;
		color: #666666;
		position: relative;top:0px;left:20px;
		float: left;
		width: 12px;
		height: 12px;
		margin-right: 5px;
		background-color: #000;
		/* border: 1px solid #dddddd; */
		border: 1px solid #dddddd;
		filter:alpha(opacity=40);
		opacity: 0.6;
		-moz-opacity:0.6;
	}
	*html #homepage-anim-ctrl .ctrl{
		height: 8px;
		font-size: 85%;
	}
	#homepage-anim-ctrl .ctrl-arrow{
		position: relative;top:0px;left:20px;
		float: left;
		margin-right: 5px;
		filter:alpha(opacity=60);
		opacity: 0.6;
		-moz-opacity:0.6;
		cursor: pointer;
	}

/* TIDY THESE UP! */
/*#pane,
#pane1,
#pane2{
	float: left;
	width: 273px;
	height: 545px;
	margin-left: 1px;
	background-image: url('../art/paneBg.gif');
	background-repeat: repeat-x;
	background-position: top left;
}*/
.wrapper-pane{
	width: 273px;
	height: 535px;
	background-image: url('../art/wrapperPaneBg.gif');
	background-repeat: repeat-x;
	background-position: top left;
	line-height: 1.3em;
	position:absolute;
}
	.pane-padding{
		margin: 10px;
	}
	.pane{
		width: 273px;
		height: 535px;
		background-image: url('../art/paneBg.gif');
		background-repeat: repeat-x;
		background-position: top left;
		line-height: 1.3em;
		position:absolute;
	}	
	.pane ul{
		padding-left: 15px;
	}
	.pane a:link,
	.pane a:active,
	.pane a:visited{
		color: #0081D6;
	}
	.pane a:hover{
		color: #3ca1df;
	}
	.pane-table-heading td{
		color: #222222;
		font-weight: bold;
		vertical-align: top;
	}
	.pane-table{
		border-top: 1px solid #cccccc;
		border-bottom:  1px solid #cccccc;
	}
	.arrow-left{
		float:left;
		width:125px;
		margin-left:10px;
	}
	.arrow-right{
		float:right;
		width:125px;
		text-align:right;
		margin-right:10px;
	}
	*html .arrow-right,
	*html .arrow-left{
		width: auto;
	}
#pane-sub-menu{
	position: absolute;
	left: 549px;
	width: 200px;
	z-index: 25000;
	height: 525px;
	margin-left: 1px;
	background-color: #ffffff;
}
	.pane-sub-menu-preloader{
		position:absolute;
		top:250px;
		left:90px;
	}
	#pane-content-intro{
		text-align: right;
		width: 165px;
		position: absolute;
		right: 10px;
		top: 10px;
		color: #30c3eb;
	}
#pane-img{
	position: absolute;
	left: 0px;
	margin-left: 1px;
}
	#pane-img-text{
		position: absolute;
		z-index: 10001;
		width: 200px;
		text-align: right;
		top: 195px;
		left: 333px;
		text-transform: capitalize;
		color: #ffffff;
		font-size: 14pt;
		font-weight: bold;
		/*filter:alpha(opacity=60);
		opacity: 0.6;
		-moz-opacity:0.6;*/
	}
	#pane-img-text-shadow{
		position: absolute;
		z-index: 10000;
		width: 200px;
		text-align: right;
		top: 196px;
		left: 334px;
		text-transform: capitalize;
		color: #333333;
		font-size: 14pt;
		font-weight: bold;
	}
#sub-pane-wrapper{
	position: absolute;
	left: 751px;
	height: 545px;
	z-index: 99000;
	width: 548px;
	overflow: hidden;
}

.ctrl{
	position:absolute;
	top:485px;
}
	.ctrl a.ctrl-btn:link,
	.ctrl a.ctrl-btn:active,
	.ctrl a.ctrl-btn:visited{
		color: #30c3eb;
		font-size: 9pt;
		display: block;
	}
	.ctrl a.ctrl-btn:hover{
		color: #aaaaaa;
	}
.event-pictures tr td img{
	cursor: pointer;
	padding: 2px 0px;
}
#viewer{
	position: absolute;
	top: 0px;
	left: -548px;
	width: 548px;
	height: 525px;
	background-image: url('../art/whitetransparent.png');
	background-repeat: repeat;
}
/**html #viewer{
	width: 548px;
	height: 525px;
	background: transparent;
	background-repeat: repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='art/whitetransparent.png', sizingMethod='scale');
}*/
	#viewer .viewer-ctrl{
		color: #0082D6;
		font-weight: bold;
	}
	#ev-img{
		width: 520px;
		margin: 0 auto;
	}
	#viewer #ev-info{
		width: 520px;
		margin: 0 auto;
		margin-top: 40px;
	}
	#viewer #ev-ctrls{
		width: 520px;
		margin: 0 auto;
	}
	#viewer img{
		vertical-align: middle;
	}
	#viewer #share{
		width: 520px;
		height: 347px;
		position: absolute;
		background-color: #ffffff;
		top: 67px;
		left: 14px;
		filter:alpha(opacity=80);
		opacity: 0.8;
		-moz-opacity:0.8;
	}
	#share-table{
		width: 250px;
		margin: 0 auto;
	}
	#share-table tr td{
		text-align: left;
		color: #000000;
	}
	#close-share{
		position: absolute;
		bottom: 5px;
		right: 5px;
	}
.download-box{
	background-color: #eeeeee;
	text-align: center;
	border: 1px solid #dddddd;
}
.download-box-padding{
	margin: 0 auto;
	padding: 10px;
}