@charset "utf-8";
/* CSS Document */

/*========================================================*/
/* COLOR GUIDE                                            */
/*========================================================*/
/*
background:dark grey #1e1e1e

========================================================= */


/*========================================================*/
/*    Cascading Style Sheet for TODOCAST                  */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. GLOBAL ELEMENTS                                    */
/*  2. UNIQUE ELEMENTS                                    */
/*  3. GLOBAL LAYOUT                                      */
/*  4. POSITIONIG CLASSES                                 */
/*  5. STYLING CLASSES                                    */
/*========================================================*/

/* ============================================================================================================================= */
/* 1. GLOBAL ELEMENTS                                                                                                            */
/* ============================================================================================================================= */


* {margin:0; padding:0; border:none;}
body {
	font-size:100%;
	line-height:1.125em; /* 16×1.125=18 */
	font-family:"Lucida Grande", Tahoma, Arial;
	color:#fff;
	background:url(../images/bg.jpg) #1e1e1e repeat-x top center;	
	width:100%;
	}
a {text-decoration:none; color:#fff;}
a:hover {text-decoration:none; color:#ccc;}
a:visited {text-decoration:none;}
a.special  {text-decoration:underline; font-style:italic;}
p {font:0.75em "Lucida Grande", Tahoma, Arial; margin-top:10px;}
p a {text-decoration:none;}
p a:hover {text-decoration:underline;}
ul {list-style-type:none;}
ol {list-style-type:none;}
table {table-layout:fixed; width:100%; border-collapse:collapse; border:none; font: 0.75em "Lucida Grande", Tahoma, Arial; color: #fff;}
tbody {border:none;}
td {padding-top:10px;}
input {padding:2px; font: 0.90em "Lucida Grande", Tahoma, Arial;}
textarea {padding:2px; font: 0.90em "Lucida Grande", Tahoma, Arial;}
h1 {font: 1.25em "Lucida Grande", Tahoma, Arial; color:#fff;font-weight:bold;}
h1 .light {font-weight:normal;}
h2 {font: 0.80em "Lucida Grande", Tahoma, Arial; color:#fff;}
h3 {font: 0.75em "Lucida Grande", Tahoma, Arial; color: #fff;}
h4 {font: 0.90em "Lucida Grande", Tahoma, Arial;}
h5 {font: 0.60em "Lucida Grande", Tahoma, Arial; color: #ccc;}
h6 {font: 1.10em "Lucida Grande", Tahoma, Arial; color:#fff;}

/* ============================================================================================================================= */
/* 2. UNIQUE ELEMENTS                                                                                                            */
/* ============================================================================================================================= */

/* -------------------------------------------------------------------------------------------------- HOME PAGE ---------------- */
/* -------------------------------------------------------------------------------------------------- tour --------------------- */

#index_live {
	position:relative;
	float:left;
	margin-top:32px;
	left:-15px;
	width:1030px;
	height:700px;	
	}
#coverFlow{
	width:960px;
	margin:0 auto;
	position:relative;	
	}
#flashcontent{	
	}
/* -------------------------------------------------------------------------------------------------- PRODUCERS PAGE ------------ */
.box_producers {
	position:relative;
	float:left;
	margin-top:52px;
	padding:80px 35px 80px;
	width:930px;
	height:auto;
	background:url(../images/bg_producers.jpg) no-repeat;
	}
.box_press h1 {text-indent: -9000px;}
.producer_entry {
	position:relative;
	float:left;
	width:930px;
	height:auto;
	padding:20px 0 30px;
	background:url(../images/divider.png) no-repeat bottom center;
	}
.producer_logo {
	position:relative;
	float:left;
	width:140px;
	margin-right:35px;
	height:125px;
	}
.producer_copy {
	position:relative;
	float:left;
	width:325px;
	margin-right:25px;
	height:auto;
	}
.producer_entry h6 {
	font: 0.90em "Lucida Grande", Tahoma, Arial; 
	color:#fff;
	text-transform:uppercase;
	} 

.producer_contact {
	position:relative;
	float:left;
	padding:15px 0 0 20px;
	width:352px;
	height:100px;
	background:url(../images/bg_producer_contact.png) no-repeat top left;
	}
.producer_contact p {
	display:block;
	float:left;
	clear:left;
	width:350px;
	}
.producer_contact p span {
	position:absolute;
	left:85px;
	}
.producer_contact h4 {
	font: 0.85em "Lucida Grande", Tahoma, Arial; 
	color:#fff;
	display:block;
	float:left;
	clear:left;
	}
/* -------------------------------------------------------------------------------------------------- EQUIPMENT RESOURCES PAGE -- */
.box_equipment {
	position:relative;
	float:left;
	margin-top:52px;
	padding:80px 35px 80px;
	width:930px;
	height:auto;
	background:url(../images/bg_equipment.jpg) no-repeat;
	}
/* -------------------------------------------------------------------------------------------------- CONTACT PAGE ------------- */
/*.box_contact {
	position:relative;
	float:left;
	margin-top:52px;
	width:1000px;
	height:455px;
	background:url(../images/bg_contact.jpg) no-repeat;
	}
.box_contact_copy {
	position:relative;
	float:left;
	margin:40px 0 0 30px;
	width:290px;
}
.box_contact_copy p {font:0.80em/1.5em "Lucida Grande", Tahoma, Arial; margin-top:20px;}
.box_contact_form {
	position:relative;
	float:left;
	margin:40px 0 0 60px;
	width:600px;
}
*/
/* -------------------------------------------------------------------------------------------------- PRESS PAGE --------------- */
/*.box_press {
	position:relative;
	float:left;
	margin-top:52px;
	padding:50px 40px 80px;
	width:920px;
	height:auto;
	background:url(../images/bg_press.jpg) no-repeat;
	}
.pr {
	margin-top:30px;
	}
.pr h6 {
	font: 0.90em "Lucida Grande", Tahoma, Arial; color:#fff;
	text-decoration:underline;
	}
.pr span.read_more {
	padding-left:15px; font-style:italic;
	} 
*/
/* -------------------------------------------------------------------------------------------------- FIND-VIDEOGRPHER PAGE -- */
/*.box_find-videographer {
	position:relative;
	float:left;
	margin-top:52px;
	width:1000px;
	height:auto;
	background:url(../images/bg_contact.jpg) no-repeat;
	}
.box_find-videographer_copy {
	position:relative;
	float:left;
	margin:40px 0 0 30px;
	width:290px;
}
.box_find-videographer_copy p {font:0.80em/1.5em "Lucida Grande", Tahoma, Arial; margin-top:20px;}
.box_find-videographer_form {
	position:relative;
	float:left;
	margin:40px 0 60px 60px;
	width:600px;
}
*/

/* ============================================================================================================================= */
/* 3. GLOBAL LAYOUT                                                                                                              */
/* ============================================================================================================================= */



#wrapper {width:1000px; height:auto; margin:0 auto; position:relative; z-index: 10;}
#header {width:1000px; height:43px; margin:0 auto; position:relative; z-index: 15; float:left;}
.logo {
	position: absolute;
	top: 0;
	left:-5px;
	width:175px;
	height: 90px;
	z-index: 20;
}
.nav_extras {
	position: absolute;
	top: 13px;
	left:855px;
	width:140px;
	height: 30px;
	z-index: 16;
	font: 0.75em "Lucida Grande", Tahoma, Arial; color: #fff;
}
.nav_extras span {display:block; height:24px; float:left; }
.nav_extras a {display:block; height:24px; float:left; }
img.icon {display:block; float:left; padding-left:6px; margin-top:-5px;}

#content {width:1000px; height:auto; margin:0 auto; position:relative; z-index: 10; float:left;}
.placeholder {display:block; width:1025px; height:565px;}

#footer {position:relative; z-index: 10; width:100%; height:280px; background: url(../images/bg_footer.png) repeat-x top center; float:left; }
.sitemap {position:relative; margin:10px auto 0; width:1000px; height:268px;}	
.sitemap ul {width:210px; height:auto; position:relative; float:left; padding:25px 0 0 30px;}
.sitemap ul.left {width:210px; height:auto; position:relative; float:left; padding:25px 0 0 40px;}
.sitemap ul li {height:12px; border-bottom:1px solid #4f4f4f; padding:5px 0;}
.sitemap ul li#current_location {height:12px; border-bottom:1px solid #4f4f4f; padding:5px 0; list-style-image:url(../images/sitemap_location.png);}
.sitemap ul li.title {text-transform:uppercase; height:20px;}
.sitemap_column_right {width:225px; height:auto; position:relative; float:left; padding:25px 0 0 30px;}
.register_plug {
	position: absolute;
	top: 35px;
	left:17px;
	width:250px;
	height:113px;
	}
.register_plug a {
	position: absolute;
	width:250px;
	height:113px;
	text-indent: -9000px;
    overflow: hidden;		
	}
.register_plug a:link, .register_plug a:visited {
	background: url(../images/btn_register.png) no-repeat 0 -113px;	
	}
.register_plug a:hover, .register_plug a:focus {
	background: url(../images/btn_register.png) no-repeat 0 0;	
	}
.contact_plug {
	position: absolute;
	top:175px;
	width:225px;
	height:70px;
	border-top:1px solid #4f4f4f;
	border-bottom:1px solid #4f4f4f;
	}
.contact_plug a {
	position: absolute;
	width:225px;
	height:70px;
	text-indent: -9000px;
    overflow: hidden;		
	}
.contact_plug a:link, .contact_plug a:visited {
	background: url(../images/btn_contact_plug.png) no-repeat 0 -70px;	
	}
.contact_plug a:hover, .contact_plug a:focus {
	background: url(../images/btn_contact_plug.png) no-repeat 0 0;	
	}
.copyright_copy {
	position: absolute;
	top:175px;
	width:220px;
	border-top:1px solid #4f4f4f;
	padding:10px 0 0 5px;

	}


/* --------------------------------------------------------------------------------------------------------- navigation ---------------- */	
.nav {
	width:1000px; 
	height:43px; 
	position: absolute;
	background: url(../images/bg_nav_live.jpg) no-repeat;
    top: 0px;
    left: 0px;
	}
.nav li {
	margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
	}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 43px;
	text-indent: -9000px;
    overflow: hidden;
	}
/* --------------------------------------------------------------------------------------------------------- nav HOME ------------------ */

.nav .home-live a:link, .nav .home-live a:visited {
    left: 172px;
    width: 70px;
	}
.nav .home-live a:hover, .nav .home-live a:focus {
    background: url(../images/bg_nav_live.jpg) no-repeat -172px -43px;
	}
.nav .home-live a:active {
    background: url(../images/bg_nav_live.jpg) no-repeat -172px -86px;
	}
.nav li#currentpage.home-live a:link, .nav li#currentpage.home-live a:visited {
    background: url(../images/bg_nav_live.jpg) no-repeat -172px -129px;
	}

/* --------------------------------------------------------------------------------------------------------- nav LIVE EVENTS ---------- */

.nav .live_events a:link, .nav .live_events a:visited {
    left: 243px;
    width: 112px;
	}
.nav .live_events a:hover, .nav .live_events a:focus {
    background: url(../images/bg_nav_live.jpg) no-repeat -243px -43px;
	}
.nav .live_events a:active {
    background: url(../images/bg_nav_live.jpg) no-repeat -243px -86px;
	}
.nav li#currentpage.live_events a:link, .nav li#currentpage.live_events a:visited {
    background: url(../images/bg_nav_live.jpg) no-repeat -243px -129px;
	}
	
/* --------------------------------------------------------------------------------------------------------- nav ARCHIVED EVENTS ---------- */

.nav .archived_events a:link, .nav .archived_events a:visited {
    left: 355px;
    width: 150px;
	}
.nav .archived_events a:hover, .nav .archived_events a:focus {
    background: url(../images/bg_nav_live.jpg) no-repeat -355px -43px;
	}
.nav .archived_events a:active {
    background: url(../images/bg_nav_live.jpg) no-repeat -355px -86px;
	}
.nav li#currentpage.archived_events a:link, .nav li#currentpage.archived_events a:visited {
    background: url(../images/bg_nav_live.jpg) no-repeat -355px -129px;
	}


/* --------------------------------------------------------------------------------------------------------- nav PRODUCERS ------------ */

.nav .producers a:link, .nav .producers a:visited {
    left: 505px;
    width: 109px;
	}
.nav .producers a:hover, .nav .producers a:focus {
    background: url(../images/bg_nav_live.jpg) no-repeat -505px -43px;
	}
.nav .producers a:active {
    background: url(../images/bg_nav_live.jpg) no-repeat -505px -86px;
	}
.nav li#currentpage.producers a:link, .nav li#currentpage.producers a:visited {
    background: url(../images/bg_nav_live.jpg) no-repeat -505px -129px;
	}
	
/* --------------------------------------------------------------------------------------------------------- nav PRODUCERS ------------ */

.nav .about a:link, .nav .about a:visited {
    left: 614px;
    width: 151px;
	}
.nav .about a:hover, .nav .about a:focus {
    background: url(../images/bg_nav_live.jpg) no-repeat -614px -43px;
	}
.nav .about a:active {
    background: url(../images/bg_nav_live.jpg) no-repeat -614px -86px;
	}
.nav li#currentpage.about a:link, .nav li#currentpage.about a:visited {
    background: url(../images/bg_nav_live.jpg) no-repeat -614px -129px;
	}


/* ============================================================================================================================= */
/* 4. POSITIONIG CLASSES                                                                                                         */
/* ============================================================================================================================= */

.fl {float:left;}
.fr {float:right;}
.toppush {margin-top:15px;}
.btmpush {margin-bottom:15px;}
.lftpush {margin-left:15px;}
.rhtpush {margin-right:15px;}
.clear {clear:both;}
.bigtop {margin-top:30px;}

/* ============================================================================================================================= */
/* 5. STYLING CLASSES                                                                                                            */
/* ============================================================================================================================= */

.textblack {color:#000;}

/* ============================================================================================================================= */
/* 6. New classes for the popup re-organize how you want                                                                         */
/* ============================================================================================================================= */

br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:201;
}
#popupContact{
color:#000000;
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:202;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#000000;
font-size:18px;
font-weight:700;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}
#popupContact a{
color:#000000;	
}

.controls {width:auto; height:40px;}
.controls .btns {
	width:85px;
	height:40px;
	float:left;
}
.btn_go {
	background:url(../images/btn_go_ready.jpg) no-repeat top left;
}
.btn_go:hover {
	background:url(../images/btn_go_over.jpg) no-repeat top left;
}
.btn_reset {
	background:url(../images/btn_reset_ready.jpg) no-repeat top left;
}
.btn_reset:hover {
	background:url(../images/btn_reset_over.jpg) no-repeat top left;
}