body { background: #3B3872 url(../i/bg.png) 0 0 repeat-x; padding: 0 0 3em 0; font-size: 80%; margin-top: 2em; }

a { text-decoration: none; }
hr { width: 100%; display: inline-block; clear: both; margin: 5em 0 4em 0; border: 0 !important; height: 4px; background: transparent url(../i/hr.png) 0 0 repeat-x; }

/* div { border: 1px dotted green; } */

#auth_block { clear: both; display: inline-block; }

header { display: inline-block; margin: 0 0 3em 0; color: #fff; }
#footer { display: inline-block; padding: 2em 0; margin-top: 5em; background: #ccc; text-align: center;  }

/* HEADER
================================================== */
#small_nav { margin: 0 0 2em 0;  }
#small_nav a { line-height: 1em; color: #fff; font-size: 90%; text-decoration: none; display: inline-block; padding: 0 1em; border-right: 1px solid #fff; }
#small_nav a.first,
#small_nav a:first-child { padding-left: 0; }
#small_nav a.last,
#small_nav a:last-child { border: none; }
#small_nav a:hover { text-shadow: #fff 0 0 2px; }

#main_nav p a { color: #fff; padding: 0 1em; border-right: 1px solid #fff; font-size: 1.2em; }
#main_nav p a.first,
#main_nav p a:first-child { padding-left: 0; }
#main_nav p a.last,
#main_nav p a:last-child { border: none; }
#main_nav p a.active { color: #E6048C; }
#main_nav ul { margin: 0; padding: 0; color: #fff; position: relative; } #main_nav li ul { display: none; position: absolute; margin: 0; z-index: 1;}
#main_nav li { font-size: 1.2em; line-height: 100%;  }
#main_nav li a { display: block; color: #fff; width: 340px; padding: 1em; background: url(../i/select_insurance.png) 0 0 no-repeat; border-radius: .5em;  i}
#main_nav li a ul { display: none; background: transparent; position: absolute; } 
#main_nav li li { margin: 0; }
#main_nav li li a { width: 310px; color: #E6048C; font-weight: bold; font-size: 0.9em; margin: 0; background: #fff; opacity: 0.95; border-bottom: 1px solid #fff; border-radius: 0; }
#main_nav li li a:hover { background: #E6048C; color: #fff; border-bottom: 1px solid #CC067D; }
/* #main_nav li:hover ul { display: block; } */

#quoteline { background: #fff; color: #3b3870; border-radius: .5em; text-align: center; xmargin-top: -50px; }
#quoteline p { padding: 1em .3em .5em .3em; font-size: 1.7em;}
#quoteline a { display: inline-block; margin-top: 1.4em; font-size: .60em; color: #e6048c; padding-bottom: .3em; border-bottom: 1px solid #e6048c; }


/* HOME PAGE
================================================== */
#highlight { background: url(../i/highlight.png) 0 0 repeat-x; margin: 6em 0;  padding: 2em 0 0 0; }

#lead_text { font-family: 'Trebuchet MS'; }
#lead_text img { display: inline-block; margin-top: 60px; }
#lead_text p { display: none !important; padding-top: 2em; }
#lead_text span { line-height: 150%; font-size: 160%;  background: #E6048C; color: #fff; display: inline-block; clear: left; margin-bottom: 5px; padding: .3em .3em; box-shadow: 0 0 10px rgba(0,0,0,0.7); }
#lead_text strong { font-weight: normal; font-size: 140%; color: #fff; }
#lead_text span:nth-child(1) { margin-left: 1em;}
#lead_text span:nth-child(2) { margin-left: 1.4em;}
#lead_text span:nth-child(3) { margin-left: 1.9em;}
#lead_text span:nth-child(4) { margin-left: 1em;}
#splash { background: transparent url(../i/splash_bg.png); margin-top: -50px; height: 400px; position: relative;}
#splash img { display: block; position: absolute; top: 30px; left: 39px; }

.insurance_box { background: #fff; text-align: center; box-shadow: 0 0 30px rgba(0,0,0,0.7); padding: 1em 0; min-height: 240px; }
.insurance_box.active { cursor: pointer;  }
.insurance_box.active a { text-decoration: underline; }
.insurance_box h3 { font-size: 1.8em; font-weight: bold; color: #38356e; }
/* #car_insurance h3 { font-size: 1.8em; } */
/* #car_insurance img { display: block; margin-left: 30px; } */
.insurance_box img { margin-top: .3em; }
.insurance_box p.lead { display: inline-block; }

a.quote { padding: .7em 1em; background: #25225e url(../i/get_quote_gradient.png) 0 0 repeat-x; color: #fff; border-radius: .5em; }

#first_class_business { display: inline-block; margin-top: -10px; padding-top: 0; color: #fff; }
#first_class_business h2 { color: #fff; background: #e6048c; display: inline-block; margin: 0 0 1.5em 0; padding: .3em .4em; box-shadow: 0 0 5px rgba(0,0,0,0.8); font: 2.1em 'Trebuchet MS'; }
#first_class_business ul {  }
#first_class_business li { display: inline-block; width: 200px; vertical-align: top;  padding-left: 24px; background: url(../i/tick.png) 0 50% no-repeat; margin-bottom: 1.2em; }
#business_more { background: transparent url(../i/business_more.png) 0 50% no-repeat; color: #fff; }
#business_more p { padding: 2em 1.5em; font-size: bold; font-size: 1.1em; }

/* MAIN
================================================== */
#main { background: #fff; box-shadow: 0 0 40px rgba(0,0,0,0.8); margin: 4em auto; font-size: 1.2em; line-height: 150%; }
#content_wrapper { padding-bottom: 5em; }
#content_wrapper h1 { font-size: 1.8em; color: #2a2763; display: block; }
#content_wrapper .half { display: block; float: left; margin: 0; padding: 0; width: 49%; }
#content_wrapper .half h1 { margin-top: 0; padding-top: 0; line-height: 110%; }
#content_wrapper .half img { float: right; display: block; }
#content_wrapper ul { background: #fff6d5; padding: 1.5em 1em; }
#content_wrapper li { margin-left: 1em; padding: .5em 0 .5em 2em; background: url(../i/tick_main.png) 0 7px no-repeat; }
#subnav { margin: 0 0 .5em 0; display: block; width: 100%; background: transparent url(../i/subnav.png) 0 0 repeat-x; }
#subnav ul { margin: 0 10px; padding: 0;  }
#subnav li { display: inline-block; font-size: 1.1em; padding: 1em 0 1em 0em; border-right: 1px solid rgba(255,255,255,0.2); }
#subnav li a { display: inline-block; margin-right: 0em; padding: 0 0em 2em 0em; width: 130px; color: #fff; text-align: center !important; }
#subnav li.last { border: none; }
#subnav li a.active { background: transparent url(../i/subnav_active.png) bottom center no-repeat; }
#subnav a:hover { text-decoration: none; }

.add_padding { padding: 1em 2em; }

/* SIDEBAR
================================================== */
#sidebar { padding-bottom: 3em; }

.pink_box { background: url(../i/pink_box.png) top right no-repeat; color: #fff; padding: 20px 20px 30px 20px; width: 272px; margin-bottom: 2em; text-align: center; }
.pink_box a { color: #fff; }
.pink_box h3 { color: #fff; font-size: 1.5em; padding: .5em .7em; }
.pink_box .phone { margin: 20px 0 20px 15px; padding: 10px 0 10px 25px; background: url(../i/phone.png) 0 50% no-repeat; font-size: 1.2em;  }
.pink_box hr { margin: 5px 0; clear: both; height: 2px; background: transparent url(../i/pink_hr.png) 0 0 repeat-y; border: none; }
.pink_box a.get_quote { display: inline-block; margin: 1em 0; background: #25225e url(../i/get_quote_gradient.png) 0 0 repeat-x; border-radius: 5px; border: 1px solid #25225e; color: #fff; padding: 1em; }

.blue_box { font-size: 0.9em; width: 210px; background: #d7eef4; }
.blue_box p { padding: 1em; }

.clear_box { margin-left: 1em; width: 180px; }
.clear_box h4 { margin: 0; color: #036; font-size: 1.1em; }
.clear_box p { padding: 0 1em 1em 1em; margin-bottom: 1em; border-bottom: 1px solid #ccc;  }
.clear_box a.map { font-size: .9em; font-weight: bold; color: #036; }

/* FOOTER
================================================== */
#footer { background: #383667; color: #fff; font-size: 90%; text-align: left; }
#footer p { padding: 0 2em; line-height: 150%;  }
#footer ul { margin: 0; padding: 0; list-style-type: disc; }
#footer li { display: inline-block; margin: 0 0 .7em 0; padding-left: 16px; background: url(../i/circle.png) 0 50% no-repeat; width: 40%; }
#footer li a { color: #fff; }
#footer li a:hover { text-decoration: underline; }
.foot_info { background: url(../i/vert_hr.png) top right  repeat-y;}
.foot_info p { max-width: 400px; }

#subfooter { margin: 2em 0; }
#subfooter div.nav { float: left; }
#subfooter a { color: #fff; margin-right: 1em; }
#social_media { }
#social_media img:hover { }
.starfish { text-align: right; font-size: 80%; }
.starfish a  { color: #fff; }

/* DRUPAL SPECIFIC
================================================== */
#drupal_info { position: absolute: right: 0; top: 40%; width: 80px; padding: 1em; background: #000; background: rbga(0,0,0,0.7); color: #fff; }

#drupal_info a { display: block; clear: both; color: #fff !important; }
#drupal_info a:hover { text-decoration: underline; }
#drupal_info a.edit { padding-left: 30px; background: url(../i/edit.png) no-repeat; }

#drupal_messages { position: fixed; bottom: 0; left: 0; width: 100%; opacity: 0.7; }
#drupal_messages:hover { opacity: 1; }

/* iframe { border: none !important; } */
iframe { display: block; border: none; margin: 0; padding: 0; }

/* #break_out { background: #fff; display: block;  } */
.quote_page h1 {  color: #fff; margin: 1em 0; font-size: 250%;}
.quote_page iframe { background: #fff; padding: 0 1em; }


#alert { display: none; position: absolute; top: -5px; left: 30%; width: 40%; padding: 0.5em 0 1.5em 0; color: #000; background: #ffffb4; text-align: center; overflow: hidden; box-shadow: 0px 4px 5px rgba(0,0,0,0.3); border-radius: 5px;}
#alert:hover { cursor: pointer; }
#alert h1 { font-size: 200% !important; line-height: 120%; width: 80%; margin: 1em 10%; }
#alert p a { text-decoration: none; }
#alert p { padding: 0 3em; font-family: 'MuseoSlab500', Georgia; }
a#close_alert { position: absolute; display: block; top: 1em; right: 1em; text-indent: -9999em; width: 24px; height: 24px; background: url(../i/close.png) 0 0 no-repeat; }