/*
targetted iFrame for blog
*/

#outerdiv{width:490px;height:1050px;overflow:hidden;position:relative; margin-left:5px; }
#inneriframe{
	position:absolute;
	top:-153px;
	left:-15px;
	width:550px;
	height:1300px;
}

html {
	background:#FFF;
}

html, body {
	height: 100%;
	background-image:url(../images-new/bodyback-new.png);
	background-repeat:repeat-y;
	background-position:center;
	font-size:14px;
	margin-top:4px;
}

p {margin:0px; padding:0px; font:Arial, Helvetica, sans-serif;}
img {border:0;}

body {
	font-family:Arial, Helvetica, sans-serif;
  color: #000;
}

#seperate {
	width:98%;
	margin:0 auto;
	height:2px;
	background-color:#ACE600;
}

ul,li {list-style-type: none;
}
a {outline: none; text-decoration: none; color: #247 }
a:hover {text-decoration: none; cursor: pointer;}
a span, button span, ul#nav span, h2 span, h3 span, h4 span {display: none;}

button {
  display: block;
}

h1 {
	color: #CC0033;
	font-weight:400;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0 10px 10px 8px;

}

h2 {
	color: #343D46;
	font-weight:550;
	font-size:17px;
	padding-left:10px;
	margin:3px 0 0 0;
	
}

h3 {
	color:#0084c4;
	font-weight:520;
	font-size:18px;
	margin:0px;
	padding:0px;
}

#clear {
	clear:both;
}

/* Header
============================================================================= */

#header_container {
  	text-align: center;
  	width: 100%;
  	height: 128px;
	margin-top:0px;
}

#header {
	background-image:url(../images-new/header-new.png);
	background-repeat:no-repeat;
	background-position:center;
  	width: 910px;
 	height: 80px;
  	margin: 0 auto;
	padding-right:2px;
	margin-top:0;
	background-color:#FFF;
}


#header #logo {
    width: 254px;
    height: 58px;
    padding: 5px 0 0 8px;
    float: left;
}


#header h1 {
    display: block;
    text-indent: -9999px;
    height: 58px;
    cursor: pointer;
}

#header h1 a {
      display: block;
      width: 254px;
      height: 58px;
}

#header_inner {
	padding-top:30px;
	padding-right:10px;
    text-align: right;
    width: 297px;
    height: 30px;
    float: right;
}

#header #header_inner p {
	font-size:12px;
      color: #063;
      margin: 30px 5px 0 0;
      line-height:20px;
}

#header_inner a {
  text-decoration: none;
  border-bottom: 1px dashed;
}


#phone_number {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:700;
	letter-spacing:1px;
	color:#fff;
}


/* Nav
============================================================================= */

#navbar {
	background-image:url(../images-new/navbar-new.png);
	width:913px;
	height:45px;
	overflow:hidden;
	margin: 0 auto;
	padding-top:9px;
	}



a.nav{
background: transparent url('../images-new/mainnav-left-new.png') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 30px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.nav, a:visited.nav, a:active.nav{
color: #fff; /*button text color*/
}

a.nav span{
background: transparent url('../images-new/mainnav-right-new.png') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.nav:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.nav:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#ccc;
}

.navwrapper{
margin-left:10px;
overflow: hidden;
width: 100%;
}


body#home #nav1,
body#crit #nav2,
body#serious #nav3,
body#income #nav4,
body#unemp #nav5,
body#process #nav6
        {
          background-position: bottom left;
		  
        }
		
body#home #nav1 span,
body#crit #nav2 span,
body#serious #nav3 span,
body#income #nav4 span,
body#unemp #nav5 span,
body#process #nav6 span
        {
		  background-position: bottom right;
		  color:#fff;
        }

body#prices #snav1,
body#faq #snav2,
body#articles #snav3,
body#jargon #snav4,
body#calc #snav5
{
	color:#FFF;
}

/* Sidebar Nav (jquery)
=============================================================================*/ 

.menu_list {
	width: 192px;
	padding-top:3px;
	padding-left:4px;
}
.menu_list2 {
	width: 792px;
	padding-top:0;
	padding-left:4px;
	text-decoration:none;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
    background: #A0D1E9 url(../images/left.png) center right no-repeat;
}
.menu_head2 {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
    background-color:#5B6678;
	text-decoration:none;
}
.menu_head2 a{
	color:#fff;
}
.menu_head2 a:hover {
	color:#CC0033;
}
.menu_body {
	display:none;
	line-height:25px;
	font-size:12px;
}
.menu_body li{
	list-style-position:inside;
}
.menu_body a {
  display:block;
  color:#39C;
  background-color:#E2F5FE;
  padding-left:8px;
  text-decoration:none;
}
.menu_body a:hover {
  color: #96C;
}




/* Main Content
=============================================================================*/ 
#cta-top {
	float:right;
	text-align:right;
	font-size:9px;
	color:#999;
	padding:5px;
	width:200px;
	height:200px;
}



#home1 p, #main1 p, #main2 p, #leftcol p, #rightcol p, #anim p, #toggle p{
	padding:7px 10px;
	color:#666;
	font-size:13px;
	font:Arial, Helvetica, sans-serif;
}

.highlight {
	font-weight:bod;
	color:#5B6678;
}

table {
	padding:7px 10px;
	color:#403166;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}



#page_container {
  text-align: centre;
  width:913px;
  margin:0 auto;
  padding:0;
  background-color:#FFF;
}

#content {
	padding:0px 0px 0px;
}

#home1, #main1 {
	float:left;
  	width:666px;
	padding-top:5px;
	padding-left:10px;
}
#home1, #main1 table{
	padding:0;
	margin:0;}

#home1mid, #main1mid {
	background-image:url(../images/backgrounds/main1b.png);
	background-repeat:repeat-y;
	background-position:top;
	float:left;
  	width:505px;
	min-height:820px;
}

#home1top, #main1top {
	background-image:url(../images/backgrounds/main1btop.png);
	background-repeat:no-repeat;
	background-position:top;
  	width:505px;
	height:5px;
}

#home1bot, #main1bot {
	background-image:url(../images/backgrounds/main1bbot.png);
	background-repeat:no-repeat;
	background-position:top;
  	width:505px;
	height:20px;
}

#home1 ul, #main1 ul {
	margin-top:5px;
}

#home1 ul li{
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	list-style:square;
	color:#403166;
}

#main1 ul li {
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	list-style-image:url(../images-new/tick-new.jpg);
	
	color:#5B6678;
}

.credit {
	font-size:9px;
}

#home1 a, #main1 a {
	text-decoration:underline;
}

#leftcol {
	float:left;
  	width: 199px;
	margin-left:1px;
	padding-top:1px;
}


#overview {
	width:99%;
	margin:0 auto;
	background-color:#E8FDEF;
}

#overview2 {
	width:99%;
	margin:0 auto;
	background-color:#FDF7E1;
}

#overview2 a {
	text-decoration:none;
	display:block;
	height:39px;
	padding-top:8px;
	background-image:url(../images/buttons/over2.png);
	background-repeat:no-repeat;
	background-position:center
}

#overview2 a:hover {
	color:#FFF;
}


#overview3 {
	width:99%;
	margin:0 auto;
	background-color:#E3EBFD;
}

#overview3 a {
	text-decoration:none;
	display:block;
	height:30px;
	padding-top:15px;
	background-image:url(../images/buttons/over3.png);
	background-repeat:no-repeat;
	background-position:center
}

#overview3 a:hover {
	color:#FFF;
}
	
#subheader {
	background-image:url(../images/backgrounds/submenuhead.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 200px;
	height: 25px;
}

#subheader h2{
	padding-top:4px;
	color:#AB168E;
	font-size:14px;
	font-weight:300;
}

#submenu {
	background-image:url(../images/backgrounds/submenu.png);
	background-repeat:no-repeat;
	background-position:bottom;
  	width: 200px;
}

#submenu ul {
	margin:0;
	padding-top:8px;
	padding-left:35px;
	line-height:24px;
}

#submenu li {
	list-style-image:url(../images/global/bullet.png);
	color:#39C;
}

#submenu a {
	font-size:12px;
	color:#39C;
	margin:0;
}

#submenu a:hover {
	color:#36C;
}


#cta1 {
	margin:0;
}


#submenu2 {
  	width: 200px;
	height: 160px;
}

#submenu2 ul {
	line-height:70px;
	margin:0;
	padding:0;
}

#submenu2 ul li a {
	    font-size:12px;
        display: block;
    	height: 64px;
		color: #FFF;
}

#policy {background: url(../images/buttons/policy-info.png) top no-repeat; width: 200px; text-indent: 20px;}
#retrieve {background: url(../images/buttons/retrieve-quote.png) top no-repeat; width: 200px; text-indent: 20px;}
#contact {background: url(../images/buttons/contact.png) top no-repeat; width: 200px; text-indent: 20px;}
#tools {background: url(../images/buttons/tools.png) top no-repeat; width: 200px; text-indent: 20px;}

        #policy:hover,
        #retrieve:hover,
		#contact:hover,
		#tools:hover
        {
		  color: #FFF;
          background-position: 0 -66px;
        }


#cta ul {
	margin:0;
	padding:0;
}

#cta ul li a {
        display: block;
    	height: 131px;
}

#cta1 {background: url(../images/buttons/cta-quote.png) top no-repeat; width: 200px;}
#cta1:hover {background: url(../images/buttons/cta-quote2.png) top no-repeat; width: 200px;}



#submenu3 {
	vertical-align:top;
  	width: 200px;
	margin-left:0;
	z-index:1;
	padding-top:1px;
}


#halo1 {
	position:relative;
	z-index:2;
	padding-top:50;
}


#submenu3 ul {
	line-height:70px;
	margin:0;
	padding:0;
}

#submenu3 p a{
	color:#363;
}

#submenu3 ul li a {
	font-size:12px;
        display: block;
    	height: 64px;
		color: #FFF;
}

#blog {background: url(../images/buttons/blog.png) top no-repeat; width: 200px; text-indent: 20px;}
#gloss {background: url(../images/buttons/questions.png) top no-repeat; width: 200px; text-indent: 20px;}

        #blog:hover,
        #gloss:hover
        {
		  color: #FFF;
          background-position: 0 -66px;
        }

#guide {
        display: block;
    	height: 20px;
		color: #000;
}

#anim {
  	width: 205px;
	height: 250px;
}


#rightcol {
	float:left;
  	width: 205px;
	margin:0;
	padding:0;
}



#box1header {
	background-image:url(../images/backgrounds/box1head.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 500px;
	height: 25px;
	padding-left:4px;
}

#box1header h2{
	padding-top:4px;
	color:#AB168E;
	font-size:14px;
	font-weight:300;
	text-align:center;
}

#box1 {
	background-image:url(../images/backgrounds/box1.png);
	background-repeat:no-repeat;
	background-position:bottom;
  	width: 500px;
	padding-left:4px;
}

#box1 p{
	padding-bottom:30px; 
}


#box2header {
	background-image:url(../images/backgrounds/box2head.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 500px;
	height: 25px;
	padding-left:4px;
}

#box2header h2{
	padding-top:4px;
	color:#EA7500;
	font-size:14px;
	font-weight:300;
	text-align:center;
}

#box2 {
	background-image:url(../images/backgrounds/box2.png);
	background-repeat:no-repeat;
	background-position:bottom;
  	width: 500px;
	padding-left:4px;
}

#box2 p{
	padding-bottom:30px; 
}


#box3header {
	background-image:url(../images/backgrounds/box3head.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 500px;
	height: 25px;
	padding-left:4px;
}

#box3header h2{
	padding-top:4px;
	color:#393;
	font-size:14px;
	font-weight:300;
	text-align:center;
}

#box3 {
	background-image:url(../images/backgrounds/box3.png);
	background-repeat:no-repeat;
	background-position:bottom;
  	width: 500px;
	padding-left:4px;
}

#box3 p{
	padding-bottom:30px; 
}




/* Footer
============================================================================= */

#seperator {
	width:100%;
	height:1px;
	background-color:#CC0033;
	margin:0 auto;
}

#footer {
	width: 830px;
	height: 50px;
	float: left;
	padding-top:40px;
	padding-left:37px;
    background-color:#FFF;
	color: #4B703F;
	font-size:11px;
	margin:0;
}

#footer p {
	color: #5B6678;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}

#footer a {
	color: #CC0033;
	text-decoration:underline;
}
