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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


img
{
	border: none;
}

a
{
	text-decoration: none;
	color:#000000;
}

.clearBoth
{
	clear: both;
}

.noBorder
{
	border: none;
}

body
{
	font-family:Arial, Helvetica, sans-serif;	
	background: #000000 url(../../i/speaker_x.jpg) repeat-x;
}


#shell {


margin: 0 auto;
height:100%;


}

#top {

width:927px;
height:372px;
background: url(../../i/speaker_bg.jpg) no-repeat ;
margin:0 auto;

}


#top_sub {

width:100%;
height:372px;
margin:0 auto;
background:url(../../i/subPage_topbg.jpg) no-repeat center;
text-align:center;


}

#subHeader_01 {

width:100%;
position:absolute;
height:175px;
margin-top:40px;
background:url(../../i/main_x_02.jpg) repeat-x;

}

#topMainlogo {

width:313px;
height:83px;

}



#mainLogo {

background:url(../../i/main_x.jpg) repeat-x;
height:175px;
margin-top:-100px;
position:relative;
z-index:99;

}

#audioBtn {

margin-left:21px;
margin-bottom:10px;

}

#soundBtn {

margin-left:21px;

}

#infoSplash{

width:370px;
height:43px;
float:right;
margin-right: 40px;
margin-top:-129px;
position:relative;
z-index:9999;

}

#ga_subMenu {

width:100%;
height:23px;
float:left;
margin-top:-12px;


}

#topLogo {

width:330px;
height:90px;
position:absolute;
z-index:9999;
}

#topsubinfo {

width:370px;
height:43px;
float:right;
margin-right:40px;
margin-top:200px;
position:relative;
z-index:9999;

}

#topMenu {

width:556px;
height:43px;
margin-left:63%;
margin-top:2px;
position:absolute;
z-index:9999;


}

#gaSubnav
{
	float: left;
	margin-top: 30px;
	background: url(../../i/sub_x.jpg) repeat-x;
	width:100%;
	
}

#gaSubnav li
{
	float: left;
}

#gaSubnav li a
{
	display: block;
	float: left;
	height: 23px;
	background: transparent  url(../../i/ga_menuMatrix.png) no-repeat 0px 0px;
}


ul#gaSubnav li#navNull a { width: 221px; background-position: 0px 0px; }
ul#gaSubnav li#nav1 a { width: 92px; background-position: -221px 0px; }
ul#gaSubnav li#nav2 a { width: 143px; background-position: -313px 0px; }
ul#gaSubnav li#nav3 a { width: 96px; background-position: -456px 0px; }
ul#gaSubnav li#nav4 a { width: 150px; background-position: -552px 0px; }
ul#gaSubnav li#nav5 a { width: 160px; background-position: -712px 0px; }



ul#gaSubnav li#nav1 a:hover { width: 92px; background-position: -221px -23px; }
ul#gaSubnav li#nav2 a:hover { width: 143px; background-position: -313px -23px; }
ul#gaSubnav li#nav3 a:hover { width: 96px; background-position: -456px  -23px; }
ul#gaSubnav li#nav4 a:hover { width: 150px; background-position: -552px  -23px; }
ul#gaSubnav li#nav5 a:hover { width: 160px; background-position: -712px  -23px; }


#tvSubnav
{
	float: left;
	margin-top: 30px;
	background: url(../../i/sub_x.jpg) repeat-x;
	width:100%;
	
}

#tvSubnav li
{
	float: left;
}

#tvSubnav li a
{
	display: block;
	float: left;
	height: 23px;
	background: transparent url(../../i/tv_menuMatrix.png) no-repeat 0px 0px;
}


ul#tvSubnav li#navNull a { width: 221px; background-position: 0px 0px; }
ul#tvSubnav li#nav1 a { width: 92px; background-position: -221px 0px; }
ul#tvSubnav li#nav2 a { width: 143px; background-position: -313px 0px; }
ul#tvSubnav li#nav3 a { width: 96px; background-position: -456px 0px; }
ul#tvSubnav li#nav4 a { width: 150px; background-position: -552px 0px; }
ul#tvSubnav li#nav5 a { width: 160px; background-position: -712px 0px; }



ul#tvSubnav li#nav1 a:hover { width: 92px; background-position: -221px -23px; }
ul#tvSubnav li#nav2 a:hover { width: 143px; background-position: -313px -23px; }
ul#tvSubnav li#nav3 a:hover { width: 96px; background-position: -456px  -23px; }
ul#tvSubnav li#nav4 a:hover { width: 150px; background-position: -552px  -23px; }
ul#tvSubnav li#nav5 a:hover { width: 160px; background-position: -712px  -23px; }




#msgBox {
background:url(../../i/main_box_x.jpg) repeat-x #121212;
height:auto;
width: 800px;
margin: 0 auto;
z-index:9999;
}

#msgBox_Media {
background:url(../../i/main_box_x.jpg) repeat-x #121212;
height: 500px;
width: 800px;
margin: 0 auto;
z-index:9999;
}

#msgBox_small {
background:url(../../i/main_box_x.jpg) repeat-x;
background-position: 0 -30px;
height:auto;
width: 300px;
z-index:9999;
float:left;
margin:17px auto 0 -177px;
border: 1px #666666 solid;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
}

#msgHolder_small{

width:225px;
height:auto;
padding:20px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0 auto;

}

#playerdiv {

margin-top:6px;
border:2px #6699FF solid;
}

#msgHolder_player{

width:483px;
height:600px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
background-position: -0px -8px;
font-size:14px;
margin:0 auto;
padding-top:13px;

}


#msgHolder{

width:700px;
height:auto;
padding:20px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0 auto;

}

#msgBoxCon {
background:url(../../i/main_box_x.jpg) repeat-x #121212;
height: 540px;
width: 800px;
margin: 0 auto;
z-index:9999;

}



#pageMain {

width:100%;
height:auto;
background:url(../../i/subpage_bg_x.jpg) repeat-x;
float:left;
margin: 76px auto 0;

}

#pageMain a:link, #pageMain a:visited {

color:#cccccc;

}

#pageMain a:hover {

color:#FFFFFF;

}

#pageMainCon {

width:100%;
height:100%;
background:url(../../i/subpage_bg_x.jpg) repeat-x;
float:left;
margin: 76px auto 0;
margin-bottom: 100px;
}

#pageMainCon a:link, #pageMainCon a:visited {

color:#cccccc;

}

#pageMainCon a:hover {

color:#FFFFFF;

}

/*Footer Styles */

#footershell {

width:100%;
background:url(../../i/footer_x.jpg) repeat-x;
height:74px;
margin-top:60px;
position:relative;
float:left;
padding-bottom:20px;
color:#CCCCCC;


}

#footershell a:link, #footershell a:visited , #footerhshell a:active {

color:#666666;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;

}

#footershell a:hover {

color:#ffffff;
font-size:11px;
}

#footershell .right {

float:right;
position:relative;
margin-right:60px;
margin-top:-120px;
z-index:9999;

}

#footershell #rightmenu {

margin-right:50px;

}

#siteby {

width:116px;
height:9px;
margin-left:21px;
z-index:9999;
position:relative;
bottom:10px;

}


/*Contact Form */

.contact {
float:left;
width:340px;



}

.contact .title {

font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;

}

.contact .input {
float:left;
background:url(../../i/contactForm_matrix1.jpg) no-repeat -10px -10px;
height:23px;
width:450px;
border: medium none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding: 8px 10px 0px 8px;
margin-bottom: 10px;

}


div.contact_question {
	float: left;
	line-height: 25px;
	height: 25px;
}

div#contact_question_dropdown_container {
	float: left;
	width: 256px;
	height: 25px;
	margin-top:10px;
	background-image: url(../../i/contactForm_matrix1.jpg);
	background-position: -10px -174px;
	background-repeat: no-repeat;
}

div#contact_question_dropdown_container.dropdown_over:hover {
	background-position: -10px -234px;
}

div#contact_question_dropdown_label {
	position: absolute;
	z-index: 1;
	line-height: 25px;
	height: 25px;
	padding-left: 9px;
}

div#contact_question_dropdown_label2 {
	position: absolute;
	z-index: 1;
	line-height: 25px;
	height: 25px;
	padding-left: 9px;
}

select#contact_question_dropdown {
	width: 254px;
	height: 25px;
	float: left;
	position: absolute;
	z-index: 2;
	margin-top: 2px;
	padding-top: 8px;
	display:block;
	background-color: #ffffff;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	cursor: pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

select#contact_question_dropdown.dropdown_over {
	background-color: red;
}

select#contact_question_dropdown.dropdown_down {
}



.contact .input:focus {
float:left;
background: url(../../i/contactForm_matrix1.jpg) no-repeat -10px -112px;
height:23px;
width:450px;
border: medium none;
padding: 8px 10px 0px 8px;

}

.contact .input.small {
width:150px;
}


.contact .select {
cursor: pointer;
width:294px;
margin-bottom: 3px;
}



.contact .area {
float:left;
width:390px;
height:105px;
color:#666666;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:medium none;
background:url(../../i/tarea_matrix.jpg) no-repeat -10px -9px;
padding:10px 10px 0px 10px;
overflow:auto;

}

.contact .area:focus {
float:left;
width:390px;
height:105px;
border: medium none;
background:url(../../i/tarea_matrix.jpg) no-repeat -10px -253px;
color:#666666;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
padding:10px 10px 0px 10px;

}
	
	


.contact .button {
cursor: pointer;
width:115px;
height:38px;
font-weight: bold;
background:url(../../i/tarea_matrix.jpg) no-repeat -10px -369px;
border:medium none;
padding:3px 0;
}

.contact .button:hover {
cursor: pointer;
width:115px;
font-weight: bold;
background:url(../../i/tarea_matrix.jpg) no-repeat -134px -369px;
border:medium none;
padding:3px 0;
}

.message{

border:medium none;
color:#ccc;
padding:10px;
background: transparent url(../../i/bg_confirm.png) no-repeat 0px 0px;
width:420px;
height: 90px;
float:left;
}

.message .title{
font-family: Arial;
font-size: 18px;
font-weight: bold;
width:420px;
float:left;
color: #6699FF;
}
.message .close{
height: 20px;
width:20px;
background: #f00;
float:left;
}
.message .body{
font-family: Arial;
font-size: 11px;
font-weight: normal;
width:420px;
color:#666666;
padding-top:2px;
float:left;
}