html {
	background: url(images/site_bg.gif) top repeat-x;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: medium;
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	margin: 15px 0 0 0;
	padding: 0;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

table, td, tr, th, form {
	margin: 0;
	padding: 0;
	border-spacing: 0;
}

a {
	color: #184487;
	text-decoration: none;
}

a:hover {
	color: #4684e4;
	text-decoration: underline;
}

.clear { clear: both; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }

.bold { font-weight: bold; }

.semcheck { color: #3a70c2; }

.savenow { font-style: italic; color: green; }

/* SEMCHECK ERRORS */

#err-conf-messages {
	background: #ffffcc;
	border: solid 1px #eeeeee;
}

p.err {
	font-size: 1.2em;
	color: red;
	padding: 3px;
	margin: 0;
	text-align: center;
}

p.conf {
	font-size: 1.2em;
	color: green;
	padding: 3px;
	margin: 0;
	text-align: center;
}
/* ----------*/

#site-wrapper {
	margin: 0 auto;
	width: 900px;
}

#header {
	height: 125px;
}

	#header h1 {
		float: left;
		font-size: 1.0em;
		margin: 0;
		padding: 0;
		width: 340px;
	}
	
		#header h1 span {
			display: none;
		}
	
	#header #login-wrap {
		float: right;
		margin: 0 7px 0 0;
		padding: 0;
		width: 340px;
	}
	
		#header #login-wrap #login-header {
			background: url(images/login_header_bg.gif) no-repeat;
			height: 25px;
			margin: 0;
			padding: 0;
		}
			
			#header #login-wrap #login-header p {
				color: #ffffff;
				font-size: 1.1em;
				margin: 0;
				padding: 5px 0 0 0;
				text-align: center;
			}
		
		#header #login-wrap #login-content {
			background: url(images/login_wrap_bg.gif) bottom no-repeat #eeeeee;
			margin: 0;
			max-height: 92px;
			min-height: 72px;
			_height: 72px;
			padding: 0;
		}
		
			#header #login-wrap #login-content #login-table {
				font-size: 1.1em;
				margin: 10px auto;
				margin-top: 2px;
				padding: 0;
			}

			#header #login-wrap #login-content #login-table-form {
				font-size: 1.1em;
				margin: 10px auto;
				padding: 0;
			}
			
			#header #login-wrap #login-content input.field {
				background: #ffffcc;
				border: solid 1px #cccccc;
				font-size: 1.0em;
				margin: 1px 0;
				padding: 3px;
				width: 150px;
			}

#nav {
	font-size: 1.3em;
	font-weight: bold;
	height: 35px;
}
	
	#nav ul {
		height: 35px;
		margin: 0;
		padding: 0;
	}
	
		#nav li {
			display: block;
			float: left;
			margin: 7px 15px;
			padding: 0 0 5px 0;
		}
		
			#nav li a {
				color: #444444;
				text-decoration: none;
			}
			
				#nav li a:hover {
					color: #c6201c;
					text-decoration: none;
				}
			
			body.home #nav li#home,
			body.sample-report #nav li#sample-report,
			body.reports #nav li#order-reports,
			body.web-designers #nav li#web-designers,
			body.search-marketing-agencies #nav li#search-marketing-agencies,
			body.ad-agencies #nav li#ad-agencies,
			body.contact-us #nav li#contact-us {
				background: url(images/nav_link_bg.gif) bottom repeat-x;
			}

#tri-option-wrap {
	margin: 0;
	padding: 20px 0;
}
	
		.tri-option-pod {
			background: url(images/tri_option_wrap.gif) bottom no-repeat #eeeeee;
			float: left;
			margin: 0 8px;
			min-height: 300px;
			_height: 300px;
			padding: 0;
			width: 284px;
		}
		
			.tri-option-pod p {
				font-size: 1.1em;
				line-height: 16px;
				margin: 0;
				padding: 10px;
			}

			.tri-option-pod ul {
				font-size: 1.1em;
			}
			
			.tri-option-pod .btn-buy-now {
				margin: 0 auto;
				padding: 0;
			}
			
			#tri-option-header1  {
				background: url(images/tri_option_c1.gif) no-repeat;
				height: 65px;
			}
			
			#tri-option-header2  {
				background: url(images/tri_option_c2.gif) no-repeat;
				height: 65px;
			}
			
			#tri-option-header3  {
				background: url(images/tri_option_c3.gif) no-repeat;
				height: 65px;
			}
			
				#tri-option-header1 p, #tri-option-header2 p, #tri-option-header3 p {
					font-size: 1.5em;
					font-weight: bold;
					margin: 0;
					padding: 35px 0 0 15px;
				}
				
				#tri-option-header1 p, #tri-option-header3 p {
					color: #ffffff;
				}
				
				#tri-option-header2 p {
					color: #444444;
				}

#quote-box {
	margin: 0;
	padding: 0;
}
	
	#quote-box img {
		border-top: solid 4px #eeeeee;
		border-bottom: solid 4px #eeeeee;
		margin: 30px auto;
		padding: 10px 0;
	}
	
#content-wrap {
	min-height: 400px;
	_height: 400px;
	padding: 10px 10px 30px 10px;
}

/* CONTENT STYLES AND WRAPS FOR HOME PAGE */
#content-home {
	margin: 0;
}

	#content-home p {
		font-size: 1.2em;
		line-height: 20px;
		margin: 10px 0 0 20px;
		padding: 0;
	}
	
	#content-home h1 {
		color: #3a70c2;
		font-size: 2.4em;
		height: 42px;
		margin: 10px 0 0 0;
		padding: 12px 0 0 55px;
	}
	
		#content-home h1.question {
			background: url(images/bullet_question.gif) center left no-repeat;
			color: #3a70c2;
		}
		
		#content-home h1.statement {
			background: url(images/bullet_statement.gif) center left no-repeat;
			color: #3e9b06;
		}
		
		#content-home h1.alert {
			background: url(images/bullet_alert.gif) center left no-repeat;
			color: #c7201c;
		}

/*CONTENT STYLES AND WRAPS FOR SUB PAGES */
#content-sub {
	float: left;
	margin: 0;
	padding: 0;
	width: 630px;
}
	#content-sub p {
		font-size: 1.2em;
		line-height: 20px;
		margin: 10px 0 20px 20px;
		padding: 0;
	}
	
	#content-sub h1 {
		color: #444444;
		font-size: 2.4em;
		height: 42px;
		margin: 0;
		padding: 12px 0 0 55px;
	}
	
		#content-sub h1.question {
			background: url(images/bullet_question.gif) center left no-repeat;
			color: #3a70c2;
		}
		
		#content-sub h1.statement {
			background: url(images/bullet_statement.gif) center left no-repeat;
			color: #3e9b06;
		}
		
		#content-sub h1.alert {
			background: url(images/bullet_alert.gif) center left no-repeat;
			color: #c7201c;
		}

		#content-sub h1.web-designers {
			background: url(images/icon_holder.gif) center left no-repeat;
			color: #3a70c2;
			padding: 40px 0 0 50px;
		}

		#content-sub h1.search-marketing-agencies {
			background: url(images/icon_briefcase.gif) center left no-repeat;
			color: #3a70c2;
			padding: 40px 0 0 70px;
		}

		#content-sub h1.ad-agencies {
			background: url(images/icon_laptop.gif) center left no-repeat;
			color: #3a70c2;
			padding: 40px 0 0 70px;
		}
	
	#content-sub h2 {
		color: #3a70c2;
		font-size: 2.4em;
		margin: 0;
		padding: 12px 0 0 0;
	}
	
	#content-sub .content-pod {
		margin: 10px 0;
		padding: 15px;
	}
	
		#content-sub .content-pod h2 {
			color: #444444;
			font-size: 1.6em;
			padding: 0px 0 0 35px;
			margin: 20px 0 20px 0;

		}
			
			#content-sub .content-pod h2.pass {
				background: url(images/icon_pass.gif) top left no-repeat;
			}

			#content-sub .content-pod h2.fail {
				background: url(images/icon_fail.gif) top left no-repeat;
			}

			#content-sub .content-pod h2.caution {
				background: url(images/icon_caution.gif) top left no-repeat;
			}

			#content-sub .content-pod h2.info {
				background: url(images/icon_info.gif) top left no-repeat;
			}
		
		#content-sub .content-pod .content-pod-content {
			background: #ffffcc;
			border: solid 1px #eeeeee;
			margin: 0;
			padding: 5px 20px;
			display: block;
			clear: both;
		}
		
			#content-sub .content-pod .content-pod-content p {
				margin: 0;
				padding: 10px 0;								
			}

#content-sub-full {
	margin: 0;
	padding: 0;
}
	#content-sub-full p {
		font-size: 1.2em;
		line-height: 20px;
		margin: 10px 0 20px 20px;
		padding: 0;
	}
	
	#content-sub-full h1 {
		color: #444444;
		font-size: 2.4em;
		height: 42px;
		margin: 0;
		padding: 12px 0 0 55px;
	}
	
		#content-sub-full h1.question {
			background: url(images/bullet_question.gif) center left no-repeat;
			color: #3a70c2;
		}
		
		#content-sub-full h1.statement {
			background: url(images/bullet_statement.gif) center left no-repeat;
			color: #3e9b06;
		}
		
		#content-sub-full h1.alert {
			background: url(images/bullet_alert.gif) center left no-repeat;
			color: #c7201c;
		}
		#content-sub-full h1.web-designers {
			background: url(images/bullet_alert.gif) center left no-repeat;
			color: #c7201c;
		}
		#content-sub-full h1.search-marketing-agencies {
			background: url(images/bullet_alert.gif) center left no-repeat;
			color: #c7201c;
		}
		#content-sub-full h1.ad-agencies {
			background: url(images/bullet_alert.gif) center left no-repeat;
			color: #c7201c;
		}
	
	#content-sub-full h2 {
		color: #3a70c2;
		font-size: 2.4em;
		height: 42px;
		margin: 0;
		padding: 12px 0 0 0;
	}
	
	#content-sub-full .content-pod {
		margin: 10px 0;
		padding: 15px;
	}
	
		#content-sub-full .content-pod h2 {
			background: url(images/bullet_piechart.gif) center left no-repeat;
			color: #444444;
			font-size: 1.6em;
			margin: 0 0 0 10px;
			padding: 20px 0 0 25px;
		}
		
		#content-sub-full .content-pod .content-pod-content {
			background: #ffffcc;
			border: solid 1px #eeeeee;
			margin: 0;
			padding: 10px 20px;
		}
		
			#content-sub-full .content-pod .content-pod-content p {
				margin: 0;
				padding: 10px 0;								
			}

#content-sidebar {
	float: right;
	width: 232px;
}
	/* CTA FORM STYLES AND WRAPS */
	#content-sidebar #cta-form-wrap {
		background: url(images/cta_wrap_bg.gif) bottom no-repeat #eeeeee;
		margin: 0;
		padding: 0 0 20px 0;
	}
	
		#content-sidebar #cta-form-wrap #cta-form-header {
			background: url(images/cta_header_bg.gif) no-repeat;
			height: 30px;
		}
			
			#content-sidebar #cta-form-wrap #cta-form-header p {
				color: #ffffff;
				font-size: 1.2em;
				margin: 0;
				padding: 7px 0 0 0;
				text-align: center;
			}
		
		#content-sidebar #cta-form-wrap p {
			color: #444444;
			font-size: 1.1em;
			margin: 10px 0 0 15px;
			padding: 0;
		}
		
		#content-sidebar #cta-form-wrap input.field {
			background: #ffffcc;
			border: solid 1px #cccccc;
			font-size: 1.2em;
			height: 20px;
			padding: 4px;
			width: 185px;
		}
		
		#content-sidebar #cta-form-wrap .signup-btn {
			margin: 0;
			padding: 15px 0 0 0;
			text-align: center;
		}

	/* QUICK NAV STYLES AND WRAPS */
	#content-sidebar #quick-nav-wrap {
		background: url(images/cta_wrap_bg.gif) bottom no-repeat #eeeeee;
		margin: 0;
		padding: 0 0 20px 0;
	}
	
		#content-sidebar #quick-nav-wrap #quick-nav-header {
			background: url(images/cta_header_bg.gif) no-repeat;
			height: 30px;
		}
			
			#content-sidebar #quick-nav-wrap #quick-nav-header p {
				color: #ffffff;
				font-size: 1.2em;
				margin: 0;
				padding: 7px 0 0 0;
				text-align: center;
			}
		
		#content-sidebar #quick-nav-wrap a:hover p.fail-sm {
			background: url(images/icon_fail_sm.gif) no-repeat #ffffcc;
			text-decoration: none;
		}

		#content-sidebar #quick-nav-wrap a:hover p.pass-sm {
			background: url(images/icon_pass_sm.gif) no-repeat #ffffcc;
			text-decoration: none;
		}

		#content-sidebar #quick-nav-wrap a:hover p.caution-sm {
			background: url(images/icon_caution_sm.gif) no-repeat #ffffcc;
			text-decoration: none;
		}

		#content-sidebar #quick-nav-wrap a:hover p.info-sm {
			background: url(images/icon_info_sm.gif) no-repeat #ffffcc;
			text-decoration: none;
		}
		
		#content-sidebar #quick-nav-wrap p {
			color: #444444;
			font-size: 1.1em;
			margin: 10px 15px 0 15px;
			padding: 0 0 0 20px;
		}

			#content-sidebar #quick-nav-wrap p.fail-sm {
				background: url(images/icon_fail_sm.gif) no-repeat;
			}

			#content-sidebar #quick-nav-wrap p.pass-sm {
				background: url(images/icon_pass_sm.gif) no-repeat;
			}

			#content-sidebar #quick-nav-wrap p.caution-sm {
				background: url(images/icon_caution_sm.gif) no-repeat;
			}

			#content-sidebar #quick-nav-wrap p.info-sm {
				background: url(images/icon_info_sm.gif) no-repeat;
			}
		
#footer-wrap {
	background: url(images/footer_bg_left.gif) left no-repeat #3a70c2;
	clear: both;
	height: 40px;
	margin: 20px 0 5px 0;
}

	#footer-wrap #footer {
		background: url(images/footer_bg_right.gif) right no-repeat;
		height: 40px;
	}

		#footer-wrap #footer ul {
			height: 40px;
			margin: 0 0 0 100px;
			padding: 11px 0 0 0;
		}

			#footer-wrap #footer li {
				color: #ffffff;
				display: block;
				float: left;
				font-size: 1.2em;
				margin: 0 10px;
			}

				#footer-wrap #footer li a {
					color: #ffffff;
					text-decoration: underline;
				}

				#footer-wrap #footer li a:hover {
					color: #ffffff;
					text-decoration: underline;
				}

p.copyright {
	font-size: 1.0em;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}

.sortablelist {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

.sortablelist li {
	background: #eeeeee;
	margin-bottom: 3px;
	padding: 5px;
	cursor: move;
}