/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
   color:#010000;
   background: #E7E5DD url('../images/bg.gif') repeat-x top left;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 62.5%;}
body.banner {
	background-image: url('../images/bg-banner.gif');
}   
 
* {
   margin:0;
   padding:0;
   list-style-type:none;}
  

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
 color:#010000;
 text-decoration: underline;}

a:hover, a:active {
 text-decoration:none;}

a.more{
  color:#174F7F !important;}

/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }

img {
	border: none; }

fieldset br{
 clear:both;}
 
fieldset{
 border:none;}

fieldset button{
  padding:0;
  cursor:pointer;
  background:none;
  margin:0;
  border:none;}

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{
  width:955px;
  margin:0 auto;}

/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#header{
  padding:15px 0 0 0;
  height:121px;}
  
.banner #header{
  height:390px;}

#header h1 a{
  display:block;
  float:left; 
  width:348px;
  text-indent:-9999px;
  overflow:hidden;
  height:78px;
  background:url('../images/logo.png') no-repeat top left;}

#header h2{
  padding:22px 20px 0 0;
  float:right;
  font: 2.4em Times,Georgia;}

ul#main-nav{
  clear:both;
  height:35px;
  border-left:1px solid #ACDCFE;
  font-size:14px;
  line-height:14px;}

ul#main-nav li{
  float:left;}

ul#main-nav  a{
  color:#FFF;  
  padding:11px 17px 0;
  text-align:center;
  float:left; 
  border-right:1px solid #ACDCFE;
  display:block;
  height:24px;
  text-decoration:none !important;}
ul#main-nav a:hover{
  color:#d9dddf;}  


/*ul#main-nav li.home a{width:71px;}*/
ul#main-nav li.life a{
  /*width:91px;*/
  height:32px;
  padding-top:3px;
  font-size:13px;}
ul#main-nav li.health a{
  /*width:91px;*/
  height:32px;
  padding-top:3px;
  font-size:13px;}
ul#main-nav li.employee a{
  /*width:92px;*/
  height:32px;
  padding-top:3px;
  font-size:13px;}
ul#main-nav li.disability a{
  /*width:91px;*/
  height:32px;
  padding-top:3px;
  font-size:13px;}
ul#main-nav li.retirement a{
  /*width:98px;*/
  height:32px;
  padding-top:3px;
  font-size:13px;}
ul#main-nav li.longterm a{
  /*width:95px;*/
  height:32px;
  padding-top:3px;
  font-size:13px;}
ul#main-nav li.college a{
  /*width:81px;*/
  height:32px;
  padding-top:3px;
  font-size:13px;}
/*ul#main-nav li.affiliates a{width:87px;}
ul#main-nav li.blog a{width:62px;}
ul#main-nav li.contact a{width:82px;}*/


#banner{
  position:relative;
  padding: 24px 0 0  12px;}

#banner .image{
  position:absolute;
  background:url('../images/banner_pic.png') no-repeat top left;
  width: 347px;
  height:246px;
  right:10px;
  top:5px;
  z-index:2;}

#banner .find-insurance{
  background:url('../images/bg_roundedbanner.png') no-repeat top left;
  width: 555px;
  height:181px;
  padding: 21px 24px 0 24px;}

#banner h3{
  font-size:3.4em;
  line-height: 1.1em;
  padding: 0 0 10px 0;}

#banner p{
  font-size:1.4em;
  padding: 0 0 13px 0;
  line-height:1.6em;}

#banner a.findInsurance{
  display:block;
  width:117px;
  height:30px;
  background:url(../images/btn_findinsurance.gif) no-repeat;
  text-indent:-9999px;
  overflow:hidden;}

#banner fieldset{
  position:relative;}

#banner fieldset label{
  float:left;
  font-size:1.2em;
  font-weight:bold;
  padding: 12px 0 0  0;
  display:block; 
  width:115px;}

#banner fieldset  input.text{
  width:136px;
  border:1px solid #5081AA;
  float:left;
  font: 18px Arial;
  padding: 5px;
  margin: 0 5px 0 0;
  height:26px;
  background:#FFF;}

#banner fieldset button{
  margin: 4px 0 0 0;
  width:120px;
  float:left;}

/* 3.2 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#content{
  padding:22px 0 0 0;}
  
.banner #content{
  padding-top:15px;}  

#main-content{
  width:630px;
  float:left;}

#main-content h1{
  font-size:3em;
  padding: 0 0 20px 0;}
  
#main-content h3{
  font-size:1.6em;
  line-height:1.7em;
  font-weight:bold;}  

#main-content p{
  font-size:1.4em;
  line-height:1.6em;
  padding: 0 0 20px 0;}
  
#main-content ul.bullets{
  margin:0;
  padding:0 0 20px 30px;
  list-style-type:disc;}
  
#main-content ul.bullets li{
  font-size:1.4em;
  line-height:1.6em;
  list-style-type:disc;}    

#sidebar{
  width:305px;
  float:right;}
  
#main-content .left-col {
	float: left;
	width: 310px;
}
#main-content .right-col {
	float: right;
	width: 310px;
}

/* Homepage 
---------------------*/
ul.feature li{
  float:left;
  padding: 0 0 10px 0;
  width:307px;}

ul.feature li.right{
  float:right;}

ul.feature img{
  background:#DDDBD1;
  padding:7px;
  margin: 0 0 5px 0;
  border:1px solid #D7D4CA;}

ul.feature h4{
  font-size:1.8em;
  padding: 0 0 5px 0;
  color:#223C4D;
  font-weight:normal;}
  
ul.feature h4 a{
  text-decoration: none;}  
  
a.insuranceQuotes {
	display: block;
	width: 321px;
	height: 64px;
	position: relative;
	top: -10px;
	left: -8px;
	background: url(../images/btn_insurance_quotes.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
a.buyTermLife {
	display: block;
	width: 305px;
	height: 48px;
	margin: 0 0 15px;
	font-size: 1.8em;
	line-height: 48px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: url(../images/green-btn.png) no-repeat 0 0;
	overflow: hidden;
}

.emailSignup {
	position: relative;
	margin: 15px 0;
	padding: 6px 15px 14px 15px;
	background: #dddbd1;
	border: 1px solid #d7d4ca;
}
.emailSignup label {
	float: left;
	padding: 6px 15px 0 0;
	font-size: 1.4em;
	font-weight: bold;
}
.emailSignup input.textbox {
	float: left;
	margin: 3px 10px 0 0;
	width: 260px;
	padding: 2px;
  	background-color: #fff;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #7f7f7f #bfbfbf #bfbfbf #7f7f7f;
}
.emailSignup input.button {
	float: left;
	width: 76px;
	height: 28px;
	color: #000;
	font-weight: bold;
	font-size: 1.4em;
	background: url(../images/newsletterButton.gif) no-repeat 0 0;
	border: none;
	cursor: pointer;
}
.emailSignup a.constantContact {
	display: block;
	position: absolute;
	bottom: 1px;
	right: 15px;
	width: 331px;
	height: 11px;
	background: url(../images/constantContact.gif);
}

/* Sidebar */
.categories .box{
  background:#DDDBD1;
  border:1px solid #D7D4CA; 
  margin: 0 0 12px 0;
  padding: 10px;}

.categories .box img.thumb{
  float:left;
  border:2px solid #FFF;}

.categories .box p{
  width:150px;
  font-size:18px;
  float:right;}
.categories .box.financial p span{ font-size:12px;font-weight:bold;}

.categories .box span{
  padding: 0 0 0 5px;
  display:block;}

.categories .box a{
  display:block;
  text-align:center;
  padding: 9px 0 0 0;
  text-decoration:none !important;
  background:url('../images/btn_bluestriped.gif') no-repeat top left;
  width:129px;
  margin: 3px 0 0 0;
  height:30px;}

.categories .box a.moremargin{
  margin: 15px 0 0 0 !important;}
  
  
/* Contact Form */  
.contactform{
  margin:0 0 10px 100px;}
  
.error-messages{
  padding:25px 25px 5px 25px;
  margin: 0 0 20px 0;
  color:#990000;
  background-color:#f5f3eb;
  border:1px solid #990000;}  
  
.contactform .textbox{
  width:200px;
  padding:2px;
  background-color:#fff;
  border-width:1px;
  border-style:solid;
  border-color: #7f7f7f #bfbfbf #bfbfbf #7f7f7f;}
.contactform textarea.textbox{
  width:300px;
  height:100px;} 
  
.contactform label{
  font-size:1.4em;}
.contactform sup{
  font-size:10px;
  line-height:8px;
  color:#990000;}    
  
.contactform td.label{
  width:100px;}   
.contactform td.longlabel{
  padding:5px 0;}
  
.contactform td.input{
  padding:2px 0;}   
.contactform td.input.checkbox{
  padding-right:5px;
  text-align:right;}  
  
.contactform .button{
  margin:6px 0 0 0;
  width:72px;
  height:28px;
  font-weight:bold;
  background:url(../images/submitButton.gif) no-repeat;
  border:none;
  cursor:pointer;}  
  
  
/* Employee Signup Form */    
.employeeform label,
.employeeform td.note,
.employeeform td.title,
.employeeform td.number,
.employeeform th {
  font-size:1.4em;}
.employeeform td,
.employeeform th{
  vertical-align: top;}  
  
.employeeform .textbox{
  padding:2px;
  background-color:#fff;
  border-width:1px;
  border-style:solid;
  border-color: #7f7f7f #bfbfbf #bfbfbf #7f7f7f;}
.employeeform select.textbox{
  padding:1px;}  
  
.employeeform td.label{
  padding:4px 5px 0 0;}
.employeeform td.note{
  padding:0 0 7px 0;}  
.employeeform td.title{
  padding:6px 0;
  font-weight:bold;}  

.employeeform td.input{
  padding: 2px 0;}  
.employeeform td.input .textbox{
  width:200px;} 

.employeeform .employees{
  margin-top:20px;}
.employeeform .employees td{
  padding:3px 2px;} 
.employeeform td.number{
  font-weight:bold;
  padding-top:5px;}
   
.employeeform td.name .textbox{
  width:125px;}
.employeeform td.birthdate .textbox{
  width:75px;}
.employeeform td.jobtitle .textbox{
  width:110px;}     
.employeeform td.zip .textbox{
  width:50px;}
  
.employeeform .button{
  margin:6px 0 0 0;
  width:72px;
  height:28px;
  font-weight:bold;
  background:url(../images/submitButton.gif) no-repeat;
  border:none;
  cursor:pointer;}              

/* 3.3 FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#footer{
  border-top:4px solid #223C4D;
  background:#3E6178;
  padding: 21px 0 20px 0; 
  font-size:1.1em;
  line-height:1.4em;
  color:#FFF;}

#footer a{
  color:#FFF !important;
  text-decoration:none !important;}

#footer a:hover{
  text-decoration: underline !important;}

#footer-wrapper{
  margin: 0 auto;
  width:955px;}

#footer-left{
  width:630px;
  float:left;}

#footer ul{
  padding: 15px 0 20px 0;}

#footer ul li{
  float:left;
  padding: 0 3px;}

#footer p.contact-info{
  float:right;
  text-align:right;
  width:220px;}

#footer p.contact-info span{
  display:block;}

#footer p.contact-info span.company{
  font-size:1.3em;}