html{ background: #002453;} 
body, #wrapper, #wrapper2{margin: 0; padding:0; background: #002453;}
.wrapper{width: 100%; margin: 0; padding:0;} 

#header-menu, #client #header{background: #1569b1; }
#header, #client #content{background: white;}
#content{background: #ccc;}
#footer{background: #002453;}

*{margin: 0; padding: 0;  font-family:  Arial, Lucida Sans;}
a , a:hover, a:active{outline:none; text-decoration:none; color: #0056c0;}
.clear{clear:both;}
img {border: 0}
h1{font-size: 200%; line-height: 20pt; padding-bottom: 10px; padding-top: 10px; color: #008200}
h2{font-size: 160%; line-height: 20pt; padding-bottom: 10px;  color: #008200}
h3 {color: #0056c0;} 
h1,h2,h3,h4,h5,h6 { padding-bottom: 10px; }  


#header-menu .wrapped {width: 900px; margin: 0 auto; padding: 0; height: 35px;}
#header-menu  ul { padding: 5px 0;}
#header-menu  li {display: inline; padding-right: 15px;}
#header-menu a {color: #fff; text-decoration: none; }
#header-menu a.current {text-decoration: underline; }
#header-menu a:hover {color: yellow;}

#header .wrapped{width: 900px; margin: 0 auto; padding: 10px 0 7px;}
#header .left{width: 40%; padding-top: 10px;}
#header .left div { padding-top: 10px; text-align: center;} 
#header .right{width: 55%;  padding-top: 10px;   text-align: center;}
  
 .carousel  { width: 100%; }
 .carousel  li {height: 100%; width: 500px;  }
 
#content  .wrapped {clear: both; width: 900px; margin: 0 auto; padding: 20px 0 10px;}
 
#content li {list-style: outside; margin-left: 40px;}
#content ol li {list-style: decimal outside; margin-left: 40px;}
#content p {padding-bottom: 10px;}
#logo img {border: 0; padding-bottom: 10px;}

.left {float: left;}
.clear-left {clear: left;}
.right {float: right;}


#sign-up-button{line-height: 80px;padding: 12px 75px;  height:44px; background: url(images/sign-up-now.png) 0 0 no-repeat; border: 0px;}
#sign-up-button:hover {background: url(images/sign-up-now.png) 0 -45px no-repeat;}
#sign-up-button:active {background: url(images/sign-up-now.png) 0 -90px no-repeat;}

#login-button{line-height: 80px;padding: 17px 75px;  height:43px; background: url(images/login-me-in-button.png) 0 -3px no-repeat; border: 0px;outline: none;}
#login-button:active{background: url(images/login-me-in-button.png) 0 -48px no-repeat; outline: none;}
#login-button:hover{background: url(images/login-me-in-button.png) 0 -94px no-repeat;outline: none;}


#email-me-button{line-height: 80px;padding: 12px 75px;  height:44px; background: url(images/email-me.png) 0 0 no-repeat; border: 0px;}
#email-me-button:hover {background: url(images/email-me.png) 0 -45px no-repeat;}
#email-me-button:active {background: url(images/email-me.png) 0 -90px no-repeat;}

.menu-nav {clear:both; padding-top: 18px; font-size: 19px;}
.menu-nav-freetrial {padding-top: 0;}
.menu-nav ul li{display:inline; margin-right: 0;}
.menu-nav ul {list-style: none; }
.menu-nav ul li a{ background: #ececec; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;  -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px; margin: 0; padding: 8px 20px;} 
.menu-nav a.current{background: #ccc;} 
.menu-nav li:first-child a , .overview-nav a {color: black;}
.features-nav a {color: #0056c0}
.how-it-works-nav a {color: #008000}
.faqs-nav a {color: #e69301}
.menu-nav a:hover{background: #ccc;}  
.overview-modules {height: 240px;}
.overview-modules ,
.signup-modules {width: 29%; font-size: 95%;   float: left;  -moz-border-radius:10px; -webkit-border-radius: 10px; margin: 10px 8px 20px; padding: 10px;}

.overview-modules h3,
.signup-modules h3 {color: black;}
.overview-modules p,
.signup-modules  p {font-size: 95%;}
.overview-modules img,
.signup-modules img {padding-top: 10px;}

.signup-modules {clear:left; margin-right: 20px; margin-bottom: 10px;}

#overview-modules-1{background: #ffe6d5;}
#overview-modules-2{background: #e5ffd5;}
#overview-modules-3{background: #d5f6ff;}
 
 .form-module {-moz-border-radius:10px; -webkit-border-radius: 10px;  background: white; width: 60%; padding: 20px; margin-top: 10px;}
 .form-module h1{color: #0056c0;}
 .form-module label {display: block; font-size: 140%;}
 .form-module label:after {content: '*'; color: red; padding-left: 5px;  } 
 .form-module label.not_required:after {content: '';} 
 .form-module table{margin: 10px 0 10px;}
 .form-module span { font-size: 70%; font-style: italic;}
 .form-module td  {  vertical-align: top; width: 250px;}
 .form-module td input[type='text'],   .form-module td input[type='password'],  .form-module td select, .form-module td textarea  {width : 100%; padding: 4px 3px;}
 .affiliate-form{width: 100%; background:none; margin-top: 0px; padding: 0px;}
 .form-module td:first-child {width: 250px; vertical-align: top;}
 label.error {font-size: 70%; font-weight: bold; color: red; font-style: italic;}
 label.error:after {content: '';}
 
#footer  .wrapped{height: 220px; margin-top: 20px; width: 900px; margin-left: auto; margin-right: auto; color: white; padding: 20px 0 0;}
#footer a {color: white;}  
#footer a:hover{text-decoration: underline;}
.footer-modules li{list-style: none inside; margin-left:0;} 
.footer-modules li:before{ content: '>> ' ;} 

.footer-modules {width: 29%; margin: 0 8px;}
.footer-modules p{padding-top: 5px; padding-bottom: 5px;}
.center {text-align: center; padding: 0 10px;} 

#footer-links{clear: both; padding-top: 45px; width: 100%; text-align: center;}
#footer-links li{display: inline; list-style: none;  margin-left: 0;} 
 
#footer-links li:after{content: ' | '; } 
#footer-links li:last-child:after{content: ' '; padding-right: 0;} 


#login-form {border: 1px #ccc solid; margin: 0; font-size: 90%; width: 400px; padding: 10px 20px;
display:block;   
} 
#wrapper-login { background: black; display: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 100; height: 100%; opacity: 0.7;}
#login-form{border: 4px solid #aaa;  position: absolute; display: none;  z-index: 200; right: 40px;  opacity: 1;}
#login-form  label:after{content: ' : ';} 
a#login-link {cursor: pointer;  margin-top: -25px;  }
a#login-link:after{content: ' >>';}
a#login-link :hover{color: yellow !important; cursor: pointer; text-decoration: underline;}

a#cancel-login {position: absolute; top: 10px; right: 15px; color: red; font-weight: bold; font-size: 18px;  }


.error {background: #ffe7e7; border: red 1px solid; padding: 10px;}
.error h4 {color: black; line-height: 20px; padding-bottom: 10px;}

#success {
  background: #cfc;
  color: #051;
}

#error, #success {
  margin: -20px -20px 20px;
  padding: 10px 20px;
  text-align: left;
}
#error {
  background: #a22;
  color: #fff;
}

.not_required:after {content: '';}

/** BLOG **/
#blog .main-content {width: 65%; float: left;}
#blog .sidebar-modules {width: 25%; font-size: 95%;   float: right;  -moz-border-radius:10px; -webkit-border-radius: 10px;  padding: 10px;}
#blog .sidebar-modules {clear:right; margin-right: 10px; margin-bottom: 10px;}
#blog .sidebar-modules  li { padding: 2px;	list-style: none; text-indent: -10px; margin-left: 10px;}
#blog .sidebar-modules  li:before{content: "\00BB \0020"; color: #c83737;  }
#blog .sidebar-modules a {color: black;}
#blog .sidebar-modules a:hover {text-decoration: underline;}
#blog h2.post-title a{color: black;}
#blog h2.post-title a:hover {text-decoration: underline;}
#blog div.entry{margin-bottom: 25px;}
#blog div.tags {padding: 5px 0; color: #5599ff;  }
#blog div.tags a {color: #5599ff; font-weight: bold;}
#blog div.tags a:hover {text-decoration: underline;}
#blog div.info  {padding-bottom: 15px; color: #e69301; font-style: italic; font-weight:bold;}

#blog ul{padding-bottom: 10px;}
#blog  li { padding: 2px;	list-style: none; text-indent: -10px; margin-left: 10px;}
#blog  li:before{content: "\00BB \0020"; color: #4f81bd; font-weight:bold; }