@import url(reset.css);

body {
	margin: 0;
	padding: 0;
	color: #14234b;
	background: #e2ddcb url(../media/background.png) top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	}

a { color: #14234b; }

#page {
	width: 900px;
	height: 100%;
	margin: 0 auto;
	background: #fff;
	}

/* Header */

#header {
	position: relative;
	width: 900px;
	height: 150px;
	background: url(../media/header-background.png) top left repeat-x;
	}

	h1 {
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -9999px;
		}

		h1 a {
			display: block;
			width: 230px;
			height: 115px;
			background: url(../media/logo.png) top left no-repeat;
			}

			h1 a:hover {
				background-position: bottom left;
				}

	#tagline {
		position: absolute;
		bottom: 54px;
		right: 20px;
		width: 197px;
		height: 22px;
		text-indent: -9999px;
		background: url(../media/tagline.png) top left no-repeat;
		}

	/* Navigation */

	#navigation {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 900px;
		height: 36px;
		background: #002b5a;
		}

		#navigation li {
			display: block;
			float: left;
			text-align: left;
			text-indent: -9999px;
			}

			#navigation li a {
				display: block;
				padding: 9px 0 0 0;
				height: 27px;
				color: #fff;
				text-decoration: none;
				background-position: top left;
				background-repeat: no-repeat;
				}

			#navigation li a:hover {
				position: relative;
				color: #ffb581;
				margin-right: -4px;
				background-position: bottom left;
				z-index: 10;
				}

			#get-to-know-us-page #navigation li#get-to-know-us a,
			#current-clients-page #navigation li#current-clients a,
			#personal-insurance-page #navigation li#personal-insurance a,
			#business-insurance-page #navigation li#business-insurance a,
			#your-custom-review-page #navigation li#your-custom-review a,
			#news-and-awards-page #navigation li#news-and-awards a,
			#contact-us-page #navigation li#contact-us a {
				position: relative;
				color: #ffb581;
				margin-right: -4px;
				background-position: bottom left;
				z-index: 20;
				}

				/* While on a current page, the following allows the button
				on the right to move above when in a hover state */

				#get-to-know-us-page #navigation li#current-clients a:hover,
				#current-clients-page #navigation li#personal-insurance a:hover,
				#personal-insurance-page #navigation li#business-insurance a:hover,
				#business-insurance-page #navigation li#your-custom-review a:hover,
				#your-custom-review-page #navigation li#news-and-awards a:hover,
				#news-and-awards-page #navigation li#contact-us a:hover {
					z-index: 25;
					}

		#get-to-know-us {}

			#get-to-know-us a {
				width: 86px;
				background-image: url(../media/navigation/get-to-know-us.png);
				}

				#get-to-know-us a:hover,
				#get-to-know-us-page #navigation li#get-to-know-us a { width: 90px; }

		#current-clients {}

			#current-clients a {
				width: 133px;
				background-image: url(../media/navigation/current-clients.png);
				}

				#current-clients a:hover,
				#current-clients-page #navigation li#current-clients a { width: 137px; }

		#personal-insurance {}

			#personal-insurance a {
				width: 163px;
				background-image: url(../media/navigation/personal-insurance.png);
				}

				#personal-insurance a:hover,
				#personal-insurance-page #navigation li#personal-insurance a { width: 167px; }

		#business-insurance {}

			#business-insurance a {
				width: 168px;
				background-image: url(../media/navigation/business-insurance.png);
				}

				#business-insurance a:hover,
				#business-insurance-page #navigation li#business-insurance a { width: 172px; }

		#your-custom-review {}

			#your-custom-review a {
				width: 134px;
				background-image: url(../media/navigation/your-custom-review.png);
				}

				#your-custom-review a:hover,
				#your-custom-review-page #navigation li#your-custom-review a { width: 138px; }

		#news-and-awards {}

			#news-and-awards a {
				width: 139px;
				background-image: url(../media/navigation/news-and-awards.png);
				}

				#news-and-awards a:hover,
				#news-and-awards-page #navigation li#news-and-awards a { width: 143px; }

		#contact-us {}

			#contact-us a {
				width: 77px;
				background-image: url(../media/navigation/contact-us.png);
				}

				#contact-us a:hover,
				#contact-us-page #navigation li#contact-us a { margin-right: 0; }

	/* Utilities */

	#utilities {
		position: absolute;
		top: 15px;
		right: 20px;
		}

		#utilities li {
			display: block;
			float: left;
			padding: 0 5px 0 4px;
			font-size: 10px;
			text-align: right;
			}

			#utilities li a {
				color: #313f46;
				text-decoration: none;
				}

			#utilities li a:hover {
				text-decoration: underline;
				}

		#privacy {
			background: url(../media/utilities-divider.png) 2px right no-repeat;
			}

		#home {}

/* Body */

#body {
	position: relative;
	width: 800px;
	height: auto;
	padding: 50px;
	background: #fff;
	}

	* html #body {
		margin: 0 -50px 0 0;
		}

	h2 {
		width: 885px;
		height: 40px;
		margin: -50px 0 25px -50px;
		padding: 15px 15px 0 0;
		color: #fff;
		font-size: 28px;
		background: url(../media/current-page-background.png) repeat-x;
		text-align: right;
		font-weight: 100;
		font-family: Times, 'Times New Roman', serif;
		}

	#index-page h2 .page-title { display: none; }

	#subnavigation {
		position: absolute;
		top: 22px;
		left: 10px;
		}

		#subnavigation li {
			display: inline;
			margin-right: 4px;
			padding-right: 10px;
			background: url(../media/subnavigation-divider.png) 3px right no-repeat;
			}

			#subnavigation li:last-child {
				margin-right: 0;
				padding-right: 0;
				background: none;
				}

			#subnavigation li a {
				color: #fff;
				font-size: 14px;
				text-decoration: none;
				}

				#subnavigation li a:hover {
					text-decoration: underline;
					}

	#introduction {
		margin: 0 0 25px 0;
		padding: 0 420px 0 0;
		overflow: hidden;
		}

	.personal-insurance-introduction {
		height: 321px;
		background: url(../media/personal-insurance-photo.png) top right no-repeat;
		}

	#business-insurance-page #introduction {
		height: 321px;
		background: url(../media/business-insurance-photo.png) top right no-repeat;
		}

	#body h3 {
		font-size: 24px;
		font-style: italic;
		margin: 0 0 15px 0;
		}

	#body p {
		margin: 0;
		padding: 0 0 14px 0;
		font-size: 14px;
		width: 100%;
		}

	body#current-clients-page #body p,
	body#your-custom-review-page #body p,
	body#contact-us-page #body p {
		margin: 0;
		padding: 0;
		}

	#body img {
		float: right;
		margin: 5px 5px 0 0;
		}

	body#news-and-awards-page #body .awards ul {
		display: block;
		clear: both;
		margin-bottom: 20px;
		}

	body#news-and-awards-page #body .awards li {
		float: left;
		display: inline;
		}

	.award-description {
		padding-top: 10px;
		padding-left: 10px;
		}

	.award-photo {
		width: 75px;
		height: 75px;
		
		}

	body#news-and-awards-page #body .awards img {
		width: 75px;
		height: 75px;
		margin: 0;
		float: left;
		}

	.award {
		width: 250px;
		height: 75px;
		}

	#index-page #body img {
		margin: 0 0 0 0;
		}

	blockquote {
		margin: 15px 0 10px 0;
		padding: 5px;
		font-size: 24px;
		font-family: Times, 'Times New Roman', serif;
		border-top: 8px solid #414f56;
		border-bottom: 8px solid #414f56;
		}

	.policy { /* For Personal Insurance page. */
		position: relative;
		float: left;
		width: 390px;
		height: 195px;
		margin: 0 5px 10px 5px;
		background: #fff url(../media/policy-background.png) no-repeat;
		overflow: hidden;
		}

		.policy img.cover {
			position: absolute;
			top: 10px;
			left: 10px;
			margin: 0 !important;
			padding: 0;
			border: 0;
			}

		.policy h4 {
			margin: 0 0 10px 0;
			font-family: Times, 'Times New Roman', Georgia, serif;
			text-transform: uppercase;
			}

		.policy-detail-photo {
			float: left !important;
			margin: 0 20px 0 0;
			}

		.policy p {
			font-size: 12px !important;
			width: 250px !important;
			margin: 0 0 0 85px !important;
			}

	#tools, #news {
		width: 700px;
		margin: 30px auto 30px auto;
		padding: 0;
		overflow: hidden;
		}

		.tools, .news {
			float: left;
			width: 300px;
			margin: 0 50px 0 0;
			padding: 0;
			}

		.awards {
			float: left;
			display: inline;
			width: 250px;
			margin: 0 0 0 50px;
			padding: 0;
			}

		.tools.focused-on-you {
			clear: both;
			width: 650px;
			margin: 20px 0 0 0;
			padding: 0;
			}

			.focused-on-you li {
				float: left;
				display: inline;
				width: 300px;
				margin: 0;
				}

			.tools h3, .news h3, .awards h3 {
				margin: 0 0 20px 0 !important;
				padding: 0;
				font-style: normal !important;
				font-weight: 100;
				font-family: Times, 'Times New Roman', serif;
				border-bottom: 5px solid #aa6b3f;
				}

			.tools li {
				padding: 4px 0 15px 25px;
				background: url(../media/clipboard.png) top left no-repeat;
				}

			.news li {
				padding: 4px 0 15px 25px;
				background: url(../media/clipboard.png) top left no-repeat;
				}

				.tools li a, .news li a, .awards li a {
					text-decoration: none;
					}

				.tools li a:hover,
				.news li a:hover,
				.awards li a:hover {
					text-decoration: underline;
					}

	.promotions {
		width: 900px;
		height: 400px;
		margin: -25px 0 0 -50px;
		}

	#video {
		width: 900px;
		height: 333px;
		margin: -25px 0 0 -50px;
		}

	form { font-size: 14px; }

	body#your-custom-review-page form,
	body#contact-us-page form {
		margin: 25px 0 0 0;
		}

	form label, form select, form textarea {
		display: block;
		}

	fieldset.checkboxes {
		margin: 15px 0 10px 0;
		padding: 10px 0 0 0;
		}

	#blog {
		float: left;
		display: inline;
		width: 500px;
		margin: 0 0 100px 0;
		}

		#blog img {
			float: none;
			display: block;
			}

		#blog p {
			font-size: 12px;
			line-height: 17px;
			padding: 0 0 12px 0;
			}

		.tumblr_post {
			margin: 0 0 25px 0;
			}

			.tumblr_audio_post {
				padding: 35px 0 0 0;
				background: url(../media/audio-post-header.png) no-repeat;
				}

				.audio_player {
					height: 28px;
					width: 208px;
					border: 1px solid #14234b;
					}

				.tumblr_audio_post .tumblr_caption, .tumblr_photo_post .tumblr_caption {
					margin: 10px 0 0 0;
					}

		.tumblr_title {
			padding: 0 0 10px 0;
			font-size: 28px;
			font-family: Times, 'Times New Roman', serif;
			}

/* Footer */

#footer {
	position: relative;
	clear: both;
	width: 900px;
	height: auto;
	padding: 10px 0 0 0;
	}

	.promotion {
		display: block;
		float: left;
		display: inline;
		width: 270px;
		height: 270px;
		margin-right: 20px;
		background: url(../media/promotion-background.png) top right repeat-y;
		}

	.promotion.what-customers-say {
		background: url(../media/what-customers-say-background.png) top left no-repeat;
		}

	.promotion.whats-new {
		margin-right: 25px;
		background: url(../media/whats-new-background.png) top left no-repeat;
		}

		.promotion.whats-new .action { float: left; padding: 0 15px 0 0; }

			.action.twitter-icon { margin-left: 15px !important; }

		.promotion.whats-new .action a {
			display: block;
			height: 25px;
			padding: 8px 0 0 40px;
			background: url(../media/twitter-icon.png) no-repeat;
			}

		.promotion .title {
			padding: 10px 0 0 0;
			text-align: center;
			font-size: 20px;
			font-family: Times, 'Times New Roman', Georgia, serif;
			font-weight: 100;
			text-indent: -9999px;
			}

		.promotion .detail {
			padding: 25px 10px 0 10px;
			font-size: 14px;
			line-height: 18px;
			}

		.promotion .action {
			margin: 25px 0 0 10px
			}
		.promotion.whats-new .action {margin: 5px 0 0 0;}

		.promotion.what-customers-say {
			margin-left: 25px;
			}

			.promotion.what-customers-say .action {
				margin: 25px 10px 0 0;
				text-indent: -9999px;
				}

				.promotion.what-customers-say .action a {
					display: block;
					float: right;
					width: 131px;
					height: 41px;
					background: url(../media/read-more.png) no-repeat;
					}

				.promotion.what-customers-say .action a:hover {}

		.promotion.custom-review {
			background: url(../media/custom-review-background.png) top left no-repeat;
			}

			.promotion.custom-review .action {
				text-align: center;
				text-indent: -9999px;
				}

				.promotion.custom-review .action a {
					display: block;
					width: 241px;
					height: 59px;
					background: url(../media/get-started-now.png) no-repeat;
					}

				.promotion.custom-review .action a:hover {}

	#erie-insurance {
		position: absolute;
		bottom: 7px;
		left: 7px;
		}

	address {
		display: block;
		clear: both;
		width: 900px;
		height: 39px;
		padding: 21px 0 0 0;
		font-size: 14px;
		font-style: normal;
		text-align: center;
		color: #fff;
		background: url(../media/address-background.png) top left repeat-x;
		}

	.employee {
		position: relative;
		width: 800px;
		height: 125px;
		padding: 0 0 25px 0;
		display: block;
		}

	.testimonial {
		display: block;
		padding: 0 0 35px 0;
		}

		.employee img {
			float: left !important;
			padding: 0 0 0 0;
			}

		.employee p {
			position: absolute;
			top: 2px;
			left: 120px;
			width: 680px !important;
			margin: 0;
			padding: 0;
			}

/* Home Page Slider */

#index-page .slider-wrap { width: 900px; }

#index-page .stripViewer {
	position: relative;
	overflow: hidden;
	width: 900px;
	height: 400px;
	}

#index-page .stripViewer .panelContainer {
	position: relative;
	left: 0;
	top: 0;
	}

#index-page .stripViewer .panelContainer .panel {
	float: left;
	height: 400px;
	position: relative;
	width: 900px;
	}

#index-page .stripNavL, .stripNavR, .stripNav { display: none; }

#index-page .nav-thumb {
	background: #000;
	}

#index-page #movers-row {}

#index-page .cross-link {
	position: absolute;
	bottom: 60px;
	display: block;
	width: 22px;
	height: 22px;
	}

	#index-page .cross-link.active-thumb {
		outline: 2px solid #aa6b3f;
		}

	.cross-link.thumb-1 {
		right: 70px;
		}

	.cross-link.thumb-2 {
		right: 40px;
		}

	.cross-link.thumb-3 {
		right: 10px;
		}

/* Form Pages */

form {
	font-size: 14px;
	}

#form-page fieldset {
	margin: 25px 0 25px 0;
	padding: 0 0 25px 0;
	border-bottom: 1px solid #000;
	}

form ol {
	padding: 0 0 0 25px;
	}

form #submit { margin-left: 25px; }

em.this-is-needed { color: #ff0000; }

form ol li label,
form ol li input,
form ol li select,
form ol li textarea{
	float: left;
	}

form legend {
	padding: 0 0 10px 0;
	font-size: 28px;
	font-family: Times, 'Times New Roman', serif;
	}

form ol li {
	clear: both;
	padding: 10px 0 10px 0;
	overflow: hidden;
	}

	form ol li label {
		display: block;
		float: left;
		width: 200px;
		margin: 0 20px 0 0;
		}

	form ol li input, form ol li textarea {
		display: block;
		float: left;
		width: 300px;
		padding: 3px;
		}

/* Form Tooltips */

img.help {
	float: left !important;
	cursor: help;
	margin: 0 0 0 10px !important;
	}

.help p {
	font-size: 10px;
	}

#tt {
	position: absolute;
	display: block;
	}

#ttcont {
	font-size: 12px;
	display: block;
	padding: 7px;
	margin-left: 5px;
	background: #666;
	color: #fff;
	}

/* Conditional Items for Automobile Insurance Form */

.onstate-currently-insured,
.onstate-accidents,
.onstate-filed-a-claim,
.onstate-basement,
.onstate-pool,
.onstate-trampoline,
.onstate-pets,
.onstate-additional-driver,
.onstate-additional-driver-two,
.onstate-additional-driver-three,
.onstate-additional-driver-four,
.onstate-other-insurance,
.onstate-vehicles-not-listed,
.onstate-all-vehicles-on-policy,
.onstate-any-additional-drivers,
.onstate-additions-to-home,
.onstate-pool-or-trampoline,
.onstate-acquired-since-last-review,
.onstate-additional-property { display: block; }

.offstate-currently-insured,
.offstate-accidents,
.offstate-filed-a-claim,
.offstate-basement,
.offstate-pool,
.offstate-trampoline,
.offstate-pets,
.offstate-additional-driver,
.offstate-additional-driver-two,
.offstate-additional-driver-three,
.offstate-additional-driver-four,
.offstate-other-insurance,
.offstate-vehicles-not-listed,
.offstate-all-vehicles-on-policy,
.offstate-any-additional-drivers,
.offstate-additions-to-home,
.offstate-pool-or-trampoline,
.offstate-acquired-since-last-review,
.offstate-additional-property { display: none; }

/* Twitter Adjustments */

.twtr-doc { width: auto !important; }

.twtr-doc p { font-size: 11px; }

.twtr-hd,
.twtr-ft { display: none; }

.twtr-tweets {
	height: 150px;
	overflow-y: scroll;
	}

.twtr-tweet { border: none !important; }



#product-01, #product-02, #product-03, #product-04, #product-05, #product-06 {
	display: none;
	}