html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	border: none;
}
body {
	background: #a7030d url('../../images/mainBacker.png') repeat top center;
	font-family: Arial, Helvetica, sans-serif;
}
a {
	color: #FFBB00;
	text-decoration: none;
}
a:hover {
	color: #FFBB00;
	text-decoration: underline;
}
/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */
#wrapper {
	position: absolute;
	margin: 0px;
	width: 700px;
	height: 570px;
	text-align: left;
	background: #a7030d url('../../images/mainBack.jpg') no-repeat top left;
	top: 50%;
	left: 50%;
	margin-left: -350px; /*set to a negative number 1/2 of your width*/;
	margin-top: -285px; /*set to a negative number 1/2 of your height*/
}
#top {
	width: 700px;
	height: 58px;
	background: transparent url('../../images/overlayWhiteTop-trans.png') no-repeat top left;
}
#clickMe {
	float: left;
	width: 320px;
	height: 21px;
}
#clickMe a {
	display: block;
	text-indent: -99999px;
	margin: 12px 0px 0px 12px;
	width: 320px;
	height: 21px;
	background: transparent url('../../images/hdrClick-trans.png') no-repeat top left;
}
#closeMe {
	float: right;
	width: 50px;
	height: 50px;
}
#closeMe a {
	display: block;
	text-indent: -99999px;
	width: 50px;
	height: 50px;
	background: transparent url('../../images/closeOff-trans.png') no-repeat top right;
}
#closeMe a:hover {
	background: transparent url('../../images/closeOn-trans.png') no-repeat top right;
}
#middle {
	width: 640px;
	height: 420px;
	background: transparent url('../../images/overlayWhiteBars-trans.png') repeat-x top left;
	padding: 0px 30px;
}
#sport {
	text-transform: uppercase;
	font-size: 14px;
	color: #ff5959;
	font-weight: bold;
}
#venue {
	text-transform: capitalize;
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	margin-left: -1px;
	margin-bottom: 15px;
}
#bottom {
	width: 700px;
	height: 92px;
	background: transparent url('../../images/overlayWhiteBottom-trans.png') no-repeat top left;
}
#degrees {
	float: left;
	width: 86px;
	height: 53px;
	margin: 0px 0px 0px 30px;
}
#degrees p {
	display: block;
	text-indent: -99999px;
	width: 86px;
	height: 53px;
	background: transparent url('../../images/360degrees-trans.png') no-repeat top left;
	cursor: pointer;
}
#logo {
	float: right;
	width: 568px;
	margin-top: 35px;
	margin-right: 10px;
}
#panoramaWrapper {
	position: absolute;
	text-align: center;
	top: 0px;
	padding-top: 100px;
	width: 700px;
	height: 470px;
	visibility: hidden;
	background: transparent url('../../images/blackout-trans.png') no-repeat center center;
	color: #ffffff;
	top: 50%;
	left: 50%;
	margin-left: -350px; /*set to a negative number 1/2 of your width*/;
	margin-top: -285px; /*set to a negative number 1/2 of your height*/

}