body {
background: url(../images/bodyBcgr.jpg) repeat-y 0 110px #fffef3;
font: 75%/1.6em "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
margin: 0; padding: 0;
color: #000;
}

* ul, * li { 
list-style: none; padding: 0; margin: 0; }

a, a:link, a:visited, a:hover {
color: #000;
text-decoration: none;
}
#content a:hover { color: #ff9c01; }

h1.imageText, p.skipNav {
position: absolute; width: 20em; left: -999em; margin-top: 0; top: 0;
}

#logoStrip {
width: 100%;
height: 82px;
background: url(../images/topStripBcgr.jpg) repeat-x transparent;
}

#menuMain {
/*width: 100%;*/
height: 28px;
background: url(../images/menuBcgr.gif) repeat-x transparent;
text-align: center;
letter-spacing: 0.1em;
padding-left: 250px;
}

#menuMain li{
width: 64px;
background-color: transparent;
float: left;
}

#menuMain li#mHome{width: 54px;}
#menuMain li#mSpots{width: 64px; margin-left: 60px;}

#menuMain a{
display: block;
height: 28px;
width: auto;
text-indent: -999em;
background-repeat: no-repeat;
background-color: transparent;
background-position: 0 0px;
}
li#mHome a {
background-image: url(../images/mHome.gif)
}
li#mSpots a{
background-image: url(../images/mSpots.gif)
}

#menuMain li a.current, #menuMain li a:hover{
background-position: 0 -28px;
}

body#bIndex #content {
width: 440px;
margin: 40px 0 0 256px;
}

body#bIndex #content h2 {
font-size: 1.3em;
}

#content {position: relative; width: auto; margin: 0;}
body#bVideos #content {width: 640px; }
* html #content { height: 1%;}

/*---MENU LEFT -----------------------------*/
#menuLeft {
position: absolute;
top: 40px; left:20px;
width: 180px;
}

#menuLeft li {
margin-left: 16px;
}
#menuLeft li.secondCtgr {
height: 16px;
font-size: 8px;
line-height: 8px;
width: auto;
text-indent: -999em;
background-image: url(../images/menuLeft.png) ;
background-repeat: no-repeat;
background-color: transparent;
background-position: 0 0px;
margin: 6px 0 0px 0;
color: #000;
}
#menuLeft li#mPepsi {background-position: 0 -16px; }
#menuLeft li#mHBO {background-position: 0 -32px; }
#menuLeft li#mVisa {background-position: 0 -48px; }
#menuLeft li#mGE {background-position: 0 -64px; }
#menuLeft li#mAOL {background-position: 0 -80px; }

* html #menuLeft li#mFedEx {background: url(../images/mFedEx.gif) no-repeat 0 0px;}
* html #menuLeft li#mVisa {background: url(../images/mVisa.gif) no-repeat 0 0px;}
* html #menuLeft li#mHBO {background: url(../images/mHBO.gif) no-repeat 0 0px;}
* html #menuLeft li#mGE {background: url(../images/mGE.gif) no-repeat 0 0px;}
* html #menuLeft li#mAOL {background: url(../images/mAOL.gif) no-repeat 0 0px;}
* html #menuLeft li#mPepsi {background: url(../images/mPepsi.gif) no-repeat 0 0px;}

#menuLeft a {
color: #000;
}
#menuLeft a:visited {
color: #000;
}
#menuLeft a:hover {
font-weight: bold;
background-color: #d57208;
padding: 0 3px;
color: #fffef3;
}
#menuLeft li#visib a, #menuLeft li#visib a:hover {
color: #6c6c6c;
cursor: default;
font-weight: bold;
}

#movie, #movie_noq {
position: absolute;
top: 50px;
left: 194px;
width: 440px;
text-align: center;
border: 1px solid white;
}

#movie ul{
width: auto;
margin: 8px 0 0 150px;
}
#movie li {
float: left;
width: 50px;
}
#movie li.short {
width: 42px;
}
#movie a:hover {
font-weight: bold;
}

p#copyright { margin-top: 100px; }

#movie_noq {
font-size: 1.1em;
text-align: left;
}
#movie_noq a:link, #movie_noq a:visited, #downloadInfo a {
text-decoration: underline;
}
#movie_noq a:hover, #downloadInfo a:hover {
text-decoration: underline;
font-weight: bold;
}
#movie_noq { display: none;}
body.no_qt #movie_noq {display: block; }
body.no_qt #movie, body.no_qt li#visib { display: none;}
a:focus, a:active, a:visited { outline: none; }

