/*
Theme Name:M2Insurance
Theme URI:http://www.elementhd.com/
Description:Corporate Home for M2Insurance by Element HD.
Version:1.0
Author:Element HD
Author URI:http://elementhd.com/
Tags:element, jquery, slider, dark, fixed
  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 caption{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}
:focus{outline:0}
ol,ul{list-style:none}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
strong{font-weight:700}
em{font-style:normal}
a{text-decoration:none;cursor:pointer}

input.s {background-image:url('images/bg_txtinput.gif');font:18px Arial, Helvetica, sans-serif;color:#5a5555;width:200px;font-weight:normal;background-repeat:no-repeat;padding:3px 0 0 5px}

body{font-family:Arial, Helvetica, sans-serif; background:#fff url(images/body_bg_hp.png) center top repeat-x;}
body.formPath{font-family:Arial, Helvetica, sans-serif; background:#fff url(images/body_bg_formpath.png) center top repeat-x;}

/* Header & Navigation */
#header{width:1000px;height:164px;background:url(images/header_bg.png) no-repeat;position:relative;padding:0}
#header_formpath{width:1000px;height:164px;background:url(images/header_bg_white.png) no-repeat;position:relative;padding:0}
#header_formpath h1 a{display:block;float:left;width:283px;height:86px;margin:25px 0 0}
#header h1 a{display:block;float:left;width:283px;height:86px;margin:25px 0 0}
#header ul#navitems{position:absolute;right:34px;bottom:18px;height:91px;width:616px}
#header ul li{display:block;float:left}
#header ul li a{display:block;position:relative;background-image:url(images/header_links.png);background-repeat:no-repeat}
#header ul li a span.hover{display:block;position:absolute;background-image:url(images/header_links.png);background-repeat:no-repeat}
#go_auto{width:167px;height:91px}
#go_auto a{width:167px;height:91px;background-position:0 0}
#go_auto a .hover{width:167px;height:91px;background-position:0 -91px}
#go_home{width:147px;height:91px;padding:0}
#go_home a{width:147px;height:91px;background-position:-166px 0}
#go_home a .hover{width:147px;height:91px;background-position:-166px -91px}
#go_life{width:135px;height:91px;padding:0}
#go_life a{width:135px;height:91px;background-position:-312px 0}
#go_life a .hover{width:135px;height:91px;background-position:-312px -91px}
#go_business{width:166px;height:91px;padding:0}
#go_business a{width:166px;height:91px;background-position:-446px 0}
#go_business a .hover{width:166px;height:91px;background-position:-446px -91px}
#header .popup{position:absolute;display:none;width:175px;height:61px;background:url(images/popup_bg.png) center center no-repeat;z-index:50;font-size:11px;color:#fff;margin:100px 0 0 375px;padding:10px 0 0}
#header .popup p{padding:2px 0 0 15px}
#header .popup img{vertical-align:middle}
#header .popup strong{color:#000}
#header .popup a{color:#93ddf4}
#slider{width:965px;position:relative;margin:0 auto}
#page .navigation{height:50px;background:url(images/page_navigation_bg.png) center top no-repeat;padding:0 0 0 20px}
#page .navigation li{height:50px;float:left;padding:0 2px 0 0}
#page .navigation a{display:block;height:50px;line-height:50px;float:left;font-size:13px;color:#5a79b9;font-weight:700;padding:0 1px 0 0}
#page .navigation a:hover,#page .navigation a.selected{color:#8faae1;background:url(images/page_navigation_a.png) right top no-repeat}
#page .navigation a.selected{color:#a8bce7}
#page .navigation a span{display:block;height:50px;float:left;padding:0 25px}
#page .navigation a:hover span,#page .navigation a.selected span{background:url(images/page_navigation_span.png) left top no-repeat}
#page .navigation a:focus{outline:none}

/*  Homepage */
#page .scroll{height:272px;background:url(images/bg_panel.gif) left top no-repeat;width:965px;overflow:auto;position:relative;clear:left;margin:0 auto}
#page .scrollContainer .panel{height:272px;width:965px;overflow:hidden;padding:0 0 0 10px}
#panelback{height:272px;width:965px}
#panelback.auto{background:url(images/panel_home_auto.gif) left bottom no-repeat}
#panelback.home{background:url(images/panel_home_home.gif) left bottom no-repeat}
#panelback.life{background:url(images/panel_home_life.gif) left bottom no-repeat}
#panelback.business{background:url(images/panel_home_business.gif) left bottom no-repeat}
#panelback #customer{position:absolute;width:250px;height:70px;font:19px Arial, Helvetica, sans-serif;margin:60px 0 0 57px;padding:20px 0 0}
#panelback #savings{position:absolute;width:100px;height:70px;font:45px Arial, Helvetica, sans-serif;margin:67px 0 0 320px;padding:20px 0 0}
#panelback #quote{position:absolute;width:350px;height:50px;font:20px "Courier New", Courier, monospace;font-weight:700;margin:140px 0 0 57px;padding:20px 0 0}
#panelform{position:absolute;display:block;width:200px;height:100px;margin:85px 0 0 705px;padding:15px 0 0}
#panelform input.zip{background-image:url('images/bg_txtinput.gif');font:18px "Courier New", Courier, monospace;color:#5a5555;width:220px;font-weight:700;background-repeat:no-repeat;padding:3px 0 0 5px}
#panelform input.btn{padding:8px 0 0 42px}
#subnav{position:relative;z-index:1000;float:right;color:#AFDADC;font:12px bold;padding:10px 0 0}
.hp_email{background-image:url('images/bg_txtinput.gif');font:13px "Courier New", Courier, monospace;color:#5a5555;width:200px;background-repeat:no-repeat;padding:3px 0 0 5px}
#page .scrollButtons{width:45px;height:45px;position:absolute;top:85px;cursor:pointer}
#page .scrollButtons a{display:block;height:45px;width:45px}
#page .scrollMeLeft{left:-40px}
#page .scrollMeLeft a{background:url(images/left_right.png) 0 0 no-repeat}
#page .scrollMeLeft a:hover{background:url(images/left_right.png) 0 -46px no-repeat}
#page .scrollMeRight{right:-40px}
#page .scrollMeRight a{background:url(images/left_right.png) -45px 0 no-repeat}
#page .scrollMeRight a:hover{background:url(images/left_right.png) -45px -46px no-repeat}
#midpage{height:250px;font-size:13px;margin:28px 0 0 0}
#midpage #hpsubs{width:230px;height:235px;border:1px solid #e0e0e0;background:#fff url(images/bg_subpanel.gif) top left repeat-x;padding:10px 0 0 10px}
/* / Homepage */

/* Subpage Panels */
.superWrap {background:#3275aa url(<?php bloginfo('template_url'); ?>/images/bg_subpg.jpg) center bottom no-repeat; width:100%}
#subpage_panel.left{width:650px;float:left;border:1px solid #e0e0e0;background:#fff url(images/bg_subpg_panel.jpg) top left repeat-x;padding:20px}
#subpage_panel.right{width:250px;float:right;border:1px solid #e0e0e0;background:#fff url(images/bg_subpg_panel.jpg) top left repeat-x;padding:20px}

#formStepper { width:100%; display:block; margin-bottom:20px }
#formStepper LI { font-size:12px; font-weight:bold; display: block; height: 19px; margin: 0 10px 0 0; padding:7px 13px 4px 13px; background:#d0e2e8; color:#3679ac; border:1px solid #a3cce4; float:left }
#formStepper LI.active { background:#3f7689; color:#fff; }

#subpage_panel A:link, #subpage_panel A:visited { color:#FF6600 } 
#subpage_panel A:hover, #subpage_panel A:active { color:#FF3300 } 

/* Footer */
#footer{height:90px;font-size:13px}
#footer p{width:1000px;overflow:hidden;color:#374051;margin:0 auto}
#footer span{display:block;height:90px;line-height:90px}
#footer a{color:#727fa1}
.topPost{font-size:11pt;color:#000;margin:0;padding:0}
div.topPost {padding-top: 20px;}
.topPost h2.topTitle a{font-size:32pt;color:#999;letter-spacing:-2px}
.topPost h2.topTitle a:hover{text-decoration:none;color:#abd1ea}
.topPost p.topMeta{font-size:9pt;color:#cdcdcd;margin:-10px 0 0;padding:0}
.topPost p.topMeta a:hover{color:#ccc}
.topPost p {line-height:19px; padding: 0 0 15px 0}
.topPost div.topContent{font-size:11pt;color:#000;margin:8px 0}
.topPost div.topContent a:hover{text-decoration:underline;color:#f93}
.topPost div.topContent ul,.topPost div.topContent ol{padding:0 0 0 30px}
.topPost div.topContent ul li,.topPost div.topContent ol li{color:#eee}

div#fancy_overlay{position:absolute;top:0;left:0;z-index:90;width:100%;background-color:#333}
div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100}
div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(images/fancy_progress.png) no-repeat}
div#fancy_close{position:absolute;top:-12px;left:-12px;height:30px;width:30px;background:transparent url(images/fancy_closebox.png);cursor:pointer;z-index:100;display:none}
div#fancy_content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:96;margin:0;padding:0}
#fancy_frame{position:relative;width:100%;height:100%;display:none}
img#fancy_img{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:92;cursor:pointer;margin:0;padding:0}
div#fancy_title{position:absolute;bottom:-35px;left:0;width:100%;z-index:100;display:none}
div#fancy_title table{margin:0 auto}
div#fancy_title div{color:#FFF;font:bold 12px Arial;padding-bottom:2px}
td#fancy_title_left{height:32px;width:15px;background:transparent url(images/fancy_title_left.png) repeat-x}
td#fancy_title_main{height:32px;background:transparent url(images/fancy_title_main.png) repeat-x}
td#fancy_title_right{height:32px;width:15px;background:transparent url(images/fancy_title_right.png) repeat-x}
div#fancy_outer{position:absolute;top:0;left:0;z-index:90;overflow:hidden;background:transparent;display:none;margin:0;padding:18px 18px 58px}
div#fancy_inner{position:relative;width:100%;height:100%;border:1px solid #fff;background:#fff}
a#fancy_left,a#fancy_right{position:absolute;bottom:10px;height:100%;width:35%;cursor:pointer;background-image:url(images/data:image/gif;base64,AAAA);z-index:100}
a#fancy_left{left:0}
a#fancy_right{right:0}
a#fancy_left:hover{background:transparent url(images/fancy_left.gif) no-repeat 0 100%}
a#fancy_right:hover{background:transparent url(images/fancy_right.gif) no-repeat 100% 100%}
#fancy_bigIframe,#fancy_freeIframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
div.fancy_bg{position:absolute;display:block;z-index:70}
div.fancy_bg_n{top:-18px;width:100%;height:18px;background:transparent url(images/fancy_shadow_n.png) repeat-x}
div.fancy_bg_ne{top:-18px;right:-13px;width:13px;height:18px;background:transparent url(images/fancy_shadow_ne.png) no-repeat}
div.fancy_bg_e{right:-13px;height:100%;width:13px;background:transparent url(images/fancy_shadow_e.png) repeat-y}
div.fancy_bg_se{bottom:-18px;right:-13px;width:13px;height:18px;background:transparent url(images/fancy_shadow_se.png) no-repeat}
div.fancy_bg_s{bottom:-18px;width:100%;height:18px;background:transparent url(images/fancy_shadow_s.png) repeat-x}
div.fancy_bg_sw{bottom:-18px;left:-13px;width:13px;height:18px;background:transparent url(images/fancy_shadow_sw.png) no-repeat}
div.fancy_bg_w{left:-13px;height:100%;width:13px;background:transparent url(images/fancy_shadow_w.png) repeat-y}
div.fancy_bg_nw{top:-18px;left:-13px;width:13px;height:18px;background:transparent url(images/fancy_shadow_nw.png) no-repeat}
.wrapper,#page{width:1000px;margin:0 auto}
#header ul li a strong,#page .scrollButtons span,div#fancy_bg{display:none}
#header .popup a:hover,#footer a:hover{text-decoration:underline}
#midpage .left,#footer .left{float:left}
#midpage .right,#footer .right{float:right}
.topPost p.topMeta a,.topPost div.topContent a{text-decoration:underline;color:#fff}
h2.hpBoxTitle { font-size: 15px; height:15px; padding: 0px 0 7px 0; margin: 0 0px 0 0px;}
a.hpTabTitle { display:block; font-size: 11px; height:18px; padding: 0px 0 7px 0; margin: 0 0px 0 0px; }


/*Page Content*/
H2.topTitle { font-size: 30px; padding: 10px 0 0px 0; margin: 0 10px 0 0px;}

/* Form Error Messaging */
#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

/*sidebar*/
#sidebar h2 { font-size: 30px; padding: 20px 0 7px 0; margin: 0 20px 0 0px;}
#sidebar div.textwidget { background:#fff; border:1px solid #d8d8d8; padding: 7px; }
li.widget { list-style:none; }

#sidebar UL.sidebar_subnav LI {list-style-type:disc; padding-left:3px; margin-left:18px; color:#87B4B6}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 45px;
}

.sIFR-hasFlash A.hpTabTitle { 
	visibility: hidden;
	font-size: 15px !important;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}