/* Wrapper
---------------------------------------------------------*/
.wrapper { padding: 0px 10px; }
.wrapper .content { position: relative; width: 940px; margin: 0px auto; }

/* Text elements
---------------------------------------------------------*/
p { font-size: 140%; }
ul li { font-size: 140%; }
ul li li { font-size: 100%; }
a { color: #00738F; text-decoration: underline; }
a:focus, a:hover { color: #000; }

/* Headings
---------------------------------------------------------*/
h4,h5,h6 { font-weight: bold; color: #333; }
h1 { font-size: 4em; margin: 0; line-height: 1; letter-spacing: .05em; color: #fff; font-weight: 100; }
h1 .heading-divider { color: #828A8C; }
h1 .tagline { font-size: 0.625em; color: #828A8C; }
h2 { font-size: 2.4em; line-height: 1; padding-bottom: 6px; border-bottom: 1px solid #ddd; margin-bottom: 9px; font-weight: normal; color: #005468; }
h3 { font-size: 2.0em; line-height: 1; padding-bottom: 6px; border-bottom: 1px solid #ddd; margin-bottom: 9px; font-weight: normal; color: #005468; }
h4 { font-size: 1.6em; line-height: 20px; margin-bottom: 10px; }

/* Header
---------------------------------------------------------*/
.parallax { height: 10px; }
#parallax_1 { background: #294655 url("/images/parallax-1.png") repeat scroll -200% 0; }
#parallax_2 { background: transparent url("/images/parallax-2.png") repeat scroll 80% 0; }
#parallax_3 { background: transparent url("/images/parallax-3.png") repeat scroll 150% 0; }
#header_wrapper { background-color: #000; border-bottom: 2px solid #333C3D; }
#header { height: 108px; color: #fff; }
a#logo { float: left; margin: 30px 0px 0px 0px; }

/* Navigation
---------------------------------------------------------*/
.navigation ul { margin: 0px; padding: 0px; }
.navigation li { float: left; margin: 0px; padding: 0px; }
.navigation li.selected a { border-bottom: 1px dotted #fff; }
#nav { position: absolute; top: 50px; right: 0; list-style: none; }
#nav li { margin-left: 30px; list-style: none; font-size: 150%; }
#nav li a { color: #ddd; text-transform: uppercase; letter-spacing: 0.05em; text-decoration: none; }
/*#nav #nav_pricing a { color: #fff; }*/

#nav_2 { position: absolute; top: 10px; right: 0px; list-style: none; }
#nav_2 li { margin-left: 20px; list-style: none; font-size: 100%; }
#nav_2 li a { font-size: 1.1em; color: #5287A4; text-decoration: none; }
#nav_2 li.selected a { border-color: #5287A4; }

/* Title Area
---------------------------------------------------------*/
#title_area_wrapper { background: #000 url("/images/heading_bg.jpg") repeat-x 0 100%; }
#title_area { padding: 35px 0; }

/* Page Content
---------------------------------------------------------*/
#page_content_wrapper { background: #fff url("/images/shadow_on_fff.jpg") no-repeat 50% 0; }
#page_content { padding: 30px 0; }

/* Sticky Footer
---------------------------------------------------------*/
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
#main { padding-bottom: 300px; }
#footer_wrapper { background: #000 url("/images/footer_bg.jpg") repeat-x 0 100%; position: relative; margin-top: -300px; height: 300px; clear: both; }
#footer { color: #aaa; padding: 30px 0 0; font-size: 90%; }
#footer a { color: #aaa; text-decoration: underline; }
.footer_column { width: 300px; float: left; margin-right: 20px; }
.footer_column.last { margin-right: 0; }
#footer h4 { color: #fff; text-transform: uppercase; font-weight: normal; font-size: 150%; letter-spacing: 1px; margin-bottom: 8px; }
#footer #blog_feed th { text-align: left; font-weight: normal; color: #ccc; width: 92px; font-size: 130%; text-transform: uppercase; border: none; vertical-align: top; }
#footer #blog_feed td { color: #ccc; padding-bottom: 15px; font-size: 130%; border: none; }
#footer ul { margin: 0 0 0 16px; padding: 0; }
#footer li { font-size: 130%; line-height: 2; list-style-type: square; }
#footer li a { text-decoration: none; }
#copyright_line { clear: both; font-size: 130%; }

/* Feature List
---------------------------------------------------------*/
ul.feature-items { list-style: none; margin: 0 0 30px 0; }
ul.feature-items li { list-style: none; padding-left: 30px; margin-bottom: 10px; background: transparent url("/images/icon-success-big.png") left top no-repeat; }

/* Home
---------------------------------------------------------*/
body#home #page_content_wrapper { background: #fff; }
body#home .question { float: left; width: 300px; margin-right: 20px; }
body#home .question.last { margin-right: 0px; }
body#home #main_feature_wrapper { background: #fff url("/images/home_feature_bg.jpg") repeat-x 0 100%; height: 384px; }
body#home #main_feature_content { position: relative; }
body#home .main_feature { display: none; }
body#home #first_main_feature.main_feature { display: block; }
/*body#home #home_feature h1 { font-size: 34px; letter-spacing: 0; }
body#home #home_feature .tagline { font-size: 28px; display: block; margin-top: 12px; }
body#home #home_feature #tour_bubble { position: absolute; right: 120px; top: 60px; z-index: 1; }
body#home #home_feature #screenshot { position: absolute; width: 841px; left: 50%; margin-left: -394px; top: 152px; height: 232px; background: transparent url("/images/home-screenshot.png") no-repeat 0 0; }
body#home #home_feature #play_button { position: absolute; left: 50%; margin-left: -39px; top: 240px; }*/
body#home #page_content_2_wrapper { background: #eee url("/images/shadow-on-eee.png") no-repeat 50% 0; }
body#home #page_content_2 { padding: 30px 0px; background: transparent url("/images/shadow-bottom-on-eee.png") center bottom no-repeat; }
body#home .feature { width: 300px; float: left; margin-right: 20px; }
body#home .feature.last { margin-right: 0px; }
body#home .feature img { display: block; width: 300px; height: 225px; margin-bottom: 10px; background-color: #eee; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
body#home .feature p { margin-bottom: 30px; }

body#home #signup_bar { background: #002A34 url("/images/signup-bar-background.png") left top repeat-x; }
body#home #signup_bar a { display: block; padding: 15px 0 13px; font-size: 300%; line-height: 1; text-decoration: none; text-align: center; color: #fff; }
body#home #signup_bar span { display: block; margin-top: 10px; font-size: 16px; color: #66CC33; }

/* Features
---------------------------------------------------------*/
body#features h2 { margin-bottom: 19px; }
/* Features v2 */
#features_nav { float: left; width: 220px; height: 475px; margin: 0; padding: 0; list-style: none; background: url("/images/features-nav-background.png") top right no-repeat; list-style: none; }
#features_nav li { list-style: none; }
#features_nav li.selected { background: #fff url("/images/features-nav-item-top.png") right top no-repeat; }
#features_nav li a { display: block; padding-left: 60px; font-size: 140%; line-height: 40px; color: #777; text-decoration: none; }
#features_nav li.selected a { background: url("/images/features-nav-item-bottom.png") right bottom no-repeat; color: #222; }
#feature_content { float: right; width: 700px; }


.page_with_nav #side_nav { float: left; width: 220px; height: 475px; margin: 0; padding: 0; list-style: none; background: url("/images/features-nav-background.png") top right no-repeat; list-style: none; }
.page_with_nav #side_nav li { list-style: none; font-size: 14px; line-height: 40px; }
.page_with_nav #side_nav li.selected { background: #fff url("/images/features-nav-item-top.png") right top no-repeat; }
.page_with_nav #side_nav li a { display: block; padding-left: 60px; color: #777; text-decoration: none; }
.page_with_nav #side_nav li.selected a { background: url("/images/features-nav-item-bottom.png") right bottom no-repeat; color: #222; }
.page_with_nav #main_content { float: right; width: 700px; }


/* Partners
---------------------------------------------------------*/
body#partners h2 { margin-bottom: 19px; }
body#partners #service_partners img { float: right; margin-left: 30px; }
body#partners #integration_partners img { float: left; margin-right: 30px; }

/* Pricing
---------------------------------------------------------*/
/*body#pricing .plans { width: 940px; }
body#pricing .plan { float: left; margin-right: 5px; width: 184px; height: 389px; float: left; } 
body#pricing .plan img { vertical-align: top; }
body#pricing #test_plan { margin-right: 0; }
body#pricing #plans2 { margin-bottom: 20px; }
body#pricing #plans2 div { float: left;  height: 60px; float: left; } 
body#pricing #bigger_plan { width: 184px; }
body#pricing #plan_notes { padding: 5px 0 0 10px; font-size: 120%; line-height: 2; color: #999; }*/

body#pricing .plans { width: 940px; }
body#pricing .plan { float: left; margin-right: 5px; float: left; background: url("/images/plans/test.png") left top no-repeat; } 
body#pricing .plan a { display: block; width: 184px; height: 389px; }
body#pricing .plan a span { display: none; }
body#pricing .plan a:hover { background: url("/images/plans/selected/test.png") left top no-repeat; }
body#pricing #test_plan { margin-right: 0; }
/* Bacground on div + link to avoid flicker on hover */
body#pricing #growth_plan { background-image: url("/images/plans/growth.png"); }
body#pricing #growth_plan a:hover { background-image: url("/images/plans/selected/growth.png"); }
body#pricing #traction_plan { background-image: url("/images/plans/traction.png"); }
body#pricing #traction_plan a:hover { background-image: url("/images/plans/selected/traction.png"); }
body#pricing #launch_plan { background-image: url("/images/plans/launch.png"); }
body#pricing #launch_plan a:hover { background-image: url("/images/plans/selected/launch.png"); }
body#pricing #pay_as_you_go_plan { background-image: url("/images/plans/pay-as-you-go.png"); }
body#pricing #pay_as_you_go_plan a:hover { background-image: url("/images/plans/selected/pay-as-you-go.png"); }

body#pricing #plans2 { margin-bottom: 20px; }
body#pricing #plans2 div { float: left; }
body#pricing #bigger_plan { background: url("/images/plans/bigger.png") left top no-repeat; }
body#pricing #bigger_plan a { display: block; width: 184px; height: 60px; }
body#pricing #bigger_plan a:hover { background: url("/images/plans/selected/bigger.png") left top no-repeat; }
body#pricing #plan_notes { padding: 10px 0 0 10px; width: 745px; font-size: 120%; line-height: 2; color: #888; }

body#pricing ul.feature-items { width: 310px; float: left; }
body#pricing ul.feature-items li { padding-right: 10px; }

/* Contact
---------------------------------------------------------*/
body#contact #contact_form { width: 500px; float: left; margin: 0 20px 20px 0; }
body#contact #contact_form form.wufoo div.info h2 { display: none; }
body#contact label { display: block; margin: 10px 0; }
body#contact strong { display: block; font-size: 130%; }
body#contact input { padding: 5px; font-size: 130%; }
body#contact .text input { width: 400px; }
body#contact .textarea textarea { width: 400px; height: 150px; }
body#contact .contact_side { width: 390px; float: left; padding: 15px; background: #eee; font-size: 130%; line-height: 2em; margin-bottom: 15px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
body#contact .contact_side a { text-decoration: underline; }
body#contact .contact_side li { list-style-type: square; }
body#contact #contact_errors { background: red; width: 380px; color: white; text-transform: uppercase; padding: 5px 10px; margin-bottom: 15px; }
.required { color: #9EB3BE; }