body {background:url("../design/bg.gif") 0 0 repeat-x; font:0.8em/1.5 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}
#content h1 {margin:0; font-size:360%; line-height:1.2;}
#content h2 {font-size:240%; line-height:1.2;}
#content h3 {font-size:160%; line-height:1.2;}
#content ul.ul {margin:15px 0;}
#content ul.ul li {display:block; padding:8px 0 10px 40px; background:url("../design/ul.gif") 0 50% no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
Homepage
---------------------------------------------------------------------------------------------------------- */

.center {width:960px; margin:0 auto;}
#header .center {position:relative; height:95px; padding-top:50px; overflow:hidden;}
#header #logo {margin:0;}
#header #logo img {display:block;}
#header #nav {position:absolute; top:62px; right:0; margin:0;}
#header #nav li {display:block; float:left;}
#header #nav li a {float:left; height:34px; overflow:hidden; margin-left:5px; padding-left:15px; background:url("../design/nav.gif") 0 0 no-repeat; line-height:34px; text-decoration:none;}
#header #nav li a span {float:left; display:block; padding-right:15px; background:url("../design/nav.gif") 100% 0 no-repeat; cursor:pointer; _cursor:hand;}
#header #nav li a:hover {text-decoration:underline;}
#header #nav li#active a {background-position:0 -34px; text-decoration:none;}
#header #nav li#active a span {background-position:100% -34px; font-weight:bold;}
#content {position:relative; min-height:600px; height:auto; _height:600px; padding:0 0 25px 320px; background:url("../design/content.jpg") 0 0 no-repeat;}
#content #appstore {position:absolute; top:505px; left:65px;}
#content #slider {position:absolute; top:-28px; left:-285px; margin:0;}
#content #preview {margin:40px 0 75px 0;}
#content #preview li {display:block; float:left; width:200px; height:150px; overflow:hidden; margin-right:20px;}
#content #preview li.last {margin-right:0;}
#content #cols2 {background:url("../design/separator.gif") 420px 0 no-repeat;}
#content #cols2 .col-left {float:left; width:400px;}
#content #cols2 .col-right {float:right; width:200px;}
#content #cols2 .col-right #twitter {padding:25px 0 25px 60px; background:url("../design/twitter.gif") 0 0 no-repeat; font-size:100%; font-weight:bold;}
/*#footer .center {padding:40px 0 100px 0; background:url("../design/footer.gif") 650px 25px no-repeat;}*/
#footer .center {padding:40px 0 100px 0;}
#footer .center #newsletter {float:right; width:200px;}
#footer .center p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
Subpage
---------------------------------------------------------------------------------------------------------- */

#sub {background-image:none;}
#sub #content {min-height:0; height:auto; padding:40px 0; background:none; font-size:115%;}

/* ----------------------------------------------------------------------------------------------------------
Forms
---------------------------------------------------------------------------------------------------------- */

input, select, textarea {font:100%/1.5 "arial", sans-serif;}
.input-text {padding:3px;}
.input-submit {background:url("../design/input-submit.gif") 0 100% repeat-x;}
.input-submit, select.input-text {padding:2px;}

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

.smaller {font-size:85%;}
.bigger {font-size:115%;}