/* site template tags */
* { margin: 0; padding: 0; border: 0 }
html,body { background-color:#237e90; margin:0 auto 0 auto; padding:0px; width:100%; }
body { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#505050; }
p { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#505050; }	
td,ul,ol { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#505050; }

h1 { font-family:Arial, Verdana, sans-serif; font-size:20px; line-height:20px; color:#505050; }
h2 { font-family:Arial, Verdana, sans-serif; font-size:16px; line-height:18px; color:#505050; }
h3 { font-family:Arial, Verdana, sans-serif; font-size:14px; line-height:16px; color:#505050; }
h4 { font-family:Arial, Verdana, sans-serif; font-size:12px; line-height:14px; color:#505050; }

a { color:#0a6a92; text-decoration:none; }
a:hover { color:#0a6a92; text-decoration:underline; }

.accessibility, hr { display:none; }
.clear { clear:both; }
.none { display:none; }

/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
	* html .clearfix { height:1%; }
	.clearfix { display:block; }	
	

/* site layout */
.container { float:left; min-height:400px; height:auto !important; padding:0 0 0 0; width:100%; }
		
	/* body */		
	.body { width:1000px; min-height:600px; height:auto !important; height:400px; margin:0 auto; text-align:center; padding-bottom:0; }
		/* header */
		.header { display:block; height:120px; float:right; width:1000px; background:url(header/background.jpg) no-repeat; }
			.header-left { float:left; width:480px; }
				h1.logo-top { display:block; float:left; width:266px; height:100px; margin:11px 0 0 92px; }
					h1.logo-top a { display:block; width:266px; height:100px; background:url(header/logo.jpg) no-repeat; }
					h1.logo-top a span { display:none; }	
			.header-right { float:right; width:520px; padding:0 0 0 0; }
				.top-nav { list-style:none; float:left; margin:0 0 0 0; padding:94px 0 0 0; width:520px; }
					.top-nav li { float:left; padding:0 0 0 0; margin:0 0 0 0; }
					.top-nav li.tnhome a { display:block; width:42px; height:16px; background:url(header/home_off.gif) no-repeat; padding:0 0 0 35px; }
					.top-nav li.tnhome a:hover { display:block; width:42px; height:16px; background:url(header/home_on.gif) no-repeat; }
					.top-nav li.tnshowcase a { display:block; width:76px; height:16px; background:url(header/showcase_off.gif) no-repeat; padding:0 0 0 35px; }
					.top-nav li.tnshowcase a:hover { display:block; width:76px; height:16px; background:url(header/showcase_on.gif) no-repeat; }
					.top-nav li.tnnews a { display:block; width:96px; height:16px; background:url(header/news_off.gif) no-repeat; padding:0 0 0 35px; }
					.top-nav li.tnnews a:hover { display:block; width:96px; height:16px; background:url(header/news_on.gif) no-repeat; }
					.top-nav li.tnaboutus a { display:block; width:68px; height:16px; background:url(header/aboutus_off.gif) no-repeat; padding:0 0 0 35px; }
					.top-nav li.tnaboutus a:hover { display:block; width:68px; height:16px; background:url(header/aboutus_on.gif) no-repeat; }
					.top-nav li.tncontactus a { display:block; width:81px; height:16px; background:url(header/contactus_off.gif) no-repeat; padding:0 0 0 0; }
					.top-nav li.tncontactus a:hover { display:block; width:81px; height:16px; background:url(header/contactus_on.gif) no-repeat; }
					.top-nav li a span { display:none; }
		
		.banner { display:block; float:left; width:1000px; }
		
		.menu { display:block; float:left; width:1000px; text-align:left; height:77px; background-color:#ffffff; }
			.sub-nav { list-style:none; float:left; margin:0 0 0 0; padding:0 0 0 0; width:1000px; }
				.sub-nav li { float:left; padding:0 0 0 0; margin:0 0 0 0; }
				.sub-nav li.snlead { display:block; width:98px; height:77px; background:url(header/menu_bg.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snretail a { display:block; width:110px; height:77px; background:url(header/retail_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snretail a:hover { display:block; width:110px; height:77px; background:url(header/retail_on.gif) no-repeat; }
				.sub-nav li.snlibrary a { display:block; width:111px; height:77px; background:url(header/library_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snlibrary a:hover { display:block; width:111px; height:77px; background:url(header/library_on.gif) no-repeat; }
				.sub-nav li.snoffice a { display:block; width:111px; height:77px; background:url(header/office_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snoffice a:hover { display:block; width:111px; height:77px; background:url(header/office_on.gif) no-repeat; }
				.sub-nav li.snaframes a { display:block; width:111px; height:77px; background:url(header/aframes_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snaframes a:hover { display:block; width:111px; height:77px; background:url(header/aframes_on.gif) no-repeat; }
				.sub-nav li.sngondolas a { display:block; width:111px; height:77px; background:url(header/gondolas_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.sngondolas a:hover { display:block; width:111px; height:77px; background:url(header/gondolas_on.gif) no-repeat; }
				.sub-nav li.snspinners a { display:block; width:113px; height:77px; background:url(header/spinners_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snspinners a:hover { display:block; width:113px; height:77px; background:url(header/spinners_on.gif) no-repeat; }
				.sub-nav li.snshelving a { display:block; width:113px; height:77px; background:url(header/shelving_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snshelving a:hover { display:block; width:113px; height:77px; background:url(header/shelving_on.gif) no-repeat; }
				.sub-nav li.snmicroslat a { display:block; width:113px; height:77px; background:url(header/microslat_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snmicroslat a:hover { display:block; width:113px; height:77px; background:url(header/microslat_on.gif) no-repeat; }
				.sub-nav li.snend { display:block; width:9px; height:77px; background:url(header/menu_bgend.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li a span { display:none; }
				
		
		/* content */
		.content { display:block; float:left; width:1000px; text-align:left; height:auto; background-color:#ffffff; }
			.content-center { display:block; float:left; width:1000px; height:280px; padding:0 0 0 0; background:url(layout/feature_bg.jpg) no-repeat; }
				.news-item-left { display:block; float:left; width:377px; }
					.news-image { padding:48px 0 0 98px; }
				.news-item-right { display:block; float:right; width:623px; }
					.news-title { font-size:24px; font-family:Verdana; color:#017187; padding:55px 0 0 0; }
					.news-subtitle { font-size:20px; font-family:Verdana; color:#4c4c4c; padding:12px 0 0 0; }
					.news-text { font-size:16px; font-family:Verdana; color:#4c4c4c; padding:7px 0 0 0; width:600px; }
					.news-more { padding:8px 0 0 10px;font-family:Verdana; font-weight:bold; }
					
			.content-bottom { display:block; float:left; width:1000px; height:231px; padding:0 0 0 0; background:url(layout/sales_bg.jpg) no-repeat; }
				.testimonialsblock { display:block; float:left; width:284px; margin:0 0 0 116px; }
					.testimonial-title { color:#017187; font-size:16px; font-weight:bold; padding:100px 0 0 0; width:236px; }
					.testimonial-text { color:#626262; font-size:12px; padding:10px 0 0 0; width:236px; }
					.testimonial-more { padding:10px 0 0 0; text-align:right; width:236px; }
					
				.servicesshowcase { display:block; float:right; width:600px; }
					.servicesblock { display:block; float:left; width:277px; margin:0 0 0 0; }
						.signup { padding:103px 0 0 0; }
							.textbox { width:160px; border:solid 1px #aaadb2; height:16px; font-size:11px; color:#615853; padding:3px 0 2px 5px; }
						.quoterequest { padding:13px 0 0 0; }
						.downloads { padding:13px 0 0 0; }
						
					.showcaseblock { display:block; float:right; width:323px; margin:0 0 0 0; }
						.showcaseimage { padding:98px 0 0 2px; }
						
		.footer { display:block; float:left; width:1000px; height:89px; background:url(layout/footer_bg.jpg) no-repeat;  }
			.footer_links { display:block; float:left; padding:43px 0 0 112px; color:#ffffff; }