@charset "utf-8";
/* CSS Document */
@import "reset.css";

/*----- for All pages -----*/
html,body{ height:100%; margin:0; padding:0;}
body{font:normal 11px/18px Arial, Helvetica, sans-serif; color:#FFF; background-color:black; }

#background{ background:#000 url(../../images/sb_lp/background-v03-scroll.jpg) center top no-repeat; width:100%; height:100%; position:fixed; top:0px; left:0px;}

#dante { background: transparent url(../../images/sb_lp/dante.png) no-repeat 100% top; position: fixed; top:0px; right: 30%; width:100%; height:100%; margin-right:-300px;}

#content { width: 1024px; position: relative; margin: 0px auto; }

#logo { display:block; position: absolute; top:8px; left:379px; width:266px; height:121px; }
#logo A, #logo SPAN {display:block; text-indent: -999em; width:266px; height:121px; background: transparent url(../../images/sb_lp/logo-v03.png) no-repeat top left; }

#gotohell { text-indent: -999em; display:block; position: absolute; top:0px; left:-25px; width:286px; height:175px; background: transparent url(../../images/sb_lp/gotohell-v03.png) no-repeat top left; }

#videoContainer { position: absolute; top:119px; left:-30px; width:634px; height:435px; }
	#videoContainerBG { width:634px; height:435px; background: transparent url(../../images/sb_lp/video-bg-v03.png) no-repeat top left; }
	#videoHeader { text-indent: -999em; position: absolute; top:28px; left:42px; width:517px; height:40px; background: transparent url(../../images/sb_lp/header-video-v03.png) no-repeat top left;}
	#video { position: absolute; width:550px; height:336px; top:90px; left:56px; }

#visitCTA { position: absolute; display:block; text-indent: -999em; width:300px; height:185px; top:564px; left:-2px; background: transparent url(../../images/sb_lp/visit-v03a.png) no-repeat top left; }
#demoCTA { display:none; }
#preorderCTA { position: absolute; display:block; text-indent: -999em; width:299px; height:187px; top:562px; left:298px; background: transparent url(../../images/sb_lp/preorder-v03a.png) no-repeat top left; }

.variant2 #visitCTA { background-image: url(../../images/sb_lp/visit-v03b.png); }
.variant2 #preorderCTA { background-image: url(../../images/sb_lp/preorder-v03b.png); }

#visitBanner { display:none;}

#facebookLink { position: absolute; display:block; text-indent: -999em; width:191px; height:66px; top:746px; left:100px; background: transparent url(../../images/sb_lp/facebook-v03.png) no-repeat top left; }
#twitterLink { position: absolute; display:block; text-indent: -999em; width:178px; height:66px; top:746px; left:291px; background: transparent url(../../images/sb_lp/twitter-v03.png) no-repeat top left; }

#Footer{ width:1000px; height:75px; overflow:hidden; margin:0 auto; position: absolute; top: 1036px; left:0px;}
#Footer p.left{ width:600px; float:left; display:inline; color:#e35335; font-size:10px;}
#Footer p.left img{ float:left; display:inline; margin-right:10px;}
#Footer p.left span{ display:block; line-height:50px; }
#Footer p.right{ float:right; margin-right:5px; padding-right:24px;}
#Footer p.right span{ height:70px; float:left; display:inline-block; margin-left:10px;}
#Footer p.right span.ea{width:50px; height:70px; background:url(../../images/gluttons_lp/ea.png) no-repeat;  overflow:hidden;}
#Footer p.right span.ea a{ height:0; padding-top:70px; display:block; overflow:hidden;}
#Footer p.right img{vertical-align:middle;}


/*----- For V04 (Gluttons/Cerberus layout) -----*/

.L04 #background{ background:#000 url(../../images/sb_lp/background-v04.jpg) center top no-repeat; }

.L04 #dante { background: transparent url(../../images/sb_lp/dante-attack.png) no-repeat 100% 20px; position: fixed; top:0px; right: 30%; width:100%; height:100%; margin-right:-300px;}

.L04 #logo { top:-1px; left:139px; width:606px; height:203px; }
.L04 #logo A, .L04 #logo SPAN {text-indent: -999em; width:606px; height:203px; background: transparent url(../../images/sb_lp/logo-v04.png) no-repeat top left; }

.L04 #gotohell { top:-1px; }

.L04 #videoContainer { top:112px; left:-30px; width:634px; height:435px; }
	.L04 #videoContainerBG { background: none; }
	.L04 #videoHeader { text-indent: -999em; position: absolute; top:8px; left:42px; width:579px; height:73px; background: transparent url(../../images/sb_lp/header-video-v04.png) no-repeat top left;}
	
.L04 #visitCTA { width:282px; height:162px; top:572px; left:8px; background: transparent url(../../images/sb_lp/visit-v04.png) no-repeat top left; }
.L04 #demoCTA { position:absolute; display:block; text-indent:-999em; width:282px; height:162px; top:572px; left:8px; background: transparent url(../../images/sb_lp/demo-v04.png) no-repeat top left; }

	.L04.variant1a #demoCTA, .L04.variant1c #demoCTA { display:none; }
	.L04.variant1b #visitCTA, .L04.variant1d #visitCTA { display:none; }

.L04 #preorderCTA { width:283px; height:155px; top:572px; left:301px; background: transparent url(../../images/sb_lp/preorder-v04a.png) no-repeat top left; }
	.L04.variant1c #preorderCTA, .L04.variant1d #preorderCTA { background: transparent url(../../images/sb_lp/preorder-v04b.png) no-repeat top left; }

.L04 #visitBanner { display:block; position: absolute; text-indent: -999em; width:369px; height:66px; top:746px; left:104px; background: transparent url(../../images/sb_lp/visit-banner-v04.png) no-repeat top left; }

	.L04.variant1a #visitBanner, .L04.variant1c #visitBanner { display:none; }

.L04 #facebookLink { left:104px; }
.L04 #twitterLink { left:295px; }

	.L04.variant1b #facebookLink, .L04.variant1d #facebookLink { display:none; }
	.L04.variant1b #twitterLink, .L04.variant1d #twitterLink { display:none; }

/*----- For V05 (Gluttons/Dante layout) -----*/

.L05 #background{ background:#000 url(../../images/gluttons_lp/background.jpg) center top no-repeat; position:absolute; height: 800px }

.L05 #dante { display:none; }

.L05 #logo { top:26px; left:343px; width:343px; height:106px; }
.L05 #logo A, .L05 #logo SPAN { width:343px; height:106; background:url(../../images/sb_lp/logo-v05.png) no-repeat top left; overflow:hidden; text-indent: -999em; }

.L05 #gotohell { left:289px; top:640px; width:435px; height:63px; background:transparent url(../../images/sb_lp/gotohell-v05.png) no-repeat top left; }

.L05 #videoContainer { top:164px; left:45px; width:566; height:441px; }
	.L05 #videoContainerBG { width:566px; height:441px; background: transparent url(../../images/sb_lp/video-bg-v05.png) no-repeat top left; }
	.L05 #videoHeader { text-indent: -999em; position: absolute; top:43px; left:21px; width:579px; height:73px; background: transparent url(../../images/sb_lp/header-video-v05.png) no-repeat top left;}
	.L05 #video { top: 122px; left:10px;}
	
.L05 #visitCTA { display:none; }
	.L05.variant3b #visitCTA { position:absolute; width:372px; height:0px; height:219px; top:389px; left:629px; display:block; overflow:hidden; background:url(../../images/gluttons_lp/trailers_download_a.png) no-repeat; cursor:pointer;}

.L05 #demoCTA { position:absolute; display:block; text-indent:-999em; width:397px; height:219px; top:389px; left:628px; background: transparent url(../../images/sb_lp/demo-v05.png) no-repeat top left; }
	.L05.variant3b #demoCTA { display:none; }
	
.L05 #preorderCTA { width:354px; height:219px; top:167px; left:629px; background: transparent url(../../images/gluttons_lp/xbox360.png) no-repeat top left; }

.L05 #visitBanner { display:none;}
.L05 #facebookLink { display:none }
.L05 #twitterLink { display:none }

.L05 #Footer { top: 718px; }
/* Lightbox */

#popup { position: absolute; background-color: black; font-family: Georgia, serif; font-size: 15px; margin: 13px; }
#popup P { font-size: 13px; margin-left: 300px; color: #B8B8B8; }
#popup A { text-decoration: none; color: #fac93f; }
#popup H2 { display:block; text-indent:-999em; margin: 30px auto 10px auto; width:647px; height:53px; background: transparent url(../../images/sb_lp/lb-download-header.jpg) no-repeat top left; }
#popup OL { margin-top: 10px; }
#popup OL LI { font-family: Georgia, serif; font-size: 15px; margin-bottom:17px; margin-left: 19px; list-style-type:decimal; }
#popup H3 { display:block; text-indent: -999em; overflow:hidden; background: transparent url() no-repeat top left; }
#popup .xbox { padding-left:60px; width: 220px; height:290px; float:left; display:block; background: transparent url(../../images/sb_lp/death.jpg) no-repeat bottom left; }
#popup .xbox P { margin: 10px 0px; width: 190px; color:white; }
#popup .xbox H3 { background-image: url('../../images/sb_lp/xbox-live-logo.png'); }
#popup .ps3 { margin-left: 300px; display:block; width: 365px; }
#popup .ps3 H3 { background-image: url('../../images/sb_lp/ps3-logo.png'); }