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

/* =MAIN LAYOUT
---------------------------------------------------- */
* {
    padding: 0;
    margin: 0;
    }

body {
    color: #666;
    text-align: center;
    font: normal 12px/18px "Lucida Grande", arial, verdana, helvetica, sans-serif;
    background: #000;
	}
#header {
    background: #fff;
    margin: 9px 0 0 0;
    }
#header-inner {
    text-align: left;
    position: relative;
    width: 828px;
    margin: 0 auto;
    }
#main {
    background: #fff;
    }
#main-inner {
    text-align: left;
    position: relative;
    width: 828px;
    margin: 0 auto;
    }
#maincol {
    width: 756px;
    margin: 0 auto;
    padding: 18px 0;
    }
div.leftcol {
    width: 360px;
    margin: 0;
    float: left;
    }
div.rightcol {
    float: right;
    width: 360px;
    }
#footer {
    width: 756px;
    margin: 18px auto 36px auto;
    font-size: 11px;
    text-align: left;
    }
#footer a {
    color: #999;
    }
#footer a:hover {
    color: #fff;
    background: #666;
    }

/* Intro */
#intro {
    width: 828px;
    margin: 0 auto;
    color: #fff;
    background: #336633 url(/images/bg_intro.jpg) top repeat-x;
    }
div.description {
    width: 397px;
    float: left;
    display: inline;
    margin: 18px 0 0 18px;
    }
*:first-child+html div.description {
    margin: 18px 0 18px 18px !important;
    }
* html div.description {
    margin: 18px 0 18px 18px !important;
    }
div.description p {
    padding: 0 18px 0 18px;
    }
div.description h2 {
    float: left;
    text-indent: -9999px;
    background: url(/images/h2_intro.jpg) top left no-repeat;
    width: 396px;
    height: 90px;
    margin: 0;
    padding: 0;
    }
div.screenshot {
    position: absolute;
    top: 0;
    right: 18px;
    }
div.screenshot p {
    margin: 0;
    }
div.signup {
    background: #000;
    width: 828px;
    float: left;
    }
div.signup a, div.signup a:hover {
    width: 414px;
    height: 72px;
    float: left;
    background: url(/images/bg_link-signup.gif) top left no-repeat;
    text-indent: -9999px;
    }

div.screenshots {
    background: #ddd;
    padding: 12px 0 0 12px;
    margin: 0 0 18px 0;
    }
*:first-child+html div.screenshots {
    padding: 12px 0 12px 12px;
    }
div.screenshots h3 {
    color: #666;
    font-size: 12px;
    margin: 0 0 3px 0;
    }
div.screenshots p {
    margin: 0;
    }
p.thumbs a {
    float: left;
    width: 100px;
    height: 69px;
    margin: 0 12px 12px 0;
    border: #fff solid 2px;
    }
p.thumbs a:hover {
    border: #333 solid 2px;
    }

/* NAV
---------------------------------------------------- */

#nav {
    float: right;
    margin: 0 36px 0 0;
    display: inline;
    }
#nav ul li {
    list-style: none;
    background: none;
    padding: 0;
    margin: 0;
    display: inline;
    }
#nav ul li a {
    float: left;
    padding: 9px 9px 6px 9px;
    background: #eee;
    font-size: 12px;
    font-weight: bold;
    margin: 0 3px 0 0;
    }
#nav ul li a:hover {
    background: #336633;
    color: #fff;
    }
#nav ul li a.active, #nav ul li a.active:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
    }

/* HEADERS
---------------------------------------------------- */

h2 {
    color: #000;
    margin: 0 0 18px 0;
    font-size: 24px;
    }
h3 {
    font-size: 14px;
    margin: 9px 0;
    color: #000;
    }

/* LISTS
---------------------------------------------------- */

ul {
    margin: 0 0 18px 0;
    }
ul li {
    list-style: none;
    background: url(/images/bullet_08.gif) 0 .6em no-repeat;
    padding: 0 0 0 12px;
    }
ol {
    margin: 0 0 18px 36px;
    }
    
dl {
    margin: 0 0 18px 0;
    }
dl dt {
    font-weight: bold;
    color: #339933;
    font-size: 14px;
    }
dl dd {
    margin: 0 0 18px 0;
    }

/* LINKS
---------------------------------------------------- */

a {
    outline: none;
    color: #339933;
    }
a:hover {
    outline: none;
    background: #336633;
    color: #fff;
    text-decoration: none;
    }

a#signup-btn {
    width: 360px;
    height: 36px;
    text-indent: -9999px;
    float: left;
    background: url(/images/btn_signup.gif) 0 0 no-repeat;
    }
a#signup-btn:hover {
    background: url(/images/btn_signup.gif) 0 -36px no-repeat;
    }

/* TEXT
---------------------------------------------------- */

p {
    margin: 0 0 18px 0;
    }
small {
    font-size: 11px;
    color: #999;
    }
.soon {
    color: #339933;
    font-weight: normal;
    font-size: 11px;
    }

blockquote {
    padding: 9px 18px 18px 18px;
    background: #eee;
    margin: 0 0 18px 0;
    }
blockquote p {
    margin: 0 0 9px 0;
    }
.terms {
	color: #cc0000;
	font-weight: bold;
	padding-bottom: 10px;
}
div.errorExplanation ul li {
	color: #cc0000;
}

/* IMAGES
---------------------------------------------------- */
img {behavior: url(/javascripts/iepngfix.htc);}

a img {
    border: 0;
    }
img.left {
    float: left;
    margin: 9px 18px 9px 0;
    }
img.right {
    float: right;
    margin: 9px 0 9px 18px;
    }
#footer img.right {
    margin: 0 0 9px 18px;
    }
#footer img.left {
    margin: 0 18px 9px 0;
    }

/* FORMS
---------------------------------------------------- */

div.group {
    padding: 18px 18px 9px 18px;
    background: #eee;
    margin: 0 0 18px 0;
    }

dl.form dt {
    font-weight: bold;
    color: #339933;
    }
dl.form dd {
    margin: 0 0 9px 0;
    }

input {
    font: normal 18px/18px "Lucida Grande", arial, verdana, helvetica, sans-serif;
    border-top: #ccc solid 2px;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    border-left: #ccc solid 2px;
    }
p.submit input {
    background: #336633;
    color: #fff;
    border: 0;
    padding: 6px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    }
p.submit input:hover {
    background: #000;
    }

/* SELF-CLEARING FLOATS
---------------------------------------------------- */
#main:after,
#intro:after,
#maincol:after,
div.screenshots:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* trigger hasLayout and target ie5+6/win only */
* html #main,
* html #intro,
* html #maincol,
* html div.screenshots {
	height: 1%;
	}

/* trigger hasLayout and target ie7/win only */
*:first-child+html #main,
*:first-child+html #intro,
*:first-child+html #maincol,
*:first-child+html div.screenshots {
	min-height: 1px;
	}