/*** Leo Rodriguez Insurance CSS ***/
/*** CSS Author: Web Editors ***/
/*** 3.22.10 ***/

/* Colors
Gold #d59119
Light Gold #c08112
Red #6f1200
Dark Red #4d0c00

/*

/***************************************************************************************************************

** Global Reset - Resets default browser CSS

***************************************************************************************************************/

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,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td

{margin:0 auto; padding:0; border:0; font-size:100%; line-height:1; font-family:inherit; text-align:left;}

/* Removes Firefox imposed outline */

a { outline: none; line-height:0px;}

table {border-collapse: collapse; border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
input,textarea {margin: 0;}
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}

html, body {margin:0; padding:0; height:100%;}

/***************************************************************************************************************

** Typography - Sets up some sensible default typography.

***************************************************************************************************************/

body {font-size: 12px; font-family: Verdana, Arial, sans-serif; } /* global default font-size */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {font-family: Verdana, Arial, sans-serif; color:#fff;} /* Default fonts and colors. */

/* Headings */

h1,h2,h3,h4,h5,h6 {font-weight:bold; font-family: Verdana, Arial, sans-serif; color:#fff; }
h1 {font-size: 36px; font-weight: bold;  }
h2 {font-size: 24px; font-weight: bold; }
h3 { font-size: 20px; font-weight:normal; }
h4 {font-size: 14px; font-weight:normal;}
h5 {font-size: 12px; font-weight:normal;}
h6 {font-size: 11px; font-weight:normal;}

/* Text elements */

p {line-height:18px; margin:0 auto; padding:10px 0;}

ul, ol { margin:10px 20px; padding:10px 20px; }
ul {list-style-type:disc; }
ol { list-style-type:decimal; }
li {line-height:18px;}

dl { margin: 0px 0px 16px 0px; }
dl dt { font-weight: bold; }
dl dd { margin-left: 18px; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 18px; font-style: italic; }
del { color: #000; }

a, a:visited {color:#d59119; text-decoration: none; line-height: 18px; }
a:hover { color:#d59119; text-decoration: underline; line-height: 18px; }

blockquote {margin:18px;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight: bold;}
pre, code {margin: 18px 0px; white-space:pre;}
pre, code, tt {font: 12px monospace; line-height: 18px;} 
tt {display: block; margin: 18px 0; line-height: 18px;}

/* Tables */

table { margin-bottom: 0px; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 0px; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }

/***** Main Layout *****/

body { margin: 0px; padding: 0px; }
.clear { clear: both; }
.float_left { float: left; padding: 0 15px 0 0; }

/*** Wraps ***/

#header_wrap { margin: 0px; padding: 0px; background: url(../images/header_bg.png) repeat-x; height: 157px; position: relative; z-index: 9990; }
#top_content_wrap { margin: 0px; padding: 0px; background: #73181c url(../images/texture_bg.jpg) no-repeat center; height: 403px; position: relative; z-index: 500; }
#bottom_content_wrap { margin: 0px; padding: 0px; background: #4b0c00 url(../images/bottom_bg.png) repeat-x; min-height: 442px; position: relative; overflow: auto; }
#footer_wrap { margin: 0px; padding: 0px; background: url(../images/footer_bg.gif) repeat-x; height: 52px; position: relative; }

/*** Header ***/

#header { margin: 0px auto; padding: 0px; width: 960px; position: relative; }
    #header #logo { margin: 0px; padding: 0px; position: absolute; top: 35px; left: 0px; }
    #header #phone { margin: 0px; padding: 0px; position: absolute; top: 5px; right: 0px; }
    #header #navigation { margin: 0px; padding: 0px; position: absolute; top: 120px; right: 0px; z-index: 9999; }

/* Dropdown Navigation */

    #nav, #nav ul { padding: 0px; margin: 0px; list-style: none; z-index: 9999; }
    #nav li a { display: block; font-size: 18px; text-transform: capitalize; text-decoration: none; }
    #nav li a:hover { text-decoration: underline; }
    #nav li { float: left; width: 11em; display: inline; padding: 0 0 0 0px; }
    #nav li ul { position: absolute; width: 11em; left: -999em; margin: 0px; padding-top: 12px; }
    #nav li ul li { margin: 0px; padding: 0px; }
    #nav li ul li a { font-size: 14px; padding: 5px; margin: 0px; background-color: #4d0c00; border-top: 1px solid #6f1200; }
    #nav li ul li a:hover { color: #fff; background-color: #350800; text-decoration: none; }
    #nav li:hover ul { left: auto; }
    #nav li:hover ul, #nav li.sfhover ul { left: auto; z-index: 9999; }
    
/*** Top Content ***/

#top_content { margin: 0px auto; width: 960px; overflow: hidden; padding: 30px 0px; position: relative; z-index: 9999; }
    #top_content #top_content_left { float: left; width: 530px; }
        #top_content #top_content_left h1#main_pg_heading { margin: 0px; padding: 0px; background: url(../images/main_pg_heading.png) no-repeat; width: 519px; height: 35px; text-indent: -9999px; }
        #top_content #top_content_left p { font-size: 1.1em; line-height: 2.0em; padding: 15px 0 0 0; }
    #top_content #top_content_right { float: right; width: 400px; }

/*** Bottom Content ***/

#bottom_content { margin: 0px auto; width: 960px; padding: 30px 0px; }
    #bottom_content #bottom_content_left { float: left; width: 600px; }
        #bottom_content #bottom_content_left h2 { color: #d59119; margin: 0px; padding: 0px; }
        #bottom_content #bottom_content_left p { font-size: 1.0em; line-height: 2.0em; padding: 10px 0 0 0; }
    
    #bottom_content #bottom_content_right { float: right; width: 330px; }
        #bottom_content #bottom_content_right #insurance_quote { background: url(../images/quote_bg.png) no-repeat; width: 300px; height: 149px; }
            #bottom_content #bottom_content_right #insurance_quote h3 { color: #d59119; text-align: center; padding: 5px 0 0 0; }
            #bottom_content #bottom_content_right #insurance_quote p { margin: 0px; padding: 0px; font-size: 14px; text-align: center; padding: 5px 0; }
            #bottom_content #bottom_content_right #insurance_quote img { margin: 0px; padding: 5px 0 0 30px; }
            #bottom_content #bottom_content_right #insurance_quote form { text-align: center; margin: 0px; padding: 15px 0 0 0; }
            #bottom_content #bottom_content_right #insurance_quote form select { width: 240px; font-size: 16px; }
            #insurance_quote ul { margin: 0px; padding: 0px; }
            #insurance_quote ul li { list-style: none; float: left; margin: 0px; padding: 0px; }
    
    #bottom_content .insurance_box { float: left; width: 300px; padding: 40px  10px 10px 10px; }
        #bottom_content .insurance_box img { float: left; margin: 0 15px 0px 0; padding: 0px; }
        #bottom_content .insurance_box h3 { margin: 0px; padding: 0 0 10px 0; }
        #bottom_content .insurance_box h3#auto_heading { background: url(../images/auto_heading.gif) no-repeat; width: 200px; height: 24px; text-indent: -9999px; float: left; }
        #bottom_content .insurance_box h3#home-heading { background: url(../images/home_heading.gif) no-repeat; width: 206px; height: 24px; text-indent: -9999px; float: left; }
        #bottom_content .insurance_box h3#health_heading { background: url(../images/health_heading.gif) no-repeat; width: 230px; height: 24px; text-indent: -9999px; float: left; }
        #bottom_content .insurance_box p { clear: both; line-height: 2.0em; }

/*** Footer ***/

#footer { margin: 0px auto; width: 960px; padding: 0px; }
    #footer p:first-child { float: left; margin: 0px; padding: 15px 0 0 0; }
    #footer p { float: right; margin: 0px; padding: 10px 0 0 0; text-align: right; }
        #footer p a { color: #6f1200; text-decoration: underline; }
        #footer p a:hover { text-decoration: none; }
        
/*** Subpages ***/

#top_content_wrap_sub { margin: 0px; padding: 0px; background: #73181c url(../images/texture_bg.jpg) no-repeat center; height: 90px; position: relative; z-index: 500; }
#bottom_content #bottom_content_left_sub { float: left; width: 680px; }
#bottom_content #bottom_content_left_sub h2 { color: #d59119; margin: 0px; padding: 0px; }
        #bottom_content #bottom_content_left_sub p { font-size: 1.0em; line-height: 2.0em; padding: 10px 0 0 0; }

#bottom_content #bottom_content_right_sub { float: right; width: 241px; }

#bottom_content_right_sub .sidebar_top { background: url(../images/sidebar_bg_top.gif) no-repeat; width: 241px; height: 8px; margin: 0px; padding: 0px; }
#bottom_content_right_sub .sidebar_mid { background: url(../images/sidebar_bg_mid.gif) repeat-y; width: 241px; margin: 0px; padding: 0px;}
#bottom_content_right_sub .sidebar_btm { background: url(../images/sidebar_bg_btm.gif) no-repeat; width: 241px; height: 8px; margin: 0px; padding: 0 0 15px 0; }
#bottom_content_right_sub .sidebar_mid h3 { color: #d59119; padding: 0px; margin: 0px; text-align: center; }
#bottom_content_right_sub .sidebar_mid p { text-align: center; margin: 0px; padding: 5px 0 15px 0; font-weight: bold; }

#bottom_content_right_sub ul { margin: 0px; padding: 10px 20px 0 20px; list-style: none; }
    #bottom_content_right_sub ul li { margin: 0px; padding: 0px; line-height: 25px; }
        #bottom_content_right_sub ul li img { margin: 0px; padding: 0 5px 0 0; vertical-align: middle; }
        #bottom_content_right_sub ul li a { color: #fff; line-height: 25px; font-size: 0.9em; text-decoration: underline; }
        #bottom_content_right_sub ul li a:hover { color: #d59119; }

#bottom_content #bottom_content_left_sub .team { margin: 20px 0 0 0; padding: 0px; overflow: hidden; }
    #bottom_content #bottom_content_left_sub h3 { margin: 20px 0 0 0; padding: 0px; }
    #bottom_content #bottom_content_left_sub .team h3 { margin: 0px; padding: 0px; color: #d59119; }
    #bottom_content #bottom_content_left_sub .team h4 { font-size: 1.4em; font-weight: bold; margin: 5px 0 0 0; padding: 0px; }
    #bottom_content #bottom_content_left_sub .team img { margin: 0px 15px 0 0; padding: 0px; float: left; }
    #bottom_content #bottom_content_left_sub .team p { line-height: 20px; }
    
#bottom_content #bottom_content_left_sub #insurance_area { margin: 30px 0 0 0; padding: 0px; }
#bottom_content #bottom_content_left_sub #insurance_area .insurance_info { margin: 0 0 10px 0; padding: 20px; overflow: hidden; border-bottom: 1px dotted #6f1200; }
    #bottom_content #bottom_content_left_sub #insurance_area .insurance_info h3 { margin: 0px; padding: 0px; color: #d59119; }
    #bottom_content #bottom_content_left_sub #insurance_area.insurance_info h4 { font-size: 1.4em; font-weight: bold; margin: 5px 0 0 0; padding: 0px; }
    #bottom_content #bottom_content_left_sub #insurance_area .insurance_info img { margin: 0px 15px 0 0; padding: 0px; float: left; }
    #bottom_content #bottom_content_left_sub #insurance_area .insurance_info p { line-height: 20px; }
.map { margin: 0px; padding: 15px 0 0 0; }
    .map iframe { margin: 0px; padding: 15px 0 0 0; }
    
