@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 {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;}


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


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

.content  {margin: 0 auto; 
	border: 0px solid #f00;
	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: 57px; border: 0px solid #000; clear: both;}

.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 #000; 
}

.maincontentarea.extend {height: 537px;}
 
#container4 .maincontentarea{min-height:407px; }  
.maincontentarea p {margin-bottom: 15px; line-height: 130%;}




#footer {background: url(../images/bkg/footer.jpg) 5px 0px no-repeat; border: 0px solid #000; width: 685px; }
#footer .maincontentarea {background-image: none; border: 0px solid #000; margin-left: 5px;}

/*general settings */
.center {text-align: center}
.middle {vertical-align: middle}

a {outline: none; text-decoration: none}
img {border: 0}

/* 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;  }
#container4 {background: url(../images/bkg/bkg-content3.jpg) 5px 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 {position: absolute; margin: 20px 0px 0px 296px; border: 0px solid #000; }
.header img#logo2 {float: left; margin: 20px 0px 0px 113px; border: 0px solid #000; }
.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 {float: left; margin: 10px 0px 0px 52px; background: url(../images/elements/button-trial.jpg) no-repeat;  border: 0px solid #000;}
.elements #button1:hover {background: url(../images/elements/button-trial-on.jpg) no-repeat; border: 0px solid #000;}

.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; border: 0px solid #000;}


.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}
.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: 50px;}

.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;}

/* 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; }

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

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