body
{
	margin: 0;
	padding: 0;
	font-family: Arial, "Arial Rounded MT Bold", Helvetica, sans-serif;
}

img {
	border: 0;
}

div.container {
	margin: 0 auto;
	width: 980px;
}

div#flashContent {
	float: right;
	width: 660px;
	height: 515px;
	margin: 80px 19px 0 0;
	_margin: 80px 9px 0 0;
	padding: 0;
}


/****************************************
VARIABLE STYLES
****************************************/

div#content {
	position: relative;
	z-index: 1;
}

body.photos div#content {
	background: url(../images/bg/bg_photos.jpg) no-repeat scroll center top;
	height: 726px;
	_height: 726px;
}

body.videos div#content {
	background: url(../images/bg/bg_videos.jpg) no-repeat scroll center top;
	min-height: 726px;
	_height: 726px;
}

body.tourVote div#content {
	background: url(../images/bg/bg_tourvote.jpg) repeat-y center top;
	width: 980px
}

body.tourVote div#contentTop {
	background: url(../images/bg/bg_tourvote_top.jpg) no-repeat center top;
	width: 980px;
}

body.tourVote div#content div#contentBot {
	background: url(../images/bg/bg_tourvote_bot.jpg) no-repeat center bottom;
	
	width: 930px;
	padding: 175px 25px 25px 25px;
}


/****************************************
HEADER
****************************************/

div#header {
	background: url(../images/bg/bg_header.jpg) no-repeat center top;
	height: 228px;
	position: relative;
	z-index: 2;
}

div#blue-yoshi {
	position: absolute;
	top: 0;
	width: 177px;
	height: 231px;
	margin: 0;
	padding: 42px 0 0 30px;
	z-index: 99;
}

div#green-yoshi {
	position: absolute;
	top: 0;
	right: 0;
	width: 244px;
	height: 236px;
	margin: 0;
	padding: 30px 9px 0 0;
	z-index: 99;
}

/*-------------------------- NAVIGATION */

#navContainer {
	width: 528px;
	height: 48px;
	margin: 0;
	padding: 180px 0 0 195px;
	overflow: hidden;
}

#navMenu {
	position: relative;
	margin: 0;
	padding: 0;
}

#navMenu li {
	position: absolute;
	top: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

#navMenu li, #navMenu a {
	height: 48px;
	display: block;
	text-indent: -999999em;
}

#navMenu a {
	background-image: url(../images/bg/bg_nav.gif);
}

#navHome {
	left: 0px;
	width: 80px;
}
#navHome a {
	background-position: 0px 0px;
}
#navHome a:hover, #navHome a.active {
	background-position: 0px -48px;
}

#navEvent {
	left: 80px;
	width: 125px;
}
#navEvent a {
	background-position: -80px 0px;
}
#navEvent a:hover, #navEvent a.active {
	background-position: -80px -48px;
}

#navRules {
	left: 205px;
	width: 160px;
}
#navRules a {
	background-position: -205px 0px;
}
#navRules a:hover, #navRules a.active {
	background-position: -205px -48px;
}

#navPhotos {
	left: 365px;
	width: 90px;
}
#navPhotos a {
	background-position: -365px 0px;
}
#navPhotos a:hover, #navPhotos a.active {
	background-position: -365px -48px;
}

#navVideos {
	left: 455px;
	width: 73px;
}
#navVideos a {
	background-position: -455px 0px;
}
#navVideos a:hover, #navVideos a.active {
	background-position: -455px -48px;
}

/*-------------------------- SIDE NAVIGATION - PHOTOS AND VIDEOS */

.sideNav {
	float: left;
	padding: 217px 0 0 21px;
	width: 257px;
	height: 290px;
	overflow: hidden;
}

#sideNavMenu {
	position: relative;
	margin: 0;
	padding: 0;
}

#sideNavMenu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sideNavMenu li, #sideNavMenu a {
	height: 32px;
	display: block;
	text-indent: -999999em;
}

#sideNavMenu a {
	background-image: url(../images/bg/bg_sidenav.jpg);
}

#navChermside {
	top: 0;
	width: 257px;
}
#navChermside a {
	background-position: 0 0;
}
#navChermside a:hover, #navChermside a.active {
	background-position: 257px 0px;
}

#navPacific {
	top: 32px;
	width: 257px;
}
#navPacific a {
	background-position: 0 -32px;
}
#navPacific a:hover, #navPacific a.active {
	background-position: 257px -32px;
}

#navSylvia {
	top: 64px;
	width: 257px;
}
#navSylvia a {
	background-position: 0 -64px;
}
#navSylvia a:hover, #navSylvia a.active {
	background-position: 257px -64px;
}

#navFountain {
	top: 96px;
	width: 257px;
}
#navFountain a {
	background-position: 0 -96px;
}
#navFountain a:hover, #navFountain a.active {
	background-position: 257px -96px;
}

#navSouthland {
	top: 128px;
	width: 257px;
}
#navSouthland a {
	background-position: 0 -128px;
}
#navSouthland a:hover, #navSouthland a.active {
	background-position: 257px -128px;
}

#navCarousel {
	top: 160px;
	width: 257px;
}
#navCarousel a {
	background-position: 0 -160px;
}
#navCarousel a:hover, #navCarousel a.active {
	background-position: 257px -160px;
}

#navChatswood {
	top: 192px;
	width: 257px;
}
#navChatswood  a {
	background-position: 0 -192px;
}
#navChatswood  a:hover, #navChatswood a.active {
	background-position: 257px -192px;
}

#navHurstville {
	top: 224px;
	width: 257px;
}
#navHurstville  a {
	background-position: 0 -224px;
}
#navHurstville  a:hover, #navHurstville  a.active {
	background-position: 257px -224px;
}

#navMarion {
	top: 256px;
	width: 257px;
}
#navMarion  a {
	background-position: 0 -256px;
}
#navMarion  a:hover, #navMarion  a.active {
	background-position: 257px -256px;
}


/****************************************
EVENT DETAILS PAGE - ROLLOVERS
****************************************/

a.blairHover {
	background-color: #000000;
	position: absolute;
	top: 430px;
	left: 340px;
	width: 80px;
	height: 85px;
	filter: alpha(opacity=0);
	opacity: 0;
}

a.jabbaHover {
	background-color: #000000;
	position: absolute;
	top: 430px;;
	left: 425px;
	width: 80px;
	height: 85px;
	filter: alpha(opacity=0);
	opacity: 0;
}

a.harryHover {
	background-color: #000000;
	position: absolute;
	top: 430px;;
	left: 515px;
	width: 80px;
	height: 85px;
	filter: alpha(opacity=0);
	opacity: 0;
}

div.blair, div.jabba, div.harry {
	display: none;
	background-color: #000000;
	color: #ffffff;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 15px;
	position: absolute;
	left: 180px;
	top: 235px;
	z-index: 89;
	filter: alpha(opacity=0.85);
	opacity: 0.85;
	width: 530px;
}

.profileImg {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
}

div.profileText {
	float: right;
	width: 370px;
}

/** VIDEO TOUR **/

ul#videoVoteList {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Arial, "Arial Rounded MT Bold", Helvetica, sans-serif;
	color: #676767;
	font-size: 12px;
}

ul#videoVoteList li {
	padding: 0 17px 20px 17px;
	margin: 0px;
	width: 197px;
	height: 205px;
	text-align: center;
	display: block;
	float: left;
}

ul#videoVoteList a {
	color: #11B5EA;
	cursor: pointer;
	text-decoration: none;
}
	
	ul#videoVoteList a:hover {
	color: #8cdffa;
}

ul#videoVoteList li p {
	padding: 7px 0 8px 0px;
	margin: 0px;
	width: 197px;
	text-align: center;
	line-height: 15px;
}

ul#videoVoteList img {
	padding: 0px;
	margin: 0px;
	border: 0;
}

ul#videoVoteList img.thumbVid {
	padding: 0px;
	margin: 0px;
	/*border: 5px #ebebeb solid;*/
	border: 0;
}

div#winnerAnnouncement {
	margin: 0;
	padding: 3px 0 52px 168px;
}

div.clearLeft {
	clear: left;
}

/** VOTE POPUP **/
.btnClose {
	position: absolute;
	bottom: 10px;
	right: 10px;
	border: 0;
}

.btnClose img {
	border: 0;
}

div#popupContent {
	/*background: url(../images/bg/bg_body_popup.jpg) top left repeat-x #7bd7f7;*/
	background: #7ed7f7;
	padding: 0px;
	width: 500px;
}

div#top5Champs {
	background: url(../images/bg/bg_5_top_champ.jpg) top left no-repeat;
	padding: 100px 0 0 0;
}

div#top5Champs *
{
	padding: 0px;
	margin: 0px;
}

div#top5Champs ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	color: #676767;
	font-size: 12px;
}

div#top5Champs ul li {
	padding: 6px 30px 15px 72px;
	margin: 0px;
	/*height: 94px;*/
	/*display: block;*/
}


div#top5Champs ul li img {
	/*float: left;
	border: 5px solid #ebebeb;*/
}

div#top5Champs ul li div.champDetails {
	display: inline;
	width: 160px;
	padding: 0 0 0 10px;
	float: left;
	color: #FFFFFF;
	font-size: 11px;
	margin-top: 32px;
}

div#top5Champs ul li div.champPercentage {
	display: inline;
	width: 70px;
	float: left;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 42px;
	margin-top: 22px;
}

div#top5Champs ul li a.videoThumb
{
	float: left;
}

div#top5Champs ul li a.videoThumb img
{
	display: block;
	
	/*border: 5px solid #ebebeb;*/
	border: 0;
}

div#popupVideo {
	padding: 12px;
}

div#popupVideo p {
	font-size: 12px;
	color: #666666;
}

div#footerPopup {
	position: relative;
	width: 500px;
	height: 45px;
}

/* Video Tour - Terms and Conditions Link */

#mario-pdf a
{
	display: block;
	height: 20px;
	top: 110px;
	left: 188px;
	position: absolute;
	width: 170px;
}

/* Video Tour - Finalist Videos */

#finalistVideos a
{
	display: block;
	position: absolute;
}

#finalistVideos #individual a
{
	background: red;
	width: 175px;
	height: 30px;
	top: 330px;
	right: 70px;
	filter: alpha(opacity=0);
	opacity: 0;
}

#finalistVideos #team a
{
	background: red;
	width: 175px;
	height: 30px;
	top: 360px;
	right: 70px;
	filter: alpha(opacity=0);
	opacity: 0;
}