/* Global styles */

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, form, fieldset {	margin:0; padding:0; }
img { border:0; }

.clear { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body { background:#000; background-image:url(../images/bg-page.jpg); background-position: top center; background-repeat: no-repeat;  font-family:Tahoma, Arial, Verdana, sans-serif; color:#fff; }

#wrapper { width: 962px; margin: 0 auto; }
#header { width: 962px; height: 690px; position: relative; }
#header2 { width: 962px; height: 690px; position: relative; }
#banners { width: 562px; position: absolute; top: 286px; left: 430px; text-align: center; font-size: 16px; line-height: 21px; font-weight: bold; }
#banners h4 { font-size: 15px; font-weight: normal; margin: 0 auto 5px auto; }
#banners img { margin-top: 10px; }
#banners a { color: #fff; text-decoration: none; }
#banners a img { text-decoration: none; }
#cap { width: 166px; height: 169px; background: url(../images/img-bottlecap.png) no-repeat; behavior: url("scripts/iepngfix.htc"); position: absolute; left: 394px; top: 95px; }
#cap a.buynow { width: 102px; height: 84px; background: url(../images/img-buy_now.gif) no-repeat; text-indent: -9999px; display: block; position: absolute; left: 31px; top: 39px; }
#coming { background:url(../images/img-comingsoon.gif) no-repeat; width: 680px; height: 83px; margin: 10px auto 0 auto; text-indent: -9999px; display: block; }
#trailer { width: 560px; height: 390px; text-align: center; position: absolute; top: 290px; left: 420px; }
#trailer a.click_xxx { background: url(../images/text-click_xxx.gif) no-repeat; width: 472px; height: 36px; text-indent: -9999px; display: block; margin: 0 auto; }

hr { background:url(../images/img-line.gif) no-repeat; width: 917px; height: 5px; border: 0; margin: 0 auto;  }

#columns { width: 100%; }
#left { float: left; width: 360px; }
#right { float: right; width: 580px; }

#synopsis_wrapper { font-size: 11px; color: #c5c5c5; width: 300px; margin-left: 35px; }
#synopsis_wrapper h4 { background:url(../images/text-synopsis.gif) no-repeat; width: 153px; height: 37px; text-indent: -9999px; display: block; margin: 0 0 8px -10px;  }
#synopsis_wrapper p { margin-bottom: 10px; }
#synopsis_wrapper a#ownit { background:url(../images/img-ownit.jpg) no-repeat; width: 324px; height: 245px; text-indent: -9999px; display: block; margin-left: -25px; }

#cast_wrapper, #photos_wrapper { width: 550px; margin-bottom: 10px; }
#cast_wrapper h4 { background:url(../images/text-thecast.gif) no-repeat; width: 153px; height: 37px; text-indent: -9999px; display: block; margin: 0 0 8px 0px;  }
#photos_wrapper h4 { background:url(../images/text-photos.gif) no-repeat; width: 183px; height: 37px; text-indent: -9999px; display: block; margin: 0 0 8px 0px;  }
#cast_wrapper ul, #photos_wrapper ul { list-style: none; }
#cast_wrapper ul:after, #photos_wrapper ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#cast_wrapper li, #photos_wrapper li { margin: 3px; width: 128px; float: left; line-height: 0; }

#sites { margin: 6px auto 20px auto; width: 892px; padding: 0; }
#sites:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#sites li { background: none !important; margin: 1px; display: inline; float: left; text-align: -9999px; }
#sites li a { float: left; height: 0; padding-top: 45px; width: 176px; margin:0; overflow: hidden; }
#sites li a { background-image: url(../images/img-sites.jpg); background-repeat: no-repeat; }

#sites li.show a { background-position: 0 0;  }
#sites li.ns a { background-position: -178px 0;  }
#sites li.entourage a { background-position: -356px 0;  }
#sites li.wkrp a { background-position: -534px 0;  }
#sites li.sexfiles a { background-position: -712px 0;  }
#sites li.hearts a { background-position: 0 -47px;  }
#sites li.scrubs a { background-position: -178px -47px;  }
#sites li.seinfeld a { background-position: -356px -47px;  }
#sites li.rock a { background-position: -534px -47px;  }
#sites li.theoffice a { background-position: -712px -47px;  }

#sites li.show a:hover { background-position: 0 -94px;  }
#sites li.ns a:hover { background-position: -178px -94px;  }
#sites li.entourage a:hover { background-position: -356px -94px;  }
#sites li.wkrp a:hover { background-position: -534px -94px;  }
#sites li.sexfiles a:hover { background-position: -712px -94px;  }
#sites li.hearts a:hover { background-position: 0 -141px;  }
#sites li.scrubs a:hover { background-position: -178px -141px;  }
#sites li.seinfeld a:hover { background-position: -356px -141px;  }
#sites li.rock a:hover { background-position: -534px -141px;  }
#sites li.theoffice a:hover { background-position: -712px -141px;  }

#footer { width: 962px; margin: 0 auto 20px auto; text-align: center; color: #838383; font-size: 11px;}
#footer #logo { width: 322px; height: 60px; background:url(../images/img-cheers.jpg) no-repeat; text-indent: -9999px; display: block; margin: 10px auto 5px auto;   }
