@import url('reset.css');

body {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	background: transparent url('../images/bg.gif') 0px 0px repeat-x;
	text-align: center;
}

div#container {
	position: relative;
	width: 920px; 
	margin: -2px auto 0px auto;
	padding: 0px 20px;
	text-align: left;
	background: #ffffff url('../images/bg-sub-page.gif') 0px 0px repeat-x;
}

strong {
	font-weight: bold;
}

ul {
	list-style-type: disc;
	margin-bottom: 1em;
}

ul li {
	margin-left: 2em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0em 0em 1em 1em;
}

/* Header */

header {
	display: block;
	height: 491px;
	margin-bottom: 12px;
}

header#sub-page {
	height: 345px;
}

header#sub-page img {
	position: relative;
	top: 107px;
	margin-left: -20px;
}

/* Logo */

h1#logo {
	z-index: 15;
	position: absolute;
	top: 24px;
	left: 335px;
}

h1#logo a#name {
	display: block;
	width: 290px;
	height: 21px;
	background: transparent url('../images/logo.png') 0px 0px no-repeat;
	text-indent: -10000px;
	outline: none;
}

h1#logo a#icon {
	position: absolute;
	display: block;
	width: 122px;
	height: 122px;
	background: transparent url('../images/logo.png') -83px -32px no-repeat;
	text-indent: -10000px;
	outline: none;
	margin: 14px 0px 0px 76px;
}
	

/* Navigation */

/* 
	LEVEL ONE
*/

nav#main { 
	z-index: 10;
	position: relative;
	top: 77px;
	list-style-type: none !important;
}

nav#main ul.dropdown {
	display: inline;
	margin-bottom: 0em !important;
}

ul.dropdown li {
	display: inline-block;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 2px;
	margin-left: 0px !important;
	text-shadow: 2px 3px 6px #1f1f1f;
}

ul.dropdown li a {
	padding-bottom: 5px;
}

ul.dropdown li#insurance ul.sub_menu li a {
	display: block;
	width: 310px;
	height: 34px;
	text-indent: -10000px;
	padding-bottom: 0px !important;
}

ul.dropdown li#insurance ul.sub_menu li#auto-insurance a {
	background: transparent url('../images/nav-auto-insurance.gif') 0px -34px no-repeat;
	padding-bottom: 0px !important;
}

ul.dropdown li#insurance ul.sub_menu li#boat-insurance a {
	background: transparent url('../images/nav-boat-insurance.gif') 0px -34px no-repeat;
	padding-bottom: 0px !important;
}

ul.dropdown li#insurance ul.sub_menu li#business-insurance a {
	background: transparent url('../images/nav-business-insurance.gif') 0px -34px no-repeat;
	padding-bottom: 0px !important;
}

ul.dropdown li#insurance ul.sub_menu li#homeowner-insurance a {
	background: transparent url('../images/nav-homeowner-insurance.gif') 0px -34px no-repeat;
	padding-bottom: 0px !important;
}

ul.dropdown li#insurance ul.sub_menu li#renters-insurance a {
	background: transparent url('../images/nav-renters-insurance.gif') 0px -34px no-repeat;
	padding-bottom: 0px !important;
}

ul.dropdown li#insurance ul.sub_menu li#umbrella-insurance a {
	background: transparent url('../images/nav-umbrella-insurance.gif') 0px -34px no-repeat;
	padding-bottom: 0px !important;
}

ul.dropdown li#insurance ul.sub_menu li#other-insurances a {
	background: transparent url('../images/nav-other-insurances.gif') 0px -34px no-repeat;
	padding-bottom: 0px !important;
}

ul.dropdown li#insurance ul.sub_menu li#snowmobile-insurance a {
	background: transparent url('../images/nav-snowmobile-insurance.gif') 0px -34px no-repeat;
	padding-bottom: 0px !important;
}

ul.dropdown li#insurance ul.sub_menu li#motorcycle-insurance a {
	background: transparent url('../images/nav-motorcycle-insurance.gif') 0px -34px no-repeat;
	padding-bottom: 0px !important;
}

ul.dropdown li#insurance ul.sub_menu li a:hover {
	background-position: 0px 0px !important;
	padding-bottom: 0px !important;
}

ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }


/* 
	LEVEL TWO
*/

ul.dropdown li ul.sub_menu {
	width: 310px;
	visibility: hidden;
	position: absolute;
	top: 21px;
	list-style-type: none;
	padding-top: 25px;
}

ul.dropdown li#insurance ul.sub_menu {
	background: #FFFFFF url('../images/bg-dropdown-insurance.gif') 0px 0px no-repeat;
	left: 0;
}

ul.dropdown li#claim ul.sub_menu {
	background: #FFFFFF url('../images/bg-dropdown-claim.gif') 0px 0px no-repeat;
	left: 0;
}

ul.dropdown li#payments ul.sub_menu {
	background: #FFFFFF url('../images/bg-dropdown-payments.gif') 0px 0px no-repeat;
	left: -208px;
}

ul.dropdown li#insurance ul.sub_menu li {
	height: 34px;
	line-height: 34px;
	float: none;
}

ul.dropdown li#claim ul.sub_menu li {
	float: none;
}

ul.dropdown li#claim ul.sub_menu li.erie-insurance,
ul.dropdown li#payments ul.sub_menu li.erie-insurance {
	height: 70px;
	line-height: 70px;
	text-indent: -1000px;
}

ul.dropdown li#claim ul.sub_menu li.erie-insurance a,
ul.dropdown li#payments ul.sub_menu li.erie-insurance a {
	display: block;
	height: 70px;
	width: 310px;
	background: transparent url('../images/erie_sprite.png') 0px -70px no-repeat;
	padding-bottom: 0px !important;
}

ul.dropdown li#claim ul.sub_menu li.progressive,
ul.dropdown li#payments ul.sub_menu li.progressive {
	height: 54px;
	line-height: 54px;
	text-indent: -1000px;
}

ul.dropdown li#claim ul.sub_menu li.progressive a,
ul.dropdown li#payments ul.sub_menu li.progressive a {
	display: block;
	height: 54px;
	width: 310px;
	background: transparent url('../images/progressive_sprite.png') 0px -54px no-repeat;
	padding-bottom: 0px !important;
}

ul.dropdown li#claim ul.sub_menu li.travelers,
ul.dropdown li#payments ul.sub_menu li.travelers {
	height: 55px;
	line-height: 55px;
	text-indent: -1000px;
}

ul.dropdown li#claim ul.sub_menu li.travelers a,
ul.dropdown li#payments ul.sub_menu li.travelers a {
	display: block;
	height: 55px;
	width: 310px;
	background: transparent url('../images/travelers_sprite.png') 0px -55px no-repeat;
	padding-bottom: 0px !important;
}

ul.dropdown li#claim ul.sub_menu li.farmers,
ul.dropdown li#payments ul.sub_menu li.farmers {
	height: 56px;
	line-height: 56px;
	text-indent: -1000px;
}

ul.dropdown li#claim ul.sub_menu li.farmers a,
ul.dropdown li#payments ul.sub_menu li.farmers a {
	display: block;
	height: 56px;
	width: 310px;
	background: transparent url('../images/farmers_sprite.png') 0px -56px no-repeat;
	padding-bottom: 0px !important;
}

ul.dropdown li#claim ul.sub_menu li.hagerty,
ul.dropdown li#payments ul.sub_menu li.hagerty {
	height: 93px;
	line-height: 93px;
	text-indent: -1000px;
}

ul.dropdown li#claim ul.sub_menu li.hagerty a,
ul.dropdown li#payments ul.sub_menu li.hagerty a {
	display: block;
	height: 93px;
	width: 310px;
	background: transparent url('../images/hagerty_sprite.png') 0px -93px no-repeat;
	padding-bottom: 0px !important;
}

ul.dropdown li#claim ul.sub_menu li.hagerty a:hover,
ul.dropdown li#payments ul.sub_menu li.hagerty a:hover, 
ul.dropdown li#claim ul.sub_menu li.farmers a:hover,
ul.dropdown li#payments ul.sub_menu li.farmers a:hover, 
ul.dropdown li#claim ul.sub_menu li.travelers a:hover,
ul.dropdown li#payments ul.sub_menu li.travelers a:hover, 
ul.dropdown li#claim ul.sub_menu li.progressive a:hover,
ul.dropdown li#payments ul.sub_menu li.progressive a:hover,
ul.dropdown li#claim ul.sub_menu li.erie-insurance a:hover,
ul.dropdown li#payments ul.sub_menu li.erie-insurance a:hover {
	background-position: 0px 0px !important;
	padding-bottom: 0px !important;
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

header nav#main ul.dropdown li#insurance {
	width: 150px;
}

header nav#main ul.dropdown li#claim {
	width: 98px;
}

header nav#main ul.dropdown li#payments {
	width: 127px;
	margin-right: 143px;
}

header nav#main ul.dropdown li#about {
	width: 94px;
}

header nav#main ul.dropdown li#testimonials {
	width: 161px;
}

header nav#main ul.dropdown li#contact {
	width: 103px;
}

header nav#main ul.dropdown li a {
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
}

/* Rotating Banner */

div#banner {
	position: absolute;
	top: 128px;
	margin-left: -20px;
}

ul#flowtabs {
	z-index: 5;
	height: 59px;
	margin-top: -21px;
	list-style-type: none !important;
}

ul#flowtabs li { 
	float:left;
	margin-left: 0px !important;
}

ul#flowtabs li#homeowners a {
	display: block;
	width: 250px;
	height: 59px;
	background: transparent url('../images/nav-homeowners.png') 0px -59px no-repeat;
	text-indent: -10000px;
	outline: none;
}

ul#flowtabs li#automobile a {
	display: block;
	width: 233px;
	height: 59px;
	background: transparent url('../images/nav-automobile.png') 0px -59px no-repeat;
	text-indent: -10000px;
	outline: none;
}

ul#flowtabs li#business a {
	display: block;
	width: 229px;
	height: 59px;
	background: transparent url('../images/nav-business.png') 0px -59px no-repeat;
	text-indent: -10000px;
	outline: none;
}

ul#flowtabs li#umbrella a {
	display: block;
	width: 248px;
	height: 59px;
	background: transparent url('../images/nav-umbrella.png') 0px -59px no-repeat;
	text-indent: -10000px;
	outline: none;
}

ul#flowtabs a { 
	position:relative;
}

ul#flowtabs a:active {
	outline:none;		
}

ul#flowtabs a:hover {
	background-position: 0px 0px !important;
}

ul#flowtabs a.current,
ul#flowtabs a.current:hover,
ul#flowtabs li.current a {
	background-position: 0px 0px !important;		
	cursor:default !important;
}

div.panes div.pane {
	display:none;		
}

/* Alan Easy Quote Aside */

aside#alan-easy-quote {
	position: absolute;
	top: 140px;
	left: 639px;
	display: block;
	width: 308px;
	height: 114px;
	background: transparent url('../images/bg-alan-easy-quote.png') 0px 0px no-repeat;
	padding: 32px 0px 0px 20px;
}

aside#alan-easy-quote h2,
aside#alan-easy-quote p {
	text-indent: -10000px;
}

aside#alan-easy-quote select {
	width: 135px;
	margin-right: 10px;
}

aside#alan-easy-quote input#zip-code {
	width: 60px;
}

aside#alan-easy-quote a {
	float: right;
	display: block;
	width: 41px;
	height: 28px;
	margin: -3px 38px 0px 0px;
	background: transparent url('../images/button-go.png') 0px 0px no-repeat;
	text-indent: -10000px;
}

/* Have Questions Aside */

aside#have-questions {
	position: absolute;
	top: 140px;
	left: 20px;
	display: block;
	text-indent: -10000px;
}

aside#have-questions.online a {
	display: block;
	width: 308px;
	height: 95px;
	background: transparent url('../images/bg-have-questions-online.png') 0px 0px no-repeat;
	outline: none;
}

aside#have-questions.offline {
	display: none;
}

/* Breadcrumbs */

ul#breadcrumbs {
	display: inline;
	position: relative;
	top: 105px;
	height: 1em;
	text-transform: uppercase;
	color: #909090;
	outline: none;
}

ul#breadcrumbs li {
	display: inline;
	margin: 0px 15px 0px 0px !important;
}

ul#breadcrumbs li#current {
	color: #ac8e3e;
}

ul#breadcrumbs li a {
	color: #909090;
	text-decoration: none;
}

/* Content */

section#content {
	display: block;
	float: left;
	width: 610px;
	font-size: 0.85em;
	color: #666;
}

section#content h2 {
	margin-bottom: 1em;
	font-size: 1.75em;
	line-height: 1.2em;
	color: #104d77;
}

section#content h3 {
	margin-bottom: 1em;
	font-size: 1.33em;
	font-weight: bold;
	text-transform: uppercase;
	color: #444444;
}

section#content cite {
	margin-bottom: 2em;
	line-height: 1.8em;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #444444;
}

section#content p, section#content blockquote {
	margin-bottom: 2em;
	line-height: 1.8em;
}

section#glossary a {
	color: #ac8e3e;
}

/* Homepage - Video */

object#homepage {
	float: left;
	margin-bottom: 38px;
}

/* Homepage - Tips & Useful Info */

section#tips-useful-info {
	display: block;
	float: left;
	width: 610px;
	font-size: 0.85em;
	color: #909090;
}

section#tips-useful-info article {
	float: left;
	width: 286px;
	margin-left: 15px;
	font-size: 0.95em;
	line-height: 1.8em;
}

section#tips-useful-info h3 {
	width: 610px;
	height: 38px;
	margin-bottom: 36px;
	background: transparent url('../images/h3-tips-useful-info.png') 0px 0px no-repeat;
	text-indent: -10000px;
}

section#tips-useful-info h4 {
	margin-bottom: 1.06em;
	font-size: 1.33em;
	text-transform: uppercase;
	color: #444444;
	font-weight: bold;

}

section#tips-useful-info p {
	margin-bottom: 2em;
}

section#tips-useful-info a {
	color: #ac8e3e;
}

/* Sidebar General */

aside#sidebar {
	float: right;
	width: 300px;
}

aside#sidebar h4 {
	margin-bottom: 10px;
	border-bottom: 1px solid #010100;
	padding-bottom: 5px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 1.125em;
	text-align: center;
	text-transform: uppercase;
	color: #ac8e3e;
}

aside#sidebar ul#navigation, #dmv-list {
	width: 237px;
	list-style-type: none;
	margin-left: 0px !important;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.95em;
	outline: none;
}

aside#sidebar ul#navigation li {
	margin-left: 0px !important;
}

aside#sidebar ul#dmv-list li{
	color: #444444;
	font-size: 0.95em;
}
aside#sidebar ul#dmv-list li a {
	font-size: 0.95em;
	margin-left: 15px;
	color: #AC8E3E;
	text-decoration: none;
}
aside#sidebar ul#dmv-list li a:hover {
	text-decoration: underline;
}

div#content ul#business-list {
	font-size: 0.75em;
	margin-left: 10px;
	list-style-type: none;
}

div#content ul#business-list li.header {
	font-size: 1.25em;
	font-weight: bold;
	margin-left: 8px;
}

aside#sidebar ul#navigation li a {
	display: block;
	width: 237px;
	margin-left: 10px;
	padding: 15px 0px 15px 45px;
	color: #909090;
	text-decoration: none;
}

aside#sidebar ul#navigation li a:hover,
aside#sidebar ul#navigation li a.current {
	background: #125485;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	
/* Sidebar - Testimonials */

aside#sidebar blockquote {
	margin: 15px 0px 15px 15px;
	padding-right: 15px;
	font-size: 0.625em;
	color: #909090;
	clear: both;
}

aside#sidebar cite {
	float: right;
	margin-bottom: 2em;
	padding-right: 15px;
	font-size: 0.625em;
	color: #909090;
	font-weight: bold;
}

/* Sidebar - Two for Two */

section#two-for-two {
	display: block;
	width: 300px;
	height: 222px;
	background: transparent url('../images/h4-two-for-two.png') 0px 0px no-repeat;
	padding: 184px 9px 0px 9px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.875em;
	letter-spacing: 1px;
	line-height: 2.5em;
	color: #959595;
}

section#two-for-two h4 {
	text-indent: -10000px;
	border-bottom: none !important;
}

section#two-for-two a#read-article {
	float: right;
	display: block;
	width: 110px;
	height: 30px;
	margin-top: -33px;
	background: transparent url('../images/button-read-article.png') 0px 0px no-repeat;
	text-indent: -5000px;
}

section#dmv-ad {
	float: left;
	display: block;
	width: 450px;
	height: 51px;
	margin-top: 17px; 
	margin-bottom: 10px;
}

section#dmv-small-ad {
	float: right;
	display: block;
	width: 300px;
	height: 276px;
	margin-top:20px; 
	margin-bottom: 0px;
}

section#dmv-small-ad a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url('../images/NY-IPIRP-Banner-Artwork-300x250.png') 0px 0px no-repeat;
	text-indent: -5000px;
}

section#dmv-ad a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url('../images/defensive-driving-450x51.jpg') 0px 0px no-repeat;
	text-indent: -5000px;
}

/*section#hagerty-ad a {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent url('../images/hagerty-banner-450x68.jpg') 0px 0px no-repeat;
  text-indent: -5000px;
}
*/

/* Sidebar - VCard */

iframe#google-map {
	border: 10px solid #0e446a;
}

div.vcard {
	margin-left: 9px;
	font-size: 0.75em;
	letter-spacing: 1px;
	line-height: 1.8em;
	color: #909090;
}

div.vcard span.fn {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
	color: #0e446a;
	padding-top: 2px;
}

/* Footer */

footer {
	display: block;
	margin-top: 44px;
	border-top: 7px solid #0e446a;
	padding-top: 10px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
}

footer nav {
	color: #909090;
	font-size: 0.625em;
	line-height: 1.8em;
}

footer nav ul {
	float: left;
	width: 210px;
	margin-right: 23px;
	list-style-type: none !important;
}

footer nav ul li {
	margin-left: 0px !important;
}

footer nav ul li a {
	display: block;
	width: 200px;
	padding-left: 15px;
	color: #909090;
	text-decoration: none;
}

footer nav ul li a:hover {
	display: block;
	width: 200px;
	background: #0e446a;
	color: #ffffff;
}

footer nav ul li.heading {
	border-bottom: 1px solid #909090;
	margin: 0px 0px 10px 0px !important;
	padding-left: 0px !important;
	font-size: 1.33em;
	color: #a88b3d;
	line-height: 34px;
	font-weight: bold;
}

footer nav ul li.heading a {
	padding-left: 0px !important;
	color: #a88b3d;
	text-decoration: none;
}

footer nav ul li.heading a:hover {
	background: #ffffff !important;
	color: #a88b3d;
}

/* Newsletter Sign Up */

section#newsletter-signup {
	float: right;
	display: block;
	width: 221px;
	height: 104px;
	background: transparent url('../images/bg-newsletter-signup.png') 0px 0px no-repeat;
	padding-top: 12px;
	text-align: center;
}

section#newsletter-signup h5 {
	margin-bottom: 0.5em;
	font-size: 0.75em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	text-transform: uppercase;
}

section#newsletter-signup input {
	width: 166px;
	margin-bottom: 1em;
}

section#newsletter-signup a {
	display: block;
	width: 71px;
	height: 22px;
	margin: 0px auto;
	background: transparent url('../images/button-sign-up.png') 0px 0px no-repeat;
	text-indent: -10000px;
}

/* Media */


ul#media {
	float: right;
	list-style-type: none !important;
}

ul#media li {
	float: left;
	margin-left: 15px !important;
	text-indent: -10000px;
}

ul#media li:first-child {
  margin-left: 0px;
}

ul#media li a {
	display: block;
	width: 19px;
	height: 19px;
}

ul#media li a#rss {
	background: transparent url('../images/icon-rss.gif') 0px 0px no-repeat;
}

ul#media li a#facebook {
	background: transparent url('../images/icon-facebook.gif') 0px 0px no-repeat;
}

ul#media li a#twitter {
	background: transparent url('../images/icon-twitter.gif') 0px 0px no-repeat;
}

p#copyright {
	text-align: center;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.75em;
	color: #0e446a;
}

/* Flowplayer */

#flowpanes {	
	position: relative;
	overflow: hidden;
	width: 960px;
	height: 328px;	
	clear: both;
}

#flowpanes div {
	float: left;
	display: block;
	width: 960px;
	cursor: pointer;
}

#flowpanes .items {
	width: 20000em;
	position: absolute;
	clear: both;
	margin: 0;
	padding: 0;
}