body {
   background-color: #fff;
   margin: 0;
   padding: 0;
   font-family: Georgia, Calisto MT, serif; /* all serif fonts */
   font-size: 11pt; /* increase size */
}

ul, li, img, form,
table, tr, td, ol, p,
h1, h2, h3, h4 {
   margin: 0;
   padding: 0;
   list-style-type: none;
   border: 0;
}
h1, h2,h3 {font-family: 'Cabin',arial,serif !important;}
p { line-height: 14pt; }
.container {
   position: relative;
   width: 960px;
   margin: 0 auto;
}
#header {
	 font-family: 'Cabin',arial,serif;
   position: fixed; /* Keep Nav at top */
   display: block;
   background-image: url('../images/header_bg.png');
   background-repeat: repeat-x;
   height: 65px;
	 /* Keep Nav at top */
   width: 100%;
   z-index: 100;
	 padding-bottom: 65px;
}
#header ul { position: absolute; top: 22px; right: 0; display: block; }
#header ul li { display: block; float: left; margin-right: 30px; }
#header ul li.nomargin { margin-right: 0; }
#header ul li.smallmargin { margin-right: 10px; }
#header img#logo { margin-top: 11px; }

/* links */
#header a {text-decoration: none;}
#header a.lnk, #header a.lnk:visited { color: #fff; text-decoration: none; font-size: 12pt; }
#header a.lnk:hover, #header a.lnk.active { color: #27dbe5; text-decoration: none; }
#feature a.lnk, #feature a.lnk:visited { color: #27dbe5; text-decoration:none; }
#feature a.lnk:hover { color: #fff; }
#content a, #content a:visited { color: #1b555c; }
#content a:hover { color: #000; }
#footer a.lnk, #footer a.lnk:visited { color: #fff; text-decoration: none;}
#footer a.lnk:hover, #footer a.lnk:active { color: #27dbe5; }

a.small_btn, a.small_btn:visited {
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
   padding: 5px 8px 5px 8px;
}
a.small_btn.orange {
   background-color: #efba04;
   color: #000;
}
a.outline_btn, a.outline_btn:visited {
   display: inline-block;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   border: 1px solid #c7c7c7;
   color: #003c44;
   font-size: 10pt;
   background-color: #fff;
   padding: 9px 15px 9px 15px;
   text-decoration: none;
   -moz-box-shadow: 0px 0px 5px #e6e5e5;
   -webkit-box-shadow: 0px 0px 5px #e6e5e5;
   box-shadow: 0px 0px 5px #e6e5e5;   
}
a.outline_btn:hover {
   border: 1px solid #003c44;
}
#header ul li a.small_btn.orange { color: #000; font-size: 10pt; font-weight: bold; margin-right: 0; } 
#header ul li a.small_btn.orange:hover { color: #000; background-color: #fff; text-decoration: none; }

#feature {
   position: relative;
   display: block;
   height: 321px;
   background-image: url('../images/feature_bg.png');
   background-repeat: repeat-x;
   color: #fff;
}
#feature h1 { color: #fff; text-align: center; font-size: 24pt; font-weight: normal; padding-top: 55px; }
#feature h1 span { color: #efba04; }

#feature .column { width: 225px; float: left; }
#feature .graphic { width: 189px; float: left; padding: 0 20px 0 20px; text-align: center; }
#feature .column.left { width: 225px; float: left; text-align: right; }
#feature .column.right { width: 225px; float: left; text-align: left; }
#feature h3 { padding-bottom: 15px; }
#feature h3.trial { font-size: 18pt; padding-bottom: 20px; font-weight: normal; }
#feature p { padding-bottom: 15px; }
#feature div.feature-columns {
   clear: both;
   padding-top: 30px; 
   width: 695px;
   margin: 0 auto;
}

#feature a.btn.blue {
   -moz-box-shadow: 2px 2px 4px #000;
   -webkit-box-shadow: 2px 2px 4px #000;
   box-shadow: 2px 2px 4px #000;
   color: #000;
   font-size: 14pt;
}

#content {
   position: relative;
   display: block;
   background-image: url('../images/content_bg.png');
   background-repeat: repeat-x;
   padding: 40px 0 50px 0;
   color: #6f6f6f;
}
#content .column { width: 450px; float: left; display: block; position: relative; }
#content .column.left { margin-left: 20px; width: 440px; }
#content .column.right { margin-left: 20px; }
#content p { font-size: 12pt; line-height: 17pt; padding-bottom: 20px; }

#content ul.icon-features { display: block; }
#content ul.icon-features li { display: block; margin-bottom: 20px; font-size: 12pt; line-height: 16pt; }
#content ul.icon-features li h2 { font-size: 14pt; color: #775c01; padding: 0 0 10px 0; }
#content ul.icon-features li p { font-size: 11pt; line-height: 14pt; }
#content ul.icon-features div.icon { float: left; margin-right: 20px; width: 80px; text-align: center; }
#content .column.left.signup h3 { color: #003c44; padding-bottom: 15px; font-size: 12pt; }

#content h1.marketing-text {
   text-align: center;
   padding: 10px 0 40px 0; 
   color: #000;
   font-weight: normal;
   font-size: 24pt;
   line-height: 32pt;
}
#content h1.marketing-text span {
   color: #efba04;
   background-color: #fdf6df;
   padding: 0 5px 0 5px; 
}
#content h1.marketing-text.lower { padding-bottom: 20px; }

#content h2.marketing-text {
   text-align: center;
   padding: 10px 0 40px 0; 
   color: #000;
   font-weight: normal;
   font-size: 24pt;
   line-height: 32pt;
}
#content h2.marketing-text span {
   color: #efba04;
   background-color: #fdf6df;
   padding: 0 5px 0 5px; 
}
#content h2.marketing-text.lower { padding-bottom: 20px; }

/* Added to make the Try Now link work */
#content a.marketing-text.lower {    
	padding-bottom: 20px;
	text-align: center;
   	padding: 0 5px 0 5px;  
   	color: #efba04;
	background-color: #fdf6df;
   	font-weight: normal;
   	font-size: 24pt;
   	line-height: 32pt; }

#title {
   background-image: url('../images/h1_bg.png');
   background-repeat: repeat-x;
   height: 132px;
   color: #fff;
}
#title h1 { float: left; width: 400px; font-size: 28pt; padding-top: 65px; font-weight: normal; text-shadow: 2px 2px 3px #c19709; padding-left: 20px; }
#title div.try-it-now { float: right; width: 500px; text-align: right; padding-top: 50px; }
#title div.try-it-now p { float: right; padding-top: 16px; padding-right: 20px; }
#title div.try-it-now a { float: right; }
#title a.btn.blue {
   -moz-box-shadow: 2px 2px 4px #b08c0e;
   -webkit-box-shadow: 2px 2px 4px #b08c0e;
   box-shadow: 2px 2px 4px #b08c0e;
   color: #000;
}

#footer { position: relative; display: block; height: 205px; color: #78600b; background-image: url('../images/footer_bg.png'); background-repeat: repeat-x; padding-top: 15px; }
#footer h3 { padding: 15px 0 15px 0; color: #4e3d01; text-transform: uppercase; }
#footer .column { width: 215px; float: left; margin-right: 20px; }
#footer .column.first { margin-left: 20px; }
#footer .column.last { margin-right: 0; }
#footer ul.link-column { width: 106px; float: left; display: block; }
#footer ul.link-column li { margin-bottom: 5px; }
#footer p { margin-bottom: 15px; }
div.clear { clear: both; }

div.testimonials { padding-bottom: 20px;}
div.testimonial {
   display: block;
   clear: both;
   margin-bottom: 20px;
}
div.testimonial p.message {
   background-image: url('../images/testimonial_bg.png');
   background-repeat: no-repeat;
   background-position: 20px 20px;
   padding: 25px;
   background-color: #c9f6f8;
   font-size: 13pt;
   line-height: 18pt;
   color: #003c44;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   border-radius: 15px;      
}
div.testimonial p.author { padding: 15px 0 0 25px; color: #003c44; font-size: 11pt; }
div.testimonial p.author span { border-left: 1px solid #e5e5e5; padding-left: 20px; margin-left: 20px; color: #1f7783; font-style: italic; font-size: 10pt; }

div.grey {
   display: block;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background-color: #eeeeee;
   padding: 20px; 
}   
#content div.grey p { float: left; padding: 11px 0 0 0; font-size: 10pt; line-height: 14pt; }
div.grey a { float: right; }

div.customers {
   width: 955px;
   height: 180px;
   background-image: url('../images/customers_bg.png');
   background-repeat: no-repeat;
   background-position: 0 30px;
   margin-top: 20px; 
}
div.customers h2 { color: #656565; font-size: 12pt; padding-top: 10px; padding-left: 20px; text-transform: uppercase; }
div.customers div.logos { display: block; padding-top: 50px; text-align: center; }
div.customers a { margin: 0 10px 0 10px; vertical-align: center; }

div.social-icons { display: block; }
div.social-icons a, div.social-icons a:visited { display: block; float: left; width: 32px; height: 32px; background-repeat: no-repeat; text-decoration: none; margin-right: 5px; }
div.social-icons a.vimeo { background-image: url('../images/vimeo_icon.png'); }
div.social-icons a.youtube { background-image: url('../images/youtube_icon.png'); }
div.social-icons a.rss { background-image: url('../images/rss_icon2.png'); }
div.social-icons a.twitter { background-image: url('../images/twitter_icon.png'); }
div.social-icons a.facebook { background-image: url('../images/facebook_icon.png'); }
div.social-icons a.googleplus { background-image: url('../images/googleplus_icon.png'); }
div.social-icons a.blogger { background-image: url('../images/blogger_icon.png'); }
div.social-icons a.linkedin { background-image: url('../images/linkedin_icon.png'); }
div.social-icons a.flickr { background-image: url('../images/flickr_icon.png'); }
div.social-icons a:hover { background-position: 0 -32px; }


a.btn {
   display: inline-block;
   font-size: 12pt;
   color: #000;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   border-radius: 15px;      
   padding: 15px 20px 13px 20px;
   text-decoration: none;
   text-shadow: 1px 1px 1px #c1fafb;
   background-position: top center;  
   font-weight: bold;  
}
a.btn.blue { background-color: #28dce6; border: 1px solid #1ccfdc; color: #000; }
a.btn.blue:hover { background-color: #71f6fd; color: #000; }

html > body a.btn { 
   background-color: #fff;
   background-image: url('../images/btn_bg.png');
   background-repeat: repeat-x;
   color: #000;
}

#footer a.btn.blue {
   -moz-box-shadow: 2px 2px 4px #b08c0e;
   -webkit-box-shadow: 2px 2px 4px #b08c0e;
   box-shadow: 2px 2px 4px #b08c0e;
   color: #082d2f;
}

form.signup {
   display: block;
   padding: 0;
   margin: 0;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border-radius: 20px; 
   background-color: #fff;
   -moz-box-shadow: 0 0 10px #b5b4b4;  
   -webkit-box-shadow: 0 0 10px #b5b4b4;  
   box-shadow: 0 0 10px #b5b4b4;     
   border: 1px solid #c3c2c2;   
}
form.signup { position: absolute; top: -120px; left: 0; } 
form.signup fieldset { border: 0; padding: 20px; background-color: #f2f2f2; margin: 0; }
form.signup div.row { display: block; clear: both; margin-bottom: 10px; height: 35px;}
form.signup div.row.checkbox { height: 15px; }
form.signup div.row.submit { padding-top: 15px; padding-bottom: 15px; }
form.signup div.row label { width: 150px; float: left; padding-top: 6px; font-size: 12pt; color: #000; }
form.signup div.row span { padding-left: 5px; font-size: 9pt; }
form.signup div.row input.text { 
   float: left; 
   padding: 7px; 
   border: 1px solid #c3c2c2;
   font-size: 11pt; 
   color: #000;
   font-family: helvetica, arial;
   background-image: url('../images/input_bg.png');
   background-repeat: no-repeat;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;  
}
form.signup div.row textarea.text { 
   float: left; 
   padding: 7px; 
   border: 1px solid #c3c2c2;
   font-size: 11pt; 
   color: #000;
   font-family: helvetica, arial;
   background-image: url('../images/textarea_bg.png');
   background-repeat: no-repeat;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;  
}
form.signup h2 { padding: 30px 20px 30px 20px; font-weight: normal; color: #775c01; text-align: center; }
form.signup div.form-bottom { position: relative; padding: 20px 20px 15px 65px; }
#content form.signup div.form-bottom p { font-size: 10pt; position: relative; }
form.signup img.letter { position: absolute; top: 0; left: -84px; }
form.signup a.btn.blue {
   -moz-box-shadow: 2px 2px 4px #b5b4b4;
   -webkit-box-shadow: 2px 2px 4px #b5b4b4;
   box-shadow: 2px 2px 4px #b5b4b4;
   color: #082d2f;
}

table.pricing{
margin-left:auto;
margin-right:auto;
text-align:left;}

table.pricing th {
background:#CCCCCC;
/*border-color:#FFFFFF #A2D676 #CFCFCF #EAEAEA;
border-left:1px solid #EAEAEA;
border-style:solid;
border-width:1px; */
color:#333333;
padding:15px 0;
text-align:center;
width:150px;
}

table.pricing tr.volume td {
background: #018c9c url('/images/volumerow.gif') repeat-x bottom left;
font-size:13pt;
width: 50px;
height: 45px;
padding:0 10px 0 10px;
}

table.pricing tr.price th{
background: #f9f9f9 url('/images/pricingheader.gif') repeat-x bottom left;
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #666666;
}

table.pricing tr.volume th{
background: #f9f9f9 url('/images/volumeheader.gif') repeat-x bottom left;
border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #666666;
}

table.pricing tr.price td {
background: #0093a4 url('/images/pricingrow.gif') repeat-x bottom left;
font-size:20pt;
width: 50px;
height: 90px;
padding:0 10px 0 10px;
}

table.pricing td {
border-bottom:1px solid #333333;
border-top:1px solid #666666;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
}

/* help styles */
div#help_title { 
	position: absolute;
	width: 981px;
	top: 0;
	left: -10px;
	background-image: url('../images/help_title_bg.png');
	background-repeat: no-repeat;
	height: 171px;
	margin-top: 40px;
	z-index: 5000;
}
#title div#help_title h1 {
	color: #000;
	text-shadow: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50px;
	left: 50px;
	font-size: 24pt;
}
#title div#help_title input.hsearch {
	position: absolute;
	top: 52px;
	left: 550px;
	background-color: transparent;
	padding: 8px;
	font-size: 12pt;
	color: #6F6F6F;
	font-family: georgia;
	border: 0;
}
ul#help_icons {
	list-style-type: none;
	display: block;
	position: absolute;
	top: 43px;
	left: 261px;
}
ul#help_icons li {
	display: block;
	float: left;
	margin-left: 20px;
}
ul#help_icons li a {
	display: block;
	text-align: center;
	color: #000;
	text-decoration: none;
}
ul#help_icons li a:hover { text-decoration: underline; }
ul#help_icons li a img {
	display: block;
	margin-bottom: 7px;
}

#content .column.left.help { width: 207px; margin-top: 40px; padding-left: 25px; }
#content .column.right.help { width: 645px; margin-top: 40px; }

#content ul.help_left_nav li { padding-bottom: 9px; }
#content ul.help_left_nav li a { color: #000; text-decoration: none; font-size: 11pt; }
#content ul.help_left_nav li a:hover,
#content ul.help_left_nav li a.active { color: #24ced7; text-decoration: underline; }

#content h2 { color: #000; font-weight: normal; padding-bottom: 15px; }

.required{ background:#F5F5F5;border-color: #17ABB6 !important;}

h1.sm{color:#000;font-size:22px;font-weight: normal;padding-bottom: 15px;}

#login {
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 7px;
    box-shadow: 1px 1px 4px #dadada;
    display: block;
    margin: 30px auto 0;
    position: relative;
    width: 500px;
}

#login h1 {
    font-size: 17pt;
	font-family: 'Cabin',?arial,?serif;
    background-color: #f5f5f5;
    padding: 15px 20px 15px 20px;
    border-bottom: 1px solid #e1e0e0;
    -moz-border-radius-topleft: 7px;
    -webkit-border-radius-topleft: 7px;
    border-radius-top-left: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-radius-topright: 7px;
    border-radius-top-right: 7px;    
    font-weight: normal;
    background-image: url('../images/h1_bg.png');
    background-repeat: repeat-x;
    background-position: bottom left;
}