/* 
Arakawa Hanging Systems

author:	Cory Duncan of Substance, Inc / findsubstance.com
colors:
	red: #900
	orange: #c70
	green: #5b0
	blue: #09b
-- */

body, h1, h2, h3, h4, h5, h6, p, blockquote, form, fieldset, button, select, textarea, dl, dt, dd, ul, ol, li, cite {
	border: none;
	margin: 0;
	padding: 0;
	}
li { list-style: none; }
abbr { border: none; text-decoration: none; }
cite { font-style: normal; }
a:link, a:visited { color: #333; }
a:hover { color: #000; text-decoration: none; }
a img { border: none; }
body {
	background: #fff;
	color: #333;
	font: 13px/1em Georgia, Serif;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Sans-serif; font-weight: normal;
	line-height: 1em;
	}
h1 { font-size: 22px; margin: 0 0 0.5em; } 
h2 { font-size: 16px; margin: 1em 0 0.25em }
h3 { font-size: 16px; margin: 0 0 0.25em }
h4, h5 { font: bold 12px 'Arial Narrow', Arial, Sans-serif; margin: 0 0 0.5em; text-transform: uppercase; }
h6 { font-size: 16px; }
p { line-height: 1.23em; margin: 0 0 1.23em; }
.clear { clear: both; }	


/* -- structure -- */
#wrapper { 
	margin: 0 0 0 142px;
	overflow: hidden;
	position: relative;
	width: 680px;
	z-index: 2;
	}
#content { margin: 23px 0 1em; overflow: hidden; }
#main { float: left; }
#sub { float: right; }

/* -- content -- */	
#logo {
	height: 101px;
	left: 16px;
	position: absolute;
	top: 65px;
	width: 110px;
	}
#logo a {
	height: 100%;
	left: 0;
	outline: none;
	position: absolute;
	top: 0;
	width: 100%;
	}
.content-i { padding: 12px; }
.cms { line-height: 1.25em; margin: 1.5em 0 0; }
#photo {
	background: no-repeat 0 0;
	height: 270px;
	overflow: hidden;
	text-indent: -9999px;
	width: 680px;	
	}
#flash img { display: block; margin: 0 auto; }
#intro { font-size: 15px; }
#intro p { line-height: 1.2em;  margin: 0 0 1.2em; }
p.more { 
	font: bold 12px 'Arial Narrow', Arial, Sans-serif;
	margin: 0.25em 0 0;
	text-transform: uppercase;
	}
img.photo { display: block; }
.toggler { cursor: pointer; }

/* category listing */
ul.categories {
	overflow: hidden;
	width: 100%;
	}
ul.categories li { 
	float: left;
	padding: 0 0 10px;
	width: 328px;
	}
ul.categories li.alt { border-bottom: 1px solid #999; }
ul.categories li.odd { margin-right: 24px; }
ul.categories .inner { float: left; width: 220px; }
ul.categories .rails .inner { width: 190px; }
ul.categories h2 { color: #079; font-size: 20px; margin-top: 16px; }
ul.categories img { float: left; }
ul.categories p { margin: 0; }
ul.categories p.more { margin: 0.25em 0 0; }
ul.categories p.more a { 
	background: url(/img/icons/arrow.png) no-repeat 100% 0.125em;
	padding: 0 10px 4px 0;
	}

/* thumbnails */
ul.thumbs { overflow: hidden; width: 100%; } 
ul.thumbs li {
	float: left; 
	margin: 0 4px 4px 0; 
	text-align: center;
	width: 57px;
	}
ul.thumbs img { 
	background: #fff;
	border: 2px solid #09B;
	display: block; 
	padding: 4px 0 5px;
	}
ul.thumbs-e { margin: 0 0 2px; }
ul.thumbs-e li { 
	margin-right: 0;
	text-align: left;
	width: 113px;
	}
ul.thumbs-e h5 { margin: 0; padding: 18px 0 0; }
ul.thumbs-e img { 
	float: left;
	margin: 0 5px 0 0;
	}

/* action links */
ul.actions li { margin: 0 0 0.5em; }
ul.actions a { 
	background: no-repeat 3px 50%;
	display: block; 
	font: bold 12px/1.15em 'Arial Narrow', Arial, Sans-serif;
	padding: 0 0 0 22px;
	text-transform: uppercase;
	}
ul.actions .print a { background-image: url(/img/icons/print.gif); }
ul.actions .email a { background-image: url(/img/icons/email.gif); }
ul.actions .pdf a { background-image: url(/img/icons/pdf.gif); }
ul.actions .cad a { background-image: url(/img/icons/cad.gif); }


/* -- solutions -- */
.solutions-main #photo { background-image: url(/img/solutions/main.jpg); height: 300px; }
.solutions h1, .solutions h2, .solutions h3 { color: #5b0; }
.solutions #content { margin-top: 2px; }
.solutions .content-i { padding-top: 0; }
.solutions ul.thumbs img { border-color: #5B0; margin: 0 0 0.25em; }
.solutions ul.thumbs h5 { display: block; margin: 0; }
.solutions ul.thumbs h5 a:link, .solutions ul.thumbs h5 a:visited { color: #999; }
.solutions-detail .content-i { padding-top: 12px; }

/* solutions nav */
#solutions-nav {
	margin: 7px 0 1em -5px;
	overflow: hidden;
	width: 668px;
	}
#solutions-nav a {
	background: url(/img/nav/solutions/arrow.png) no-repeat 100% 0.125em;
	font: bold 13px 'Arial Narrow', Arial, Sans-serif;
	padding: 0 10px 4px 0;
	text-transform: uppercase;
	}
#solutions-nav a:link, #solutions-nav a:visited { color: #fff; }
#solutions-nav li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0.25em 0 0 10px;
	width: 201px;
	}
#solutions-nav li.alt { 
	clear: left;
	margin: 0;
	padding-left: 0;
	width: 204px;
	}
#solutions-nav strong {
	background: #5b0 url(/img/nav/solutions/arakawa-solutions.png) no-repeat 0 0;
	color: #fff;
	display: block;
	height: 26px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	width: 666px;
	}
#solutions-nav .toggler {
	background-image: url(/img/nav/solutions/view-other.png);
	width: 251px;
	}
#solutions-nav .toggler span {
	background: url(/img/nav/solutions/toggle-arrow.png) no-repeat 0 0;
	display: block;
	height: 26px;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	}
#solutions-nav .open span { background-position: 0 -26px; }
#solutions-nav .inner { 
	background: #5b0;
	color: #fff;
	overflow: hidden;
	padding: 3px 7px 7px;
	width: 652px;
	}
#solutions-nav .inner ul { 
	background: url(/img/solutionlist-bg.png) repeat-y 0 0;
	overflow: hidden;
	width: 100%;
	}


/* -- products -- */
.products-main #photo { background-image: url(/img/products/main.jpg); }
.products h1, .products h2, .products h3 { color: #09b; }
.products #main { padding: 9px 0 0.75em; width: 428px; }
.products #main .inner { width: 408px; }
.products #main .inner p { padding-left: 4px; }
.products #sub { padding: 9px 0 0.75em; width: 248px; }
.products #sub .wrap { height: 354px; margin: 0 0 14px; padding: 6px 0 0; position: relative; }

/* installation */
#installation {
	border: 1px solid #666; border-left: none; border-right: none;
	bottom: 0;
	left: 0;
	padding: 6px 0 3px 0;
	position: absolute;
	}
#installation h4 { margin: 0; }
#installation p { margin: 0 0 0.5em; } 

/* product stats */
ul.stats { margin: 0 0 7px; line-height: 1em; }
ul.stats li { 
	border-bottom: 1px solid #666;
	font-size: 14px;
	margin: 7px 0 0;
	overflow: hidden;
	padding: 0 0 7px 4px;
	width: 404px; 
	}
ul.stats strong { 
	float: left; 
	font: bold 12px 'Arial Narrow', Arial, Sans-serif;
	margin: 0 6px 0 0;
	text-transform: uppercase;
	}
ul.stats li.name strong { margin-top: 1em; }
ul.stats li.name h1 { color: #079; float: left; font-size: 28px; margin: 0; width: 300px; }
ul.stats li.weight span { float: left; line-height: 1.15em; margin-top: -0.15em; }

/* product footer */
#product-foot {
	border-top: 1px solid #666; 
	clear: both;
	overflow: hidden;
	padding-top: 8px;
	width: 100%;
	} 
#product-foot .related-solutions {
	border-right: 1px solid #666;
	float: left;
	padding: 0 13px 6px 0;
	overflow: hidden;	
	width: 289px;
	}
#product-foot .related-products {
	float: right;
	width: 369px;
	}
#product-foot .related-products-e {
	float: none;
	width: 100%;
	}
	
	
/* -- category page -- */
.category #content { margin-top: 33px; }

/* category header */
.cat-header {
	overflow: hidden;
	width: 100%;
	}
.cat-header .selector {	
	background: url(/img/headers/arakawa-product-selector.png) no-repeat 0 13px;
	float: right;
	padding: 34px 0 0;
	width: 248px;
	}
.cat-header .selector h3 { display: none; }
.cat-header .selector p {
	color: #666;
	text-indent: 33px;
	width: 230px;
	}
.cat-header .intro {
	background: no-repeat 0 0;
	border-right: 1px solid #999;
	float: left;
	height: 135px;
	margin: -3px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 422px;
	}
.viewall .cat-header .intro { height: auto; text-indent: 0; }
.cat-header .intro img { float: left; }
.cat-header .intro .inner {
	float: right;
	padding: 14px 10px 0 0;
	width: 246px;
	}
.cat-header .intro .inner .more { margin: 1em 0 0; }
.cat-header .intro .inner .more a {
	background: url(/img/icons/arrow-left.png) no-repeat 0 0.15em;
	margin: 0 0 0 3px;
	padding: 0 0 0 10px;
	}
.midway .cat-header .intro { background-image: url(/img/categories/midway-intro.png); }
.structure .cat-header .intro { background-image: url(/img/categories/structure-intro.png); }
.rails .cat-header .intro { background-image: url(/img/categories/rails-intro.png); }
.cables .cat-header .intro { background-image: url(/img/categories/cables-intro.png); }

/* category controls */
.cat-controls {
	border: 1px solid #999; border-left: none; border-right: none;
	color: #666;
	font: bold 12px/1.25em 'Arial Narrow', Arial, Sans-serif;
	overflow: hidden;
	margin: 1em 0 0;
	padding: 3px 0;
	text-transform: uppercase;
	width: 100%;
	}
.cat-controls a { 
	font-size: 13px;
	}
.cat-controls a {
	padding: 0 2px;
	}
.cat-controls a.on {
	background: #079;
	color: #fff;
	text-decoration: none;
	}
.cat-controls .pages {
	float: left;
	margin: 2px 0 0;
	width: 180px;
	}
.cat-controls .pages span { 
	margin: 0 4px 0 0;
	}
.cat-controls .units {
	float: left;
	margin: 2px 0 0;
	width: 310px;
	}
.cat-controls .perpage {
	float: right;
	text-align: right;
	padding: 0 6px 0 0;
	width: 150px;
	}
.cat-controls .perpage label { 
	color: #333;
	display: inline;
	line-height: 1.25em;
	margin: 0;
	}
.cat-controls .perpage label,
.cat-controls .perpage span {
	position: relative;
	top: 2px;	
	vertical-align: top;
	}
.cat-controls .perpage select {
	font: normal 12px Arial, Sans-serif;
	margin: 0 2px 0 2px;
	padding: 0;
	text-transform: none;
	width: 46px;
	}

/* results listing */
ul.results { 
	overflow: hidden;
	padding: 0 0 6px;
	width: 100%;
	} 
.viewall ul.results { border-top: 1px solid #999; margin-top: 1em; }
ul.results li {
	border-top: 1px solid #999;
	font-size: 11px;
	line-height: 1.15em;
	margin: 6px 0 0 18px;
	padding: 20px 0 0;
	vertical-align: top;
	width: 156px;
	}
ul.results li div { width: 156px; }
ul.results > li { 
	display: -moz-inline-box; /* fixes for Firefox for inline-block */
	display: inline-block;
	}
ul.results li.first { border: none; margin-top: 0; }
ul.results li.alt { margin-left: 0; margin-right: 2px; }
ul.results a.img, ul.results img { 
	display: block;
	margin: 0 auto;
	overflow: hidden;
	width: 154px;
	}
ul.results li ul { margin: 0; }
ul.results li li {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	width: 100%;
	}
ul.results li li.name  { line-height: 18px; }
ul.results li li.name strong { margin-top: 0.5em; }
ul.results li li a {
	float: left;
	font-size: 15px; font-family: Arial, Sans-serif;
	}
ul.results li li strong { 
	font-size: 11px; 
	line-height: 1.15em;
	margin-right: 4px;
	}


/* --  arakawa difference -- */
.difference h1, .difference h2, .difference h3 { color: #900; }
.difference #flash { margin-bottom: 8px; }
.difference #main { width: 470px; }
.difference #sub { 
	background: #f8f8f8 url(/img/difference-sub-bg.png) repeat-y 0 0;
	width: 156px;
	}
.difference #sub-o { background: url(/img/difference-sub-top.png) no-repeat 0 0; }
.difference #sub-i {
	background: url(/img/difference-sub-btm.png) no-repeat 0 100%;
	padding: 10px;
	}
.difference #sub ol li { margin-top: 14px; }
.difference #sub ol li.first { margin-top: 0; }
.difference #sub ol li img { display: block; }


/* -- news/blog -- */
.news #main { width: 510px; }
.news #main .content-i { padding-top: 0; }
.news #sub { 
	background: url(/img/news-sub-top.png) no-repeat 0 0;
	padding: 3px 0 0;
	width: 160px;
	}
.news #sub-i { 
	background: url(/img/news-sub-btm.png) no-repeat 0 100%;
	padding: 0 0 3px;
	}
.news #sub-i2 {
	background: url(/img/news-sub-bg.png) repeat-y 0 0;
	padding: 4px 0 7px 14px;	
	}
.news #sub ul { margin: 0.5em 0 0; line-height: 1em; }
.news #sub li { margin: 0.125em 0; }
.news #sub a {
	font: bold 12px 'Arial Narrow', Arial, Sans-serif;
	text-transform: uppercase;
	}
.news #sub a:link, .news #sub a:visited { color: #666; }
.news .title {
	margin: 0 0 1em;
	padding: 0 12px;
	}
.post { 
	border-top: 1px solid #999;
	margin: 1em 0;
	padding: 1em 12px 0;
	}
.post .date { font-size: 15px; font-weight: normal; }
.post .entry { margin: 0.75em 0 0; }
.post .snippet p { margin: 0; }
.post .more-link a {	
	background: url(/img/icons/arrow.png) no-repeat 100% 0.15em;
	font: bold 12px 'Arial Narrow', Arial, Sans-serif;
	padding: 0 10px 0 0;
	text-transform: uppercase;		
	}
.single, .first-post { border: none; margin: 0; padding-top: 0; }

/* categories */
#cat-nav {
	border: 2px solid #900;
	margin: 0 0 18px;
	padding: 8px 12px 10px 0;
	}
#cat-nav ul { background: url(/img/news-cat-bg.png) repeat-y 0 0; overflow: hidden; width: 100%; }
#cat-nav li {
	float: left;
	margin: 0.15em 10px 0.15em 10px;
	width: 198px;
	}
#cat-nav a {
	font: bold 13px 'Arial Narrow', Arial, Sans-serif;
	padding: 0.125em 2px;
	text-transform: uppercase;
	}
#cat-nav a:link, #cat-nav a:visited { color: #666; }	
#cat-nav .current-cat a { background: #900; text-decoration: none; }
#cat-nav .current-cat a:link, #cat-nav .current-cat a:visited { color: #fff; }

/* paging */
.paging { 
	border-top: 1px solid #999;
	margin: 1em 0 0;
	overflow: hidden;
	padding: 0.4em 0;
	width: 100%;
	}
.paging a {
	font: bold 12px 'Arial Narrow', Arial, Sans-serif;
	text-transform: uppercase;	
	}
.paging .prev { float: left; width: 50%; }
.paging .prev a {
	background: url(/img/icons/arrow-left.png) no-repeat 0 0.15em;
	margin: 0 0 0 3px;
	padding: 0 0 0 10px;
	}
.paging .next { float: right; text-align: right; width: 50%; }	
.paging .next a {
	background: url(/img/icons/arrow.png) no-repeat 100% 0.15em;
	margin: 0 3px 0 0;
	padding: 0 10px 0 0;
	}
	
	
/* -- contact -- */
.contact h1, .contact h2, .contact h3 { color: #a50; }
.international h4 { display: none; }
.international p {
	background: url(/img/headers/not-in-north-america.png) no-repeat 0 0;
	height: 14px;
	margin: 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 560px;
	}
.international .places { margin: 0.5em 0 0 -2px; overflow: hidden; width: 100%; }
.international .places li {
	float: left;
	margin: 0 24px 0 0;
	}
.international .places a {
	background: url(/img/icons/arrow-down.png) no-repeat 98% 0.6em; 
	font: bold 13px 'Arial Narrow', Arial, Sans-serif;
	padding: 2px 14px 2px 2px;
	text-transform: uppercase;
	}
.international .places a.open { background: #c70 url(/img/icons/arrow-up-contact.png) no-repeat 98% 0.4em; text-decoration: none;}
.international .places a.open:link, .international .places a.open:visited { color: #fff; }
.international .stretcher ul {	
	float: left;
	margin: 0 10px 0 0;
	padding: 8px 0 0;
	width: 240px;
	}
.international .stretcher li { margin: 0 0 0.15em; }


/* -- page not found -- */
.notfound #content { margin-top: 2px; }
.notfound ul.links li {
	list-style: disc;
	margin: 0 0 0.25em 30px;
	}


/* -- footer -- */
#footer {
	background: #900;
	color: #fff;
	font: 13px Arial, Helvetica, Sans-serif;
	overflow: hidden;
	padding: 10px 0;
	position: relative;
	width: 680px;
	}
#footer a:link, #footer a:visited { color: #fff; }
#footer h6 { 
	background: url(/img/headers/cant-decide.png) no-repeat 0 0;
	height: 15px;
	margin-bottom: 8px;
	overflow: hidden;
	text-indent: -9999px;
	width: 216px;
	}
#footer p { margin: 0; }
#footer .inner { padding: 0 14px; }
#footer .customerservice { float: left; width: 240px; }
#footer .copyright { 
	bottom: 10px;
	position: absolute;
	right: 14px;
	text-align: right;
	width: 400px;
	}

/* footer - recently viewed products */
#recently-viewed {
	border-bottom: 1px solid #fff;
	float: left;
	margin: 0 0 10px;
	padding: 0 0 6px;
	width: 100%;
	}
#recently-viewed ul.thumbs li { margin-bottom: 0; }
#recently-viewed ul.thumbs img {
	border-color: #666;
	margin: 0;
	}


/* -- global nav -- */
#nav { 
	height: 35px;
	position: relative;
	width: 680px;
	}
#nav li { float: left; }
#nav a {
	background: url(/img/nav/default.png) no-repeat 0 0;
	float: left;
	height: 35px;
	outline: none;
	overflow: hidden;
	text-indent: -9999px;
	}
#nav-solutions a { width: 118px; }
#nav-products a { background-position: -118px 0; width: 110px; }
#nav-difference a { background-position: -228px 0; width: 254px; }
#nav-contact a { background-position: -482px 0; width: 198px; }

/* nav - hover */
#nav-solutions a:hover { background-position: 0 -35px; }
#nav-products a:hover { background-position: -118px -35px; }
#nav-difference a:hover { background-position: -228px -35px; }
#nav-contact a:hover { background-position: -482px -35px; }

/* nav - by section */
.solutions #nav a { background-image: url(/img/nav/solutions.png); }
.products #nav a { background-image: url(/img/nav/products.png); }
.difference #nav a { background-image: url(/img/nav/difference.png); }
.contact #nav a { background-image: url(/img/nav/contact.png); }


/* -- sub nav -- */
#nav ul {
	background: no-repeat 0 0;
	display: none; 
	height: 21px;
	left: 0;
	position: absolute;
	top: 35px;
	width: 680px;
	}
#nav ul a {	background: no-repeat 0 0; height: 21px; }

/* sub nav - products */
.products #nav-products ul { background-image: url(/img/nav/products-sub.png); display: block; }
.products #nav-products ul a { background-image: url(/img/nav/products-sub.png); }

.products #nav ul .midway a { width: 152px; }
.products #nav ul .structure a { background-position: -152px 0; width: 160px; }
.products #nav ul .rails a { background-position: -312px 0; width: 45px; }
.products #nav ul .cables a { background-position: -357px 0; width: 60px; }

.products #nav ul .midway a:hover, .midway #nav ul .midway a { background-position: 0 -21px; }
.products #nav ul .structure a:hover, .structure #nav ul .structure a { background-position: -152px -21px; }
.products #nav ul .rails a:hover, .rails #nav ul .rails a { background-position: -312px -21px; }
.products #nav ul .cables a:hover, .cables #nav ul .cables a { background-position: -357px -21px; }

/* sub nav - arakawa difference */
.difference #nav-difference ul { background-image: url(/img/nav/difference-sub.png); display: block; }
.difference #nav-difference ul a { background-image: url(/img/nav/difference-sub.png); }

.difference #nav ul .about a { width: 122px; }
.difference #nav ul .news a { background-position: -122px 0; width: 110px; }

.difference #nav ul .about a:hover, .about #nav ul .about a { background-position: 0 -21px; }
.difference #nav ul .news a:hover, .news #nav ul .news a { background-position: -122px -21px; }


/* -- product selector -- */
#selector {
	background: url(/img/nav/selector.png) no-repeat 0 0;
	height: 21px;
	outline: none;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 35px;
	width: 249px;
	}
#selector:hover, .selector #selector { background-position: 0 -21px; }
.selector #content { margin-bottom: 0; }

/* selector - by section */
.solutions #selector { background-image: url(/img/nav/solutions-selector.png); }
.products #selector { background-image: url(/img/nav/products-selector.png); }
.difference #selector { background-image: url(/img/nav/difference-selector.png); }
.contact #selector { background-image: url(/img/nav/contact-selector.png); }


/* -- forms -- */
form { 
	border-bottom: 3px double #aa5500;
	margin: 1.75em 0 1.25em -12px;
	width: 680px;
	}
fieldset {
	border-bottom: 1px solid #aa5500;
	margin: 0 0 1em 0;
	padding: 0 12px 0.5em;
	}
fieldset.alt { margin-bottom: 0; padding-bottom: 1.25em; }
label, .label { display: block; line-height: 1.23em; margin: 0 0 0.25em; }
label em { color: #666; font-style: normal; font-size: 11px; }
input.text, textarea, select { 
	background: #fff;
	border: 1px solid #d4d0c8;
	font: 13px Georgia, Serif;
	color: #444;
	margin: 0;
	padding: 2px 4px;
	width: 265px;
	}
select { font-style: oblique; padding: 1px 0 1px 2px; width: 275px; }
textarea { overflow: auto; }
input.text:hover, textarea:hover { border-color: #bbb; }
input.text:focus, textarea:focus { border-color: #bbb; color: #000; }
input.file { width: 500px; }
input.stacked { display: block; margin: 0.25em 0 0; }
.field { float: left; margin: 0 20px 0 0; overflow: hidden; padding: 0 0 0.75em; width: 275px; }
.full, .textarea { margin: 0; width: 570px; }
.full input.text { width: 560px; }
.textarea textarea { height: 126px; width: 560px; }
.radio label { display: inline; line-height: 1em; margin: 0 10px 0 0; }
.radio input { margin: 0; padding: 0; }
.cb { line-height: 1.25em; padding: 0; }
.cb label { display: inline; }
.cb input { margin: 0; padding: 0; }
.cb li { margin: 0 0 0.25em; }
.submit { padding: 0 3px; }
button {
	background: no-repeat 0 0;
	cursor: pointer;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	}
button.send { background-image: url(/img/buttons/send.png); height: 29px; margin: 1px 0; width: 196px; }
button.send:hover { background-position: 0 -29px; }

/* validation */
.error { color: #900; }

/* contact form */
.citystatezip { clear: both; width: 100%; }
.citystatezip select { width: 150px; }
.citystatezip .field { margin-right: 10px; width: auto; }
.citystatezip #txtCity { width: 175px; }
.citystatezip #txtZip { width: 85px; }
#contact-form .col-main {
	float: left;
	width: 340px;
	}
#contact-form .col-main .field { margin: 0; width: 340px; }
#contact-form .col-sub {
	border-left: 1px solid #999;
	float: right;
	padding: 0 0 0 9px;
	width: 290px;
	}
#contact-form .col-sub .field { margin: 0; width: 290px; }
#contact-form .col-sub .field select {
	margin: 4px 0 6px;
	width: auto;
	}


/* -- popup -- */
.popup { background-color: #09b; }
#popup {
	background: #fff;
	margin: 4px;
	padding: 16px 20px;
	}
#popup .url { font-size: 11px; }
#popup form {
	border: none;
	margin: 0;
	width: auto;
	}
#popup form label { float: left; margin: 0 10px 0 0; width: 100px; }
#popup form label em { display: block; line-height: 1.125em; }
#popup form .field { overflow: hidden; width: 100%; }
#popup form .input { float: left; }
#popup form .submit input { margin-left: 106px; }


/* -- home specific -- */
.home { height: 100%; width: 100%; }
.home #wrapper { overflow: visible; }
.home #flash {
	height: 100%;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	}
.home #content {
	margin: 35px 0 0 142px;
	overflow: hidden;
	width: 680px;	
	}
.home #content a:link, .home #content a:visited { color: #5b0; }
.home #main { 
	font-size: 18px;
	line-height: 1.22em;
	width: 450px;
	}
.home #main a {
	background: url(/img/icons/arrow-home.png) no-repeat 100% 0.125em;
	padding: 0 13px 0 0;
	}
.home #sub { 
	font: 14px/1.15em 'Arial Narrow', Arial, Sans-serif;
	padding: 0.3em 0 0;
	width: 180px;
	}
.home #footer { bottom: 0; left: 142px; margin: 0; position: absolute; z-index: 2; }


/*---- sIFR ---*/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0; }

/* sIFR Headers */
.sIFR-active h1, .sIFR-active h2 {
	font-family: Verdana; font-size: 19px;
	line-height: 1em;
	margin: 0; 
	visibility: hidden;
	}
.sIFR-active h1 { font-size: 23px; margin: 0; }
.sIFR-active .solutions h1 { margin: 0 0 -4px; }
.sIFR-active ul.stats li.name h1 { font-size: 27px; margin: 0 0 -9px; }
.sIFR-active .difference h2,
.sIFR-active .solutions h2 { font-size: 16px; margin: 16px 0 0; }
.sIFR-active .solutions h2 { margin-bottom: 0; }
.sIFR-active .news h1 { margin: 0 0 -2px; }
.sIFR-active .news h2 { font-size: 19px; }
.sIFR-active ul.categories h2 { font-size: 19px; margin: 16px 0 -2px; }
.sIFR-active .difference #sub h3 { font-size: 15px; margin-bottom: 0; }
.sIFR-active .news #sub h3 { margin-bottom: -6px; }

/* debug */
a[href='#'] { background: yellow; }