@import url(reset.css);
@import url(navigation.css);
/*@import url(typography.css);*/

/* stops the nasty horizontal shift with centered layouts in moz etc 
html { height: 100%; margin-bottom: 1px; }*/

body {
	background:#FFFFFF;
	font: 12px/150% Arial, Helvetica, sans-serif;
	color: #222222;
	text-align:center;
}

#container { width:990px; margin:0 auto; text-align:left;}

#navigation { height:70px; }

#content { position:relative; clear:left; margin:0; padding:0; }
body#whatson #content {height:492px; background:url(../images/layout/whatson_content_bg.png) no-repeat; }
body#whatis #content { height:450px; background:url(../images/layout/whatis_content_bg.png) no-repeat; }
body#whatis2 #content { height:450px; background:url(../images/layout/whatis2_content_bg.png) no-repeat; }
body#visionforfilm #content {height:492px; background:url(../images/layout/visionforfilm_content_bg.png) no-repeat; }
body#howmuch #content {height:492px; background:url(../images/layout/howmuch_content_bg.png) no-repeat; }

#logo { position:absolute; left:0; top:40px; width:207px; height:184px; z-index:11; }
#bt-logo {margin:15px 0 0 25px;}

body#whatson #visionbox { position:absolute; left:0; top:232px; width:400px; height:260px; background:url(../images/layout/whatson_visionbox.png); z-index:10; }
body#whatis #visionbox, body#whatis2 #visionbox { position:absolute; left:0; top:187px; width:509px; height:263px; background:url(../images/layout/whatis_visionbox.png); z-index:10; }
body#howmuch #visionbox { position:absolute; left:0; top:232px; width:400px; height:260px; background:url(../images/layout/whatson_visionbox.png); z-index:10; }
body#visionforfilm #visionbox { position:absolute; left:0; top:232px; width:400px; height:260px; background:url(../images/layout/whatson_visionbox.png); z-index:10; }

body#whatson .tv { height:310px; overflow:hidden; background:url(../images/layout/whatson_tv_bg.jpg) no-repeat 80px top; color:#FFFFFF;}
body#whatson .tv a { color:#FFFFFF;}
body#whatson #whatson_tv, body#whatson #whatson_kids, body#whatson #whatson_music, body#whatson #whatson_sport { width:456px; height:258px; margin: 31px 0 0 116px; }

body#whatis .tv { height:321px; overflow:hidden; background:url(../images/layout/whatis_tv_bg.jpg) no-repeat 36px top;}
body#whatis .tv p { margin:0 100px 10px 95px;}
body#whatis .tv p img.heading { margin-top: 40px;}

#whatis_video { width:456px; height:258px; margin: 28px 0 0 75px; }

#visionforfilm .panel p { margin: 0px 0px 8px; }
#visionforfilm .panel img.poster { margin: 0px 0px 8px 8px; float:right; }
#visionforfilm #qft_reel_genius { float:right; width:320px; text-align:center;}

#whatis_4columns { background:url(../images/layout/whatis_4columns.png) no-repeat 0 0; margin: 10px 0 10px 13px;}
#whatis_4columns .column { float:left; width:244px; margin:20px 0 20px 0; }
#whatis_4columns .column p { margin:0 20px 10px 20px;}

#howmuch_splash { background:url(../images/layout/howmuch_splash_bg.png) no-repeat 0 0; height:334px; }
#howmuch_ppv { background:url(../images/layout/howmuch_ppv_bg.jpg) no-repeat 0 0; height:334px; }
#howmuch_ppm { background:url(../images/layout/howmuch_ppm_bg.jpg) no-repeat 0 0; height:334px; }

#howmuch_ppm h2, #howmuch_ppm h3, #howmuch_ppm p, #howmuch_ppm ul, #howmuch_ppv h2, #howmuch_ppv h3, #howmuch_ppv p, #howmuch_ppv ul { display:none; }

.ppm_splash, .ppv_splash { float: left; width:330px; text-align:center; padding-top:70px; }

div.whatis { padding:40px 30px 0 50px; }
div.whatis p { margin:0 0 8px 0; }

#footer { margin: 10px 0 10px 13px; }

#terms { padding-left:13px; }
#terms p { font: 11px; color:#666666; margin:0 0 7px 0; }

.clearboth {clear:both;}

                                                                   