#skip { position:absolute; left:-999em; }

/* Layout */
.wrapper { float:left; width:100%; }
.container { position:relative; margin:0 auto; width:990px; color:#333; text-align:left; }
.inner { padding:0 10px; }

.section { float:left; width:920px; padding:0 0 0 50px; }

.side { float:right; width:310px; }
.main-body { padding:0 0 50px 0; float:left; width:610px; }

.page-title { margin:0 0 1em 0; font-size:3em; line-height:1.2em; letter-spacing:-0.07em; }

ul.green li { margin-top:1.5em; margin-bottom:1.5em; list-style-image:url(../images/green-square.gif); }


/*
 *	Header
 ********************************************************/
#header-wrapper { position:relative; z-index:100; background:#0D141A url(../images/header-bg.jpg) no-repeat 50% 0; }
#header { height:75px; color:#fff; background:#0D141A url(../images/header-bg.jpg) no-repeat 50% 0; }

#header form { margin:10px 0 0 0; float:right; color:#fff; }
#header form p { margin:0; font-size:1.4em; }
#header form p.forgot { margin:5px 0 0 65px; font-size:1.3em; }
#header form label { margin:0 10px 0 0; width:75px; text-align:right; }
#header form .textbox { margin:0 3px 0 0; padding:5px 2px; width:150px; }

#header .button { width:72px; background:#96b44a url(../images/button.gif) no-repeat 0 0;  }
#header .button:hover { background:transparent url(../images/button.gif) no-repeat 0 -100px; }

form#signup-form { float:left; }
form#signup-form input.button { width:87px; height:35px; font-size:18px; line-height:35px; text-transform:none; background:#96b44a url(../images/button-big.gif) no-repeat 0 0;  }
form#signup-form input.button:hover { background:transparent url(../images/button-big.gif) no-repeat 0 -100px; }

#logo { margin:0 0 0 10px; }
#logo a { float:left; }

/*
 *	Top Section
 ********************************************************/
#top-wrapper { background:transparent url(../images/top-bg.jpg) no-repeat 50% 0; }
#top { background:transparent url(../images/top-bg.jpg) no-repeat 50% 0; }
#top-inner { padding:40px 10px 0 45px; }

/*
 * Bottom
 ********************************************************/
#bottom-wrapper { background:#fff url(../images/bottom-bg.png) repeat-x 0 0; }
#bottom { padding:25px 0; overflow:auto; }
#bottom-inner { padding:0 10px 0 35px; }

/*
 *	Body
 ********************************************************/
#content { position:relative; z-index:5; }

.blue-box { float:left; margin:0 0 25px 0; padding:10px 0; width:100%; color:#fff; background-color:#30a4b3; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.blue-box p { margin:0; padding:0 30px 0 80px; float:left; font-size:1.6em; line-height:65px; font-weight:bold; }

.big-links { margin:0; }
.big-links li { float:left; margin:0; padding:0 5px 0 0; list-style:none;  }
a.biglink  { float:left; padding:0 10px 0 0; font-weight:bold; height:65px; text-decoration:none; font-size:20px; line-height:65px; background:transparent url(../images/button-bg.png) no-repeat 100% -100px; }
a.biglink  span { float:left; height:65px; padding-left:60px; }
a.biglink span span { height:65px; padding:0 20px 0 0; white-space:nowrap; background:transparent url(../images/button-bg.png) repeat-x 0 0;}
a.biglink:hover { color:#171b1f; text-decoration:none; }

a.free-sign-up span { background:transparent url(../images/button-signup.png) no-repeat 0 0; }
a.demo-video span { background:transparent url(../images/button-video.png) no-repeat 0 0; }
a.upgrade-btn span { background:transparent url(../images/button-upgrade.png) no-repeat 0 0; }

/*
 *	Footer
 ********************************************************/
.footer { float:left; width:100%; }
.copy { float:left; font-size:1.1em; color:#727272; }

ul.footer-nav { float:right; }
ul.footer-nav li { display:inline; list-style:none; font-size:1.4em; text-transform:lowercase; }
ul.footer-nav a { text-decoration:none; }
ul.footer-nav a:hover { text-decoration:underline; }

/*
 *	Home page
 ********************************************************/
#home_page #top-inner { padding:45px 490px 0 45px; height:265px; background:transparent url(../images/top-bg-home.jpg) no-repeat 50% 0; }
#home_page .footer { border-top:1px dotted #999; }

.big { margin:1.5em 0; font-size:1.6em; }

.three-col-wrapper { margin:30px 0 50px 0; float:left; width:100%; background:transparent url(../images/dotted.gif) repeat-y 0 0; }
.three-col { float:left; width:281px; }
.three-col h3 { margin:0 0 0.5em 0; padding:0 0 0 20px; font-size:1.6em; background:transparent url(../images/green-square.gif) no-repeat 0 8px; }
.three-col p { margin:0.5em 0; padding:0 0 0 20px; }

.col1 { margin-right:50px }
.col2 { margin-right:50px; }
.col3 { float:right; }

/*
 *	Sign up page
 ********************************************************/
form.blue-form { margin:0 0 50px 0; padding:15px; width:565px; color:#fff; background:#30a4b3 url(../images/blue-gradient.gif) repeat-x 0 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
form.blue-form li { font-size:1.6em; list-style:none; padding:0; margin:1em 0; }
form.blue-form label { float:left; width:200px; margin-right:25px; text-align:right; }
form.blue-form input.textbox { padding:5px; }
form.blue-form li.indent-li { padding-left:225px; clear:both; }
form.blue-form li.indent-li label { margin-bottom:1em; width:auto; }


/*
 *	Case studies page
 ********************************************************/
ul.case-studies-list .text-group { margin-left:260px; }
ul.case-studies-list li, ul.screenshot-list li  { margin:0; padding:0 0 15px 0; font-size:1em; float:left; width:100%; list-style:none; }
ul.case-studies-list img, ul.screenshot-list img { float:left; }

/*
 *	Screenshot page
 ********************************************************/
ul.screenshot-list .text-group { margin-left:660px; }

p.text2 { padding-left:25px; }
p.square { background:transparent url(../images/green-square.gif) no-repeat 0 5px; }


/*
 *	Account pages
 ********************************************************/
h2 strong { color:#30a4b3; }

.loggedin-info { float:right; }
.greeting { margin:15px 80px 0 0; float:right; text-align:right; }
.greeting strong { margin:0; font-size:1.6em; font-weight:normal; display:block; }
.logout-btn { position:absolute; top:20px; right:0; margin:0; }

ul.nav-account { margin:0; }
ul.nav-account li { margin:0 20px 0 0; list-style:none; display:inline;}

.account-title { margin:0 !important; }
.account-subtitle { margin:2em 0 .75em 0; }
.account-subtitle span { font-size:0.8em; font-weight:normal; }

.col-big { width:170px; }
.col-1 { width:130px; }
.col-2 { width:95px; }

.my-account { border:1px solid #ccc; padding:15px; overflow:auto; }
.my-account ul { margin:0; }
.my-account ul li { margin:0 0 1.5em 0;; float:left;  list-style:none; width:100%; }
.my-account ul li strong, .my-account ul li label { float:left; width:100px; font-weight:normal; }
.my-account ul li .indent { margin:0 0 0 100px; }
.my-account ul li select { float:left; width:160px; }

.my-account a.biglink  {  }
.my-account a.biglink span { padding-left:50px; }
.my-account a.biglink span span { padding:0 10px 0 0; letter-spacing:-0.02em; white-space:nowrap; }

/*
 *	Elastic pages
 ********************************************************/
.elastic .container { margin:0; width:auto; }
.elastic #top-inner  { padding:40px 10px 30px 45px; }
.elastic #header { background:#0D141A url(../images/header-bg.jpg) no-repeat -105px 0; min-width:750px; }
.elastic #bottom-wrapper { background:#fff url(../images/bottom-bg.png) repeat-x 0 -15px; }
.elastic #bottom { min-width:750px; }
.elastic .loggedin-info { margin-right:20px; }
.elastic .logout-btn { right:20px; }
.elastic .main-body { width:100%; padding:0; }