@import "reset.css";
@import "interior.css";

body { background:#808285; font-family:Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif; line-height: 1; margin:0 auto; padding-top:20px; text-align:center; width:1000px;}
a { text-decoration:none;}
#wrapper { background:#fff; position:relative; text-align:left; width:1000px; }



/*----------------------------------------------------------------
	H E A D E R
---------------------------------------------------------------- */
#header { height:110px; position:relative; }
#header a#iso { background:url("/images/iso.png") 0 0 no-repeat; color:#464647; display:block; height:54px; left:12px; position:absolute; text-indent:-9999px; top:12px; width:54px; }
	#header a#iso:hover { background-position:0 -54px; }
#header h1#brand a { background:url("/images/brand.png") 50% 80% no-repeat #005295; left:136px; position:absolute; height:118px; top:-2px; width:132px; z-index:99; text-indent:-9999px; }
	#header h1#brand em { background:url("/images/tag.png") no-repeat; position:absolute; height:15px; top:13px; left:150px; width:320px; }

/*..........login form..........*/
#header ul#find-us { position:absolute; right:0; top:10px; width:175px; }
#header ul#find-us li { display:inline; overflow:hidden;}
#header ul#find-us li a { background:url("/images/icons/linkedin.png") 0 0 no-repeat; color:#555; display:inline; font-size:12px; height:13px; float:left; padding:2px 0 0 18px; width:64px; }
#header ul#find-us li a:hover { background-position:0 -15px; color:#004d97; }
#header ul#find-us li#facebook a { background-image:url("/images/icons/facebook.png"); }

/*..........login form..........*/
#header form { background:url("/images/login-back.png") no-repeat 0 0 #bcbec0; font-size:11px; height:43px; position:absolute; right:0; padding:4px 0 0 40px; top:60px; width:180px; }
#header form ul li { display:block; float:left; margin:2px 5px 0 0; }
#header form ul li input.field { border:1px solid #bbb; font-size:10px; color:#999; width:60px; }
	#header form ul li input.field:focus { border:1px solid #999; color:#222; }
#header form a#join-email { color:#005295; position:absolute; right:20px; top:-18px; }
#header form a#customer-benefits { bottom:0px; color:#464647; font-size:9px; right:50px; position:absolute; text-transform:uppercase; width:130px; }
#header form a:hover { text-decoration:underline; }

/*..........main navigation..........*/
#header ul#main-navigation { background:url("/images/nav-back.jpg") no-repeat 0 0 #bcbec0; height:20px; left:0; padding-left:284px; position:absolute; top:90px; width:716px; }
	#header ul#main-navigation li { display:block; float:left; height:20px; }
		#header ul#main-navigation li a {color:#231f20; display:block; float:left; font-size:11px; height:12px; padding:4px 9px; text-transform:uppercase; }
		#header ul#main-navigation li.active a { color:#000; font-weight:bold; }
		#header ul#main-navigation li a:hover, #header ul#main-navigation li a.active:hover { background-color:#808285; color:#eee; }
		#header ul#main-navigation li ul { background:url("/images/ddback.png") 0 0px #808386 repeat-x; left: -999em; position: absolute; overflow:hidden;top:20px; width:170px; z-index:11111; }
		
		#header ul#main-navigation li:hover ul, #header ul#main-navigation li.sfhover ul { float:left; left: auto; z-index:11111; overflow:hidden;}

		#header ul#main-navigation li:hover ul li, #header ul#main-navigation li.sfhover ul li,
		#header ul#main-navigation li:hover ul li a, #header ul#main-navigation li.sfhover ul li a { display:block; overflow:hidden;float:none; }
		
		#header ul#main-navigation li:hover ul li, #header ul#main-navigation li.sfhover ul li { height:auto !important; }
		#header ul#main-navigation li:hover ul li a, #header ul#main-navigation li.sfhover ul li a { background:url("/images/nav-arrow.png") 6px 10px no-repeat; border-top:1px solid #909396; border-bottom:1px solid #6f7275; color:#fff; font-weight:normal; margin:0; padding:6px 9px 6px 16px; text-transform:none;}
		#header ul#main-navigation li:hover ul li a:hover, #header ul#main-navigation li.sfhover ul li a:hover { background-position:8px 10px; color:#bbb; padding-left:18px; text-transform:none;}
	
		#header ul#main-navigation li:hover ul li.last a, #header ul#main-navigation li.sfhover ul li.last a { border-bottom:0; }
		#header ul#main-navigation li:hover ul li.first a, #header ul#main-navigation li.sfhover ul li.first a { border-top:0; }
		
		#header ul#main-navigation li#resource-center-nav ul { width:150px; }
		
		#header ul#main-navigation li h2 { display:none; }
		


/*----------------------------------------------------------------
	B O T T O M - B A R
---------------------------------------------------------------- */
#feature-bar #resource-center-feature { background:#fff; height:173px; }
#feature-bar .feature-block { color:#464647; float:left; font-size:11px; }
#feature-bar .feature-block h4 { background:no-repeat; background-position:0 0; font-size:12px; font-weight:normal; }
	#feature-bar .feature-block h4 a { color:#fff; display:block; padding:9px 0 9px 10px; }
	#feature-bar .feature-block h4 a:hover { text-decoration:underline; }

	/*..........resource center..........*/
	#feature-bar #resource-center-feature { background:url("/images/resource-center.jpg") no-repeat; padding:23px 0px 0px 13px; margin-right:9px; width:252px; }
		#feature-bar #resource-center-feature h3 { color:#fff; font-size:22px; font-weight:bold; margin-bottom:5px; text-transform:uppercase; }
		#feature-bar #resource-center-feature ul { background:#fff; height:131px; width:236px; }
		#feature-bar #resource-center-feature ul li { display:block; float:left; height:55px; margin:5px 7px; width:62px; }
		#feature-bar #resource-center-feature ul li a{ background:url("/images/icons/voter-database.png") no-repeat 0 0 #fff; display:block; height:55px; text-indent:-9999px; width:62px; }
		#feature-bar #resource-center-feature ul li a#online-forms { background-image:url("/images/icons/online-forms.png"); }
		#feature-bar #resource-center-feature ul li a#postal-links { background-image:url("/images/icons/postal-links.png"); }
		#feature-bar #resource-center-feature ul li a#postal-regulations { background-image:url("/images/icons/postal-regulations.png"); }
		#feature-bar #resource-center-feature ul li a#postal-rates { background-image:url("/images/icons/postal-rates.png"); }
		#feature-bar #resource-center-feature ul li a#design-tips { background-image:url("/images/icons/design-tips.png"); }
	
	/*..........testimonials..........*/
	#feature-bar #testimonials-feature { width:317px; }
		#feature-bar #testimonials-feature h4 { background:url("/images/bottom-bar-testimonials-headline.png") #005295; }
		#feature-bar #testimonials-feature h4 a { padding-left:30px; margin-bottom:15px; }
		#feature-bar #testimonials-feature .content { width:280px; }
		#feature-bar #testimonials-feature p { font-size:12px; line-height:14px; padding-left:40px;}
		#feature-bar #testimonials-feature blockquote { font-size:18px; line-height:23px; margin:12px 0 0 20px; }
		#feature-bar #testimonials-feature em { color:#3366ff; display:block; font-size:12px; margin-top:5px; }
		
	  	
	/*..........services..........*/
	#feature-bar #services-feature { width:201px; }
		#feature-bar #services-feature h4 { background:url("/images/bottom-bar-services-headline.png") #005295; }
	  #feature-bar #services-feature h4 a { color:#dbe1ee; }
		#feature-bar #services-feature .content { margin-top:12px; padding-bottom:20px; width:190px; }
		#feature-bar #services-feature .content h4 { background:none; color:#005295; display:block; font-size:14px; margin:3px 0; }
		#feature-bar #services-feature .content h5 { font-weight:normal; font-size:12px; color:#005295; margin:3px 0 5px 0; }
		#feature-bar #services-feature .content p { font-size:12px; line-height:14px; }

	
	/*..........news..........*/
	#feature-bar #news-feature { width:208px; }
		#feature-bar #news-feature h4 { background:#dbe1ee; }
		#feature-bar #news-feature h4 a { color:#005295; }
		#feature-bar #news-feature h5 { font-weight:bold; margin:15px 0 0px 10px; text-transform:uppercase; }
		#feature-bar #news-feature .brief { margin:10px 0 0px 10px; font-size:12px; line-height:14px; width:180px; }
		#feature-bar #news-feature .brief .brief_title { color:#005295; display:block; margin:3px 0 2px 0; }
		#feature-bar #news-feature .brief .brief_text { display:block; padding-bottom:15px; }
		

/*----------------------------------------------------------------
	F O O T E R
---------------------------------------------------------------- */
#site-info { color:#c2c2c1; background:#231f20; font-size:11px; height:10px; overflow:hidden; padding:4px 0; position:relative; text-align:center;}
#site-info p.copy { position:absolute; margin:0; padding:0;padding-right:12px; right:0; top:4px; }

#site-info ul { margin:0 auto; padding:0; width:800px; }
	#site-info ul li { display:inline; height:10px;text-transform:uppercase; }
	#site-info ul li a { color:#c2c2c1; padding:0 8px; }
	#site-info ul li a:hover { color:#fff;}
	


/*----------------------------------------------------------------
H E L P E R S
---------------------------------------------------------------- */
.group:after 					{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.group 							{ display:block; }
/*  \*/
.group 							{ min-height:1%; }
* html .group 					{ height:1%; }
.clear 							{ clear:both; }
.fix_br							{ border:1px dotted #f00; }
.fix_bg							{ background:#0f0; }