/* Reset --------------------------------------------------------------------------------------------------------------- Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}	
	
:focus  				{outline: 0;}
body 					{line-height: 1; color: black; background: #FFFFFF url("../images/bg.jpg") top center repeat-y; font-size: 62.5%; font-family: 'Helvetica Neue', Helvetica, Verdana, sans;}
ol, ul 					{list-style: none;}
	
p						{margin: 0;}
select					{margin: .3em 0 2em 0; border: 1px solid #CCCCCC;}
blockquote				{background: #FFFAC1; margin: 1em 0; padding: 1em; font: 1.2em 'Helvetica Neue', Helvetica, Verdana, sans;}
	
#homephone				{width: 10em;}
#workphone				{width: 10em;}
	
/* Generals */
.clearfix				{clear: both;}
.clear 					{clear: both;}
.bold					{font-weight: bold; margin: 0;}
.italic					{font-style: italic;}
.bold-italic			{font-weight: bold; font-style: italic;}
.super					{font-size: .8em; padding-top: -.5em;}
	
	
/* Structure --------------------------------------------------------------------------------------------------------------- Structure */
#blue					{width: 77.9em; height: 1.5em; margin: 0 0 0 -3em; background: #2D506F;}
#top					{width: 76em; height: 2.5em; padding: 0; margin: 0 auto;}
#wrapper				{width: 74.9em; height: 100%; margin: 0 auto; padding-left: 3em; background: #FFFFFF;}
#nav					{width: 72em; height: 10em; margin: 0; position: relative;}
	
/* Logo */	
html>body .infoimg		{position: absolute; top: 50%; margin-top: -32.5px;}
* html .infoimg			{float/**/: left; margin/**/: 1.5em 0 -9em 0;}
	

/* Nav & Quote */	
#nav-wrap				{float: right; margin: 0 0 0 24em; padding: 0;}
#nav-wrap ul li			{margin-bottom: .4em;}

#insurance				{float: left; width: 14.04em; height: 9.4em; padding: .6em 0 0 1em; border-left: 1px solid #DDDDDD;}
#insurance ul li		{margin: 0 0 .3em 0;}

#company				{float: left; width: 14.34em; height: 9.4em; padding: .6em 0 0 1em; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;}
#company ul li			{margin: 0 0 .3em 0;}

#login                  {float: left; width: 14.1em; height: 9.4em; padding: .6em 0 0 1em; background: url("../images/billpay-bg.jpg") repeat-x;}
#login h3               {height: 1px; text-indent: -9999px;}
#login img              {margin: 0 0 1em .2em;}


/* Image */
#image					{width: 70em; height: 21.2em; padding: 3.5em 0 0 2em; background: #3D6185 url("../images/header-bg.jpg") center no-repeat;}
#header-wrap			{width: 36em;}
#header-wrap img		{float: left; margin: .4em 2em 0 0;}
	
		
/* Content (Index) */	
#content 				{margin: 2em 0 0 0; width: 72em;}
#infopage				{width: 72em; border-top: 2px solid #244161; padding-top: 4em;}
	
#left 					{float: left; width: 38em; padding-right: 1.3em;}
#left div				{margin-bottom: 1em;}
#left div p				{line-height: 1.5em;}
#left img				{float: left; margin: .5em 2em 0 0;}
#left img#steve			{float: left; margin: .5em 2em 0 0;}
#left #map p			{line-height: 1.8em;}
	
#inscontent				{width: 62em; margin: 0 auto;}
#inscontent h2			{margin: 1em 0 .5em 0;}
#inscontent p			{margin-bottom: 1em;}
.ins-ul					{list-style: disc outside; margin: 2em 0 2em 3em; padding: 1em; border-top: 2px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
.ins-ul li				{margin: .7em 0;}
#ins-ul-left			{width: 18em; height: 25em; float: left;}
#ins-ul-right			{width: 22em; height: 25em; float: left;}
p#small					{margin-top: 3em;}
	
#middle 				{float: right; width: 30.7em; padding: 0;}

#map					{padding: 1em 0; border-top: 1px solid #EEEEEE;}
#map img 				{float: right; margin: 0 0 0 2em;}
#content #map p			{text-align: right;}

/* Quote Form */
#quickform h2.quote-h2 	{font: italic bold 2.9em Georgia; text-transform: capitalize; margin: 0 0 .3em 0;}
#quickform				{padding: .5em 0 1em 0; margin: 0; background: #D1E2EF;}
#quickform form			{width: 24.8em; margin: 0 auto;}
#quickform-title		{background: #2D506F; padding-left: 2.8em;}
#quickform-title img 	{float: left; margin: .5em .5em 0 0;}
#quickform label		{margin: 0;}
#quickform #submit		{margin: 1em 0 0 0;}
#quickform img 			{margin-bottom: 1em;}
#names,
#therest				{width: 27.5em; border: none; margin-top: .5em;}

#form-errors			{display: none; background: #fddbd4; border: 1px solid #e9594d; padding: .5em; margin: .5em 0;}
#form-errors li 		{list-style: disc inside; margin: .2em 0;}
#name-error,
#email-error,
#phone-error			{display: none;}

#names p				{float: left; margin-right: 1em;}
#names #fName-p			{width: 9em;}
#names #mi-p			{width: 2.5em;}
#names #lName-p			{width: 9em;}
p#address-p				{margin-top: .5em; padding: 0;}
#address				{margin: 0; width: 22em;}

#therest #city-p		{float: left; margin-right: 2em; width: 10em;}
#therest #state-p		{float: left; margin-right: 2em; width: 3em;}
#therest #zip-p			{float: left; margin-right: 2em; width: 5em;}
#therest #city			{width: 10em;}
#therest #state			{width: 3em;}
#therest #zip			{width: 5em;}

#email-phone			{margin-top: .5em;}
#email-phone p			{float: left; margin-right: 1em; width: 10.7em;}
#email-phone #phone-p	{margin-right: 0;}
#email-phone input		{width: 10.2em;}

/* About */
#about #infopage p		{margin: 1em 0 0 12.5em;}
#about #infopage ul		{margin: 0 0 0 12.5em;}
#about #infopage h2		{margin: 1em 0 0 6.5em;}		
.main-ul				{margin: 2em 4em;}
.main-ul li				{margin: 1em 0;}
#steve					{float: left; margin: 1.8em 2em 1em 0;}
#last-about-p			{margin-left: 12.5em;}

/* Represent */
#erie, #hartford,
#progressive, 
#foremost,
#travelers				{margin: 2em 0 4em 0;}
#represent #infopage img{margin-bottom: 1em;}

/* Life */
#life-chart				{width: 100%; border-spacing: 0;}
#life-chart td			{padding: .5em 0;}
#life-chart tr.yellow	{background: #FFFAC1;}

/* Quote */
#quote input, textarea	{margin: .3em 0 1em 0; padding: .3em 0 0 .2em; height: 1.5em; border: 1px solid #CCCCCC;}	
#quote textarea			{height: 7em;}
#quote p, #quote label	{margin: 0;}
#quote fieldset			{border: 1px solid #EEEEEE; padding: 1em; margin-bottom: 1em;}
#quote legend			{margin: 0 .5em; padding: 0 .5em;}
#quote #submit			{float: left; border: none; background: #666666; color: #FFFFFF; width: 97px; height: 32px; padding: 0;}
#quote #reset			{float: left; margin: 1em 0 0 2em;}
blockquote.green		{background: #C7E4B3;}

/* Contact */
#contact #inscontent	{width: 72em; margin: 0;}
#contact #meta			{float: right; width: 42em; margin-top: 2em;}
#contact #address		{float: left; width: 24em; background: #D1E2EF; padding: 1em 2em; margin-top: 2em;}
	
/* Footer */	
#footer 				{width: 72em; height: 6.5em; text-align: right; border-top: 1px solid #DDDDDD; padding-top: 1em; margin-top: 3em;}



/* Typography --------------------------------------------------------------------------------------------------------------- Typography */
legend					{font-size: 1.4em; font-weight: bold; color: #2D506F;}
label					{font-size: 1.2em;}
input, textarea 		{color: #000000; font-weight: bold;}

/* Nav & Quote */
li.title				{font: 1.3em Georgia, Helvetica, Verdana; font-weight: bold; font-style: italic; color: #2D506F; margin: 0;}

#company a:link,
#company a:visited		{font-size: 1.2em; color: #666666; text-decoration: none;}

#insurance a:visited,
#insurance a:link		{font-size: 1.2em; color: #666666; text-decoration: none;}
#insurance a:hover,
#company a:hover		{text-decoration: underline;}

#login h3               {font: bold 1.4em 'Lucida Grande', 'Lucida Sans Unicode', sans; color: #FFFA73; text-transform: uppercase;}

#directions p.bold		{font-size: 1.1em; color: #2D506F; font-weight: bold;}
#directions p.meta		{font-size: 1.1em; color: #666666;}
#directions a:visited,
#directions a:link		{color: #666666; font-weight: bold;}
#directions a:hover		{text-decoration: none;}

/* Image */
#image p				{font: 1.1em 'Helvetica Neue', Helvetica, Verdana, sans; color: #FFFFFF; line-height: 1.6em;}
#header-wrap a:link,
#header-wrap a:visited	{color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 0 .5em;}
#header-wrap a:hover	{color: #2D506F; background: #FFFFFF;}
#header-wrap .bold		{font-weight: bold;}

/* Index (Content) */
#inscontent p			{font-size: 1.2em; line-height: 1.8em; letter-spacing: .02em;}
#inscontent h1			{color: #000000; font-size: 2.4em;}

#left p					{text-align: justify;}
#left p,
#middle p,
#right p				{font-size: 1.1em; line-height: 1.8em; color: #333333;}
#directions p			{font-size: 1.2em; color: #333333;}

#map a					{color: #666666;}
#map a:hover			{text-decoration: none;}

h1,
#inscontent h1			{font: 2.9em Georgia, Helvetica, Verdana; font-style: italic; color: #2D506F; font-weight: bold;}
#header-wrap h1			{color: #FFFFFF; font-size: 2em;}
#content h2,
#content h3				{font-size: 1.2em; text-transform: uppercase; font-weight: bold; color: #2D506F;}
#content h3				{color: #666666;}
#content h4				{font: 1.3em Georgia, Helvetica, Verdana; font-weight: bold; font-style: italic; color: #CC0000;}

#quickform label		{font: 1.1em 'Helvetica Neue', Helvetica, Arial, sans;}
#quickform-title p		{font-size: 1.4em; font-weight: bold; color: #2D506F;}
#form-errors ul li 		{font-size: 1.2em; color: #c14d33; font-weight: bold;}

/* sub-pages */
#inscontent h2			{font: 2.2em "Arial Narrow", Arial, Helvetica; color: #000000; font-weight: bold;}
#inscontent p,
.ins-ul					{color: #333333; font-size: 1.2em; letter-spacing: .02em; line-height: 1.4em;}
.ins-ul a				{color: #666666; text-decoration: none;}
.ins-ul a:hover			{text-decoration: underline;}
span.sub-bold			{font-size: 11px; font-family: 'Helvetica Neue', Helvetica, Verdana; font-weight: bold; letter-spacing: .1em;}
p#small					{font-size: 1em; color: #AA0000;}

/* About */
.main-ul					{list-style-type: disc; font-size: 1.1em; line-height: 1.5em}
#about #infopage a:link,
#about #infopage a:visited	{color: #2D506F; font-weight: bold; text-decoration: underline;}
#about #infopage a:hover	{text-decoration: none;}

/* Life */
#life-chart			 	{font-size: 1.2em;}
#life-chart tr#title 	{text-align: center;}
#life-chart tr.head 	{font-weight: bold;}
#life-chart td			{text-align: center;}

/* Quote */
#quote #reset			{text-decoration: none; font-size: 1.2em; color: #333333;}
#quickform-title p		{color: #FFFFFF;}

/* Contact */
#contact #address p		{margin: 0;}
#contact #meta p		{letter-spacing: .05em;}
#contact #address a		{background: #2D506F; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 0 .5em;}
#contact #address a:hover	{background: none; color: #2D506F;}

/* Footer */
#footer					{color: #666666;}
#footer a:link,
#footer a:visited		{color: #2D506F; text-decoration: none;}
#footer a:hover			{text-decoration: underline;}