/**************************************************
Site:           Pekin Insurance - http://www.pekininsurance.com
Created:        Nov 19 2008
Last Modified:  Nov 24 2008 
------------------------------------------------- 
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2008
================================================= */


/* Global Reset Styles *******************************/
/* ================================================= */
/* 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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	}
a img, :link img, :visited img {border: 0;}
txable {
	border-collapse: collapse;
	border-spacing: 0;
	border: 2px;
}
ul {list-style: none;}
q:before, q:after,
blockquote:before, blockquote:after {content: "";}

dt {font-weight: bold; }

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0;
	padding: 0;
}
em {font-style: italic;}

/* Clear Fixing */
.clear {
	clear: both;
	height: 0px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */



/* Common Global Styles ******************************/
/* ================================================= */
body{
	background: #bcc2c9 url(../images/body_bg.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

p{
	font-size: 12px;
	line-height: 1.3em;
	padding-bottom: 10px;
}

#wrapper{
	background: #fff url(../images/wrapper_top.png) no-repeat;
	margin: 0 auto;
	padding-top: 16px;
	text-align: left;
	width: 766px;
}
	#wrapper-border{
		border-left: 1px solid #b7c0c7;
		border-right: 1px solid #b7c0c7;
		width: 764px;
	}

#wrapper-content{
	background-color: #d2d7da;
	border-left: 1px solid #afb7bb;
	border-right: 1px solid #afb7bb;
	margin: 0 auto;
	padding-bottom: 15px;
	width: 764px;
}
	#wrapper-content-bottom{
		background: #bcc2c9 url(../images/wrapper_bottom.png) no-repeat;
		height: 16px;
		margin: 0 auto;
		padding-bottom: 10px;
		width: 766px;
	}


/* Header Styles *************************************/
/* ================================================= */
#header{
	padding: 0 20px;
}

	#header h1 { 
		background: url('../images/logo.gif') no-repeat;
		float: left;
		margin: 10px 0 0 0;
		width: 293px;
	}

		#header h1 a {
			background: url('../images/logo.gif') 0 0 no-repeat;
			display: block;
			font-size: 1px;
			height: 81px;
			height: 0px !important;
			height /**/:81px;
			overflow:hidden;
			padding: 81px 0px 0px 0px;
			width: 293px;
		}
		
		
	#frmSearch{
		float: right;
		margin-top: 50px;
	}
		#frmSearch label{
			color: #c3c6c9;
			font-size: 13px;
		}
		#frmSearch #search-box{
			border: 1px solid #e1e1e1;
			width: 100px;
		}
		
		
/* Main Navigation  Styles ***************************/
/* ================================================= */
#main-nav{
	height: 45px;
	margin: 10px 0;
	z-index: 10;
}
	#main-nav li{
		float: left; 
		position: relative;
		z-index: 99;
	}
		#main-nav li.last{border-right: none;}
		#main-nav li a{
			background: url(../images/nav_bg.gif) repeat-x right;
			color: #fff;
			display: block;
			font-size: 12px;
			height: 30px;
			padding-top: 15px;
			text-align: center;
			text-transform: uppercase;
			text-decoration: none;
			width: 120px;
		}
			#main-nav li a.first_btn{background: url(../images/Nnav_btn_first.gif) no-repeat; width: 120px;}
			#main-nav li a.last_btn{background: url(../images/nav_btn_last.gif) no-repeat right;}
			#main-nav li a:hover, #main_nav li a.active{color: #0079c2;}
			
		ul#main-nav ul {
			background-color: #b1c278;
			position: absolute; /* remove from flow and allow positioning */
			top: -999em; /* hide submenu in screen-reader and search-engine friendly way */
			width: 150px; /* VARIABLE. Must have a width for menu items to inherit. Use ems so font scaling does not break design*/
			padding-top: 8px;
			z-index: 90;
		}
	
		ul#main-nav ul li
		{ 
			border-bottom: 1px solid #fff; 
			width: 100%;
		}
			ul#main-nav ul li.first{border-top: 1px solid #fff;}
			
			/**** Position of second tier of nav ****/
			ul#main-nav li:hover ul,
			ul#main-nav li.sfHover ul
			{
				left: 0px;
				top: 38px;
			}

		ul#main-nav ul a {
			background: none;
			color:  #fff;
			height: auto;
			padding: 5px 6px 5px 14px;
			text-align: left;
			text-transform: none;
			text-indent: 0;
			width: 160px;
			}
		ul#main-nav li li:hover, ul#main-nav li li.sfHover, ul#main-nav ul a:hover,
		ul#main-nav ul li a:focus, ul#main-nav ul li a:hover, ul#main-nav ul li a:active {
			background: transparent; /* hover highlight */
			color: #0079c2;
		}




/* Banner Styles *************************************/
/* ================================================= */
#banner-top{
	background: url(../images/banner_top.gif) no-repeat;
	width: 730px;
}
#banner{
	background: #004068 url(../images/banner_bg.gif) repeat-y;
	margin-left: 17px;
	width: 730px;
}

	#news-alert{
		height: 110px;
	}
	
	#banner-nav{
		float: left;
		padding: 15px 10px 15px 15px;
		width: 219px;
	}
		#banner-nav h2{
			color: #fff;
			font-size: 16px;
			font-weight: normal;
			padding-bottom: 5px;
			text-transform: uppercase;
		}
			#banner-nav h2 span{font-size: 14px;}
		#banner-nav h3{
			color: #589fcb;
			font-size: 20px;
			font-weight: normal;
			margin-bottom: 15px;
			text-transform: uppercase;
		}
		#banner-nav p{
			color: #fff;
			padding-bottom: 5px;
			text-transform: uppercase;
		}
		#banner-nav span{
			color: #bcc2c9;
			font-size: 12px;
			padding-bottom: 5px;
		}

	#banner-nav ul{
		
	}
		#banner-nav ul li{
			float: left;
			margin-bottom: 5px;
			width: 100px;
		}
			#banner-nav ul li a{
				background: url(../images/banner_nav_bullet.gif) no-repeat left center;
				color: #f4f8fc;
				font-size: 16px;
				font-weight: bold;
				padding-left: 20px;
				text-decoration: none;
				text-transform: uppercase;
			}
				#banner-nav li a:hover, #banner-nav li a.active{
					background: url(../images/banner_nav_bullet_hover.gif) no-repeat left center;
					color: #abcf4c;
				}

	#banner-content{
		background: url(../images/banner_family.jpg) no-repeat;
		float: left;
		padding: 255px 20px 0 30px;
		width: 436px;
	}
		#banner-content p{
			color: #c2d0d9;
			padding-bottom: 10px;
		}
		#banner-content span, #banner-content strong{
			color: #fff;
			font-weight: bold;
		}
		#banner-content a{
			color: #b1c278;
			text-decoration: none;
		}
			#banner-content a:hover{text-decoration: underline;}
		#banner-learn{
			text-align: right;
		}
			#banner-learn a{
				background: url(../images/banner_learn_arrow.gif) no-repeat right center;
				padding-right: 10px;	
			}


	#banner-bottom{
		background: url(../images/banner_bottom.gif) no-repeat;
		height: 27px;
		width: 766px;
	}
	

/* Internal Banner Styles ****************************/
/* ================================================= */
#page-internal #banner{
	background: #004068 url(../images/banner_bg_internal.gif) repeat-y;
	margin-left: 17px;
	width: 730px;
}

	#page-internal #banner-nav{
		float: left;
		padding: 15px 10px 15px 15px;
		width: 118px;
	}
		#page-internal #banner-nav ul li{
			float: none;
			margin-bottom: 5px;
		}

#page-internal #banner-content{
	background: url(../images/banner_family_internal.jpg) no-repeat;
	padding: 115px 20px 0 30px;
	width: 537px;
}

#page-internal #banner-bottom{
	background: url(../images/banner_bottom_internal.gif) no-repeat;
	height: 27px;
	width: 766px;
}




/* Wrapper Content Callout Styles ********************/
/* ================================================= */
#wrapper-content ul{
	font-size: 12px;
	margin-left: 15px;
	margin-bottom: 10px;
}
	#wrapper-content ul li{
		list-style-image: url(../images/callout_bullet.gif);
		color: #636b72;
		padding-bottom: 5px;
	}

#wrapper-content p{
	color: #636b72;
}
#wrapper-content a{
	color: #636b72;
	text-decoration: underline;
}
	#wrapper-content a:hover{color: #abcf4c;}



/* Callout Left Styles *******************************/
/* ================================================= */
#callout-left{
	float: left;
	padding: 20px 20px 0 15px;
	width: 241px;
}
	#callout-left h3, #callout-left-wide h3{
		color: #0079c2;
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 10px;
		text-transform: uppercase;
	}
	#callout-left h4, #callout-left-wide h4{
		border-bottom: 1px solid #0079c2;
		color: #0079c2;
		font-size: 15px;
		font-weight: normal;
		margin-bottom: 10px;
		padding-bottom: 4px;
		text-transform: uppercase;
	}

#welcome{
	background: #eef1f5 url(../images/welcome_top.gif) no-repeat;
	min-height: 165px;
	padding: 15px 10px;
}
	#welcome-bottom{
		background: url(../images/welcome_bottom.gif) no-repeat;
		height: 16px;
		margin-bottom: 10px;
		width: 241px;
	}
	
			
	#partners-btn{padding-bottom: 0;}
	#partners-btn a{
		background: url(../images/partners_btn.gif) no-repeat;
		color: #39769f;
		display: block;
		font-size: 17px;
		height: 28px;
		padding-top: 10px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		width: 241px;
	}
		#partners-btn a:hover{
			color: #39769f;
			text-decoration: underline;
		}

#callout-left-wide{
	padding: 20px 20px 0 15px;
	width: 730px;
}
	#callout-left-wide #welcome{
		background: #eef1f5 url(../images/welcome_top_wide.gif) no-repeat;
	}
	#callout-left-wide #welcome-bottom{
		background: url(../images/welcome_bottom_wide.gif) no-repeat;
		height: 20px;
		width: 730px;
	}



/* Callout Right Styles ******************************/
/* ================================================= */
#callout-right{
	background: url(../images/callout_right_body.gif) repeat-y;
	float: left;
	margin: 20px 0 0 0;
	width: 472px;
}
#callout-right-top{
	background: url(../images/callout_right_top.gif) no-repeat;
}

#callout-right-bottom{
	background: #b7c0c7 url(../images/callout_right_bottom.gif) no-repeat;
	height: 13px;
	width: 472px;
}
	#callout-right h4{
		color: #fff;
		font-size: 15px;
		font-weight: normal;
		margin-bottom: 15px;
		text-transform: uppercase;
	}
	
	#callout-right p.read-more a{
		background: url(../images/arrow_bullet.gif) no-repeat right center;
		color: #abcf4c;
		padding-right: 10px;
		text-decoration: none;	
	}
		#callout-right p.read-more a:hover{text-decoration: underline;}
		
	
	.action{
		float: left;
		padding: 10px 20px 10px 15px;
		width: 203px;
	}
	.action-wide{
		padding: 10px 20px 10px 15px;
	}
		.right{
			padding-right: 15px;
		}
		
#wide #callout-right{
	background-image: none;
	background-color: #fff;
}
#wide #callout-right-top{
	background: url(../images/callout_right_top_wide.gif) no-repeat;
}
#wide #callout-right-bottom{
	background: #b7c0c7 url(../images/callout_right_bottom_wide.gif) no-repeat;
	height: 13px;
	width: 472px;
}
		
/* Footer Styles *************************************/
/* ================================================= */
#footer{
	background: #bcc2c9;
	margin: 0 auto;
	padding: 0 15px 10px 15px;
	width: 736px;
}
	#footer a{
		color: #3d454b;
	}
	#footer p{
		color: #626d76;
		font-size: 11px;
	}
		#footer p.footer-nav{
			color: #3d454b;
			float: left;
		}
		#footer p.footer-phone{
			color: #3d454b;
			float: right;
		}