@charset "UTF-8";
@import url("reset.css");
/* ----------------------------
- Copyright 2009, All rights reserved.
- Version: 1.0
- Reset.css - Created by: Alvaro Araujo

----- Table of Contents -----

  1. General Classes
  2. Body
  3. Wrapper
  4. Header
  5. Content
  6. Footer

---------------------------- */

/* General Classes
 ============================================================ */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {
  display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height:1%;
}
.clearfix {
  display:block;
}

p{
  color:#666;
  margin-bottom:10px;
}
a{
  color:#F44868;
}
a:hover{
  text-decoration:none;
}
h2{
  color:#333;
  font-size:1.3em;
  font-weight:bold;
  margin: 0 0 30px;
}


.logo{
  float:left;
}
.logo a{
  background: url("../images/logo.gif") no-repeat;
  display:block;
  height:42px;
  width:230px;
}
.logo a span{
  display:none;
}

.btn_started{
  background: url(../images/btn_started.jpg) left top no-repeat;
  display:block;
  height:52px;
  text-indent:-9000px;
  width:180px;
}
.btn_started:hover{
  background-position:left bottom;
}

.init-hide {
  display: none;
}

/* List
============================================================ */
ul.check{
  font-family: Verdana;
  font-weight: bold;
}
ul.check li{
  background: url(../images/icons/icn_success.gif) no-repeat;
  line-height:20px;
  margin: 0 0 5px 0;
  padding: 0 0 0 30px;
}
ul.check li a{
}

ul.buttons{
  overflow:hidden;
  width:100%;
}
ul.buttons li{
  float:left;
  margin: 0 10px 0 0;
}
ul.buttons li.nobuttons{
  line-height:52px;
}

ul.numbers{
}
ul.numbers li{
  background: url(../images/icons/icn_numbers.gif) left 2px no-repeat;
  margin: 0 0 20px;
  padding: 0 0 0 15px;
}
ul.numbers li.one{
  background-position: 0 2px;
}
ul.numbers li.two{
  background-position: 0 -146px;
}
ul.numbers li.three{
  background-position: 0 -294px;
}
ul.numbers li.four{
  background-position: 0 -590px;
}

/* Body
============================================================ */
body {
  color:#666;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.4em;
  line-height: 1.4em;
}

body.landing{
}

body.internal{
}


/* Wrapper
 ============================================================ */
 .wrapper {
  margin:0 auto;
  padding:0 10px;
  overflow:hidden;
  width:920px;
 }

/* Header
============================================================ */
#header {
  background: transparent url(../images/bg_texture_pink.gif) left 76px repeat-x;
  margin: 0 0 40px;
}
.internal #header .content{
  height:80px;
}

#header .top_nav{
  overflow:hidden;
  height:76px;
}
#header .top_nav .logo{
  margin: 20px 0 0 10px;
}
#header .top_nav ul.nav{
  float:right;
  margin:20px 0 0 0;
  overflow:hidden;
}
#header .top_nav ul.nav li{
  float:left;
  margin: 0 0 0 5px;
}
#header .top_nav ul.nav li a{
  border: 1px solid #FFF;
  display:block;
  padding:6px;
  text-decoration:none;
}
#header .top_nav ul.nav li.active a{
  background:#F44868;
  border: 1px solid #F44868;
  color:#FFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#header .top_nav ul.nav li a:hover{
  background:#F44868;
  border: 1px solid #F44868;
  color:#FFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
#header .content{
  height:310px;
  overflow:hidden;
  position:relative;
}
#header .content div.information{
  float:right;
  margin: 40px 0 0;
  width:400px;
}
#header .content h1{
  color:#4C4C4C;
  font-size:1.6em;
  font-weight:bold;
  line-height:80px;
  margin: 0 0 0 10px;
}

#header .content div ul.check{
  margin: 13px 0 30px 0;
}

/* Landing Page Here */
#header .content img.screenshot{
  bottom:0;
  left:0;
  position: absolute;
}

.landing #header .content{
  height:310px;
}

.landing #header .content .header-line-1,
.landing #header .content .header-line-2
{
  color: #000033;
  font-size: 1.8em;
  font-weight: 700;
}

.landing #header .content .header-line-2
{
  color: #F44868;
  margin-top: 13px;
}

/* Content
============================================================ */
#content {
  margin: 0 0 60px;
}
#content .wrapper{
  padding: 0 0 0 10px;
}

/* landing
------------------------------- */
#content .categories{
  overflow:hidden;
  margin: 0 0 40px;
  width:100%;
}
#content .categories .cat{
  float:left;
  margin: 0 40px 0 0;
  width:270px;
}
#content .categories .last{
  margin:0;
}

#content .categories h2{
  background: url(../images/subtitles.gif) left top no-repeat;
  height:40px;
  margin: 0 0 20px;
  text-indent: -9000px;
  width:250px;
}

#content .categories .optimize h2{
  background-position: 0 0px;
}
#content .categories .browse h2{
  background-position: 0 -86px;
}
#content .categories .style h2{
  background-position: 0 -172px;
}

#content .steps{
  margin: 0 0 40px;
}
#content .steps img{
  margin:0 8px 0 0;
}
#content .steps .last{
  margin:0;
}

#content .banner{
  background: url(../images/banner_promo.gif) no-repeat;
  height:110px;
  width:900px;
   clear: both;
}
#content .banner a{
  float:right;
  margin:27px 60px 0 0;
}


/* Product Tour
-------------------------------
#content .product{
  overflow:hidden;
  margin: 0 0 40px;
  width:100%;
}
#content .product img{
  float:right;
  margin: 0 0 0 90px;
}
#content .product ul{
}
#content .product ul li{

}*/

#content .product{
  overflow:hidden;
  margin: 0 0 100px;
  width:70%;
  float:right;
}
#content .product img{
  float:right;
  margin: 0 0 0 10px;
}
#content .product ul{
}
#content .product ul li{

}

/* Blog
------------------------------- */
#content .col_left{
  float:left;
  width:580px;
}
#content .entry{
  overflow:hidden;
  margin: 0 0 40px;
  width:100%;
}
#content .entry .data{
  float:left;
  text-align:right;
  width:120px;
}
#content .entry .data h4{
  color:#F44868;
  font-size: 1.4em;
  font-weight:bold;
}
#content .entry .data p{
  font-weight:bold;
  margin:0;
}
#content .entry .data blockquote{
  color:#F44868;
  font-size:0.8em;
  line-height: 0.7em;
}

#content .entry .info{
  float:right;
  width:440px;
}
#content .entry .info h2{
  margin: 0 0 20px;
}
#content .entry .info a{
  font-size: 0.8em;
}

#content .col_right{
  float:right;
  width:280px;
}

#content .col_right .feed{
  background: #F8F8F8;
  padding:10px;
}
#content .col_right .feed h2{
  font-size:1.2em;
  margin: 0 0 10px;
}
#content .col_right .feed h2.rss{
  background: url(../images/icons/icn_rss.gif) no-repeat;
  font-size:1.2em;
  margin: 0 0 10px;
  padding: 0 0 0 25px;
}
#content .col_right .feed fieldset{
  display:block;
  margin: 0 0 20px;
  overflow:hidden;
  width:100%;
}
#content .col_right .feed input.text{
  float:left;
  height:25px;
  margin:0 10px 0 0;
  padding:5px 0 0 5px;
  width:162px;
}
#content .col_right .feed input.search{
  background:#F44868;
  border: 1px solid #F44868;
  color:#FFF;
  display:block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding:6px;
  text-decoration:none;
}

#content .col_right .feed ul{
  margin: 0 0 20px;
}
#content .col_right .feed ul li a{
  color:#333;
}

/* Why & About
------------------------------- */
#content .module1{
  float: left;
  margin: 0 60px 60px 0;
  width: 500px;
}
#content .last{
  margin-right:0;
}
#content .module1 h2{
  margin: 0 0 15px;
}
#content .module1 p{
  margin:0 0 5px;
}


/* Footer
============================================================ */
#footer{
  background:#efefef;
}
#footer .wrapper{
  padding: 20px 0;
}
#footer .col{
  float:left;
  margin: 0 50px 20px 0;
  width:255px;
}
#footer .col h2{
  color:#F44868;
  font-size:1.1em;
  font-weight:bold;
  margin: 0 0 20px;
}
#footer .col ul{
  font-size:0.9em;
}
#footer .col ul li{
  margin: 0 0 5px;
}
#footer .col ul li a{
  color:#666;
}
#footer .wrapper p{
  clear:both;
  font-size: 0.7em;
}
.forgot_password{
   padding-left: 140px;
}
#Login-info-form{
    margin-top:50px;
}


#left_navmenu{
  float:left;
  margin-left:5px;
}

#left_navmenu ul li a{
  color:#333;
  font-size:1.3em;
  margin-bottom:20px;
  font-weight:bold;
  text-decoration:none;
}

#left_navmenu ul li a:hover{
  color:#F44868;
}
#left_navmenu ul li a.selected{
  color:#F44868;
}

#left_navmenu ul li{
  overflow:hidden;
  margin-bottom:10px;

}