/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { font-family: Arial, sans; margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-style: normal; font-weight: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* HTML ELEMENTS */
body { color:#919388; font-size:12px; line-height:16px; text-align:left; }
html { background-color:#121210; }
img { border:0; }

/* QT STYLES */
noscript, #shell #main .noqt { display: none; }
noscript, #shell #main .noqt { background-color:#000; height:420px; margin:0; text-align:center; width:560px; }
noscript p.sosumi, #shell #main .noqt p.sosumi { padding:20px; color:#FFF; }
#shell #main .noqt img { padding-top:180px; }
noscript p.sosumi a, noscript p.sosumi a:visited, #shell #main .noqt p.sosumi a, #shell #main .noqt p.sosumi a:visited { color:#919189; text-decoration:underline; }
noscript p.sosumi a:hover, noscript p.sosumi a:active, #shell #main .noqt p.sosumi :hover, #shell #main .noqt p.sosumi a:active { color:#FFF; text-decoration:underline; }

/* LAYOUT */
#shell { position:relative; margin:0 auto; padding:48px 0 0 0; width:820px; }
#shell #clientname { padding-bottom:4px; }
#shell #contact { position:relative; border-bottom:3px solid #4d4d49; padding:25px 0 10px 0; width:580px; }
#shell #main { position:relative; margin:0; padding:15px 10px; width:580px; }
#shell #main p { padding-right:10px; }  
#shell #nav img { border:0; padding:10px 0 5px 0; }
#shell #sidebar { float:right; overflow:hidden; width:200px; }
#shell #sidebar img.adrian { border-bottom:3px solid #4d4d49; margin:0px; padding:0; }
#shell #sidebar img.winter { border-top:3px solid #4d4d49; margin:0; padding:0; }
#shell #spotname { padding-bottom:2px; }

/* MOVIE CONTAINER */
#shell #moviecontainer { position:relative; width:560px; height:420px; margin:0; }
#shell #moviecontainer object { position:relative; z-index:100; }
#shell #moviecontainer img.loading { display:block; margin:42% auto 0; }

/* MOVIE CONTROLS */
#shell #moviecontroller { position:relative; width:560px; height:12px; padding:12px 0 30px 0; margin:0px; }
#shell #moviecontroller div.control { position:relative; width:9px; height:12px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(../images/qt_playpause.gif) center top no-repeat; }
#shell #moviecontroller div.control.play { }
#shell #moviecontroller div.control.pause { background-position:center -12px; }
#shell #moviecontroller div.sliderPanel { position:absolute; top:12px; left:20px; height:20px; width:540px; }
#shell #moviecontroller div.sliderPanel div.track { position:absolute; left:0; width:540px; height:3px; background-color:#21211f; text-align:left; }
#shell #moviecontroller div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:3px; background-color:#4d4e49; overflow:hidden; }
#shell #moviecontroller div.sliderPanel div.track div.trackProgress { display:none; }
#shell #moviecontroller div.sliderPanel div.track div.playHead { position:absolute; top:3px; width:9px; height:9px; background:url(../images/playhead.gif) no-repeat left top; cursor:pointer; }

/* NAVIGATION */
ul.nav { margin:0; padding:0; }
ul.nav li { border-bottom:1px solid #21211e; padding:10px 0;}
ul.subnav { border:none; display:block; margin:0; padding:0; }
ul.subnav li { border:none; padding:8px 0 0 0;	}

/* LINKS */
#shell #contact img, #shell #sidebar ul.nav li img { background-color:#92928a; }
#shell #contact img:hover, #shell #sidebar ul.nav li img:hover, #shell #sidebar ul.nav li img.selected { background-color:#deded3; }
#shell #sidebar img  { background-color:#393934; }
#shell #sidebar .wondertwin img:hover { background-color:#4d4d49; }
#shell #sidebar ul.subnav li img { background-color:#4d4d49; }
#shell #sidebar ul.subnav li img:hover, #shell #sidebar ul.subnav li img.selected { background-color:#92928a; }