body { margin: 0; padding: 0; background: #fff; color: #000; font-family:Arial, Helvetica, sans-serif; font-size: 14px; }

#entire_head_wrap { /*background: url(/public/images/bg_entire_head_wrap.png) left no-repeat;*/ }

#top_wrap { background: #404040; padding: 5px 0; -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; }
	#top { width: 1000px; margin: 0 auto; }
	#top_left { float: left; width: 170px; text-align: left; font-size: 11px; }
	
	#top_right { float: right; width: 800px; text-align: right; font-size: 11px; }
	#top_right a { color: #fff; text-decoration: none; padding: 5px; font-weight: bold; }
	#top_right a:hover { color: #333; background-color: #fff; }
	#top_right a img { vertical-align: middle; margin-right: 3px; border: none; }
	
	#top_left a { color: #fff; text-decoration: none; padding: 5px; font-weight: bold; }
	#top_left a:hover { color: #333; background-color: #fff; }
	#top_left a img { vertical-align: middle; margin-right: 3px; border: none; }	

#header_wrap { margin-top: 20px; }
	#header { width: 1000px; margin: 0 auto; }
	#header_left { float: left; width: 840px; }
	#header_right { float: left; width: 100px; }
	
	#header_options { background: #619ACA; height: 340px; -moz-border-radius: 10px; }
	#header_options_top { padding: 10px; }
	#header_options_bot { margin-top: 100px; border-top: 3px solid #135791; padding: 10px; }

#navbar_wrap { }
	#navbar { width: 1000px; margin: 0 auto; }
	#navbar div { border: 0 solid red; }
	#navbar_right { float: right; width: 580px; text-align: right; margin: 0px 0 10px 0; }
		#navbar_right a { padding: 9px 20px; color: #094f89; text-decoration: none; font-size: 18px; font-weight: bold;  }
		#navbar_right a:hover { color: #fff; background-color:#629BCB; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; text-shadow: 0 0 1px #333; }
		#navbar_right a.on { color: #fff; background-color:#094f89; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; text-shadow: 0 0 1px #333; }
			.webkit #navbar_right a { padding: 10px 20px; }
			
		#navbar_left { float: left; width: 420px; text-align: right; padding-top: 3px; }
		
		#navbar_right a.signup { background: #A2C184; color: #fff; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; text-shadow: 0 0 1px #333;  }
		#navbar_right a.signup:hover { color: #fff; background-color:#629BCB; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; text-shadow: 0 0 1px #333; }
		

#middle_wrap_bottom { background: url(/public/images/bg_top.png) bottom repeat-x; padding-bottom: 5px; }
#middle_wrap { background: url(/public/images/bg_middle.png) repeat-x top #619ACA; margin-top: -1px;  }
	#middle { width: 1000px; margin: 0 auto; padding: 10px 0; }
	#middle_left { float: left; width: 350px; padding-top: 0px; }
	#middle_right { float: right; width: 600px; }
		#middle_left ul {
			margin: 10px 0;
			text-align: left;
			color: #fff;
		}
			#middle_left ul li {
				margin: 0 0 10px -20px;
				letter-spacing: .25px;
			}
		
	#middle h1 { color: #fff; margin: 0; }
	#middle h2 { color: #fff; margin: 0; font-size: 22px; letter-spacing: -.25px; font-weight: normal; }
	
	#middle_right h1 { text-shadow: 0 1px 1px #333; font-size: 29px; }
	
	#middle .dark_box { background: #094F89; padding: 10px; margin: 20px 0; text-align: center; }
	
	#middle a.subpage { color: #fff; text-decoration: none; font-size: 14px; padding: 5px 10px; font-weight: normal; letter-spacing: -.05px; text-shadow: 0 0 1px #333; }
	#middle a.subpage:hover { color: #FF9; text-decoration: none; }
	#middle a.on { font-weight: bold; }
	#middle a.on:hover { color: #fff; }

	#middle .half { width: 490px; }
	
#logos_horizontal { background: url(/public/images/homepage_logos_top_fade.png) repeat-x #e0e0e0; text-align: center; padding:10px; }

#body_wrap { }
	#body { width: 1000px; margin: 0 auto; margin-top: 40px; }

	#body .segment { margin: 0 0 20px 0; }
	#body .onethird { width: 310px; }
	#body .half { width: 475px; }
	#body .third { width: 650px; }
	
	#body table#features {  }
	#body table#features td { vertical-align: top; border-bottom: 1px solid #e0e0e0; padding: 20px 10px; }
	#body table#features h3 { margin-top: 3px; }
	#body table#features p { margin: 0; }

#plans_table { text-align: center; background: url(/public/images/bg_plans.png) repeat-x #fff;  font-size: 14px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; padding: 0px; }
#plans_table td.text_left { text-align: left; }
#plans_table .name { font-size: 26px; margin: 0; color: #81A43F; }
#plans_table .price { font-size: 18px; color: #333; margin: 0; }
#plans_table .slogan { font-size: 16px; color: #8BAADF; margin: 0; }
#plans_table td { border-bottom: 1px solid #ebebeb; padding: 7px; }
#plans_table td p { line-height: 120%; }

#plans_table a.signup { width: 100px; height: 35px; background: url(/public/images/sprite_signup_buttons.png) no-repeat; background-position: 0 0; display: inline-block; }
#plans_table a.signup:hover { background-position: 0px -35px; }

#plans_table a.signup { background: url("/public/images/start_trial_button.png") no-repeat scroll 0 0 transparent; height: 42px; width: 160px; display: inline-block; }
#plans_table a.signup:hover { background-position: 0px -42px; }


#middle_left a.plans { width: 252px; height: 43px; background: url(/public/images/sprite_home_header_button.png) repeat-x; display: inline-block; }
#middle_left a.plans:hover { background-position: 0 -43px; }

#middle_left a.enterprise { background-position: -175px 0; }
#middle_left a.enterprise:hover { background-position: -175px -43px; }

#middle_left a.self_service {
	width: 175px;
	height: 41px;
	background: url(/public/images/homepage_buttons.png) no-repeat;
	display: inline-block;
	float: left;
	margin-bottom: 20px;
}
	#middle_left a.self_service:hover {
		background-position: 0px -41px;
	}
#middle_left a.build_it {
	width: 175px;
	height: 41px;
	background: url(/public/images/homepage_buttons.png) no-repeat;
	background-position: -175px 0px;
	display: inline-block;
	float: left;
	margin-bottom: 20px;
}
	#middle_left a.build_it:hover {
		background-position: -175px -41px;
	}	
	

#footer_wrap { background: #333333; margin-top: 40px; min-height: 150px; }
	#footer { width: 1000px; margin: 0 auto; color: #fff; font-size: 14px; }
	#footer_left { width: 30%; float: left; border-right: 1px solid #404040; padding: 50px 0 40px 0; }
	#footer_right { width: 68%; float: right; text-align: left; padding: 40px 0; }
	
	#footer p { margin: 0 0 5px 0; }
	
	#footer_right h3 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; color: #ffc; text-shadow: none !important; }
	
	#footer_left a { color: #fff; text-align: underline; }
	#footer_left a:hover { color: #cfcfcf; text-decoration: underline; }
	
	#footer_right a { color: #fff; text-decoration: none; }
	#footer_right a:hover { color: #cfcfcf; text-decoration: underline; }
	
	#footer a.footer_button { display: block; background: #d5e7b1; font-size: 14px; font-weight: bold; padding: 10px 0; color: #333; text-shadow: 0 1px 1px #fff; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration: none; }
	
	#footer a.footer_button:hover { background: #ffc; text-decoration: none; }
	
	
#signup { font-size: 17px;  }
	#signup_plan_box { width: 400px; padding: 10px; background: #BDE3FF; min-height: 100px; } 
	#signup input[type=text], #signup input[type=password], #signup select { width: 70%; padding: 5px; font-size: 16px; color: #333; border: 1px solid #c1c1c1; }
	#signup input[type=submit] { font-size: 17px; letter-spacing: -.5px; border: 1px solid #c1c1c1; padding: 10px; }

	#signup_final { width: 510px; background-color:#FAFFEF; border:5px solid #81A43F; font-size:14px; margin:30px 0; padding:10px; }
	#signup_final legend { color:#81A43F; font-size:22px; font-weight:bold; letter-spacing:-0.02em; }
	#signup_final p {margin: 0 0 10px 0; }
	#signup_final h3 { margin: 0 0 10px 0 !important; font-size: 22px; color: #333 !important; border: none !important; }
	
	#signup hr { width: 73%; text-align: left; background: #0A4F8A; border: none; float: left; }

	#signup h3 { margin: 40px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px dotted #c1c1c1; width: 85%; color: #411e06; }
	
	h3.plan_selected { color: #81A43F; font-size: 32px; text-shadow: 0 1px 1px #e0e0e0; margin: 0 0 20px 0; }
	
	#promo_invalid, #promo_valid { width: 69%; text-align: center; padding: 5px; background: red; color: #fff; display: none; margin-top: 10px; }
	#promo_valid { background: #81A43F; }
	
	.promo_highlite { background-color: #FFFF99; color: red; font-weight: bold; }

#contact { font-size: 17px; border-top: 1px solid #c1c1c1; margin: 20px 0 0 0; padding: 20px 0 0 0; }
	#contact input[type=text], #contact input[type=password], #contact select, #contact textarea { width: 70%; padding: 5px; font-size: 16px; color: #333; border: 1px solid #c1c1c1; }
	#contact input[type=submit] { font-size: 17px; letter-spacing: -.5px; border: 1px solid #c1c1c1; padding: 10px; }
	#contact textarea { height: 150px; }
	#contact td span { font-size: 14px; color: #999; }

h1 { color:#333; font-size:38px; letter-spacing:-2px; line-height:1em; margin:0 0 40px; padding:0; font-weight: bold; }
h2 { color:#333; font-size:30px; letter-spacing:-1px; line-height:1em; margin:40px 0 20px; padding:0; font-weight: bold; }
h3 { color:#333; font-size:24px; letter-spacing:-.5px; line-height:1em; margin: 20px 0 20px; padding:0; font-weight: normal; }
h4 { color:#333; font-size:20px; letter-spacing:-.25px; line-height:1em; margin: 20px 0 20px; padding:0; font-weight: normal; }
h1,h2,h3,h4 { text-shadow: 0 1px 1px #fff; }

.right_bubble h2, .right_bubble h3 { margin: 0; }
p { margin: 0 0 18px 0; line-height: 140%; }

ul { margin: 20px 0; margin-left: -20px; }
ul li { line-height: 140%; }

.gray { background: #e0e0e0 !important; }
.light_blue { background: #DFF1FF !important; }
.light_green { background: #E0FFD2 !important; }
.round { -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.right_bubble { text-align: center; padding: 10px; margin: 0 0 10px 0; }

.callout_gray { background: url(/public/images/callout_gray.png) no-repeat 180px 0; min-height: 66px; }
.callout_light_blue { background: url(/public/images/callout_light_blue.png) no-repeat 180px 0; min-height: 66px; }
.callout_light_green { background: url(/public/images/callout_light_green.png) no-repeat 180px 0; min-height: 66px; }

.plan_highlite { background: #fefee8; border-left: 2px solid #ffc; border-right: 2px solid #ffc; font-weight: bold; }
.box { margin: 0 0 20px 0; padding: 0 0 20px 0; }
.box h3 { margin-top: 0; }

.error { margin: 0 0 20px 0; background: #FCE1E7; color: #333; padding: 10px; font-weight: bold; }
.error img { vertical-align: middle; margin-right: 5px; border: none; }

#partner_matrix { margin-top: 20px; }
	#partner_matrix td {border-bottom: 1px solid #e0e0e0; }
	#partner_matrix th { color: #333; background: #cfcfcf; text-shadow: 0 1px 0 #fff; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; }
	#partner_matrix a.signup { width: 100px; height: 35px; background: url(/public/images/sprite_signup_buttons.png) no-repeat; background-position: 0 0; display: inline-block; }
	#partner_matrix a.signup:hover { background-position: 0px -35px; }
	
.quote { background: #f1f1f1; padding: 20px; }
.quote p { margin: 0 0 10px 0; line-height: 1.4; color: #333; font-style: italic; font-size: 18px; }
.quote p.quote_author { text-align: right; color: #333; font-size: 12px; }
	
.tooltip_class {
	display:none; 
    background:transparent url(/public/images/tooltip/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff; 
	border: none !important;
}
.tooltip_class.bottom { 
    background:url(/public/images/tooltip/black_arrow_bottom.png);     
    padding-top:40px; 
    height:55px; 
} 
.tooltip_class.bottom { 
    background:url(/public/images/tooltip/black_arrow_bottom.png); 
}

.tooltip_side_class {
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 	line-height: 140%;
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

.tooltip_side_left_class {
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}
a.tooltip_side { color: inherit; text-decoration: none; }
a.tooltip_side:hover { color: inherit; text-decoration: none; }
a.tooltip_side img { border: none; }

#iphone_video_1_wrap { margin: 0 auto; padding: 65px 0 0 17px; width: 169px; height: 281px; background: url(/public/images/iphone_skin_video.png) left; }
a#iphone_video_1_play { color: #fff; padding: 5px 10px; background: #5792C3; text-decoration: none; }
a#iphone_video_1_play:hover { background: #A8C58F; }
a#iphone_video_1_play.video_playing { color: #D1E3F1; background: #5792C3; }

a { color: #06c; text-decoration: underline; }
a:hover { color: #666; }

.left { float: left; }
.right { float: right; }
.text_right { text-align: right; }
.no_margin_top { margin-top: 0; }

/* Build it for me page */
	#build_panel_table td.top h2 {
		margin: -10px -10px 0px -10px;
		font-size: 26px;
		text-align: center;
		border-bottom: 0px solid #fff;
		color: #fff;
		text-shadow: 0 1px 1px #000;
	}
		#build_panel_table td.top {
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			background: url('/public/images/build_panel_bg.png') repeat-x top #383838;
			color: #9e9e9e;
			text-align: center;
			padding: 20px;
			line-height: 150%;
			font-size: 14px;
			text-shadow: 0 1px 1px #000;
			border-bottom:  0px solid #000;			
		}
			#build_panel_table td.top span {
				color: #fff;
				font-weight: bold;
			}
		#build_panel_table p.price {
			color: #fff;
			font-family: 'Helvetica Neue', sans-serif;
			font-size: 59px;
			font-weight: 200;
			margin: 0;
			padding: 0;
			vertical-align: bottom;
			font-style: italic;
		}
			#build_panel_table p.price span {
				font-size: 28px;
				vertical-align: super;
				font-weight: 100;
				font-style: normal;
			}
		#build_panel_table p.price_info {
			margin: 0 0 10px 0;
			font-style: italic;
			padding: 0;
			font-size: 10px;
			color: #9e9e9e;
			text-shadow: none;
		}
			
	#build_panel_table td.gray {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		background: #f0f0f0;
	}
		#build_panel_table td.gray div.wrap {
			margin: 0 0 10px 0;
			padding: 0 0 10px 0;
			border-bottom: 1px solid #c1c1c1;
			font-size: 16px;
			font-weight:  400;
			color: #555;
			font-family: 'Helvetica Neue', sans-serif;
			text-shadow: 0 1px 1px #fff;
		}
		#build_panel_table td.gray div.left {
			background: #262626;
			color: #fff;
			padding: 5px 10px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			text-shadow: 0 1px 1px #000;
			width: 30px;
			text-align: center;
			float: left;
			font-weight: 900;
		}
		#build_panel_table td.gray div.right {
			width:  210px;
			float: right;
			padding: 5px;
		}
	#build_panel_table td.yellow {
		background: #ffffdb;
		font-size: 16px;
		font-weight:  900;
		color: #555;
		font-family: 'Helvetica Neue', sans-serif;
		text-align: center;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
		#build_panel_table td.yellow p {
			font-size: 12px;
			margin: 10px 0 0;
			line-height: 150%;
			font-weight: 400;
		}
	#build_panel_table td.monthly {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		background: #f0f0f0;
		color: #555;
		text-align: center;
		padding: 20px;
		line-height: 150%;
		font-size: 16px;
		text-shadow: none;
		font-family: 'Helvetica Neue', sans-serif;
		font-weight: 200;
	}
	a.build_sample_button {
		background: url(/public/images/build_sample_link_bg.png) repeat-x #383838;
		display: block;
		margin: 20px -20px -15px -20px;
		padding: 20px 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		color: #fff;
		font-size: 24px;
		text-decoration: none;
		letter-spacing: -1px;
	}
		a.build_sample_button:hover {
			color: #9e9e9e;
		}

	#contact_wrap, #contact_sent, #contact_sms {
		width: 650px;
		min-height: 300px;
		background: #fff;
		padding: 20px;
		display: none;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border: 20px solid #333;
		font-family: 'Helvetica Neue', sans-serif;
		font-size: 14px;
		font-weight: 200;
	}
	#contact_sent {
		width:  300px;
		min-height: 50px;		
	}
	#contact_sms {
		width:  400px;
		min-height: 50px;		
	}
		#contact_wrap h2, #contact_sent h2, #contact_sms h2 {
			margin: 0 0 20px 0;
			color: #333;
			text-shadow: 0 1px 1px #f0f0f0;
		}
		#contact_wrap table, #contact_sms table {
			font-size:  16px;
		}
			#contact_wrap table td, #contact_sms table td {
				border-bottom: 1px solid #f0f0f0;
			}
		#contact_wrap input[type=text], #contact_sms input[type=text] {
			width: 96%;
			padding: 5px;
			border: 1px solid #e0e0e0;
			font-family: 'Helvetica Neue', sans-serif;
			font-weight: 500;
			font-size: 16px;
		}
		#contact_wrap label {
			font-family: 'Helvetica Neue', sans-serif;
			font-weight: 400;
			font-size: 14px;
		}
		.contact_send, .contact_cancel, .contact_sms_send {
			font-family: 'Helvetica Neue', sans-serif;
			font-weight: 400;
			font-size: 14px !important;
		}
		.contact_send {

		}
		#contact_wrap .contact_error, #contact_sms .contact_sms_error {
			display: none;
			border-bottom: none;
		}
		#contact_wrap .contact_error_message, #contact_sms .contact_sms_error_message {
			padding: 0px 15px;
			font-weight: 500;
			font-size: 14px;
		}
			#contact_wrap .contact_error_red, #contact_sms .contact_sms_error_red {
				background: red;
				color: #fff;
			}
	a.build_contact_us_button {
		display: block;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-box-shadow: 0px 0px 5px #000;
		background: #84a640;
		color: #fff;
		font-family: 'Helvetica Neue', sans-serif;
		font-size: 22px;
		font-weight: 700;
		letter-spacing: -1px;
		text-decoration: none;
		padding: 10px;
	}
	a.build_contact_us_button:hover {
		background: #3a68b2;
	}
	
	a#sms_skip {
		 color: #505050;
		 text-decoration: none;
		 font-size: 12px;
	}
	a#sms_skip:hover {
		color: #000;
		text-decoration: none;
	}
/* END build it for me page */

#type_description {
	
}
	#type_description div p {
		margin: 0 0 10px 0;
		font-size: 14px;
		letter-spacing: .10px;
		text-shadow: 0 1px 1px #fff;
		color: #000;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
		font-weight: 400;
	}

.clear { clear: both; }
div:after {	content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; }