/* @import 'ol_nav.css'; */

body {
	margin: 20px 0px;
	background: #222 url(/_img/bg.gif) repeat-x;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #CCC;
}
a {
	color: #9CF;
	outline: none;
}
a img {
	border: 0;
}
object {
	outline: none;
}
#hero {
	margin: 8px auto;
	width: 952px;
	height: 402px;
	text-align: left;
}
#hero h1 {
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
	font-size: 32px;
	font-weight: normal;
	color: #6699FF;
}
#hero p {
	position: relative;
	width: 400px;
	font-size: 12px;
	line-height: 17px;
}
#hero-container {
	margin: 8px auto 0 auto;
	width: 952px;
	height: 402px;
}
#hero-container img {
	margin: 0;
	float: left;
}
div.interview {
	float: left;
	text-align: left;
	margin: 0 0 8px 11px;
	width: 308px;
	height: 362px;
}
div.webcast-interview {
	float: left;
	text-align: left;
	margin: 0 40px 8px 0;
	width: 518px;
	height: 362px;
}
div.webcast-interview p {
	margin: 0 !important;
	padding: 10px 0 !important;
}
div.interview h1, div.interview h2 {
	color: #69F;
	padding: 0;
}
div.interview h1 {
	font-size: 18px;
	margin: 0 0 10px 0;
	color: #FFF;
	font-weight: normal;
}
div.interview h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 3px 0;
}
div.interview p {
	padding: 0;
	margin: 0 0 15px 0;
	text-align: justify;
}
.webcast-container {
	width: 952px;
	margin: 0 auto;
	padding-top: 8px;
}
.webcast-left-container {
	float: left;
	width: 516px;
	z-index:3;
}
.chat-container {
	float: right;
	width: 400px;
	z-index:3;
}
.webcast {
	float: left;
	width: 516px;
	height: 415px;
	padding: 0px 0 0 0px;
	background: url(/_img/smallwebcast_bg.png) no-repeat;
	z-index:2;
}
.webcast embed {
	position: relative;
	top: 8px;
}
.chat {
	width: 400px;
	height: 400px;
	padding: 10px 4px 0 0;
	background: url(/_img/smallwebcast_bg2.png) no-repeat;
}
.chat embed {
	position: relative;
	left: 2px;
}
#thumbs {
	margin: 12px auto 0 auto;
	width: 960px;
	padding-left: 8px;
	text-align: center;
}
#videos {
	margin: 8px auto;
	width: 964px;
	text-align: center;
}
#birdseed {
	margin: 8px auto;
	width: 952px;
	text-align: left;
}
#birdseed p {
	margin: 0;
	font-size: 11px;
	line-height: 11px;
	color: #999;
}
#birdseed a {
	color: #999;
	text-decoration: none;
}
#birdseed a:hover {
	text-decoration: underline;
}
#copyright {
	float: right;
}
.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
#warning {
	margin: 0;
	padding: 15px;
	border: 1px solid #333;
	background: #222;
	width: 300px;
	position: relative;
	left: 475px;
	top: 50px;
}
#bookmark {
	padding-top: 10px;
}

/* content */


#content {
	margin: 0px auto;
	width: 952px;
	text-align: left;
}
#left, .products div.container {
	margin: 0 0 8px 0;
	background: url(/_img/left_bg.gif) repeat-y;
	width: 632px;
}
#left-wide, .products-wide div.container {
	margin: 0 0 8px 0;
	background: url(/_img/left2_bg.gif) repeat-y;
	width: 952px;
}
.products {
	margin: 0 0 8px 0;
	width: 632px;
}
.products div.middle {
	padding: 0 20px;
}
.products h2 {
	margin-top: 5px;
}
#left h2, #left-wide h2, .page-heading {
	margin: 5px 41px 15px 41px;
	padding-top: 15px;
	font-size: 24px;
	font-weight: normal;
	color: #6699FF;
}
.page-heading {
	padding-top: 0;
	margin-left: 0;
}
#left p, #left-wide p {
	margin: 0 41px 15px 41px;
	text-align: justify;
	font-size: 13px;
	line-height: 19px;
}
#left h3, #left-wide h3 {
	margin: 20px 41px 5px 41px;
	text-align: justify;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	color: #6699FF;
}
#left strong, #left b, #left-wide strong, #left-wide b {
	color: #36C;
}
#left ol, #left ul, #left-wide ol, #left-wide ul {
	margin: 0 0 15px 0;
	padding: 0 41px 0 56px;
	list-style: outside;
}
#left li, #left-wide li {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 19px;
}
#left #top, .products #top {
	margin: 0;
	background: url(/_img/left_top.gif) top left no-repeat;
	height: 15px;
	font-size: 1px;
	line-height: 1px;
}
#left-wide #top, .products-wide #top {
	margin: 0;
	background: url(/_img/left_top2.gif) top left no-repeat;
	height: 15px;
	font-size: 1px;
	line-height: 1px;
}
div.top {
	/*
	background: url(/_img/left_top.gif) top left no-repeat;
	*/
	height: 5px;
}
#left #bottom, .products #bottom {
	margin: 0;
	background: url(/_img/left_bottom.gif) bottom left no-repeat;
	height: 15px;
	font-size: 1px;
	line-height: 1px;
}
#left-wide #bottom, .products-wide #bottom {
	margin: 0;
	background: url(/_img/left_bottom2.gif) bottom left no-repeat;
	height: 15px;
	font-size: 1px;
	line-height: 1px;
}
div.bottom {
	margin: 0;
	background: url(/_img/left_bottom.gif) bottom left no-repeat;
	height: 15px;
}
#right {
	float: right;
	width: 312px;
}

/* thumbnails */

p.thumb {
	margin: 0px 4px 8px 4px;
	background: url(/_img/bg_thumb.gif) bottom left no-repeat;
	float: left;
	height: 152px;
	text-align: left;
	font-size: 17px;
}
p.thumb a {
	color: #6699ff;
	text-decoration: none;
}
p.thumb b {
	margin: 7px 5px 0px 12px;
	display: block;
	font-weight: normal;
}
	
.newThumb {
	padding: 6px 0 6px 5px;
	margin: 0 2px 0 0;
	background: url(/_img/thumb_bg.gif) top left no-repeat;
	text-align: left;
	float: left;
	width: 312px;
	height: 150px;
}
.newThumb .caption {
	margin: 0 5px 0 0;
	float: right;
	width: 158px;
}
.newThumb a {
	color: #6699ff;
	text-decoration: none;
}
.newThumb img {
/*
	margin: 6px 0 0 6px;
*/
}
.newThumb h3 {
	margin: 10px 10px 10px 0;
	font-size: 17px;
	line-height: 17px;
	font-weight: normal;
}
.newThumb p {
	margin: 0 12px 12px 0;
	font-size: 11px;
	line-height: 15px;
}
.newThumb a p {
	color: #CCC;
}
#right .newThumb {
	margin: 0 0 8px 0;
}
	
/* nav */

#masthead {
	margin: 0px auto;
	background: url(/_img/nav_right.gif) top right no-repeat;
	text-align: left;
	width: 952px;
	height: 70px;
}
#navWrapper {
	padding-left: 9px;
	background: url(/_img/nav_left.gif) no-repeat;
	float: right;
	position: relative;
	height: 40px;
}
#masthead img {
	position: relative;
	top: -8px;
	left: 4px;
}
.nav {
	margin: 0 9px 0 0;
	padding: 0;
	/*position: relative;*/
	z-index: 100;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
.nav li {
	margin: 0;
	padding: 0;
	display: block;
	/*width: 118px;*/
	width: 90px;
	height: 40px;
	/*position: relative;*/
	float: left;
}
.nav li a, a.customize-now {
	padding: 0;
	background: url(/_img/nav_button2.gif) top left no-repeat;
	display: block;
	text-align: center;
	width: 90px;
	font: 14px Arial, sans-serif;
	line-height: 40px;
	text-decoration: none;
	color: #CCC;
}
.nav li a:hover, .nav li a.on {
	background-position: top right;
	line-height: 44px;
	color: #FFF;	
}
.nav li a:hover, a.customize-now:hover {
	background-position: top right;
}

/* subnav */

.nav ul {
	margin: 0;
	padding: 0 0 4px 0;
	background: url(/_img/subnav_bottom.gif) bottom left no-repeat;
	position: absolute;
	top: -999em;
	left: -1px;
	list-style: none;
}
.nav li:hover ul, .nav li.sfHover ul {
	top: 40px;
	left: -2px;
}
.nav ul li {
	margin: 0;
	padding: 0;
	display: block;
	/*width: 122px;*/
	width: 90px;
	height: 37px;
	position: relative;
	float: left;
}
.nav ul a {
	padding: 0;
	background: url(/_img/subnav_button2.gif) top left no-repeat;
	display: block;
	text-align: center;
	/*width: 122px;*/
	width: 90px;
	font: 12px Arial, sans-serif;
	line-height: 37px;
	text-decoration: none;
	color: #CCC;
}
.nav ul a:hover {
	padding-top: 2px;
	background-position: top right;
	line-height: 35px;
	color: #FFF;
}
	
/* tabs */

ul#tabs {
	margin: 0;
	padding: 0 0 0 22px;
	background: url(/_img/tabs_bg.gif) top left no-repeat;
	height: 40px;
	list-style: none;
}
ul#tabs li {
	margin: 0;
	padding: 0;
	display: block;
	width: 118px;
	height: 40px;
	position: relative;
	float: left;
}
ul#tabs li a {
	padding: 0;
	background: url(/_img/nav_button.gif) top left no-repeat;
	display: block;
	text-align: center;
	width: 118px;
	font: 12px Arial, sans-serif;
	line-height: 40px;
	text-decoration: none;
	color: #CCC;
}
ul#tabs li a:hover {
	padding-top: 2px;
	background-position: top right;
	line-height: 38px;
	color: #FFF;	
}
.webcast-sidebar {
	float: left;
	width: 330px;
	position: relative;
	left: 5px;
}
.webcast-sidebar .thumbnails {
	padding: 4px 0 0 10px;
}
.normal-form label {
	display: block;
	margin-top: 10px;
}
.normal-form {
	width: 952px;
	margin: 0 auto;
	text-align: left;
	padding: 40px;
}
.contest-artist-list {
	width: 952px;
	margin: 0 auto;
	text-align: left;
	padding: 40px;
}
.contest-artist-list table {
	text-align: left;
}
.contest-artist-list table tr td {
	padding-right: 20px;
}
ul.press, ul.blog {
	margin: 0 !important;
	padding: 0 20px 0 40px !important;
	list-style: none !important;
}
ul.press li {
	margin: 0 0 30px 0 !important;
	padding: 0 !important;
}
ul.press a {
	font-weight: bold;
}
div.img-container {
	float: left;
	width: 52px;
	height: 52px;
}
div.text {
	float: left;
	width: 480px;
	margin-left: 10px;
}
h3.press {
	margin: 20px 41px 20px 41px !important;
	padding: 0px !important;
}
div.webcast-content-top {
	background: url(/_img/webcast_bgtopnew.jpg);
	width: 518px;
	height: 27px;
}
div.webcast-content-middle {
	background: url(/_img/webcast_bgmidnew.jpg);
	overflow: hidden;
	padding: 0 20px;
}
div.webcast-content-bottom {
	background: url(/_img/webcast_bgbotnew.jpg);
	width: 518px;
	height: 27px;
}
div.content-top {
	background: url(/_img/artist_bgtop.jpg);
	width: 308px;
	height: 27px;
}
div.content-middle {
	background: url(/_img/artist_bgmiddle.jpg);
	overflow: hidden;
	padding: 0 20px;
}
div.content-bottom {
	background: url(/_img/artist_bgbottom.jpg);
	width: 308px;
	height: 27px;
}
p.ustream-link {
	padding: 0 25px;
	margin: 0;
	text-align: left;
}
ul.blog li {
	margin: 0 0 25px 0 !important;
	padding: 0 !important;
}
ul.blog li p {
	margin: 0 !important;
	padding: 0 !important;
}
ul.blog li h3 {
	margin: 0 !important;
	padding: 0 0 5px 0 !important;
}
div.blog-detail {
	padding: 30px 40px;
}
div.blog-detail h2 {
	margin: 0 0 15px 0 !important;
	padding: 0 !important;
}
div.blog-detail p {
	margin: 10px 0 30px 0 !important;
}
div.blog-detail span, ul.blog span {
	color: #FFF !important;
	font-family: Arial, sans-serif !important;
}
.blog-back-link {
	text-align: right !important;
}
div#footer-widget img {
	display: block;
	float: right;
}
p.flash-notice {
	font-style: italic;
	padding: 20px 25px 10px 25px;
	margin: 0;
	text-align: left;
	color: #999 !important;
}
ul.steps {
	font-size: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.steps li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}
div#rules {
	width: 550px;
	height: 300px;
	border: 2px solid black;
	padding: 10px;
	margin: 20px 0;
	overflow-y: auto;
}
div#rules-wide {
	width: 800px;
	height: 200px;
	border: 2px solid black;
	padding: 10px;
	margin: 20px 0;
	overflow-y: scroll;
}
div#rules h2 {
	font-size: 18px;
}
.current-step {
	font-weight: bold;
	color: #6699FF;
}
ul.form {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
ul.form li {
	padding: 0 !important;
	margin: 0 !important;
}
ul.form li label, .radio label {
	display: inline;
}
.radio {
	padding-top: 20px;
}

/* Forms */
fieldset {
	border: none;
	text-align: left;
	padding: 0;
}
fieldset dl {
	margin: 0;
	padding: 0;
}
fieldset dt {
	margin: 0;
	padding: 0;
}
fieldset dd {
	margin: 0 0 20px 0;
	padding: 0;
}
fieldset dl.set1 {
	float: left;
	width: 400px;
}
fieldset dl.set2 {
	float: left;
	width: 400px;
}
div#hero a.big {
	display: block;
	width: 100%;
	height: 100%;

	/* For some reason Firefox needs to have a border and IE needs to not have a border. */
	border: 1px solid #222;
	_border: none;
}
a.big img {
	border: none;
}
a img {
	outline: none;
}
ul#products {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}
ul#products li {
	margin: 22px 0 0 0;
	background: url(/_img/left_bg.gif) repeat-y;
	position: relative;
	/* IE 6 won't position this correctly for some reason. */
	_position: none;
}
ul#products li div.middle {
	padding: 10px 20px;
	overflow: auto; 
	height: 1%;
	position: relative;
}
ul#products .price {
	position: absolute;
	left: 565px;
	top: 10px;
	font-weight: bold;
	color: #69F;
	font-size: 14px;
}
ul#products li div.button-wrapper-left {
	padding-left: 9px;
	background: url(/_img/nav_left.gif) no-repeat;
	width: 99px;
	float: right;
	position: absolute;
	left: 505px;
	top: 245px;
	/* IE 6 won't position this correctly for some reason. */
	_position: none;
}
ul#products li div.button-wrapper-right {
	padding-right: 9px;
	background: url(/_img/nav_right.gif) right no-repeat;
}
ul#products li h3 {
	margin: 0;
	padding: 0 0 0 28px;
	font-size: 14px;
}
ul#products li ul {
	padding: 0;
	margin: 15px 0 0 50px;
}
ul#products li ul li {
	padding: 0;
	margin: 0;
	border: none;
}
div.img-area {
	width: 278px;
	height: 269px;	
	float: left;
}
div.img-area img {
	border: none;
}
div.info-area {
	float: left;
	width: 310px;
	overflow: auto; 
	height: 1%;
}
.error {
	color: #f00;
}
.padder {
	padding: 10px 40px 20px 40px;
}
/*
div.temp {
	display: none;
}
div#temp div.temp {
	display: block;
}
div#temp {
	position: relative;
	height: 0px;
}
div#temp div.drop-down {
	width: 931px;
	height: 100px;
	position: absolute;
	top: 35px;
	left: 0;
	z-index: 150;
	display: none;
	color: white;
}
*/
div.drop-down {
	width: 175px;
	height: 0px;
	position: relative;
	top: 35px;
	left: -50px;
	z-index: 150;
	display: none;
	color: white;
}
div.drop-down * {
	display: inline-block !important;
}
div.drop-down a {
	padding: 3px 1px 3px 5px !important;
	font-weight: bold;
	color: #FFF;
	display: block !important;
	width: 90% !important;
}
div.drop-down a:hover {
	color: #444;
	background-color: #FFF !important;
	/*border: 1px solid #262C98;*/
	border: 1px solid #36C;
	padding: 2px 0 2px 4px !important;
}
div.drop-down a, div.drop-down a:hover {
	padding: 2px 0 2px 5px;
	margin: 1px 0;
}
div.drop-down .top, div.drop-down .middle, div.drop-down .bottom {
	width: 100%;
	filter:alpha(opacity=92);
	-moz-opacity:.92;
	opacity:.92;
}
div.drop-down .top {
/*	background: url(/_img/nav_droptop.png);
	width: 175px;
	height: 20px;
*/
}
div.drop-down .middle {
	background-image: none;
	/*background-color: #262C98;*/
	background-color: #3366CC;
	/*background: url(/_img/nav_dropmid.gif);*/
	padding: 10px 0 0px 20px;
}
div.drop-down .bottom {
	background: url(/_img/nav_dropbottom_lite.png);
	width: 195px;
	height: 10px;
}
div.drop-down ul {
	float: none;
	left: auto;
	margin: 0;
	padding: 0;
	position: static;
	background: none;
}
div.drop-down ul li ul li {
	/*background: url(/_img/bullet.gif) 8px left no-repeat;*/
	background: url(/_img/bullet.gif) 0 8px no-repeat;
	padding-left: 8px;
}
div.drop-down ul li {
	float: none;
	height: auto;
	width: auto;
	position: static;
}
div.drop-down, div.drop-down a {
	/*font-family: 'sans-serif' !important;*/
}
div.drop-down a, div.drop-down a:hover, div.drop-down a.on {
	background: none;
	text-align: left;
	display: inline;
	height: auto;
	width: auto;
	line-height: normal;
}
div.drop-down h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 16px;
}
ul.columns li {
	float: left !important;
	width: 160px !important;
}
ul.columns li.first {
	padding-right: 36px;
}
#mp3-player {
	width: 427px;
	margin: 20px auto 50px auto;
}
div.drop-down div.left-side {
	border-left: 1px dotted #CCC;
	padding-left: 30px;
	float: left;
	width: 385px;
	/* IE isn't a good browser. */
	_width: 375px;
}
div.drop-down div.left-side-wide {
	width: 660px;
}
div.drop-down div.quote {
	float: left;
	width: 265px;
}
div.drop-down div.quote p {
	font-size: 19px;
	line-height: 23px;
	padding: 0 30px 0 45px;
	margin: 0;
}
div.drop-down div.quote h2 {
	color: #FFF;
	padding-bottom: 20px;
}
div.drop-down div.quote p.quote {
	background: url(/_img/up_quote.gif) no-repeat;
	font-weight: bold;
	padding-bottom: 20px;
}
div.drop-down div.quote p.quote-start, div.drop-down div.quote p.quote-end {
	margin: 0;
	padding: 0;
	height: 42px;
}
div.drop-down div.quote p.credit {
	margin-top: 5px;
	padding-bottom: 10px;
	width: 170px;
	background: url(/_img/down_quote.gif) bottom right no-repeat;
	font-size: 11px;
	position: relative;
	top: -20px;
}
div.drop-down div.right-side {
	border-left: 1px dotted #CCC;
	float: left;
	width: 210px;
	padding-left: 20px;
}
div.drop-down div.right-side, div.drop-down div.left-side {
	height: 290px;
}
div.drop-down div.right-side ul.columns {
	width: 210px;
}
ul#i-hate-ie {
	padding-left: 12px;
}
ul#i-hate-ie li {
	width: 80px !important;
}
ul#i-hate-ie li.first {
	width: 120px !important;
	padding: 0;
}
.site_index_wrapper {
	padding: 20px 42px;
}
.site_index_wrapper * {
	text-decoration: none !important;
	border: none !important;
}
.alpha_bottom {
	padding-top: 20px;
}
h2.under {
	padding-top: 20px !important;
}
hr {
	color: #444;
	background-color: #444;
	height: 1px;
	border: none;
}


/*Tool Tips*/
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}