@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, iframe{
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background-color : transparent;}


/*core settings */
body {
background: url(../images/bkg/bkg-sky.jpg) repeat-x; 
text-align: center;
line-height: 1; 
background-color: transparent;
/* part 1 of 2 centering hack */}


.bodycontainer {float: left;  background: url(../images/bkg/bkgmain.jpg) 50% 0% no-repeat; width: 100%; 
}

.content  {margin: 0 auto; 
	
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 780px; }
	
.header {height: 206px; border: 0px solid #f00;}
.elements {height: 94px; border: 0px solid #000;}
.navigation {height: 56px; border: 0px solid #f00; clear: both;}
#footer {background: url(../images/bkg/footer.jpg) 4px 0px no-repeat #fff; border: 0px solid #000; width: 685px; }

.maincontentarea {margin-top: 30px;
padding: 0px 20px 20px 35px; 
width: 610px; 
background: url(../images/bkg/bkg-stars.jpg) bottom right no-repeat; 
border: 0px solid #0f0; min-height: 537px; 
}


.gamer .maincontentarea {min-height: 350px; }
 
.maincontentarea p {margin-bottom: 15px; line-height: 130%;}
#footer .maincontentarea {padding-left: 10px; background-image: none; background: #fff; border: 0px solid #000; margin-left: 5px; min-height: 60px; }


.vid {padding: 20px 0px 0px 125px; border: 0px solid #f00; z-index: 1}


/*general settings */
.center {text-align: center; width: 649px;}
.middle {vertical-align: middle}

a {outline: none; text-decoration: none}
img {border: 0px solid #f00}
.ihide {margin: -10000px; border: 1px solid #f00;}


.hide {display: none}

/* background areas */
#container1 {background: url(../images/bkg/bkg_chars.jpg) top left no-repeat; height: 541px; border: 0px solid #000; }
#container2 {background: url(../images/bkg/bkg_elements.jpg) top left no-repeat; height: 179px; border: 0px solid #000; }
#container3 {background: url(../images/bkg/bkg_nav.jpg) top left no-repeat; height: 46px; border: 0px solid #000;  }
body.gamer #container3 {background: url(../images/bkg/bkg_nav.jpg) top left no-repeat; height: 100px; border: 0px solid #000;  }
#container4 {background: url(../images/bkg/bkg-content3.jpg) 4px 500px no-repeat; border: 0px solid #000; width: 685px;  }
#container5 {background: url(../images/bkg/bkg-content2.jpg) top left repeat-y; border: 0px solid #000;  }

/* body layout */


.header img#logo1 {float: left; margin: 20px 0px 0px 296px; border: 0px solid #000; }
.header img#logo2 {float: left; margin: 20px 0px 0px 113px; border: 0px solid #f00; }
.header img#logohome {clear: both; margin: 30px 0px 0px 0px;  border: 0px solid #000; }

.general {float: left; padding: 0px 0px 0px 50px; border: 0px solid #f00 } 


.elements #button1 {background: url(../images/elements/button-trial.jpg) no-repeat; }

.elements #button1:hover {background: url(../images/elements/button-trial-on.jpg) no-repeat; border: 0px solid #000; }
#button1 {float: left; margin: 10px 0px 0px 52px;}

 

.elements #button2 {
float: right; 
margin: 10px 50px 0px 0px; 
border: 0px solid #000; 
background: url(../images/elements/button-buy.jpg) no-repeat; 
}
.elements #button2:hover {background: url(../images/elements/button-buy-on.jpg) no-repeat;}


.emailbox { 
float: left; 
clear: both; 
width: 322px; height: 84px; border: 0px solid #000; 
margin: -83px 0px 0px 234px; 
background: url(../images/elements/emailbox.jpg) no-repeat; 
color: #fff; 
padding: 0px ;}

.emailboxleft{float: left; width: 322px; border: 0px solid #000; margin-top: 7px; border: 0px solid #000;}
.emailboxleft p { height: 20px; border: 0px solid #000; margin-left: 15px;}




.emailbox input {text-transform: uppercase; font-size: 20px; color: #1b3556; margin-top: 2px; width: 242px; height: 28px; border: 0px solid #000; background: none; margin: 11px 0px 0px 9px; background-color: transparent; padding: 5px 0px 0px 5px;}
.emailbutton {margin: -51px 0px 0px 257px; float: left; width: 50px; height: 53px; border: 0px solid #0f0; cursor: hand; }
.emailbutton input{width: 50px; height: 53px; background:url(../images/elements/go-off.jpg) no-repeat; text-indent: -20000px; border: 0px; padding: 0px}
.emailbutton input:hover{width: 50px; height: 53px; background:url(../images/elements/go-on.jpg) no-repeat; text-indent: -20000px; border: 0px; padding: 0px}
.emailbutton input:active{width: 50px; height: 53px; background:url(../images/elements/go-active.jpg) no-repeat; text-indent: -20000px; border: 0px; padding: 0px}

.lgscreenshot {margin-top: 0px;}

.wallpaper1row1left {float: left; height:233px; width:308px; margin-right: 20px;}
.wallpaperrow1right {float: left; height:233px; width:268px; border: 0px solid #000;}
.wallpaperoptions {float: left; width: 100px; margin-right: 20px; border: 0px solid #000;}

.reviewscroll {margin:  5px 0px -10px 67px; width: 649px; padding: 8px 3px 0px 8px; height: 50px; border: 0px solid #000; clear: both; background: url(../images/bkg/reviewscroll.png) transparent no-repeat}
.reviewscroll ul {width: 640px; height: 45px; overflow: hidden}
.specialtop {margin-left: 19px; border: 0px solid #000; background: url(../images/bkg/gamebkg.gif); width: 649px; height: 349px;}

.containerarea {background: none; padding: 15px; border: 1px solid #000; width: 500px; text-align: center }

/* lists */
.navigation {border: 0px solid #000;}
.navigation ul li {list-style-type: none; display: inline; float: left;border: 0px solid #000;}
.maincontentarea ul {border: 0px solid #000; margin-left: 20px;}
.maincontentarea li {margin-bottom: 10px;}

ul.screens li{list-style-type: none; display: inline; float: left; }
ul.logos1 li{list-style-type: none; display: inline; float: left; width: 150px; border: 0px solid #000;  height: 100px; margin: 0px 15px 20px 0px; text-align: center}
ul.logo2 li{list-style-type: none; margin-bottom: 15px; margin-left: 0px; padding-left: 0px}
ul.logo2 li.logocontent{display: inline; float: left;width: 350px; border: 0px solid #000; margin-right: 20px;}
ul.logo2 li.logoim{display: inline; float: left;width: 200px; border: 0px solid #000; clear: right;  }
ul.logo2 {clear: both; margin-left: 0px; padding-left: 0px}



.listnobullets ul li{ list-style-type: none}

.wallpaperrow1right ul{margin: 0px; margin-top: 10px; padding-left: 0px;  }


/* FireFox */
.elements #button1, x:-moz-any-link {float: left; margin: 10px 0px 0px 51px; border: 0px solid #000;}
/*FireFox */
.elements #button2, x:-moz-any-link  {
float: right; 
margin: 10px 51px 0px 0px;  }
/*FireFox */
#footer, x:-moz-any-link  {background-position: 4px 0px no-repeat;}
/*FireFox */
.specialtop, x:-moz-any-link {margin: -1px 0px 0px 19px; width: 649px; height: 349px;}