html, body, ul, li, img {margin:0; padding:0; }
img {border: none;}
body { font-family: arial, helvetica, sans-serif; color: #3d3d3d; font-size:11pt; background-color:#CEC1B5;}
a, a:hover, a:visited {color: #3d3d3d; outline: none; -moz-outline-style: none; }
p {line-height: 1.5em; margin: 0 0 2em 0; }
ul { margin-bottom:2em; } 
p, h3 { font-family: 'times new roman', times, verdana; }

#staging_banner {background-color: #AF2B2B; color:white; text-align:center;}

.highlight { background-color: #EFF6FF; }

.clear {clear:both !important; float:none !important;}
.left {float:left;}
.right {float:right;}
.last { margin-right:0 !important; }

h1 { color: #3b799f; margin: 0 0 5px 0; font-weight:normal;}
h2 { color: #407da1; margin: 0 0 5px 0; font-weight:bold; letter-spacing:-2px; font-size:2.8em; }
h3 { margin: 5px 0 5px 0; font-weight:normal; font-size:1.4em; }
h4 { color: #407da1; }
h5 { color: #3b799f; margin: 0 0 5px 0; font-weight:bold; border-bottom:1px solid #eee; }

p.details { font-size:0.9em;}

.blue_gradient { background:url(/images/marketing/blue_gradient.png) repeat-x white; }
.tan_gradient { background:url(/images/marketing/tan_gradient.png) repeat-x #E3DCD5; }
.tan_gradient_short { background:url(/images/marketing/tan_gradient_short.png) repeat-x #E3DCD5; }
.blue_grey_gradient { background:url(/images/marketing/blue_grey_gradient.png) repeat-x #ecf3f6;}
.grey_gradient_short { background:url(/images/marketing/grey_gradient_short.png) repeat-x white;}
.grey_line { border-top:3px solid #d4d3ce; margin-bottom:15px;}

.inner_content { width:850px; margin:0 auto; }
.inner_content_wide { width:940px; margin:0 auto; }
.generic_page { padding-bottom:30px; }
	.generic_content_page p { font-family: arial, helvetica; }
	.generic_content_page a, .generic_content_page a:hover { color:#3B799F; }
	.generic_content_page { padding-bottom:30px; }
	.generic_content_page h2 { padding:30px 0 60px 0; text-align:center; }
	.generic_content_page h4 { padding:0px 0 15px 0; margin:0; text-align:left; font-size:2em; }
	.generic_content_page form div { float:left; clear:left; margin-bottom:5px; }
	.generic_content_page form div div { float:left; clear:none; margin-right:15px; }
	.generic_content_page ul { padding-left:15px;}
	
form input { width:250px; float:left; border:solid 1px #CEC1B5; padding:3px 2px; font-size:1em; }
form select { float:left; }
form label { float:left; clear:left; font-style:italic; font-size:0.8em; color:#766E5B; }
form input.button { width:auto; clear:left; }

#header { }
	#header_content h1 { float:left; }
	#header_content h1 a { 	display:block; text-indent:-9999px; background:url(/images/marketing/tripleseat_logo.png) no-repeat; 
					width:136px; height:86px; }
	#header_content #tabs { float:right; margin-top:60px; }
	#header_content #tabs a { display:block; color: #587e9f; text-align:center; float:left; text-transform:uppercase; padding:5px 7px;
		 					  margin-right:7px; text-decoration:none; letter-spacing:1px; font-weight:bold; font-size:9pt;}
	#header_content #tabs a:hover, #header_content #tabs a.selected { background-color: #587e9f; color:white; }

#showcase { border-bottom:solid 1px #c9c0b4; }
	#showcase_content { padding:40px 0 25px 0; }
		#showcase_content ul { margin-left:1em; }
		#showcase_copy { width: 340px; float:left; }
			#showcase_copy h2 { margin-bottom:15px; }
			#showcase_copy h3 { color: #476c34; }
			#showcase_copy ul { list-style-image:url(/images/marketing/bullet_arrow.png); margin:25px 0 25px 0; }
				#showcase_copy ul li { margin:0 0 5px 17px; font-size:1em; }
					#showcase_copy ul li a, #showcase_copy ul li { color:#3b799f; }
		#showcase_movie { width: 510px; float:right; }
			#showcase_movie #movie { text-align:center; color:white; background-color:#3d3d3d; padding:5px; }
			
#downloads { float:right; margin-top:15px; }
	#downloads ul { float:right; margin:0;}
	#downloads a { color: #3B799F; }
	#downloads p { font-family:arial, helvetica; margin-bottom:5px; font-size:0.8em; text-align:right; }
	#downloads li { float:left; margin-left:20px; }
.pdf { display:block; background:url(/images/icons/page_white_acrobat.gif) no-repeat; padding-left:25px; }			
.powerpoint { display:block; background:url(/images/icons/page_white_picture.gif) no-repeat; padding-left:25px; }			
.word { display:block; background:url(/images/icons/page_word.gif) no-repeat; padding-left:25px; }			

#screenshots { padding-bottom:25px; }
	#screenshots h2 { margin:0 0 35px 0; padding-top:30px; }
	#screenshots h4 { margin:45px 0 0 0;}
	.screenshot { float:left; width:240px; margin-right:60px; }
	.screenshot .caption { background-color: #b8d1dc; color: #407da1; padding:11px; font-size:0.8em; line-height: 1.3em; }	
	#screenshots #screenshot_content_left { float:left; width:385px; margin-right:75px; }
		#screenshot_content_left .screenshot_content_split_column { float:left; width:180px; margin-right:25px; }
		#screenshot_content_left p { margin: 0;}
	#screenshots #screenshot_content_right { float:left; width:385px; }


#quotes { background-color:#3D3D3D; }
#quotes_content { padding:30px 0 25px 0px; }
	#quotes_content div.users { float:left; background: url(/images/marketing/header_saying.png) no-repeat; height:102px; width: 324px; }
	#quotes_content div.quotes { float:left; margin-left:75px;}
	#quotes_content div.carousel_nav { margin-left:398px; float:left; }
		#quotes_content div.carousel_nav a.carousel-control { background: url(/images/marketing/rightarrow.png) no-repeat 0 0px;
															  float:left; text-indent:-9999px; width:20px; height:20px;}
		#quotes_content div.carousel_nav a.carousel-control.prev { background:url(/images/marketing/leftarrow.png); 
																   float:left; margin-right: 20px; }
	#quotes_content div.quotes #scroller { width: 420px; height: 140px; overflow: hidden; }
		#quotes_content div.quotes #scroller_content { width: 3000px; }
			#quotes_content div.quotes #scroller_content .slide { float: left; width: 420px; height: 120px; }
				#quotes_content div.quotes #scroller_content .slide p { font-family: arial, helvetica, sans-serif; margin:none; color:white; font-size:10pt;}
					#quotes_content div.quotes #scroller_content .slide p cite {color:white; text-decoration:italic;}


#footer { height:50px; border-top: solid 5px #e1dcd5;}
#contact { font-size:10pt; padding-bottom:10px; }
	#footer_content .contact_info { float:left; padding-top:18px; }
	#footer_content a { text-decoration:underline; }
	#footer_content .questions { margin: 0 15px;}

#social_media { float:right; margin-top:60px; }
a.twitter_feed { float:right; display:block; background: url(/images/marketing/twitter.png) no-repeat;
		 		 text-indent: -9999px; height: 60px; width:98px; margin:20px 0 10px 0;}
a.facebook { float:right; display:block; width:45px; height:45px; text-indent:-9999px; background: url(/images/marketing/facebook.gif) no-repeat; margin:36px 30px 0 0;}

.signup_box_wrapper { background-color: #e1dcd5; padding:22px; }
	.signup_box_wrapper .details { margin-bottom:10px; }
	.signup_box { background-color: #407da1; color:white; padding:13px 9px; margin-bottom:5px; }
	.signup_box a { color: #ffff03 !important; text-decoration:none; }
	.signup_box a:hover { text-decoration:underline; }

#signup_form_page { }
	#signup_form_page form { float:left; width:640px; }
	#signup_form_page h3 { float:left; clear:left; font-size: 2em; font-family:arial, helvetica; }
	#signup_form_page #domain_info { }
		#signup_form_page #domain_info input { float:none; clear:none; }
	#signup_form_page #site_main_address_state { width:145px; }

#learn_more { text-align:center; }
	#learn_more h2 { padding-top:30px; }
	#learn_more p { font-family: arial; font-size:1.2em; }
	#learn_more .inner_content { text-align:center; }

#signup { text-align:center; }	
	#signup h2 { padding-top:30px; }	
	#signup h3 { padding-bottom:50px; margin:0; }
		#signup h3 a { color: #3B799F; }
	#signup p.sub_header { font-family: arial; font-size:1.2em; color: #476C34; }
	#signup .signup_box { width: 425px; margin:0 auto 5px auto; font-size:1.6em; }
	#signup .graph { margin:0 auto 0 auto; background-color:#CEC1B5; width:421px; }
		#signup .graph div { border-right: dotted 1px #867F75; float:left; height:130px; padding:5px; }
			#signup .graph div h2 { margin:5px 0; padding:0; font-family:'times new roman', times; font-weight:normal;}
			#signup .graph div p { margin:0; padding:0; width:200px; }
			#signup .graph div.last { border-right:none; }
			#signup .graph div.clear { padding:0; margin:0; height:0;}
			#signup .graph .lead_calculator { padding:0; border-right:0; height:110px; border-top: dotted 1px #867F75; }
			#signup .graph .lead_calculator p { width:421px; margin:0 auto;}
			#signup .graph .lead_calculator span { font-family: 'times new roman', times, verdana; font-size:2em; }
			
			
#signup_faq { clear:left; background:#ecf3f6; padding:30px 15px 30px 30px;}
	#signup_faq p { color:#647082; font-family:arial, helvetica; }
	#signup_faq h2 { margin-bottom:30px; text-align:center; }
	#signup_faq h4 { margin-bottom:10px;}

#restaurants_using_tripleseat { text-align:center; }
	#restaurants_using_tripleseat h2 { color:#839f3e; padding:30px 0 20px 0; }
	
#about_referrals { background-color:#3D3D3D; padding:25px 0 25px 30px;}
	#about_referrals a { float:left; width:142px; height:95px; margin-right:45px; text-indent:-9999px;}
	#about_referrals #davios { background:url(/images/marketing/feat_davios.png) no-repeat; }
	#about_referrals #fourthwall { background:url(/images/marketing/feat_fourthwall.png) no-repeat; }
	#about_referrals #grill23 { background:url(/images/marketing/feat_grill23.png) no-repeat; }
	#about_referrals #orson { background:url(/images/marketing/feat_orson.png) no-repeat; margin-right:0; }
	#about_referrals h2 { 	background:url(/images/marketing/header_restaurants.png) no-repeat; width: 319px; height:26px;
		 					text-indent: -9999px; margin-bottom:30px; }

#site_find_box_wrapper { border:solid 1px #B5B8B6; width:520px; padding:15px; margin:0 auto; }
	#site_find_box_wrapper strong { float:left; margin:7px 0 0 3px; }
	#site_find_box_wrapper .new_buttons { margin:15px 0; }
	
#login_form_wrap { border:solid 1px #B5B8B6; width:325px; margin:0 auto; }
	#login_form { padding:15px; }
	#login_form input { margin:0; }
	#login_form h1 { margin-bottom:20px;}
	#login_form label { width:300px; }
		#login_form .remember_me { font-size:10pt; border:none; float:left !important; }
		#login_form .buttons { margin-top:10px;}
			#login_form .buttons div {margin-top:20px;}

.authors img { margin:0 15px 40px 0; }
	.authors .jono_image { float:left; clear:both; }
	.authors .kevin_image, .authors .dusty_image { width:98px; float:left; clear:right; padding-bottom:30px;}
	.authors .kevin_image {margin: 28px 15px 0 0;}

.policy p { line-height:19px;}
	.policy ul { margin:0 0 10px 35px;}
		.policy ul li { padding:0 0 10px 0; line-height: 1.3em;}


.helpbar { border:1px solid #eee; float:right; width:200px; display:none; }
	.helpbar div { padding:5px; }
	.helpbar p { font-size:9pt; }

.signup_submitbox { margin: 15px 0 0 0; border:1px solid #eee; width:520px; }
	.signup_submitbox div { padding:5px; }
	.signup_submitbox label { clear:none; margin-top:5px;}
	.signup_submitbox #terms_accepted { border:none; width:20px; }

div.fieldWithErrors { display:inline; float:none !important; clear:none !important; margin:0 !important; padding:0 !important; }
div.fieldWithErrors input { background-color:#FFF2F2; border-color:#E78787;}
div.fieldWithErrors label { color: #E78787; }
.errorExplanation { background-color:#FFF2F2; float:none !important; border:1px solid #E78787; margin:0pt 0pt 20px; padding:5px; font-size:9pt; }
	.errorExplanation h2 { margin:5px 0; padding:0; font-size: 2.0em; text-align:left; }
	.errorExplanation span { background-image:url(../images/icons/cancel.gif); background-position:8px 5px; 
							 background-repeat:no-repeat; color:#422D2D !important; display:block; padding:8px 8px 8px 30px;}
	.errorExplanation li {margin-left:30px;}

.notice { background-color:#D8EFCE; border:1px solid #9CD379; margin:0pt 0pt 20px; padding:0pt; }
	.notice span { 	background-image:url(../images/check.gif); background-position:8px 5px; background-repeat:no-repeat;
		 			color:#008000; display:block; padding:8px 8px 8px 30px; }
		
.new_buttons { color:#5c5c4a; }
	.new_buttons input { background:#eef2f4; border:1px solid #c7d2d9; color:#407ea1; font-size:13px; padding:7px; cursor:pointer; }
	.new_buttons input:hover { background:#407ea1; color:#eef2f4; }
	.new_buttons .cancel_button { padding-left:10px; margin-top:9px; float:left; }
	.new_buttons .cancel_button a { color:#a65c5a; padding:3px; text-decoration:none; border:0; }

#signup_form { padding:8px; border:5px solid #ccc; width:520px; margin:auto; margin-top:100px; }
#signup_form table { width: 100%; }
#signup_form label { font-size:10pt; width:120px; text-align:right; display:block; }
#signup_form input.text { width:180px; }
#signup_form table td { font-size:10pt; }
#signup_form #domain { padding-left:50px; padding-top:3px; }