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

* { margin:0; padding:0; font-family:Helvetica, Arial, Verdana, sans-serif; }
a { color:#ed1c24; padding:1px; }
a:hover, .sub-nav a.active { background:#ed1c24; color:#fff; text-decoration: none; }
a.active { color:#000; text-decoration:none; }
a.active:hover { background:#000; color:#fff; }
body { width:976px; margin:10px auto 20px auto; background:#fff; font-size:100%; position:relative; }

/* Attributes */
#bd, #hd, #nav, #zapping, .home-pos p { position: relative;}
#hd, #bd-top, #bd-mid, #bd-bott {width:100%}

/* Heading */

#hd { background:#FFF; padding-top:10px; height:100px;}
#logo { width:158px; float:left; margin-left: 45px; }
#logo a:hover { background:none; }
#nav { display:inline; float:left; height:105px; top:-28px; margin-left: 85px;  }
#nav ul { margin: 10px 0 0 0; }
#nav li { text-indent:-9999px; margin: 0 20px 0 0; padding: 0; list-style-type: none; float: left; }
#nav a { display:block; height:105px; background-position:center top; background-repeat:no-repeat; }
#nav a:hover { margin-top: -2px; }
a.zap { background:transparent url(../images/nav-zapping.png); width:95px; }
a.heard { background:transparent url(../images/nav-heard.png); width:101px;  }
a.revolution { background:transparent url(../images/nav-revolution.png); width:93px;  }
a.reach { background:transparent url(../images/nav-reach.png); width:110px;  }
a.control { background:transparent url(../images/nav-control.png); width:113px;  }
.sub-nav { width:120px; font-size:110%; text-align:left; position:absolute; right:-120px; padding-top: 125px; }
.sub-nav li { list-style-type:none; line-height: 1.4em; }
.sub-nav li a { text-decoration: none; padding: 3px 3px 1px 3px; -moz-border-radius:5px; -webkit-border-radius:5px; border-raidus:5px; }
.home #bd { color:#fff;}
.home h1 { text-indent: -9999px; position: absolute; display: block; width: 385px; height: 113px; background:transparent url(../images/h1-viva-trans.png) top left no-repeat; left: -20px; top:-10px;}
.home #bd h2 { text-indent: -9999px; height: 0px; padding: 0; }
#zapping { top:-20px; background: transparent url(../images/bg-zapping-trans.png); }
.home-pos p, #revolution p, #control p  { width: 550px; top: 120px; left: 270px;} 
#heard p, #reach p { top:120px; left: 140px; }
#heard { background: transparent url(../images/bg-heard-trans.png);  }
#revolution { background: transparent url(../images/bg-revolution-trans.png);  }
#reach { background: transparent url(../images/bg-reach-trans.png);  }
#control { background: transparent url(../images/bg-control-trans.png); }
#zapping, #heard, #revolution, #reach, #control { display: block; width: 100%; height: 393px; background-position: top center; background-repeat: no-repeat;}
#control {height: 541px;  }
table { border:#ed1c24 2px solid; }
th { padding:5px; background:#ed1c24; color:#fff; border:#ed1c24 1px solid; }
td { padding:7px; border:#ed1c24 1px solid; }
li { list-style-position:inside; font-size:75%; padding:2px 0 2px 10px; }
#bd-top { background: transparent url(../images/bg-bg-top.png) center bottom no-repeat;  height: 69px; }
#bd-mid { background: transparent url(../images/bg-bg-mid.png) center top repeat-y; }
#bd-bott { background: transparent url(../images/bg-bg-bot.png) center top no-repeat; display: block; height:64px;  }
h1 { color:#ed1c24; }
h2, h3 { padding: 5px 0; }
p { padding:10px 0 5px 0; font-size:85%; line-height:1.62em; }
.bg-contain { width:840px; margin:0 auto; padding:20px; background:#FFF; -moz-border-radius:10px; -webkit-border-radius:10px; border-raidus:10px;  }
#ft { margin-bottom: 10px; display: block; }
.copy, .site { font-size: 70%; float: left; width: 300px;  }
.site { float: right; text-align: right; margin-right: 40px; }
.copy { margin-left: 45px;}
.clear { clear:both; }
.date p { font-size:80%; float:right; padding-right:40px; color:#666; }

/*States Images*/
#map { width:350px; float:left; margin:20px 0 20px 30px; }
.states { margin:70px 150px 20px 10px; width:130px; float:right; }
.states li { list-style-type: none; margin:10px 0; padding:0; text-align:left; }
a.state { font-size:120%; color:#FFF; padding:6px 5px 3px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-raidus:5px; background:#CC0000; display:block; text-decoration:none; text-align:center; }
a:hover.state { background:#000; }
.states a.active { background:#000; }

#theatre-frame { overflow-x:hidden; overflow-y:auto; border:0px; width:750px; margin:0 auto; }
.theatre-list { width:760px; margin:0 auto; clear:both; }
tbody.hiddenrow {  background:#ed1c24; }

.top a { color:#fff; width:23px; height:29px; display:block; background:transparent url(../images/go-up.gif) top center no-repeat; text-indent:-9999px; position:relative; padding:0; left:850px; top:-20px; }
.top a:hover { background-position:bottom center; }

tr.club { background-color:#FF0; } 

#flash { position:absolute; display:block; width:800px; height:475px; top:-10px; right:-75px; }