/* Reset CSS and general stuff */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}
html { overflow:-moz-scrollbars-vertical; }
.clear { clear: both; font-size: 0; height: 0; line-height: 0; }
a { outline: none; color: #fff; }
.hidden { position: absolute; left: -100000px; }
div { zoom: 1; }
.play2 { position: absolute; left: -50000px; }
body { background: #706e71 url(../images/bg.jpg) top center repeat-y; font: 12px Arial, Helvetica, sans-serif; color: #fff; }
#global { width: 980px; margin: 0 auto; background: #30134d; }

#global h1 a { display: block; height: 169px; background: url(../images/header.jpg) 0 0 no-repeat; }
#global #addthis { float: right; margin: 10px; }
#global .title { color: #fff; font-weight: bold; font-size: 14px; text-align: center; margin: 10px; padding: 0 0 0 80px; }
#global .subtitle { color: #fff; font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 5px 0 0; text-align: center; }
#global .subsubtitle { color: #fff; font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 5px 0 0; text-align: center; }

#global .content { margin: 30px 0 0; padding: 10px 10px 10px 10px; }
#global .navbar { position: relative; margin: 0 0 10px; color: #fff; font-size: 14px; line-height: 20px; }
#global .navbar a { color: #fff; text-decoration: none; }
#global .navbar a:hover { text-decoration: underline; }
#global .navbar a.current { color: #ad38c4; font-weight: bold; }

#global .content .video-container { position: relative; background: #ad38c4; padding: 10px; min-height: 500px; }
* html #global .content .video-container { height: 500px; } /* IE6 should die */
#global .content .video-container .video { position: relative; display: inline; float: left; width: 335px; margin: 10px 15px 15px 0; padding: 0 0 10px 10px; }
#global .content .video-container .video-pair { margin: 10px 0 15px; }
#global .content .video-container .video h2 a { display: block; font-weight: bold; font-size: 14px; text-decoration: none; }
#global .content .video-container .video h2 a:hover { color: #e04723; text-decoration: underline; }
#global .content .video-container .video p { font-weight: bold; margin: 3px 0; text-align: center; }
#global .content .video-container .video div { position: relative; width: 325px; height: 218px; margin: 10px 0 0 0; }
#global .content .video-container .video div img { position: absolute; top: 0; left: 0; display: block; border: 1px solid #fff; z-index: 1; }
#global .content .video-container .video div .link-over { position: absolute; display: block; top: 0; left: 0; width: 325px; height: 218px; background: url(../images/play-new.png) center center no-repeat; z-index: 10; }

#global .content .video-container #flash-player { position: relative; display: inline; float: left; width: 500px; height: 333px; margin: 0 5px; }
#global .content .video-container #column { position: relative; display: inline; float: left; width: 200px; margin: 0 5px; }

#global .content .nextpage { float: right; margin: 10px; text-decoration: none; font: bold 16px Verdana, Arial, Helvetica, sans-serif; } 
#global .content .previouspage { float: left;  margin: 10px;  text-decoration: none; font: bold 16px Verdana, Arial, Helvetica, sans-serif;  } 

#global .content #footer { text-align: center; padding: 10px; }
#global .content #footer a { font-weight: bold; }

#global .content .video-container #banner { position: absolute; right: 10px; top: 10px; width: 215px; height: 500px; background: #ccc; }