
/* portabox.com */
/* ids and classes built on top of the Yahoo reset css file that loads before this one */

html	{}
body	{ text-align: center; margin: 0px; background-color: #eee;}
#container { width: 932px; text-align: left; margin: 12px auto 0px auto;  }

a { color: #024ea0; }
a:visited { color: #024ea0; }

#masthead { width: 932px; height: 96px; margin: 0 0 0 0; background-image: url(/images/masthead-932x96.gif); }

	/* mini-nav list styles */
	#masthead ul { margin: 0 10px 0 0px; padding: 9px 0 0 0; float:right;}
	#masthead li { display: inline; font: normal .75em/1.5em trebuchet ms; color: #555; border-right: solid 1px #777; float:left;}
	#masthead li.ul_link_list_2_link_list_last { border-right: none; }
	#masthead li a { color: #555; padding: 0px 12px; text-decoration: none; }
	#masthead li a:hover { color: #222; text-decoration: underline; }

	/* The masthead is background art. An invisible pixel rectangle is positioned over the logo and get a quote */
	/* These styles position the invisible pixel. Change the border to 1px to see placement */
	#masthead img.overlay1 { border: solid 0px #fff; position:relative; top:48px; left:20px;}
	#masthead img.overlay2 { border: solid 0px #fff; position:relative; top:48px; left:480px;}
.imglink:focus {outline: 0px solid #fff;}
#phone_number
/* ###### menu ##### */
p.submenu {	margin: 0; 	padding: 0;	}
.clearit { clear: both;	height: 0; line-height: 0.0; font-size: 0;}

#ul_menu_1 ul li a {color: #606060; padding: 3px 12px 3px 12px; }
#menu_1,#phone_number {height: 32px; background: #eee; padding: 0; margin: 0; display: block; visibility: visible; text-align: left; float:left;}
#ul_menu_1 {width: auto; display: inline; float: left; margin-left: 12px; padding: 0; margin-top: 0; margin-bottom: 0; list-style: none; font-family: trebuchet ms, arial, sans-serif; }
#ul_menu_1 ul, #phone_number ul {list-style: none; padding: 0; font-family: trebuchet ms, arial, sans-serif; margin: 0; }
#ul_menu_1 li, #phone_number li {float: left; margin-left: 0; position: relative; }
#ul_menu_1 a, #phone_number p {display: block; text-decoration: none; padding: 5px 16px 3px 16px; 
	font-size: 0.85em; font-family: trebuchet ms, arial, sans-serif; letter-spacing: .015em; 
	text-transform: none; color: #024ea0; background-color: #eee; position:relative;}
#li_menu_1_active a {color: #024ea0; text-decoration: none; }
#ul_menu_1 li:hover a, #ul_menu_1 a:focus, #ul_menu_1 a:active, #ul_menu_1 li.p7hvr a {color: #024ea0; background-color: #eee; }
#ul_menu_1 li:hover ul, #ul_menu_1 li.p7hvr ul {display: block; }
#ul_menu_1 li ul {position: absolute; background-color: #ddd; display: none; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
#ul_menu_1 li ul, #ul_menu_1 ul li {width: 200px; float: left; }
#ul_menu_1 li ul li {float: left; margin-left: 0; border-top: solid 1px #fff; text-align: left; }
#ul_menu_1 li:hover ul a, #ul_menu_1 li.p7hvr ul a {color: #024ea0;  }
#ul_menu_1 ul a:hover {background-color: #729ee0!important; color: #FFFFFF !important; }

/* custom */
#ul_menu_1 a:hover {background-image: url(/images/nav-bknd-hover.gif);}
#li_menu_1_active a {background-image: url(/images/nav-bknd-hover.gif);}
#ul_menu_1 li ul li a {background-image: none;}
#ul_menu_1 li ul li a:hover {background-image: none;} 
#ul_menu_1 a, #phone_number p {font-weight:bold;}
#ul_menu_1 li ul li a {font-weight:normal; padding-left:6px;}
#ul_menu_1 li, #phone_number li {line-height:1.5em;}
#ul_menu_1 li ul li {line-height:1.15em;}
#ul_menu_1 li {margin-right:1px;}
/* hide from IE mac \*/
#ul_menu_1 li {position: static; width: auto;}
/* end hiding from IE5 mac */


/* ###### end of  menu ######## */


#content-wrapper {clear:both; background: transparent url( '/images/content-932x1800_n.gif' ) no-repeat; background-color:#fff; border-bottom: solid 1px #ccc; }

	#content-row-upper { margin: 0 auto 0 auto; width: 900px; background-color: transparent; padding: 16px 0 12px 0;}
	#content-row-upper img.feature { float: left; margin: 18px 21px 12px 18px; }
	#content-row-upper h1 { font: 100 1.5em/1.2em trebuchet ms, arial, sans-serif; margin-bottom: 6px; padding: 36px 36px 0 0; color: #024ea0; }
	#content-row-upper p { font: 100 .9em/1.50em trebuchet ms, arial, sans-serif; margin-bottom: 6px; padding: 0 36px 0 0; color: #555; }
	#content-row-upper a { font: 100 1.1em/1.50em trebuchet ms, arial, sans-serif; color: #cc3333; text-decoration: underline; }
	#content-row-upper a:hover { text-decoration: none;  }


	#content-row-lower { margin: 0 auto 0 auto; width: 924px; background-image: url(/images/content-lower-48x240.gif); background-repeat: repeat-x; }

	#text_1_body { float: left; width: 378px; margin: 0 0 0 30px; background: transparent; display:inline; }
	#text_1_body h2 { font: 100 1.15em/1.25em trebuchet ms, arial, sans-serif; margin: 0 0 0 0; padding: 6px 18px 0 0; color: #024ea0; }
	#text_1_body p { font: 100 .8em/1.50em arial, sans-serif; margin-bottom: 6px; color: #555; }
	#text_1_body a { font: 100 1em/1.50em arial, sans-serif; color: #024ea0; text-decoration: none; }
	#text_1_body a:hover { text-decoration: underline; }
	#text_1_body img {margin-left:10px;}
	
	
	#text_4_body { float: left; display:inline; width: 490px; margin: 6px 0 0 18px; background: transparent; border: solid 0px #ccc; }
	#text_4_body  h2 { font: 100 1.15em/1.25em trebuchet ms, arial, sans-serif; margin: 0 0 9px 0; padding: 0px 18px 0 0; color: #024ea0; }
		.step-box { float: left; width: 150px; margin: 0 12px 12px 0; background: transparent; }
		.step-box p { font: 100 .9em/1.25em trebuchet ms, arial, sans-serif; color: #555; }
		.step-box img { margin: 0 0 8px 0; }
		.hilite { font-weight: 900; color: #cc3333; }

		.call-to-action {width: 275px; margin: 0 0 0 210px; border: solid 0px red;}
		.call-to-action a { display: block; width: 275px; height: 36px; background-image: url(/images/arrow-275x36.gif); }
		.call-to-action a:hover { background-image: url(/images/arrow-275x36-hover.gif); }

	.clear { clear: both; }

#feature_text {float:left; display:inline; width:350px; padding-top:20px;}

/* paste begin */
#content-wrapper h1 	{ font: 100 1.35em/1.15em trebuchet ms, arial, sans-serif; color: #024ea0; margin: 0 0 6px 0; padding: 0; }
	#content-wrapper h2 	{ font: 900 0.90em/1.15em trebuchet ms, arial, sans-serif; color: #024ea0; margin: 0; }
	#content-wrapper h3 	{ font: 500 0.90em/1.15em trebuchet ms, arial, sans-serif; color: #024ea0; margin: 0; }
	#content-wrapper p 	{ font: 500 0.85em/1.3em trebuchet ms, arial, sans-serif; margin: 0 0 9px 0; color: #555; }

	#column-left { float: left; width: 25%; margin-top: 18px; background: none; }
		#column-left img { margin: 0 0 16px 24px; }
		#column-left ul { margin: 0 0 0 24px; }
		#column-left li { font: 500 0.85em/1em arial; margin: 0 0 12px 0; color: #024ea0; }
		#column-left li a { text-decoration: none; }
		#column-left li a:hover { text-decoration: underline; }
		#li_menu_category_2_active a{color: #cc3333;}

	#column-center { float: left; width: 47%; margin-top: 18px; padding-right: 18px; background: none; }
	#column-center img.article { float: right; margin: 5px 0 0 6px; }

	#column-center ul { width: 75%; margin: 0 0 18px 12px; background: transparent; }
	#column-center li { font: 500 0.85em/1em trebuchet ms, arial, sans-serif; margin: 0 0 9px 20px; list-style-type: disc; color: #024ea0; }
	#column-center ol li { font: 500 0.85em/1em trebuchet ms, arial, sans-serif; margin: 0 0 9px 25px; list-style-type: decimal; color: #024ea0; }
	
	#column-center a { }
	#column-center a:hover { text-decoration: none; }

	#column-right { float: left; width: 25%; margin-top: 18px; text-align: center; background: none; }

		#text_5_body { width: 200px; margin: 0 auto 12px auto; text-align: left; background: url(/images/bknd-promo-12x120.gif); border: solid 1px #024ea0; }
		#text_5_body h2 { font: 500 1.25em/1.1em trebuchet ms, arial, sans-serif; margin: 9px 9px 3px 9px; color: #fff; }
		#text_5_body p { font: 500 0.90em/1.1em arial; margin: 0px 9px 12px 9px; color: #fff; }
		#text_5_body a { color: #fff; text-decoration: none; }
		#text_5_body a:hover { color: #fff; text-decoration: underline; }

		#text_6_body { width: 200px; margin: 0 auto 12px auto; text-align: left; background: url(/images/bknd-promo2-200x120.gif); border: solid 1px #ccc; }
		#text_6_body h2 { font: 900 1.05em/1.1em trebuchet ms, arial, sans-serif; margin: 9px 9px 3px 9px; color: #024ea0; }
		#text_6_body p { font: 500 0.90em/1.1em arial; margin: 0px 9px 12px 9px; color: #024ea0; }
		#text_6_body a { color: #024ea0; text-decoration: none; }
		#text_6_body a:hover { color: #fff; text-decoration: underline; }
		#text_6_body img { float: left; }

		#text_7_body h2 { font: 900 1.05em/1.1em trebuchet ms, arial, sans-serif; margin: 9px 9px 6px 9px; color: #cc3333; }
		#text_7_body .howitworks { width: 200px; margin: 0 auto 12px auto; text-align: left;  border: solid 1px #ccc; }
/*		#text_7_body .howitworks h2 { font: 900 1.05em/1.1em trebuchet ms, arial, sans-serif; margin: 9px 9px 3px 9px; color: #cc3333; } */
		#text_7_body .howitworks p { font: 500 0.80em/1.35em trebuchet ms, arial, sans-serif; margin: 9px 9px 12px 9px; color: #555; }
		#text_7_body .howitworks em { font-weight: 900; color: #cc3333; }
		#text_7_body .howitworks img { float: right; margin: 3px 9px 0 6px; }
		#text_7_body .howitworks a { font-weight: 900; color: #cc3333; text-decoration: none; }
		#text_7_body .howitworks a:hover { color: #cc3333; text-decoration: underline; }
	.clear { clear: both; }
/* end of paste */


#text_form_1 {display:block; float:left;}
#text_form_1 form {padding:0; margin:0; display:block; float:left;}
.required, .optional {font: normal 0.80em/1.35em trebuchet ms, arial, sans-serif; 
	margin: 0 0px 9px 0px; color: #555; float:left; clear:left; display:inline;  width:430px;}
.label_holder {font-weight:900; color:#cc3333; margin-bottom:0.25em; float:left; display:inline; width:130px;}
.form_entry {float:left; display:block; float:left; width:50%;}

.form_hint_holder {font-size: 9pt; line-height: 11pt; color:#888; margin-top:0.175em; line-height:1.4em; 
	display:inline; float:left; clear:left;  width:260px; margin-left:130px;}
.submit {margin: 0 24px 9px 24px; text-align:left;}
.submit p{float:left clear:both; width:100%; text-align:center;}
.submit input { font-family:arial, sans-serif; font-size:0.8em; clear:both; display:inline; margin-left:130px; float:left; padding-left:10px; padding-right:10px; }

/* directory */
#directory {margin: 0 0px 9px 0px; text-align: left; padding: 9px 6px 12px 9px; border: solid 1px #aaa; background: #fff; width:88%; float:left; display:inline;}
#directory li{display:inline; width:50%; float:left;}
#directory ul {padding:0; margin:0;}
#businesses {margin: 0 0px 9px 0px; text-align: left; clear:left; display:inline; float:left; width: 88%;}
#businesses li{ list-style-type:none; margin-left:0px;}
#businesses ul {padding:0;margin:0;}
.name {font-weight:bold; color:#369;}
.location {font-size: 10pt; margin-bottom:10px; color:#555;}

ul.ul_site_map_1 {font-family:Arial; color:#cc3333}
ul.ul_site_map_1 a {text-decoration:none;}

.business_description, .business_address_1, .business_address_2, .business_location, .business_contact_name, .business_email, .business_phone, .business_fax, .business_url 
{margin: 0 0px 9px 0px; text-align: left; font-family:Arial; font-size:11pt; color:#555;}
.business_address_1, .business_address_2, .business_location {margin-top:0; margin-bottom:0;}
.business_address {margin-bottom:10px;}
.business_email, .business_phone, .business_fax, .business_url, business_contact_name {margin-bottom:0;}



#footer {margin: 9px 0 16px 0; text-align: center; }
	#footer ul {display: table; float:none; margin-left:120px;}
	#footer li { display: inline; font: 500 .75em/1.0em trebuchet ms, arial, sans-serif; 
		padding: 0 6px 0 6px; color: #555; border-right: solid 1px #777; white-space: nowrap; margin:0; float:left;}
	#footer li.ul_link_list_1_link_list_last { border-right: none; } 
	#footer li a { color: #555; text-decoration: none; }
	#footer li a:hover { color: #444; text-decoration: underline; }
	
table { font: 500 0.85em/1.3em trebuchet ms, arial, sans-serif; color: #555; }