/**** START CSS 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-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background-color: #3c0e0e;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/**** END CSS RESET ****/

img.centered { display: block; margin-left: auto; margin-right: auto }
br.clear { clear: both; }
strong { font-weight: bold; }
p { margin-bottom: 10px; }
hr.divider 
{ 
	clear: both; 
	background-color: #634343; 
	height:5px; 
	margin: 0px; 
	padding: 0px; 
}
div.divider 
{ 
	clear: both; 
	background-color: #634343; 
	height:5px; 
	margin: 0px; 
	padding: 0px; 
}

body {
	font-family: Verdana, Myriad Web, "trebuchet MS", Arial, Helvetica, "Sans Serif";	
}

.header {
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	color: #640806;
	background-image: url('http://hpinsurancecenter.com/Images/Graphics/four_arrows_icon_13x13.png');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-left: -20px;
	text-transform: uppercase;
}

.placeholder {
	font-style: italic;
	color: #BABABA;
}

.confirmationaccept {
    background:#e5f7e3 url(http://hpinsurancecenter.com/Images/Graphics/Dot-Sub.gif) no-repeat;
    background-position:7px 6px;
    border:1px solid #c5e1c8;
    font-weight:700;
    font-size: 12px;
    color:#005e20;
    width:740px;
    padding:8px 8px 8px 28px;
}

/**** START HEADER *****/
#header { 
	background-color: #3c0e0e;
	height: 270px;
}

#header ul {
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 5px;
	width: 750px;
}

#header li {
	display: block;
	float: left;
	margin-right:10px;
}

#header li a {
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: white;
	text-transform: uppercase;
}

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

#header li .menu_icon {
	background-image: url('http://hpinsurancecenter.com/Images/Graphics/menu_icon_9x9.png');
	background-repeat: no-repeat;
	background-position: -9px 0px;
	width: 9px;
	height: 9px;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}

#header li:hover .menu_icon {
	background-image: url('http://hpinsurancecenter.com/Images/Graphics/menu_icon_9x9.png');
	background-position: 0px 0px;
}

#header li.current .menu_icon {
	background-image: url('http://hpinsurancecenter.com/Images/Graphics/menu_icon_9x9.png');
	background-position: 0px 0px;
}

#header li.current a {
	text-decoration: underline;
}

/**** END HEADER *****/

/**** START CONTENT *****/
#content {
	width: 100%;
	background-color: #E3E4D4;
}

#content .holder {
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;	
	width: 829px;
	background-color: #F4F5ED;
	padding-top: 20px;
	padding-left: 50px;
	padding-bottom:50px;
	background-image: url('http://hpinsurancecenter.com/Images/Graphics/content_bg.png');
	background-repeat: y;
}

div.left_side {
	width: 410px;
	float: left;
	background-color: #F4F5ED;
}

div.right_side_home {
	width: 330px;
	float: right;
	background-color: #F4F5ED;
	margin-right:25px;
}

div.right_side_about {
	border: 1px solid #DDDFC9;
	width: 230px;
	float: right;
	background-color: #EFF0E2;
	margin-right:25px;
	padding-left: 45px;
	padding-top: 25px;
	padding-bottom: 25px;
}

div.right_side_about ul {
	list-style-image: url('http://hpinsurancecenter.com/Images/Graphics/bullet_check.png');
	margin-left: 20px;
	color: #7D2523;
}

div.left_side_testimonials {
	width: 210px;
	float: left;
	background-color: #F4F5ED;
}

div.right_side_testimonials {
	width: 535px;
	float: right;
	background-color: #F4F5ED;
	margin-right:25px;
}

.main_testimonial {
	line-height: 200%;
	color: #7e762e;
	font-size:14px;
}

p.testimonial {
	float: left;
	color: #813633;
	width: 325px;
	margin-left: 15px;
	font-size: 10px;
	font-style: italic;
}

p.testimonial_signature {
	float: left;
	text-align: right;
	color: #813633;
	width: 325px;
	font-size: 10px;
	font-style: italic;
}

img.testimonial {
	float: left;	
}

div.insurance_payment {
	width: 275px;
	height: 125px;
	float: left;
	margin-bottom: 35px;
}

div.insurance_payment > a {
	color: #6e753f;
	font-size: 12px;
	font-weight: bold;
}

.payment { border: 0 none !important; text-decoration: none;}


div.left_side_quote {
	width: 210px;
	float: left;
	background-color: #F4F5ED;
}

div.right_side_quote {
	width: 535px;
	float: right;
	background-color: #F4F5ED;
	margin-right:25px;
}

#make_quote > input {
	border-width: 1px;
	border-style: solid;
	border-color: #d1cfa9;
	margin-bottom: 10px;
	width: 200px;
}

#make_quote > textarea {
	border-width: 1px;
	border-style: solid;
	border-color: #d1cfa9;
	margin-bottom: 10px;
	width: 350px;
	height: 115px;
}

div.left_side_contact {
	width: 190px;
	float: left;
	background-color: #F4F5ED;
}

div.right_side_contact {
	width: 555px;
	float: right;
	background-color: #F4F5ED;
	margin-right:25px;
}

.contact_box {
	border: 1px solid #DDDFC9;
	width: 500px;
	background-color: #EFF0E2;
	padding: 15px;
}

.hours_box {
	border: 1px solid #DDDFC9;
	width: 142px;
	background-color: #EFF0E2;
	padding: 15px;
}

/**** END CONTENT *****/

/**** START FOOTER *****/
#footer { 
	background-color: #3c0e0e;
	height: 165px;
}

#footer .make_payment {
	width: 152px;
	height: 25px;
	background-color: #D3D5AE;
	color: #757858;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-left: -20px;
	margin-top: -55px;
	padding-top: 10px;
	padding-left: 5px;
}

#footer .holder {
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	background-color: #F4F5ED;
	padding: 20px;
	margin-top:-5px;
}

#footer img.logo {
	float: left;
	margin-right: 25px;	
}

#footer img.divider {
	margin-left: -20px;
	margin-top: -5px;
	position: absolute;
}

#footer ul {
	margin-left: auto; 
	margin-right: auto;
	margin-top: 5px;
	width: 575px;
}

#footer li {
	display: block;
	float: left;
	margin-right:10px;
	margin-bottom: 5px;
}


#footer li a {
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	color: #7A373E;
	text-transform: uppercase;
}

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

#footer li .menu_icon {
	background-image: url('http://hpinsurancecenter.com/Images/Graphics/menu_icon_9x9.png');
	background-repeat: no-repeat;
	background-position: -9px 0px;
	width: 9px;
	height: 9px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

#footer li:hover .menu_icon {
	background-image: url('http://hpinsurancecenter.com/Images/Graphics/menu_icon_9x9.png');
	background-position: 0px 0px;
}

#footer li.current .menu_icon {
	background-image: url('http://hpinsurancecenter.com/Images/Graphics/menu_icon_9x9.png');
	background-position: 0px 0px;
}

#footer li.current a {
	text-decoration: underline;
}

#footer p {
	color: #593131;
	font-size: 10px;
	margin-left: auto; 
	margin-right: auto;
	width: 550px;
	text-align: center;
}
/**** END FOOTER *****/

/***** START ABOUT US *****/
.group_photo {
	border: 5px solid #DCDDCF;
	margin-bottom: 5px;
}
/***** END ABOUT US ******/