/* @override http://www.heavenonearth.com.au/HoE-styles.css */

@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	color: #FFF;
	margin: 0px;
	padding: 0px;
	background: #0096e8 url(images/bgd-tile.gif) repeat-x left top;
	font: 13px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	behavior: url(iepngfix.htc);
}

/* @override http://watermarkglenelg.com.au/template/inc_css/wm-styles.css */

/* @group general */

a:link, a:visited {
	color: #0cf;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
	
}

img {
	border: none;
}

#logo img {
	behavior: url(iepngfix.htc);
}

#border {
	padding: 0px;
	width: 100%;
	text-align: center;
	height: 100%;
}

.box {
	text-align: left;
	width: 100%;
	height: 968px;
	overflow: hidden;
	background: url(images/hoe-bgd.jpg) no-repeat center top;
	z-index: -100;
	position: absolute;
	top: 0;
	left: 0;
}


#footer {
	width: 100%;
	margin: 10px 0;
	font-size: 10px;
	text-align: right;
	height: 30px;
	color: #83c3e4;
	float: left;
}

#footer a {
	color: #afd2e4;
}

#footer a:hover, #footer a:active, #footer a:focus {
	color: #0cf;
}

#footer p.fot1 {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
}

#footer p.fot2 {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
}

#border div.bgd {
	float: left;
	width: 100%;
	height: 100%;
	background: url(images/hoe-bgd.jpg) no-repeat center top;
}

/* @end */
#logo {
	left: 0px;
	width: 100%;
	text-align: center;
	height: 319px;
	position: absolute;
	top: 0;
	z-index: 100;
}

#flash_banner {
	width: 100%;
	height: 164px;
	background: url(images/hoe-banner.jpg) no-repeat center top;
	position: absolute;
	top: 44px;
	text-align: center;
	left: 0;
}

#flashcontent {
	text-align: center;
	width: 100%;
	overflow-x: hidden;
	
}

.newYears {
	behavior: url(iepngfix.htc);
	background: url(images/new-years-eve.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 291px;
	width: 374px;
	z-index: 400;
}

#banner {
	width: 726px;
	height: 336px;
	margin: 0 auto;
	position: relative;
	top: 250px;
	left: 0;
}

#banner div.video {
	width: 540px;
	height: 332px;
	float: left;
	background: url(images/vid-panelbgd.jpg) no-repeat 0 0;
}

#videoPlayer strong {
	float: left;
	margin-top: 50px;
	margin-left: 50px;
}

#hoe-video {
	margin-top: 5px;
}

#banner div.artistsBox {
	width: 93px;
	float: left;
	height: 330px;
	z-index: 500;
	position: relative;
}

#artists {
	float: left;
	width: 93px;
	height: 330px;
}

#banner div.artistsBox h1 img {
	float: right;
	margin-right: -18px;
	position: relative;
}

#artists strong {
	margin-top: -77px;
	color: #000;
	float: right;
	position: relative;
	font-size: 10px;
}

#banner div.sponsorsBox {
	height: 330px;
	width: 93px;
	background-color: #FFF;
	float: left;
	z-index: 300;
	position: relative;
}

#panels {
	width: 726px;
	margin: 0 auto;
	position: relative;
	top: 264px;
	left: 0;
	text-align: left;
}

#panels div.ticketBox {
	float: left;
	width: 350px;
	height: 175px;
	margin-right: 41px;
}

#panels div.joinBox div.join {
	background-color: #FFF;
	height: 51px;
}

#panels div.joinBox div.join img {
	margin-right: 8px;
	margin-left: 9px;
}

#panels div.joinBox {
	float: left;
	width: 335px;
}

#banner div.sponsorsBox h1 img {
	margin-left: -19px;
	float: left;
}

#panels div.proceedsBox {
	float: left;
	margin-top: 20px;
	width: 335px;
	height: 116px;
	margin-bottom: 20px;
}

#panels div.posterBox {
	width: 725px;
	background-color: #FFF;
	float: left;
}

#panels div.posterBox div.poster {
	margin: 10px;
}

#panels div.proceedsBox div.proceeds {
	background-color: #FFF;
	text-align: center;
}

#panels div.ticketBox div.tickets {
	background-color: #FFF;
	padding: 10px;
	height: 168px;
}

#panels div.ticketBox div.tickets img {
	margin-top: 14px;
}

#panels div.infoBox {
	width: 725px;
	margin-top: 20px;
	float: left;

}

#panels div.infoBox div.info {
	background-color: #FFF;
	color: #000;
	font-size: 11px;
	padding: 10px;
}

/* @group artists */

#motiongallery a {
	width: 93px;
	display: block;
	height: 82px;
	text-indent: -999px;
}

#motiongallery a.slick {
	background: url(images/artist-sgtSlick.gif) no-repeat 0 0;
	height: 83px;
}

#motiongallery a.kyau {
	background: url(images/artist-kyauAlbert.gif) no-repeat 0 0;
}

#motiongallery a.denzal {
	background: url(images/artist-denzalPark.gif) no-repeat 0 0;
	height: 83px;
}

#motiongallery a.fragma {
	background: url(images/artist-fragma.gif) no-repeat 0 0;
}

#motiongallery a.tydi {
	background: url(images/artist-tydi.gif) no-repeat 0 0;
}

#motiongallery a.potbel {
	background: url(images/artist-potbelleez.gif) no-repeat 0 0;
}

#motiongallery a.tommy {
	background: url(images/artist-tommyTrash.gif) no-repeat 0 0;
}

#motiongallery a.spencer {
	background: url(images/artist-spencerHill.gif) no-repeat 0 0;
}

#motiongallery a:hover {
	background-position: -93px 0;
}

/* @end */