body {height: 100%; margin: 0; padding: 0; background:url("../design/bg.gif") 0 0 repeat-x; font:0.8em/1.5 "arial", sans-serif;}
html {height: 100%;}
#container {
    min-height: 100%;
    margin-bottom: -56px;
}

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:115px; padding-top:30px; overflow:hidden;}
#header #logo {margin:0; padding-left: 25px;}
#header #logo2 {margin:0; padding-left: 25px;padding-top: 20px;}
#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:480px; left:80px;}
#content #slider {position:absolute; top:-26px; left:-285px; margin:0;}
#content #preview {margin:40px 0 75px 0;}
#content #preview li {display:block; float:left; height:150px; overflow:hidden; margin-right:20px;}
#content #preview li.last {margin-right:0;}
#content #preview a {color: lime;}
#content #cols2 {background:url("../design/separator.gif") 420px 0 no-repeat;}
#content #cols2-short-left {background:url("../design/separator.gif") 300px 0 no-repeat;}
#content #cols2 .col-left {float:left; width:400px;}
#content #cols2 .col-right {float:right; width:200px;}
#content #cols2-short-left .col-left-small {float:left; width:250px;}
#content #cols2-short-left .col-right-large {float:right; width:475; margin-right: 100px}
#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;}
#content #cols2 .col-right #facebook {padding:25px 0 25px 60px; background:url("../design/facebook.png") 0 0 no-repeat; font-size:100%; font-weight:bold;}
#content #doubleCols {background:url("../design/separator.gif") 300px 0 repeat-y;}
#content #doubleCols h2 {color: lime;}
#content #doubleCols h3 {color: green;}
#content #doubleCols .inlineImg {width: "200";}
#content #doubleCols .left-col {float: left; width: 200px;}
#content #doubleCols .right-col {float: right; width: 600px;}

#footer-spacer {
    height: 36px;
}
#footer  {height: 35px; padding:10px 0 10px 0; background:url("../design/bg.gif") 0 0 repeat;}
#footer .center #newsletter {float:right; width:200px;}
#footer  p {margin:0; padding-left: 10px;}

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