* {
	margin: 0;
	padding: 0;
	border: none;
	font-family: Palatino Linotype, Book Antiqua3, Palatino, serif;
	font-size: 14px;
}
body {
	background: #EEE url('../images/body_bg.png') repeat;
}
p {
	margin: 10px 0;
	line-height: 2;
	text-shadow: 0 1px 0 #fff;
	color: #373737;
}
a {
	outline: none;
}
h2 {
	margin: 10px 0;
	line-height: 40px;
	font-size: 167%;
	text-shadow: 0 1px 0 #fff;
	text-transform: uppercase;
	color: #272727;
}
h3 {
	margin-bottom: 10px;
	line-height: 40px;
	font-size: 110%;
	text-shadow: 0 1px 0 #fff;
	text-transform: uppercase;
	color: #272727;
}

/* HEADER */

#header {
	height: 84px;
	background: #444 url('../images/nav_bg.png') repeat;
	border-bottom: solid 1px #fff;
}       
#header #headerInner {
	margin: 0 auto;
	height: 84px;
	width: 585px;
}
#header #headerInner h1 {
	font-family: "Times New Roman", "Times", serif;
	float: left;
	height: 74px;
	padding-top: 15px;
	color: #eee;
	line-height: 54px;
	letter-spacing: -0.02em;
 	word-spacing: -0.02em;
	text-shadow: 0 -1px 0 #4c2a0c;
	font-size: 42px;
}
#header #headerInner h1 sup {
	font-size: 32px;
	font-style: italic;
	font-weight: normal;
}
#header #headerInner #menu {
	position: relative;
	float: right;
	margin-top: 24px;
	height: 32px;
	width: 87px;
}
#header #headerInner #menu #menuButton {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	width: 35px;
	padding: 0 35px 0 15px;
	line-height: 30px;                                                         
	background: #333 url('../images/menu_indicator.png') 85% 12px no-repeat;
	border: solid 1px #2a2a2a;
	border-top-color: #1a1a1a;
	/*border-bottom-color: #5a5a5a;*/
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #bbb;
	text-align: center;
	font-size: 108%;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}
#header #headerInner #menu #menuButton:hover,
#header #headerInner #menu #menuButton.active {
	background-position: 85% -8px; 
	color: #fff;
}
#header #headerInner #menu #menuPopout {
	display: none;
	position: relative;
	top: 37px;
	left: -73px;
	z-index: 10000;
	width: 150px;	
	border: solid 5px #272727;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0px 1px 2px #111;
	-webkit-box-shadow: 0px 1px 2px #111;
	-moz-box-shadow: 0px 1px 2px #111;
}
#header #headerInner #menu #menuPopout ul {
	list-style: none;
	background-color: #f7f7f7;
	box-shadow: 0px 1px 2px #111;
	-webkit-box-shadow: 0px 1px 2px #111;
	-moz-box-shadow: 0px 1px 2px #111;
}
#header #headerInner #menu #menuPopout ul li a {
	display: block;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	border-bottom: solid 1px #bbb;
	color: #373737;
	text-decoration: none;
	font-weight: bold;
}
#header #headerInner #menu #menuPopout ul li a:hover {
	background-color: #eee;
}

/* PLAYER */

#playerContainer {
	width: 585px;
	margin: 0 auto;
	padding: 30px 0 30px 0;
}

#playerWrap {
	background: url('../images/matting.jpg') 31px 30px no-repeat; 
	width: 527px;
	height: 390px;
	margin: 0 auto;
	padding: 30px;
	background-color: #333;
	background-repeat: no-repeat;

}

#playerWrap object {
border: solid  1px #333;
}
#playerImages {
	height: 366px;
	width: 527px;
	overflow: hidden;
	display: none;
}

#playerImages img {
border: solid  1px #333;

}
#playerHeader {
	width: 585px;
	margin: 0 auto;
	height: 50px;
	padding-bottom: 5px;
}
#playerHeader h2 {
	float: left;
	height: 30px;
	width: 545px;
	line-height: 30px;
	font-size: 130%;
	text-align: left;
}
#playerNewWindow {
	display: block;
	float: left;
	height: 30px;
	width: 40px;
	background: url('../images/player_new_window.png') 5px 0 no-repeat;
}
#playerNewWindow:hover {
	background-position: 5px -30px;
}

#playerInfo {
	height: 24px;
	width: 519px;
	padding-left: 6px;
	line-height: 24px;
	font-size: 85%;
	font-family: Verdana, Arial, sans-serif;
	color: #eee;
}

#downloadButtons {
	margin: 0;
	padding: 30px 0 0 0;
	margin: 0 auto;
	width: 180px;
	height: 40px;
	list-style: none;
}
#downloadButtons li {
	float: left;
	padding: 5px;
	width: 180px;
	height: 40px;
}
.button {
	display: block;
	padding: 0 15px;
	height: 38px;
	width: 150px;
	line-height: 39px;
	border: solid 1px #373737;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #373737;
	font-size: 123.1%;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
}
.button:hover {
	background-color: #f7f7f7;
	transition: background-color .5s ease;
	-moz-transition: background-color .5s ease;
	-webkit-transition: background-color .5s ease;
	-o-transition: background-color .5s ease;
}

/* NAVIGATION */

#nav {
	height: 50px;
	background: #444 url('../images/nav_bg.png') repeat;
	border-bottom: solid 1px #fff;
}
#nav ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	height: 50px;
	width: 565px;
	
}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 50px;
}
#nav li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0 18px;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: #000 0 1px 0;
	color: #fff;
	font-weight: bold;
}
#nav li a:hover,
#nav li.active a,
#nav a:hover {
	background: #333 url('../images/nav_active_bg.png') repeat;
}

/* CONTENT */

#container {
	margin: 0 auto;
	padding: 20px 0;
	width: 620px; 

	overflow: auto;
}
#content {
	float: left;
	width: 380px;
	padding-right: 25px;
}
#supporters {
	float: left;
	width: 150px;
	padding-left: 24px;
	border-left: solid 1px #373737;
}
#supporters ul {
	list-style: none;
	margin: 10px 0 20px 0;
	padding: 0;
}
#supporters li {
	line-height: 1.8;
	color: #373737;
}

.links {
	list-style: none;
	margin: 15px auto;
	padding: 0;
}
.links li a {
	display: block;
	padding: 12px;
	height: 32px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 116%;
	font-weight: bold;
	color: #575757;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
}
.links li a:hover {
	padding: 11px;
	height: 32px;
	border: solid 1px #c5c5c5;
	background-color: #f7f7f7;
	color: #373737;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0px 1px 2px #d7d7d7;
	-webkit-box-shadow: 0px 1px 2px #d7d7d7;
	-moz-box-shadow: 0px 1px 2px #d7d7d7;
}
.links li a img {
	margin-right: 15px;
	vertical-align: middle;
}

.donate_links {
	list-style: none;
	margin: 15px auto;
	padding: 0;
}
.donate_links li {
	padding: 12px;
	height: 32px;
}
.donate_links li:hover {
	padding: 11px;
	border: solid 1px #c5c5c5;
	background-color: #f7f7f7;
	color: #373737;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0px 1px 2px #d7d7d7;
	-webkit-box-shadow: 0px 1px 2px #d7d7d7;
	-moz-box-shadow: 0px 1px 2px #d7d7d7;
}
.donate_links li img {
	margin-right: 15px;
	vertical-align: middle;
}
.donate_button {
	background: transparent;
	border: none;
	cursor: pointer;
	font-family: Verdana, Arial, sans-serif;
	font-size: 116%;
	font-weight: bold;
	color: #575757;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
}


/* STORE */

.store_items {
	list-style: none;
	margin: 15px auto;
	padding: 0;
}
.store_items li {
	padding: 12px;
	height: 32px;
}
.store_items li:hover {
	padding: 11px;
	border: solid 1px #c5c5c5;
	background-color: #f7f7f7;
	color: #373737;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0px 1px 2px #d7d7d7;
	-webkit-box-shadow: 0px 1px 2px #d7d7d7;
	-moz-box-shadow: 0px 1px 2px #d7d7d7;
}
.store_items li img {
	margin-right: 15px;
	vertical-align: middle;
}
.donate_button {
	background: transparent;
	border: none;
	cursor: pointer;
	font-family: Verdana, Arial, sans-serif;
	font-size: 116%;
	font-weight: bold;
	color: #575757;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
}

/* FOOTER */

#footer {
	clear: both;
	margin: 0px auto;
	width: 565px;
	padding: 20px 0;
	border-top: solid 1px #bbb;
}
#footer p {
	margin: 0;
	line-height: 1.8;
	font-size: 93%;
	text-align: center;
	text-shadow: #fff 0 1px 0;
	color: #757575;
}
#footer p.credits {
	font-size: 85%;
}
#footer a {
	text-decoration: none;
	color: #272727;
}

/* POPUP PLAYER */

#popupPlayer {
	padding: 10px;
	width: 400px;
}
#popupHeader {
	width: 380px;
	margin-bottom: 10px;
	padding: 0;
	height: 30px;
}
#popupHeader h2 {
	margin: 0;
	float: left;
	line-height: 30px;
	text-transform: uppercase;
	float: left;
	font-size: 100%;
	text-align: left;
}
#popupDownloadButton {
	display: block;
	float: right;
	height: 28px;
	line-height: 28px;
	padding: 0 8px;
	border: solid 1px #bbb;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #373737;
	text-decoration: none;
}
#popupDownloadButton:hover {
	background-color: #f7f7f7;
}