/*** generic use element classes ***/

body {
	background-color:	#ffffff;
}

body, div, td, input {
	font:				10px arial,sans-serif;
	color:				#b2b2b2;
}

html.win body, html.win div, html.win td, html.win input {
	font-family:		verdana,sans-serif;
}

div.header {
	width:				100%;
	padding:			0 0 2px 0;
	margin:				0 0 5px 0;
	border-width:		0;
	border-bottom:		solid #000000 1px;
}

div.header img {
	margin:				0;
	padding:			0;
}

div.header h3 {
	margin:				0;
	padding:			0;
	font:				700 12px/12px helvetica neue,arial;sans-serif;
	color:				#000;
}

span.subheader {
	display:			block;
	font-size:			9px;
	text-transform:		uppercase;
	font-weight:		bold;
}

div.hr {
	width:				100%;
	height:				0;
	margin:				0 0 5px 0;
	border-width:		0;
	border-bottom:		solid #000000 1px;
}

hr {
	height:				0;
	width:				100%;
	border-width:		0;
	border-bottom:		dotted #b2b2b2 1px;
}

html.ie hr {
	border-bottom-style:solid;
}

/*** noscript & noflash class ***/

.warning {
	display:			block;
	font-weight:		bold;
	margin:				0;
}

.warning img {
	padding:			0 3px 0 0;
	border-width:		0;
}

/*** link classes ***/

a:link, a:visited {
	padding:			0;
	background-color:	#ffffff;
	color:				#b2b2b2;
	text-decoration:	underline;
}

a:hover, a:active {
	padding:			0;
	background-color:	#dddddd;
	color:				#000000;
	text-decoration:	none;
}

a.small {
	font-size:			9px;
	text-transform:		uppercase;
	text-decoration:	none;
}

a.uc {
	font-weight:		bold;
}

a.noul {
	text-decoration:	none;
}

/*** generic image classes ***/

img.kl { /* lt grey keylined */
	border:				solid #b2b2b2 1px;
}

img.btn { /* button */
	cursor:				pointer;
}

img.btn:hover { /* button (hovered) */
	border-color:		#000000;
}

img.tn { /* thumbnail */
	display:			block;
	margin-bottom:		1px;
}

img.selected { /* button (selected) */
	border-color:		#000000;
}

img.arrow { /* show & news nav arrows */
	visibility:			hidden;
	cursor:				pointer;
}

img.lsi { /* left-side inline */
	margin:				0 10px 10px 0;
	clear:				both;
}

/*** universal element classes ***/

div#outer {
	position:			absolute;
	top:				0;
	right:				0;
	bottom:				0;
	left:				0;
	width:				860px;
	height:				500px;
	margin:				20px auto;
	padding:			0;
}

html.ie div#outer {
	/* centering adjustment for IE */
	left:				50%;
	margin-left:		-430px;
}

div#logo {
	position:			absolute;
	left:				0;
	top:				30px;
	cursor:				pointer;
}
	
div#logo h1 {
	color: #000;
	font: 600 48px/45px helvetica neue,helvetica,arial,sans-serif;
	letter-spacing: -2px;
	margin: -4px 0 0;
	padding: 0;
}

div#logo a {
	color: #000;
	text-decoration: none;
	background: transparent;
	/*border-width: 0;*/
}


div#headbar {
	position:			absolute;
	left:				0;
	top:				166px;
	display:			block;
}

div#footbar {
	position:			absolute;
	left:				0;
	top:				511px;
	display:			block;
}

/*
div#copyright {
	position:			absolute;
	right:				0;
	top:				525px;
	display:			block;
}
*/

div#links {
	position:			absolute;
	right:				0;
	/*top:				525px;*/
	bottom:				-35px;
	display:			block;
}

div#links ul {
	margin:				0;
	padding:			0;
	list-style:			none outside none;
}

div#links ul li {
	float:				left;
	margin:				0 0 0 5px;
	padding:			0;
	background-image:	url(/img/links.gif);
	background-repeat:	no-repeat;
	cursor:				pointer;
	height:				9px;
}

div#links ul li span { display: none; }

div#links ul li#link-0 { background-position: 0px 0px; width: 51px; }
div#links ul li#link-1 { background-position: -100px 0px; width: 37px; }
div#links ul li#link-2 { background-position: -200px 0px; width: 21px; }
div#links ul li#link-3 { background-position: -300px 0px; width: 44px; }
div#links ul li#link-4 { background-position: -400px 0px; width: 58px; }
div#links ul li#link-5 { background-position: -500px 0px; width: 22px; }
div#links ul li#link-6 { background-position: -600px 0px; width: 50px; }
div#links ul li#link-7 { background-position: -700px 0px; width: 44px; }
div#links ul li#link-8 { background-position: -800px 0px; width: 29px; }
div#links ul li#link-1:hover { background-position: -100px -10px; }
div#links ul li#link-2:hover { background-position: -200px -10px; }
div#links ul li#link-3:hover { background-position: -300px -10px; }
div#links ul li#link-4:hover { background-position: -400px -10px; }
div#links ul li#link-5:hover { background-position: -500px -10px; }
div#links ul li#link-6:hover { background-position: -600px -10px; }
div#links ul li#link-7:hover { background-position: -700px -10px; }
div#links ul li#link-8:hover { background-position: -800px -10px; }


div#aplayer_div {
	height:				21px;
	display:			block;
}

div#menu_div {
	position:			absolute;
	left:				0;
	top:				181px;
	display:			block;
	width:				160px;
	height:				325px;
}

div#content {
	position:			absolute;
	left:				170px;
	top:				181px;
	display:			block;
	width:				510px;
	height:				325px;
	overflow:			hidden;
}

/*** mailing list classes ***/

div#maillist {
	position:			absolute;
	left:				0;
	top:				525px;
	display:			block;
}

div#maillist img {
	cursor:				pointer;
}

input {
	margin:				0px;
	font-size:			9px;
	padding:			1px;
	border-width:		0;
	background-color:	#dddddd;
	color:				#000000;
	width:				200px;
}

/*** scrollbar classes ***/

div#sbar_outer {
	position:			absolute;
	left:				672px;
	top:				181px;
	width:				10px;
	height:				325px;
	display:			none;
}

div#sbar_outer_track {
	position:			relative;
	left:				0;
	top:				0;
	width:				10px;
	height:				325px;
	background-color:	#eeeeee;
}

div#sbar_outer_thumb {
	position:			absolute;
	top:				0;
	left:				0;
}

div#sbar_inner {
	position:			absolute;
	width:				10px;
	display:			none;
}

div#sbar_inner_track {
	position:			relative;
	left:				0;
	top:				0;
	width:				10px;
	background-color:	#eeeeee;
}

div#sbar_inner_thumb {
	position:			absolute;
	top:				0;
	left:				0;
}

/*** newsfeed classes ***/

div#news {
	position:			absolute;
	left:				690px;
	top:				181px;
	width:				170px;
	height:				325px;
	display:			block;
}

div#news_detail {
	position:			absolute;
	left:				0;
	top:				18px;
	display:			block;
}

div#news_nav {
	position:			absolute;
	left:				0;
	top:				316px;
	display:			block;
}

img.news {
	display:			block;
	margin-bottom:		5px;
}

/*** info classes ***/

tr.info, td.info {
	padding-bottom:		10px;
}

/*** releases classes ***/

span.releases {
	font-size:			9px;
	text-transform:		uppercase;
	font-weight:		bold;
}

/*** shows classes ***/

div#shows_nav {
	visibility:			hidden;
	position:			absolute;
	left:				170px;
	top:				497px;
	display:			block;
}

div#shows_list {
	position:			absolute;
	left:				0;
	top:				20px;
	width:				495px;
	height:				290px;
	overflow:			hidden;
}

/*** images classes ***/

div#images_thumbs {
	position:			absolute;
	left:				0;
	top:				20px;
	width:				135px;
	height:				305px;
	overflow:			hidden;
}

div#images_detail {
	position:			absolute;
	left:				160px;
	top:				20px;
	width:				350px;
	height:				305px;
	overflow:			hidden;
}

div#images_container {
	width:				330px;
	padding:			10px;
	margin-bottom:		5px;
	text-align:			center;
	background-color:	#f0f0f0;
}

html.ie div#images_container {
	width:				350px;
}

img.images_detail {
	border:				solid #f0f0f0 1px;
}

/*** video classes ***/

div#video_thumbs {
	position:			absolute;
	left:				0;
	top:				20px;
	/*width:				135px;*/
	width:				102px;
	height:				305px;
	overflow:			hidden;
}

div#video_detail {
	position:			absolute;
	left:				127px;
	top:				20px;
	width:				383px;
	height:				305px;
	overflow:			hidden;
}

div#vplayer_div {
	display:			block;
	width:				383px;
	height:				240px;
	margin-bottom:		5px;
}

/*** press classes ***/

div#press_articles {
	position:			absolute;
	left:				0;
	top:				0;
	width:				325px;
}

div#press_articles_panel {
	position:			absolute;
	left:				0;
	top:				20px;
	width:				310px;
	height:				305px;
	overflow:			hidden;
}

div#press_downloads {
	position:			absolute;
	left:				335px;
	top:				0;
	width:				175px;
	overflow:			hidden;
}

img.press {
	display:			block;
	margin:				3px 0px;
}

/*** contact classes ***/

div#contact_otir {
	position:			absolute;
	left:				0;
	top:				0;
	width:				250px;
}

div#contact_voof {
	position:			absolute;
	left:				260px;
	top:				0;
	width:				250px;
}

/*** shop classes ***/

div.shop div.intro {
	margin: 0 0 16px;
}

div.shop .price {
	color: #333;
	display: block;
	font-size: 18px;
	margin: 3px 0 0;
}

div.shop select {
	font: 10px arial,sans-serif;
	color: #b2b2b2;
	border: solid 1px #cccccc;
	padding: 1px;
}

div.shop input.addtocart {
	width: auto;
	border-width: none;
	background: transparent;
	margin: 3px 0;
	display: block;
}

/*** scrollbar logging classes ***/

div#sblog {
	color:				#000000;
	position:			absolute;
	left:				10px;
	top:				560px;
	font:				8px verdana;
	width:				860px;
	height:				200px;
	overflow:			hidden;
	border:				solid #666666 1px;
	background-color:	#eeeeee;
	padding:			3px;
}

button {
	font:				8px verdana;
}
	
div#sblogInner {
	color:				#000000;
	position:			absolute;
	left:				3px;
	top:				23px;
	width:				860px;
	height:				177px;
	overflow:			auto;
	font:				8px verdana;
}