/* Example CSS Document */

/*CODES FOR TEMPLATE*/

*{padding:0; margin:0}  /* this will set all browser paddings and margins to 0 */

body {
background: url(/images/background_body.jpg) repeat-x #d9d5ba;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:140%;
margin:0px;
padding:0px; /*top right bottom left*/
color:#3c2d26;
font-size:13px;
}

p { padding-bottom:10px;
}

ol{
margin-left:30px;
}

strong {
color:#312920;
}

.text_container ul li {
margin-left:30px;
}

.cleared {
clear:both;
}

.smallitalic {
font-size:11px;
font-style:italic;
}

.container { /* This is the container for the site if you are not using 2 bg images */
position: absolute; 
left: 50%; 
width: 898px; 
height: auto; 
margin-left: -449px; /*half of width*/
background:#FFFFFF;
border:3px solid #ffffff;
}

.text_container {/* where the text will go */
	padding:10px 10px 15px 10px;/*always combine padding & margin tags*/
}

/*header*/

.header { /*use this (wrapper tag) if more than one element exists in the header or other element*/
height:96px;
background: url(images/logo.jpg) top left no-repeat;
text-align:right;
}

.header img {
float:left;
}

/*navigation*/

.navigation {
font-family:"Lucida Fax", Georgia, "Times New Roman", Times, serif;
font-size:13px;
text-align:center;
height: 48px;
}

.navigation ul{
padding: 0;
margin: 0px;
list-style: none;
}

.navigation ul li {
display: inline;
}

.navigation a {
float: left;
display: block;
/*height: 48px;*/ /*--Specify height of navigation--*/
width:286px;
}

.navigation ul li.blue a, .navigation ul li.blue a:visited {
border-top:8px solid #3e5a5f;
background:#EBEAD8;
color:#312920;
text-decoration:none;
padding:8px 5px 10px 5px;
margin-right:5px;
}

.navigation ul li.blue a:hover {
color:#ffffff;
text-decoration:none;
background:#3e5a5f;
}

#insurance .navigation ul li.blue a {
border-top:8px solid #3e5a5f;
background:#EBEAD8;
color:#312920;
text-decoration:none;
padding:8px 5px 15px 5px;
margin-right:5px;
}


.navigation ul li.green a, .navigation ul li.green a:visited {
border-top:8px solid #b4c752;
background:#EBEAD8;
color:#312920;
text-decoration:none;
padding:8px 5px 10px 5px;
margin-right:5px;
}

.navigation ul li.green a:hover {
color:#ffffff;
text-decoration:none;
background:#b4c752;
}

#finance .navigation ul li.green a {
border-top:8px solid #b4c752;
background:#EBEAD8;
color:#312920;
text-decoration:none;
padding:8px 5px 15px 5px;
margin-right:5px;
}

.navigation ul li.red a, .navigation ul li.red a:visited {
border-top:8px solid #611a0d;
background:#EBEAD8;
color:#312920;
text-decoration:none;
padding:8px 5px 10px 5px;
}

.navigation ul li.red a:hover {
color:#ffffff;
text-decoration:none;
background:#611a0d;
}

#generalagency .navigation ul li.red a {
border-top:8px solid #611a0d;
background:#EBEAD8;
color:#312920;
text-decoration:none;
padding:8px 5px 15px 5px;
}
/* top navigation */

.header {
font-size: 12px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.header ul{
padding: 0;
margin: -3px 0px 0px 0px;
text-align: right; /*set value to "left", "center", or "right"*/
overflow: hidden;
}

.header ul li{
display: inline;
margin-left:none;
}

.header ul li a{
color: #3e5a5f;
padding: 8px 6px 6px 12px;
margin: 0;
text-decoration: none;
border-left: 1px dotted #d9d5ba; /*right border between menu items*/
background:none;
}

.header ul li a:hover{
color: #000000;
text-decoration: underline;
background:none;
}

/* subnav */

/*navigation styles*/

.subnav {
height:25px;
padding:2px;
background:#EBEAD8;
font-size:13px;
font-family:"Lucida Fax", Georgia, "Times New Roman", Times, serif;
}

.subnav ul {
list-style: none;
/*float: left;*/
}

.subnav ul li {
float:left;
display:inline;
margin-left:none;
}

.subnav a {
/*float: left;*/
display: block;
}

/*--Assign an image and width to each link--*/
.subnav ul li a, .subnav ul li a:visited {
text-decoration:none;
padding:2px 4px 2px 4px;
margin:2px 2px 2px 1px;
}

.pad {
margin-right:2px;
border-right:1px solid #ffffff;
}

/*--CSS Sprites - Hover State--*/
.subnav  ul a:hover {
background:#ffffff;
}

/*--Assign an image and width to each link--*/
.subnav ul li.one a, .subnav ul li.two a, .subnav ul li.three a, .subnav ul li.four a, .subnav ul li.five a, .subnav ul li.six a, .subnav ul li.seven .subnav ul li.eight a {
/*margin-right:2px;*/
}

#one li.one a, /*--Home Page > Home Link--*/
#two li.two a, /*--About Page > About Link--*/
#three li.three a, /*--Services Page > Services Link--*/
#four li.four a, /*--Portfolio Page > Portfolio Link--*/
#five li.five a, /*--Contact Page > Contact Link--*/
#six li.six a /*--Blog Page > Blog Link--*/
#seven li.seven a /*--Blog Page > Blog Link--*/
#seven li.eight a /*--Blog Page > Blog Link--*/
{
background:#ffffff;
}

/* basic footer */
.footer {
    background:url(images/logo_footer.jpg) right top no-repeat #ebead8;
	height:58px;
	text-align: right;
	padding:5px 150px 5px 5px;
	color: #967173;
	font-size:8px;
	clear:both;
}

.footer a, .footer a:link, .footer a:visited {
color: #967163;
text-decoration:none;
text-transform:uppercase;
}

.footer a:hover {
color: #88c7e0;
text-decoration:underline;
text-transform:uppercase;
}


/*links*/
a:link, a:visited {
	color: #1e3144;
	text-decoration: underline;
}

a:hover {
	color: #5e7780;
	text-decoration: none;
}

h1{
font-family: "Lucida Fax", Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#312920;
font-weight:normal;
padding:20px 0px 10px 0px;
}

h2{
font-family: "Lucida Fax", Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#636d23;
font-weight:normal;
padding:10px 0px 10px 0px;
}

h3{
font-family: "Lucida Fax", Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#601a0d;
font-weight:normal;
padding:10px 0px 10px 0px;
}

.likeh3{
font-family: "Lucida Fax", Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#601a0d;
}

h4{
font-family: "Lucida Fax", Georgia, "Times New Roman", Times, serif;
font-size:22px;
color:#3e5a5f;
font-weight:normal;
padding:10px 0px 10px 0px;
}

/*home styles*/
.header_home{
height:170px;
background:url(images/header_home.jpg) top center no-repeat;
margin:-9px -10px -15px -10px;
padding-top:30px;
}

.home_left {
margin:-60px 0px 0px -70px;
padding:226px 0px 0px 70px;
background:url(images/header_home_photo.png) no-repeat top left;
float:left;
width:246px;
font-size:12px;
}

.home_box {
float:left;
margin-left:10px;
width:200px;
}

.box {
font-size:12px;
color:#654c42;
margin-bottom:10px;
}

.box h2 {
font-size:16px;
color:#312920;
line-height:100%;
padding:0px 0px 10px 0px;
}

.box ul {
list-style: none;
line-height:100%;
}

.box ul li {
padding:8px 0px 8px 17px;
border-bottom:1px dotted #d9d5ba;
font-size:14px;
}

.box ul li a, .box ul li a:visited {
text-decoration:none;
}

.box ul li a:hover {
text-decoration:underline;
}

.box img {
margin:8px 0px 0px 16px;
}

/*blue box styles*/

.blue_tl {
background:url(images/box_blue_top_left.gif) no-repeat top left #AFD3C1;
} 

.blue_tr {
background:url(images/box_blue_top_right.gif) no-repeat top right;
}

.blue_bl {
background:url(images/box_blue_bottom_left.gif) no-repeat bottom left;
}

.blue_br {
background:url(images/box_blue_bottom_right.gif) no-repeat bottom right;
padding:9px;
}

.blue_br h2 {
background:url(images/box_blue_bullet_lg.gif) no-repeat;
padding-left:20px;
}

.blue_br ul li {
background:url(images/box_blue_bullet.gif) no-repeat center left;
}

/*green box styles*/

.green_tl {
background:url(images/box_green_top_left.gif) no-repeat top left #eae9b5;
} 

.green_tr {
background:url(images/box_green_top_right.gif) no-repeat top right;
}

.green_bl {
background:url(images/box_green_bottom_left.gif) no-repeat bottom left;
}

.green_br {
background:url(images/box_green_bottom_right.gif) no-repeat bottom right;
padding:9px;
}

.green_br h2 {
background:url(images/box_green_bullet_lg.gif) no-repeat;
padding-left:20px;
}

.green_br ul li {
background:url(images/box_green_bullet.gif) no-repeat center left;
}

/*red box styles*/

.red_tl {
background:url(images/box_red_top_left.gif) no-repeat top left #dbb7a9;
} 

.red_tr {
background:url(images/box_red_top_right.gif) no-repeat top right;
}

.red_bl {
background:url(images/box_red_bottom_left.gif) no-repeat bottom left;
}

.red_br {
background:url(images/box_red_bottom_right.gif) no-repeat bottom right;
padding:9px;
}

.red_br h2 {
background:url(images/box_red_bullet_lg.gif) no-repeat;
padding-left:20px;
}

.red_br ul li {
background:url(images/box_red_bullet.gif) no-repeat center left;
}

.columns .left {
width:565px;
float:left;
padding-right:10px;
border-right:2px dotted #c5bf96;
}

.columns .right {
margin-left:590px;
}

.columns_border .left {
width:555px;
float:left;
}

.columns_border .right {
margin-left:580px;
padding-left:10px;
border-left:2px dotted #c5bf96;
}

.columns_narrow .left {
width:600px;
float:left;
padding-right:10px;
border-right:2px dotted #c5bf96;
}

.columns_narrow .right {
margin-left:630px;
}

.columns_equal .left {
width:420px;
float:left;
}

.columns_equal .right {
margin-left:470px;
}



.topfade {
background:url(images/topfade.jpg) bottom repeat-x;
padding:0px 10px 5px 10px;
margin:0px -10px 15px -10px;
}

.topfade p {
width:570px
}

.topfade img {
float:right;
}

.insurance_box {
width:180px;
float:left;
padding:8px;
font-size:12px;
}

.insurance_box .borders {
border-left:1px dotted #82a7ac;
border-right:1px dotted #82a7ac;
margin:0px -8px 0px -8px;
padding:0px 8px 5px 8px;
}

.mission_text {
margin-left:277px;
}

.agent_results p {
border-bottom:1px dotted #c5bf96;
padding-bottom:10px;
margin-bottom:10px;
}


.agent_results .pages  ul {
list-style: none;
line-height:100%;
}

.agent_results .pages  ul li {
display:inline;
float:left;
margin-left:0px;
}

.agent_results .pages span {
padding:5px;
display:block;
margin:3px;
text-decoration:none; 
border:1px solid #d9d5ba;
}

.agent_results .pages  ul li a, .agent_results .pages ul li a:visited {
padding:5px;
display:block;
margin:3px;
text-decoration:none; 
border:1px solid #d9d5ba;
font-size:14px;
}

.agent_results .pages  ul li a:hover {
text-decoration:underline;
background: #E1ECEA;
}

.map {
float:right;
width:450px;
}

.map_left {
margin-right:470px;
}

.payment  h4{
background: url(images/insurance_auto_1.gif) right no-repeat;
padding-right:45px;
width:185px;
}

.link h4 {
background: url(images/insurance_auto_2.gif) right no-repeat;
padding-right:40px;
width:155px;
}

.agents {
padding:10px 0px 10px 0px;
margin-bottom:10px;
border-bottom:1px solid #d9d5ba;
}

.seo {
	text-align: center;
	color: #967173;
	font-size:11px;
}