/* =========================================
    Universal
   ========================================= */

* { margin: 0; padding: 0; }
body { background: #11043C; font-family: arial,verdana,helvetica; font-size: 12px; color: #545454; text-align: center; line-height: 18px; }
a { color: #1A50B8; text-decoration: none; }
a:hover { color: #1A50B8; text-decoration: underline; }
fieldset { border:medium none; margin:0; padding:0 0 8px 0; }
h2 { font-size: 22px; color: #333; font-weight: normal; padding: 26px 0; }
h3 { font-size: 18px; color: #505765; padding: 14px 0 26px 0; line-height: 24px; font-weight: normal; }
h4 { margin-bottom: 10px; color: #11367B; font-size: 16px;  }
hr { border: none 0; border-top: 1px dashed #CCC; height: 1px; margin: 21px 0 22px 0; }
img { border: 0; }
input, textarea { color:#3E434A; font-family:Arial,sans-serif; font-size:13px; line-height:1; margin:0; padding:3px; }
label { color:#3E434A; cursor:pointer; display:block; font-weight:bold; margin-bottom:3px; }

/* =========================================
    id's
   ========================================= */
   
#form-login .text input { width:175px; }
#form-login #address p { clear:both; color:#8B96A4; font-size:11px; margin:6px 0 0 110px; }
#submit { margin: 2px 0 0 -2px; }

/* =========================================
    classes
   ========================================= */

.benefits { padding: 10px 0 0 33px; }
.contact { color: #FFF; font-size: 12px; margin-bottom: 33px; }
.contact a, .contact a:hover { text-decoration: underline; color: #FFF; }
.container { width: 600px; margin: 0 auto; padding: 0; margin-bottom: 33px; text-align: left; position: relative; background: #FFF; }
.copy { background: #FFF; padding: 0 33px; }
.copy img { padding: 10px 0; }
.existing { padding-top: 28px; padding-bottom: 8px; }
.features { display: inline; list-style-image:none; list-style-position:outside; list-style-type:none; padding: 0; width:420px; font-size: 12px; }
.features li { width: 225px; display: inline-table; margin: 0 40px 5px 0;}
.feature_email { background: url(../images/title_email-client2.png) no-repeat; padding: 5px 0 0 55px; font-size: 16px; font-weight: bold; display: block; height: 52px; cursor: pointer; }
.feature_huge { background: url(../images/title_huge-reporting2.png) no-repeat; padding: 5px 0 0 55px; font-size: 16px; font-weight: bold; display: block; height: 52px; cursor: pointer; }
.feature_google { background: url(../images/title_google-analytics2.png) no-repeat; padding: 5px 0 0 55px; font-size: 16px; font-weight: bold; display: block; height: 52px; cursor: pointer; margin-top: 10px; }
.feature_import { background: url(../images/title_import-designs2.png) no-repeat; padding: 5px 0 0 55px; font-size: 16px; font-weight: bold; display: block; height: 52px; cursor: pointer; margin-top: 10px;  }
.forgot { font-size: 11px; line-height: 24px; padding-left: 2px; }
.globe { background: url(../images/icon_globe-large.png) no-repeat; }
.how { padding-top: 23px; padding-bottom: 15px; }
.intro { padding-bottom: 15px; }
.js input, .js textarea { color:#8B96A4; }
.loads { padding-bottom: 15px; }
.lock { background: url(../images/icon-48x48-lock.png) no-repeat; font-size: 14px; }
.lock form label { float:left; line-height:27px; margin-right:10px; text-align:right; width:100px; }
.lock form input, .lock form textarea, .lock form select { float:left; margin-right:5px; }
.options li { padding-left: 60px; margin: 10px 0; position:relative; width:470px; list-style-image:none; list-style-position:outside; list-style-type:none; }
.screenshot { margin: 3px 0 12px 0; }
.text { display: block; float: left; margin: 5px 0; }