body { text-align:center;
 background: url(images/menu-bg.png) repeat-x left top;
 font-family: Arial, Helvetica, sans-serif;
 color:#000000;
 font-size:12px;
 letter-spacing: .025em; 
 line-height: 14px; }



/* menu bg */
#menu-bg {
  position: relative;
  left: -41px;
  top: +134px;
  width: 1287px;
  height: 39px;
  z-index: 2;
  background-color:#1186d7;
 
}

/* family */
#family {
  position: absolute;
  left: +635px;
  top: -31px;
  width: 273px;
  height: 143px;
  z-index: 40;
  background-image:url(images/family.png);
  z-index:3;
  
}

/* bg */
#bg-frame {
	position: relative;
	width: 936px;
	height: auto;
	z-index: 3;
	background-image:url(images/bg.png);
	background-repeat:repeat-y;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align:justify;
	overflow: visible;
	
}



#border-btm {
position:relative;
height:16px;
width:936px;
bottom:0px;
background-image:url(images/bg-btm.png);
background-repeat:no-repeat;
margin:0;



}

#border-top {
position:relative;
height:16px;
width:936px;

}

#bg-frame-pages {
  position: relative;  
  width: 936px;
  height: 900px;
  z-index: 3;
  background-image:url(images/bg.png); 
  background-repeat:repeat-y;
  margin: 0 auto;
  text-align:justify;
}


/* _empty */
#_empty {
	position: relative;
	left: -5px;
	top: -25px;
	width: 877px;
	height: auto;
	z-index: 4;
}

/* c5-footer_relative */
.c5-footer {
  position: relative;
  left: 160px;
  top: 40px;
  width: 563px;
  height: 33px;
  z-index: 5;
  padding-bottom:50px;
  font-size: 10px;
  text-align:center;
  line-height:0.5em;
}

/* c5-button_relative */
.c5-button {
  position: relative;
  left: 225px;
  top: 10px;
  width: 436px;
  height: 52px;
  z-index: 6;
}



/* c3_frame_relative */
.body-copy {
margin: 20px 15px 10px 30px;
}

/* c2_quote-section_relative */
.quote-box {
	position: relative;
	left: 32px;
	top: 20px;
	width: 832px;
	height: 239px;
	z-index: 11;
	background:url(images/quote-box.png) no-repeat;
	padding-bottom: 10px;
 
}

#quote-btm { 
position:absolute; 
top:203px; 
width:300px; 
height:42px; 
padding:0px 10px 0px 450px;
color:#666666; 
text-align:right;
line-height: 10px;}




/* c1_text */
#c1_text {
  position: relative;
  left: 24px;
  top: auto;
  width: 851px;
  height: auto;
  z-index: 12;

  text-align: left;
  overflow: hidden;
  
}



/* m1_empty */
#m1_empty {
  position: relative;
  left: 20px;
  top: auto;
  width: 853px;
  height: 157px;
  z-index: 15;
}

/* m1_text */
#m1_text {
  position: absolute;
  left: 5px;
  top: 0px;
  width: 279px;
  height: 152px;
  z-index: 16;
   background-image:url(images/m1_frame_bg.png);
  background-position:top;
  background-repeat:no-repeat;

}

/* m2_text */
#m2_text {
  position: absolute;
  left: 289px;
   top: 0px;
 width: 279px;
  height: 152px;
  z-index: 17;
  background-image:url(images/m1_frame_bg.png);
  background-position:top;
  background-repeat:no-repeat;
}

/* m3_text */
#m3_text {
  position: absolute;
  left: 573px;
  top: 0px;
   width: 279px;
  height: 152px;
  z-index: 18;
  background-image:url(images/m1_frame_bg.png);
  background-position:top;
  background-repeat:no-repeat;
}

.m_text {
position: relative;
top: 12px;
left: 12px;
   width: 255px;
  height: 130px;
  }
  
.snippet-head {color:#cc6600; font-size:1.5em; text-decoration:none; font-weight:100; position:relative; top:10px; left:10px;}
.snippet-italic {color:#cc6600; font-size:1.5em; font-weight:bold; position:relative; top:0px; left:10px;}
.snippet {font-size:.95em; position:absolute; top:50px; left:10px; text-align:left; width:240px; }





/* logo */
#logo {
  position: relative;
  left: 20px;
  top: -33px;
  width: 139px;
  height: 135px;
  z-index: 29;
}

/* menu fg */
#menu_fg {
  position: relative;
  left: 7px;
  top: 99px;
  width: 921px;
  height: 39px;
  z-index: 38;
  background-color:#0e88d6;
}

/* menu text */
#menu {
  position: absolute;
  left: -31px;
  padding-top: 1px;
  width: 950px;
  height: 17px;
  z-index: 31;
}

#navlist li  
{
display: inline;
list-style-type: none;
padding-right: 37px;
padding-left: 37px;


color:white;
font-size: 18px;
text-decoration:none;
font-weight: bold;
font-family: arial, sans-serif;

/*letter-spacing: .02em;*/

}

.menu-divide { background-image:url(images/divide-tab.png); background-repeat:no-repeat; background-position:right; }

#navlist li a:link
{color:#FFFFFF;
text-decoration:none;}

#navlist li a:visited
{color:#FFFFFF;
text-decoration:none;}

#navlist li a:hover{
color: #C5E9FA;
text-decoration:none;
}




/* HOME SECURITY COMPARISON */
#hsc {
  position: absolute;
  left: 139px;
  top: 62px;
  width: 494px;
  height: 36px;
  z-index: 36;
}

/* QUOTES BY STATE */
.RegionalList { width: 250px; margin-top: 20px; margin-bottom: 20px; border: none;}
.RegionalListTextHeader {width: 250px; height: 8px; line-height: 18px; font-size: 16px; font-weight: bold; color:#CC6600; text-align:center; padding: 0px; margin: 0px;}
.RegionalListText { width: 250px; height: 100px; margin-left: 10px; color: #336699; font-weight: normal; overflow: auto; border-style:solid; border-width:thin; line-height:10px;}
.RegionalListText ul{line-height:1.2em; margin-top:0px;}
.RegionalListLink {color: #CC6600; font-weight: normal;}
#searchbystate { 
position: relative;
float:right;
padding-right: 25px;}



/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a {
  cursor: pointer;
  outline: none;
}
a:link { color: #2a79db; }
a:visited { color: #2a79db;  }
a:hover {color: #6699ff;  */

}

h1 {font:Arial, Helvetica, sans-serif; color:#008fd4; font-size:1.6em; text-decoration:none; font-weight:lighter;}
h2 {font:Arial, Helvetica, sans-serif; color:#cc6600; font-size:1.6em; text-decoration:none; font-weight:lighter;}

ul {
}
.required {color:#CC6600;}

dt {margin:20px 0 0 0 ;}
dd {font-style:italic}



.state-img {float:right; padding-left: 20px; border:none; }
.topspace {padding-top:10px}

/*RFQ*/
ul.steps li {
font-weight:bold;
padding:5px 0 5px 0;
}
ul.steps {list-style:none outside none; margin-top:20px; color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
letter-spacing:0.025em;
margin-left:100px;
}
ul.steps li strong {
color:#36A5EC;
font-size:14px;
}

ul.steps h3 {
color:black;
font-family:arial,helvetica,sans-serif;
font-size:23px;
font-weight:bold;
margin:0;
padding:0 0 10px;
text-align:left;
line-height:25px;
width:600px;
}

#myframe {width:500px; margin:10px 0 20px 120px; -moz-border-radius: 10px; border-radius: 10px; border:#CCC solid 1px; padding:10px; background-color:#FFF; }

#articles {background-image: url('images/m1_frame_bg.png');
    background-position: center top;
    background-repeat: no-repeat;
    height: 152px;float:right;width:279px;margin:0 10px}
	
#articles ul li{margin:0 0 4px 0 }	
#articles h2 {margin:16px 0 0 15px}