/* 

Paulnicklas.com                   
Design: Precision Intermedia - precisionintermedia.com
Live: 06/17/09           
Update: 07/25/09
*/

/* Colors: blue #4f9bf5 */

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, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
#tdFooterIndex {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	width: 170px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #999999;
}
#tableFooterIndex {
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
}
body { background-color: #fff; font-family: Helvetica, Arial, Sans-serif; font-size: 12px; }
a { text-decoration: none; color: blue; }
a:hover { color: #468be0; }
ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

h1 {}
h2 { font-size: 1.8em; color: #fff; line-height: 1.3em; letter-spacing: .1em; font-weight: normal; }
h3 { font-size: 1.2em; line-height: 1.3em; color: blue; }
h3.pad { padding: 40px 0 0 0; }
h4 { font-size: 1.4em; padding: 5px 0; line-height: 125%;}
h5 { font-size: 1.4em; color: blue; padding-top: 10px; }
h6 { font-size: 1.4em; padding: 3px 0; }
ol { padding: 0 0 0 25px; color: blue;}

#wrap { width: 900px; margin: 0 auto; background-color: #eaeaea; }
#container { width: 880px; margin: 0 10px; border-top: 10px solid #242424; background-color: #eee; }

#header { background: url(img/header_bg.jpg) repeat-x; height: 107px; padding-left: 25px; width: 855px; }
	#header #contact_info, #header #title, #header #mug { float: left; }
	#header #contact_info { padding: 5px 0 0 50px; line-height: 1.4em; font-size: .9em; }
		#header #contact_info ul li { padding: 0 0; }
	#header #mug { display: block; width: 104px; height: 107px; position: relative; left: 50px; }

#navigation { background: url(img/nav_bg.jpg) repeat-x; height: 37px; width: 880px; }
	#navigation .nav_button { float: left; padding: 0 25px; }
	#navigation #mug_bottom { float: right; padding-right: 24px; }

#contact_form { width: 500px; height: 400px; }
#content { width: 880px; padding: 10px; }
	#content h2 { color: #000; }
#blue_content { background: url(img/blue_bg.png) no-repeat; width: 880px; height: 288px; color: #fff; }
#blue_left { float: left; width: 460px; padding: 40px 120px 20px 20px; }
	#blue_left h3 { color: #fff;}
	#blue_left #descr { line-height: 1.5em; font-size: 1.1em; letter-spacing: .02em; width: 300px; }
#blue_right { float: right; width: 180px; padding: 20px 20px 20px 80px; }
	#blue_right p, #blue_right h3 { width: 180px; height: 25px; background: transparent; text-indent: -9999px; }
	#blue_right img { padding: 10px 0; }

#content_wrap {padding: 10px; line-height: 1.2em; letter-spacing: .1em; overflow: hidden;}
	#content_wrap ul { text-align: center; margin-top: 10px; }
		#content_wrap ul li { display: inline; padding: 20px 20px 0 20px; }
	#content_wrap p { padding: 5px 0; }
	#content_wrap h3 { font-size: 1.6em; line-height: 1.3em; color: blue; }
	#content_wrap img { float: right; padding: 10px;}

.float { float: left; width: 420px; }

/* -- Tabs -- */

#tab_wrap { width: 880px; height: 450px; background: url(img/bg.jpg) repeat; }
	#tabs { width: 880px; height: 71px; background: url(img/tab_bg.jpg) no-repeat; }
		#tabs-1, #tabs-2, #tabs-3, #tabs-4 { padding: 0 0 0 10px; }
.ui-tabs { padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.tab_content { width: 825px; height: 370px; padding: 15px; margin: 10px 10px 0 0; border: 1px solid #cecece; z-index: 1000; clear: both; display: block; background: #fff; }
.tab_content ul { list-style: circle; color: #468be0; font-size: 1.2em; }
.tab_content ul li { padding: 6px 0; }
.tab-left img, #blue_shield_float img { padding: 5px 75px; }

#anthem {width: 202px;height: 71px;padding-left: 25px;padding-right: 5px; }
#blue_shield { width: 202px; height: 71px; padding-right: 5px; }
#nwm { width: 202px; height: 71px; padding-right: 5px; }
#aflac { width: 202px; height: 71px; }
#nwm_float, #blue_shield_float, #anthem_float, #aflac_float, .tab-right, .tab-left { width: 380px; height: 380px; margin: 0 5px; padding: 10px 0; float: left; padding: 10px; }
#nwm_float p, #blue_shield_float p, #anthem_float p, #aflac_float p, .tab-right p, .tab-left p { padding: 5px 0; line-height: 1.4em; }
#anthem_float { background: url('img/anthem_bg.jpg') no-repeat; background-position: center center; }
#blue_shield_float { background: url('img/blue_shield_bg.jpg') no-repeat; background-position: center center; }
#nwm_float { background: url('img/nwm_bg.jpg') no-repeat; background-position: center center; }
#aflac_float { background: url(img/aflac_bg.jpg) no-repeat; background-position: center right; }
#footer { clear:both; width: 880px; height: 100px; background: url(img/footer_bg.jpg) repeat-x;
	border-bottom: 10px solid #242424; margin: 10px 0 0 0; }
#footer #footer_logo { padding: 35px 0 0 15px; float: left; }
#footer #footer_nav { float: left; padding: 55px 0 0px 35px; }
#footer #footer_nav #home_foot, #footer #footer_nav #about_foot, #footer #footer_nav #contact_foot, #footer #footer_nav #service_foot, #footer #footer_nav #links_foot { float: left; padding: 0 15px; }
#links p { padding: 5px 0; }

.quote { width: 205px; height: 53px; overflow: hidden; }
.quote a { background:transparent url(img/quote.png) no-repeat scroll 0 0; display:block; height:53px; text-indent:-9000px; width:205px; }

.clear {clear: both}

/* Contact Form Styles */

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040; }
label { color:#999; cursor:pointer; padding-left:2px; line-height:16px; }
label.chosen {color:#333;}

.outtaHere { position:absolute; left:-3000px; }

.radioArea, .radioAreaChecked { display:block; float:left; clear:left; width:15px; height:14px; font-size:0; cursor:pointer; }
.radioArea {background:url(../images/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../images/radio.gif) no-repeat left bottom;}

.checkboxArea, .checkboxAreaChecked { display:block; float:left; clear:left; width:13px; height:13px; font-size:0; padding:0; margin:0; cursor:pointer; }
.checkboxArea {background:url(../images/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(../images/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}


.textinput, .textinputHovered { height:15px; background:url(../images/input_bg.gif) repeat-x left top; border:none; padding:4px 0; vertical-align:middle; }
.textinputHovered {background-position:left bottom;}
.inputCorner { padding-bottom:0; vertical-align:middle; }

.txtarea .tr, .txtarea .tr_xon {background:url(../images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner { width:5px; height:5px; display:block; }
.txtarea .br, .txtarea .br_xon {background:url(../images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon { width:5px; background:url(../images/txtarea_l.gif) repeat-y left top; float:left; }
.txtarea .cntr_l_xon {background:url(../images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea { border:0; background:none; padding:0; margin:5px; }

.selectArea { width:200px; height:21px; background:url(../images/select_bg.gif) repeat-x left top; }
.selectArea .left { width:8px; height:21px; float:left; background:url(../images/select_left.gif) no-repeat left top; }
.selectArea .right { width:21px; height:21px; float:right; background:url(../images/select_right.gif) no-repeat left top; }
.selectArea .right a { display:block; width:200px; height:21px; margin-left:-179px; position:absolute; }
.selectArea .right i {display:none;}
.selectArea .center { width:160px; color:#FFF; padding-top:3px; overflow:hidden; white-space:nowrap; }

.optionsDivInvisible, .optionsDivVisible { position:absolute; margin-top:-1px; margin-left:3px; width:172px; background:#6f7074; padding:2px; font-size:11px; z-index:20; }
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p { margin:0; padding:0; }
.optionsDivVisible a { color:#F2F2F2; text-decoration:none; display:block; padding: 1px 4px; border: 1px solid #6f7074; }
.optionsDivVisible a:hover { color:#FFF; background:#5F6062; border-color:#cfd0d6; }

.buttonSubmit, .buttonSubmitHovered { width:auto; height:26px; color:#FFF; font-weight:bold; padding:2px; background:url(../images/button_bg.gif) repeat-x left top; cursor:pointer; border:none; }
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}     
#tdFooterIndex2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	width: 250px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #999999;
}
