@charset "UTF-8";

*,
html { margin: 0px; padding: 0px; }

div.clear { clear: both; font-size: 0; height: 0; width: 0; }

html,
body { height: 100%; }

body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000; }

a,
a:hover,
a:focus { outline: none; }

input,
buton,
object { outline: none; }

a img { border: none; }

html a,
* a,
a, 
a:hover, 
a:focus,
button,
input[type=submit],
label { cursor: pointer; }

label,
form { display: block; }

i,
em { font-style: italic; }

strong,
b { font-weight: bold; }

object { display: block; }

a { color: #000; font-size: 12px; text-decoration: underline; }

/****
** Page Elements
****/

body { background-color:#000; }
#wrapper { width: 1069px; margin: 0 auto; background-color: #FFF; }

#nav-bar { height: 34px; background-color: #333333; background-image:url(../_images/header-logo-channel4.gif); background-position: 1042px 4px; background-repeat:no-repeat; display: block; list-style: none; padding: 0 0 0 15px; }
#nav-bar li { display: block; float: left; height: 34px; list-style: none; line-height: 34px; margin: 0 50px 0 0; }
#nav-bar li a { text-transform: uppercase; color: #cccccc; text-decoration: none; font-size: 14px; }
.cufon-ready #nav-bar li a { font-size: 17px; line-height: 17px; }
#nav-bar li a:hover,
#nav-bar li a.on { color: #FFF; border-bottom: 1px solid #FFF; }
#nav-bar #nav-playnow { width: 120px; }
#nav-bar #nav-playnow div { display: inline; }
#header { background: #000000 url(../_images/icons-header.gif) no-repeat right center; height: 83px; margin: 0 0 12px; position: relative; }
#logo { width: 488px; height: 46px; background-image:url(../_images/logo-thecurfew.gif); position: absolute; top: 19px; left: 0; }
#logo span { display: none; }

#middle { border-top: 3px solid #000; background-color:#000; position: relative; }

#character-callouts { background-color: #000; overflow: auto; margin: 0 0 3px; }
#character-callouts a { width: 265px; height: 144px; float: left; margin: 0 3px 0 0; background-repeat: no-repeat; background-position: top left; }
#character-callouts a span { display: none; }
#character-callouts a.last { margin: 0; }
#character-callouts a.theboy { background-image: url(../_images/character-callout_theboy.jpg); }
#character-callouts a.theimmigrant { background-image: url(../_images/character-callout_theimmigrant.jpg); }
#character-callouts a.thedissident { background-image: url(../_images/character-callout_thedissident.jpg); }
#character-callouts a.theexpoliceman { background-image: url(../_images/character-callout_theexpoliceman.jpg); }
#character-callouts a:hover,
#character-callouts a.on { background-position: 0 -144px; }

#slideshow,
#main-video { width: 801px; height: 451px; float: left; margin: 0 0 3px; }

#share-tall { width: 265px; height: 451px; float: right; background: url(../_images/bg-share_tall.jpg) no-repeat; position: relative; margin: 0 0 3px; }
#share-tall a { position: absolute; }
#share-tall a span { display: none; }
#share-tall .facebook { width: 221px; height: 52px; background: url(../_images/share-tall_facebook.jpg) no-repeat; top: 104px; left: 22px; }
#share-tall .facebook:hover { background-position: 0 -52px; }
#share-tall .twitter { width: 221px; height: 50px; background: url(../_images/share-tall_twitter.jpg) no-repeat; top: 201px; left: 23px; }
#share-tall .twitter:hover { background-position: 0 -50px; }
#share-tall .myspace { width: 218px; height: 58px; background: url(../_images/share-tall_myspace.jpg) no-repeat; top: 293px; left: 23px; }
#share-tall .myspace:hover { background-position: 0 -58px; }

#content-container { background-color: #FFF; }

#content.ppb {background-color:#000; }

#content { width: 765px; float: left; background-color:#FFF; min-height: 412px; height: auto !important; height: 412px; padding: 18px; border-right: 3px solid #000; }
#content h1 { text-transform: uppercase; font-size: 26px; margin: 0 0 20px; line-height: 26px; }
.cufon-ready #content h1 { font-size: 30px; line-height: 30px; }
#content p { margin: 0 0 1em; line-height: 14px; }

.btn-playnow { background:url(../_images/btn-playnow.png) no-repeat; width: 274px; height: 0; padding: 57px 0 0; position: absolute; top: 147px; left: 0; z-index:50; }

#content .home-text,
#content .page-text { width: 575px; }

#advert { float: right; }

#flash-container { height: 491px; position: relative; margin: 0 0 3px; }
#flash-container .frame-left { background: url(../_images/flash-sides.gif); width: 162px; height: 491px; position: absolute; top: 0; left: 0; }
#flash-container #flash-game { position: absolute; top: 0; left: 165px; width: 740px; height: 491px; }
#flash-container .frame-right { background: url(../_images/flash-sides.gif) 162px 0; width: 162px; height: 491px; position: absolute; top: 0; right: 0; }

#share-long { height: 55px; background: url(../_images/bg-share_long.jpg) no-repeat; position: relative; }
#share-long a { position: absolute; }
#share-long a span { display: none; }
#share-long .facebook { width: 136px; height: 34px; background: url(../_images/share-long_facebook.jpg) no-repeat; top: 9px; left: 281px; }
#share-long .facebook:hover { background-position: 0 -34px; }
#share-long .twitter { width: 152px; height: 36px; background: url(../_images/share-long_twitter.jpg) no-repeat; top: 9px; left: 479px; }
#share-long .twitter:hover { background-position: 0 -36px; }
#share-long .myspace { width: 147px; height: 40px; background: url(../_images/share-long_myspace.jpg) no-repeat; top: 9px; left: 695px; }
#share-long .myspace:hover { background-position: 0 -40px; }


#footer { background-color: #333333; height: 249px; border-top: 3px solid #000; position: relative; margin: 0 0 14px; }
#footer h1 { position: absolute; top: 16px; left: 17px; font-size: 26px; text-transform: uppercase; line-height: 26px; }
.cufon-ready #footer h1 { font-size: 30px; line-height: 30px; }
#footer .logos { }
#footer .logos a { display: block; position: absolute; }
#footer .logos a span { display: none; }
#footer .logos .liberty { width: 176px; height: 42px; background: url(../_images/footer-logo-liberty.gif) no-repeat; top: 72px; left: 17px; }
#footer .logos .amnesty { width: 185px; height: 62px; background: url(../_images/footer-logo-amnesty.gif) no-repeat; top: 55px; left: 245px; }
#footer .logos .humanrightswatch { width: 70px; height: 69px; background: url(../_images/footer-logo-humanrightswatch.gif) no-repeat; top: 54px; left: 465px; }
#footer .logos .equalityandhumanrightscommission { width: 176px; height: 44px; background: url(../_images/footer-logo-equalityandhumanrightscommission.gif) no-repeat; top: 68px; left: 579px; }
#footer .logos .channel4 { width: 79px; height: 106px; background: url(../_images/footer-logo-channel4.gif) no-repeat; top: 30px; left: 790px; }
#footer .logos .littleloud { width: 147px; height: 43px; background: url(../_images/footer-logo-littleloud.gif) no-repeat; top: 66px; left: 900px; }

#footer .logo-links { }
#footer .logo-links a { display: block; position: absolute; top: 147px; }
#footer .logo-links .liberty { left: 17px; }
#footer .logo-links .amnesty { left: 283px }
#footer .logo-links .humanrightswatch { left: 459px; }
#footer .logo-links .equalityandhumanrightscommission { left: 568px; }
#footer .logo-links .channel4 { left: 774px; }
#footer .logo-links .littleloud { left: 917px; }


#footer .text { position: absolute; left: 17px; bottom: 21px; }

#flashcontent { position: fixed; bottom: -132px; left: 0; width: 100%; text-align: center; z-index: 9999; }
#flashcontent #flash { margin: 0 auto; }