* { margin: 0; padding: 0; }
img { border: none; }
.floatr { float: right; } .floatl { float: left; }
.center { text-align: center; } .left { text-align: left; } .right { text-align: right; }
.noborder { border: none !important; }
.clr { display: block; clear: both; }

body {
	text-align: center;
	background: #edf7fb url("/images/layout/meta/bg.gif") repeat-x;
	font: 11px/16px verdana, sans-serif;
}

#container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	border: 2px solid #b1dcef;
	border-top: none;
	border-bottom: none;
	background: #fff;
	padding: 0 0 10px 0;
}

	#header {
		width: 100%;
		height: 142px;
		margin: 0 0 10px 0;
		position: relative;
		border-bottom: 1px solid #ececec;
		padding: 0 0 18px 0;
	}
		#header h1 a {
			position: absolute;
			left: 10px;
			top: 18px;
			display: block;
			width: 250px;
			height: 110px;
			background: url("/images/layout/meta/logo-normal-hover.gif") no-repeat;
		}
			#header h1 a span {
				display: none;
			}
			#header h1 a:hover {
				background: url("/images/layout/meta/logo-normal-hover.gif") no-repeat 0px -110px;
			}
		#header ul {
			position: absolute;
			top: 18px;
			left: 270px;
			width: 258px;
			padding: 0;
			border-left: 1px solid #ececec;
			border-right: 1px solid #ececec;
		}
			#header ul li {
				display: inline;
			}
			#header ul li a {
				display: block;
				height: 14px;
				width: 198px;
				color: #999;
				font-family: "Trebuchet MS", sans-serif;
				font-size: 130%;
				padding: 3px 22px 5px 22px;
				text-decoration: none;
				margin: 2px 0 2px 8px;
			}
			#header ul li a:hover {
				color: #666;
				background: #fafafa url("/images/layout/meta/nav-arrow-grey.gif") no-repeat 9px 50%;
			}
			#home #home-nav a,
			#samples #samples-nav a,
			#services #services-nav a,
			#pricing #pricing-nav a,
			#contact #contact-nav a {
				color: #ff5e00;
				background: #fff3e5 url("/images/layout/meta/nav-arrow.gif") no-repeat 9px 50%;
			}
		#header #login {
			position: absolute;
			top: 18px;
			left: 540px;
			width: 250px;
			color: #868686;
		}
			#header #login a {
				color: #868686;
			}
				#header #login a:hover {
					color: #ff5e00;
				}
			#header #login .inp {
				width: 232px;
				border: 1px solid #a2a2a2;
				background: url("/images/layout/meta/login-bg.gif") no-repeat;
				margin: 2px 0 5px 0;
				color: #868686;
			}
			#header #login .btn {
				width: 108px;
				height: 22px;
				background: url("/images/layout/meta/login-btn-normal-hover.gif") no-repeat;
				margin: 5px 0 0 20px;
				color: #fff;
				border: none;
			}
				#header #login .btn:hover {
					cursor: pointer;
					background: url("/images/layout/meta/login-btn-normal-hover.gif") no-repeat 0px -22px;
				}

#content {
	width: 100%;
	color: #444;
	line-height: 160%;
}
	#content #buttons {
		width: 800px;
		height: 250px;
		background: url("/images/layout/meta/buttons-bg.gif") no-repeat 0px -250px;
		margin: 0;
	}
		#content #buttons ul {
			list-style: none;
			width: 780px;
			height: 236px;
			margin: 0 0 0 10px;
		}
			#content #buttons ul li {
				display: inline;
				padding: 0;
				background: none;
			}
			#content #buttons ul span {
				display: none;
			}
			#content #buttons ul li a {
				display: block;
				float: left;
			}
			#content #buttons ul li#step_1 a {
				width: 260px;
				height: 236px;				
			}
			#content #buttons ul li#step_2 a {
				width: 260px;
				height: 236px;
			}
			#content #buttons ul li#step_3 a {
				width: 260px;
				height: 236px;
			}
				#content #buttons ul li#step_1 a:hover, #content #buttons ul li#step_1 a.active {
					background: url("/images/layout/meta/buttons-bg.gif") no-repeat -10px 0 !important;
				}
				#content #buttons ul li#step_2 a:hover, #content #buttons ul li#step_2 a.active {
					background: url("/images/layout/meta/buttons-bg.gif") no-repeat -270px 0 !important;
				}
				#content #buttons ul li#step_3 a:hover, #content #buttons ul li#step_3 a.active {
					background: url("/images/layout/meta/buttons-bg.gif") no-repeat -530px 0 !important;
				}
		#content #samples_featured {
			list-style: none;
			width: 780px;
			height: 124px;
			margin: 0;
		}
			#content #samples_featured li {
				display: inline;
				background: none;
				margin: 0;
				padding: 0;
			}
			#content #samples_featured li a span {
				display: none;
			}
			#content #samples_featured li a {
				display: inline;
				float: left;
				width: 252px;
				height: 124px;
				margin: 0 0 20px 8px;
			}
			#content #samples_featured li#reg a {
				background: url("/images/layout/meta/samples_registration_form.gif") no-repeat;
			}
			#content #samples_featured li#srv a {
				background: url("/images/layout/meta/samples_service_evaluation.gif") no-repeat;
			}
			#content #samples_featured li#emp a {
				background: url("/images/layout/meta/samples_employee_survey.gif") no-repeat;
			}
			#content #samples_featured li#multi a {
				background: url("/images/layout/meta/samples_multi.gif") no-repeat;
			}
			#content #samples_featured li#paypal a {
				background: url("/images/layout/meta/samples_community.gif") no-repeat;
			}
			#content #samples_featured li#auto a {
				background: url("/images/layout/meta/samples_marketing.gif") no-repeat;
			}
				#content #samples_featured li#reg a:hover {
					background: url("/images/layout/meta/samples_registration_form.gif") no-repeat 0px -166px;
				}
				#content #samples_featured li#srv a:hover {
					background: url("/images/layout/meta/samples_service_evaluation.gif") no-repeat 0px -166px;
				}
				#content #samples_featured li#emp a:hover {
					background: url("/images/layout/meta/samples_employee_survey.gif") no-repeat 0px -166px;
				}			
				#content #samples_featured li#multi a:hover {
					background: url("/images/layout/meta/samples_multi.gif") no-repeat 0px -166px;
				}
				#content #samples_featured li#paypal a:hover {
					background: url("/images/layout/meta/samples_community.gif") no-repeat 0px -166px;
				}
				#content #samples_featured li#auto a:hover {
					background: url("/images/layout/meta/samples_marketing.gif") no-repeat 0px -166px;
				}
	#featured {
		float: right;
		margin: 10px 10px 10px 10px;
		display: inline;
		width: 240px;
		color: #888;
		padding: 10px 5px 15px 15px;
		border-left: 1px solid #ececec;
	}
		#content #featured h3 {
			color: #ff8900;
			font: bold 170% "Trebuchet MS", sans-serif;
			margin: 0 0 0 10px;
			width: auto;
		}
			#featured h3 span {
				color: #0066cc;
			}
		#content #featured p {
			width: auto;
			margin: 10px 20px;
		}
		#content #featured ul {
			list-style: none;
			margin: 10px 10px 0 20px;
			width: auto;
		}
			#content #featured ul li {
				font-size: 120%;
				line-height: 150%;
				padding: 0 0 0 20px;
				background: url("/images/layout/meta/featured-bullet.gif") no-repeat 0 50%;
			}

		#featured a.signup, p a.signup {
			display: block;
			margin: 0 auto 30px;
			width: 221px;
			height: 63px;
			background: url("/images/layout/meta/signupnow-normal-hover.gif") no-repeat;
		}
			#featured a.signup:hover, p a.signup:hover {
				background: url("/images/layout/meta/signupnow-normal-hover.gif") no-repeat 0px -63px;
			}

			#featured a.signup span, p a.signup span {
				display: none;
			}
		#featured a.demo, p a.demo {
			display: block;
			margin: 0 auto 30px;
			width: 221px;
			height: 63px;
			background: url("/images/layout/meta/onlinedemo.gif") no-repeat;
		}
			#featured a.demo:hover, p a.demo:hover {
				background: url("/images/layout/meta/onlinedemo-hover.gif") no-repeat;
			}

			#featured a.demo span, p a.demo span {
				display: none;
			}

	#signup {
		margin: 0;
		display: block;
		float: left;
		width: 510px;
	}

		#signup #info {
			margin: 0 auto 0 auto;
			width: 468px;
		}
		
		#signup h2 {
			margin: 10px auto 0 auto !important;
			width: 468px;
			height: 44px;
			background: url("/images/layout/meta/web-surveys-in-minutes.gif") no-repeat;
		}
		
		#signup a {
			display: block;
			margin: 10px auto 0 auto;
			width: 221px;
			height: 63px;
			background: url("/images/layout/meta/signupnow-normal-hover.gif") no-repeat;
		}
			#signup a:hover {
				background: url("/images/layout/meta/signupnow-normal-hover.gif") no-repeat 0px -63px;
			}

			#signup h2 span, #signup a span {
				display: none;
			}

	#content a {
		color: #006ac1;
		text-decoration: none;
	}
		#content a:hover {
			color: #ff5e00;
			text-decoration: underline;
		}
	
	#content h2 {
		margin: 20px;
		width: 468px;
		height: 50px;
		text-indent: -9999px;
	}

		#samples #content h2 {
			background: url("/images/layout/meta/h_samples.gif") no-repeat;
		}
		#services #content h2 {
			background: url("/images/layout/meta/h_services.gif") no-repeat;
		}
		#pricing #content h2 {
			background: url("/images/layout/meta/h_pricing.gif") no-repeat;
		}
		#contact #content h2 {
			background: url("/images/layout/meta/h_contact.gif") no-repeat;
		}
		#about #content h2 {
			background: url("/images/layout/meta/h_about.gif") no-repeat;
		}
		#tos #content h2 {
			background: url("/images/layout/meta/h_tos.gif") no-repeat;
		}
		#privacy #content h2 {
			background: url("/images/layout/meta/h_privacy.gif") no-repeat;
		}
		#detailed #content h2 {
			background: url("/images/layout/meta/h_detailed.gif") no-repeat;
		}
		#release #content h2 {
			background: url("/images/layout/meta/h_release.gif") no-repeat;
		}
		#step1 #content h2 {
			background: url("/images/layout/meta/h_step1.gif") no-repeat;
		}
		#step2 #content h2 {
			background: url("/images/layout/meta/h_step2.gif") no-repeat;
		}
		#step3 #content h2 {
			background: url("/images/layout/meta/h_step3.gif") no-repeat;
		}
		#faq #content h2 {
			background: url("/images/layout/meta/h_faq.gif") no-repeat;
		}
		#documentation #content h2 {
			color: #0052ad;
			font: normal 270%/110% "Trebuchet MS", sans-serif;
			margin: 10px 30px;
			width:auto;
			height:auto;
			text-indent:0;
		}

	#content h3 {
		color: #ff8a03;
		font: normal 170%/110% "Trebuchet MS", sans-serif;
	}

	#content h3, #content h4, #content p {
		margin: 10px 30px;
		width: 470px;
	}
	#content ul, #content ol {
		margin: 10px 50px;
		width: 430px;
	}

	.highlight {
		border-top: 1px solid #b9b9b9;
		border-bottom: 1px solid #b9b9b9;
		padding: 30px 0;
		background: #e8e8e8 url("/images/layout/meta/highlight-bg.gif") repeat-x;
		margin: 0 2px 25px 2px;
		font-size: 120%;
	}
	#content .highlight h3 {
		color: #0052ad;
	}
	#content .highlight h3, #content .highlight p {
		width: auto;
	}

	.col {
		width: 260px;
		margin: 15px 0 0 10px;
		float: left;
		display: inline;
	}
		.col p, .col ul {
			margin: 20px;
		}
	.double {
		width: 520px;
	}
	#content table.pricing {	
		border-spacing: 0;
		border-collapse: collapse;
		margin: 10px 30px;
		width: 600px%;
	}
		#content table.pricing th {
			padding: 10px;
			background: url("/images/layout/meta/highlight-bg.gif") repeat-x 0 0;
		}
		#content table.pricing th small {
			display: block;
			font: italic .85em/1.2em arial, sans-serif;
		}
		#content table.pricing td {
			padding: 10px;
			background: #fff;
			text-align: center;
		}
		#content table.pricing th, #content table td {
			border-bottom: 1px solid #e6e6e6;
		}
		#content table.pricing tr.alt td {
			background: url("/images/layout/meta/highlight-bg.gif") repeat-x 0 0;
		}
		#content table.pricing tr.alt th {
			background: url("/images/layout/meta/highlight-bg.gif") repeat-x 0 40%;
		}
		#content table.pricing .priceDesc {
			display:none;
			font-size:.9em;
		}
		#content table.pricing .priceDesc td {
			background:#fff !important;
			padding-top:8px !important;
		}
		#content table.pricing .altDesc td  {
			background:#fff !important;
		}
		#content table.pricing th a:hover {
			background-color:inherit !important;
		}
	#content ul {
			list-style: none;
			margin: 10px 40px;
			width: 470px;
		}
		#content ul li {
			padding: 0 0 0 10px;
			background: url("/images/layout/meta/nav-arrow.gif") no-repeat 0 5px;
		}
	#content .samples {
		border: 1px solid #fff;
		margin: 10px 20px;
		width: 488px;
	}
		#content .samples:hover {
			border: 1px solid #f0f0f0;
		}	
	
		#content .samples ul {
			list-style: none;
			margin: 0 0 20px 55px;
			width: 400px;
		}
		
		#content .samples h3 {
			height: 33px;
			padding: 5px 0 0 43px;
			margin: 10px;
			width: 400px;
		}
			#content .samples ul li {
				padding: 0 0 0 16px;
				background: url("/images/layout/meta/nav-arrow.gif") no-repeat 0 5px;
			}

			/*#content .samples h3 {
				color: #ffa032;
			}
			#content .samples:hover h3 {
					color: #ff8a03;
				}
			#content .samples a {
				color: #1f88df;
			}
				#content .samples:hover a {
					color: #006ac1;
				}*/
			#content .samples h3#business {
				background: url("/images/layout/meta/samples_icons.gif") no-repeat 0px 0px;
			}
			#content .samples h3#registration {
				background: url("/images/layout/meta/samples_icons.gif") no-repeat 0px -68px;
			}
			#content .samples h3#marketing {
				background: url("/images/layout/meta/samples_icons.gif") no-repeat 0px -150px;
			}
			#content .samples h3#education {
				background: url("/images/layout/meta/samples_icons.gif") no-repeat 0px -228px;
			}
			#content .samples h3#community {
				background: url("/images/layout/meta/samples_icons.gif") no-repeat 0px -309px;
			}
			#content .samples h3#events {
				background: url("/images/layout/meta/samples_icons.gif") no-repeat 0px -388px;
			}
			#content .samples h3#service {
				background: url("/images/layout/meta/samples_icons.gif") no-repeat 0px -464px;
			}
			#content .samples h3#uncategorized {
				background: url("/images/layout/meta/samples_icons.gif") no-repeat 0px -536px;
			}

				#content .samples:hover h3#business {
					background: url("/images/layout/meta/samples_icons.gif") no-repeat -653px 0px;
				}
				#content .samples:hover h3#registration {
					background: url("/images/layout/meta/samples_icons.gif") no-repeat -653px -68px;
				}
				#content .samples:hover h3#marketing {
					background: url("/images/layout/meta/samples_icons.gif") no-repeat -653px -150px;
				}
				#content .samples:hover h3#education {
					background: url("/images/layout/meta/samples_icons.gif") no-repeat -653px -228px;
				}
				#content .samples:hover h3#community {
					background: url("/images/layout/meta/samples_icons.gif") no-repeat -653px -309px;
				}
				#content .samples:hover h3#events {
					background: url("/images/layout/meta/samples_icons.gif") no-repeat -653px -388px;
				}
				#content .samples:hover h3#service {
					background: url("/images/layout/meta/samples_icons.gif") no-repeat -653px -464px;
				}
				#content .samples:hover h3#uncategorized {
					background: url("/images/layout/meta/samples_icons.gif") no-repeat -653px -536px;
				}



#footer {
	width: 770px;
	margin: 0 auto 15px auto;
	background: url("/images/layout/meta/footer-bg.gif") no-repeat 50% 0;
	text-align: left;
	color: #45a6d0;
	padding: 30px 17px 10px 17px;
	font-size: 100%;
}
	#footer a {
		color: #45a6d0;
	}
		#footer a:hover {
			color: #2280a9;
		}
.map {
	border: 1px solid #ddd;
	background: #fafafa;
	text-align: center;
}
.map img {
	padding: 10px;
	background: #eee;
	border: 1px solid #aaa;
	margin: 20px auto;
}

#documentation table {
	margin-left:30px;
	border-collapse:collapse;
}
#documentation table td, #documentation table th {
	padding:1px;
	border:1px solid #a2c3da;
	margin:0;
}

#documentation .info {
	background:#F7F7F7;
	padding:3px;
}

#contactForm table {
	margin: 5px 10px;
	width: 400px;
}
#contactForm table th, #contactForm table td {
	border-bottom: 0px solid #aad0e9;
}

#contactForm .form input{
	width: 100px;
}
#contactForm table td{
	text-align: left;
}
#contactForm table table td{

}
#contactForm .submitButton{
	background: #f0f9ff;
	border: 1px solid #a2c3da;
	padding: 2px 4px;
	color: #387ba9;
	font-size: 13px;
	width: auto;
}
#contactForm input, #contactForm textarea {
	width: 390px;
	background: #f0f9ff;
	border: 1px solid #a2c3da;
	padding: 2px 4px;
	color: #387ba9;
	font-size: 13px;
}
#contactForm input:hover, #contactForm textarea:hover {
	border: 1px solid #5f8fb1;
}