/* 
	Acme Supplies Main Stylesheet
	March 2008
	Atomic Crayon / karen@atomiccrayon.com / SMRT
*/


/* reset styles via myerweb.com */


/* http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */

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,
b, u, i, center,
/*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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	/*list-style: none;*/
}
/*
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
*/
/* remember to define focus styles! */
:focus {
	outline: dotted 1px #666;
	overflow: hidden;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* COLOURS
#f2f2f2 - light grey - content background
#d9dadb - medium grey - footer background, photo shadow
#dae2e7 - pale blue - newsletter archive background
#6fa6db - light blue - dropdown background
#1a52a3 - medium blue - headline background, links
#0a2d56 - dark blue - headline bottom
#d33d2a - red

*/

/* Sections flagged with =
	GENERIC
	WRAPPER
	HEADER
	MAIN
	CONTENT
	SIDEBAR
	NAVIGATION
	MINOR NAVIGATION
	FOOTER
	PAGE SPECIFIC
		Home
		About
		Products
		Services
		Resources
		Specials
		Newsletter
		Contact		
*/

/* =GENERIC */


body {
	background-color: #fff;
	color: #000;
	font-size: 76%;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background-image: url(../images/body-bk.png);
}

h1, h2, h3, h4 {
	color: #000;
	font-weight: bold;
	margin-bottom: .4em;
	font-size: 1.4em;
}

h2, h3, h4 {
	margin-top: 2em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

a {
	color: #1a52a3;
}

a:focus, a:hover, a:active {
	color: #d33d2a;
}

p {
	font-size: .9em;
	line-height: 1.5;
	margin: 0 0 1em 0;
}

li {
	font-size: .9em;
	line-height: 1.2em;
	margin: 0 0 .5em 0;
}


.clear {
	clear: both;
}



/* =WRAPPER */

#wrapper {
	width: 716px;
	margin: 0 auto;
	position: relative;
}


/* =HEADER */

#header {
	width: 716px;
	height: 100px;
	position: relative;
	border-top: solid 1px #fff;
}

#header h1 a {
	position: absolute;
	display: block;
	width: 149px;
	height: 76px;
	top: 18px;
	left: 28px;
	background-image: url(../images/acme-logo.png);
	text-indent: -9999px;
}

#header #tag {
	text-indent: -9999px;
}

#header #print-logo {
	display: none;
}

#header a.skip:link, #header a.skip:visited, #header a.skip:hover {
	display: block;
	width: 10em;
	height: 1em;
	padding: 3px;
	margin-left: 200px;	
	font-size: 1em;
	text-indent: -9999px;
	color: #000;
}

#header a.skip:focus, #header a.skip:active {
	text-indent: 0;
	color: #000;
	background-color: #fff;
}


/* =MAIN */

#main {
	width: 702px;
	padding: 7px;
	background-color: #f2f2f2;
}

#main h2#headline {
	margin-top: 0;
	margin-bottom: 1.2em;
	width: 702px;
	height: 82px;
	background-image: url(../images/header-bk-home.png);
	background-repeat: no-repeat;
	border-bottom: solid 20px #0a2d56;
	text-indent: -9999px;
}

#main #blurb {
	position: absolute;
	top: 128px;
	left: 260px;
	width: 320px;
	color: #fff;
	font-size: .9em;
	line-height: 1.3;
}

#main #blurb.long {
	width: 420px;
}

#main #badge-link {
	position: absolute;
	top: 125px;
	left: 604px;
	width: 88px;
	height: 48px;
	text-indent: -9999px;
}

/* =CONTENT */

#content {
	width: 449px;
	width: 400px;
	padding-right: 49px;
	padding-bottom: 10px;
	float: right;
}

#content h3, #content h4 {
	line-height: 1.3;
}

#content h3#first {
	margin-top: 0;
}


/* =SIDEBAR */

#sidebar {
	width: 210px;
	float: right;
	margin: 1em 0 2em 0;
}

#sidebar div.shadow {
	margin: 6px;
	width: 182px;
	height: 195px;
	background-color: #d9dadb;
	position: relative;
}

#sidebar div.shadow div.sidebar-image, #sidebar div.shadow a.sidebar-link {
	display: block;
	width: 172px;
	height: 185px;
	border: solid 5px #fff;
	position: absolute;
	top: -6px;
	left: -6px;
	background-repeat: no-repeat;
}

#sidebar div.shadow div.sidebar-image p {
	text-indent:-9999px;
	}


/* =NAVIGATION */

#navigation {
	position: absolute;
	top: 62px;
	right: 7px;
	background-image: url(../images/navigation-bk.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 473px;
}

#navigation .noscript {
	text-indent: -9999px;
}

/* other nav styles in qm.css */

/* =MINOR NAVIGATION */

#minor-navigation {
	position: absolute;
	top: 18px;
	right: 7px;
	height: 21px;
	width: 113px;
	background-image: url(../images/minor-navigation-bk.png);
	background-position: left center;
	background-repeat: no-repeat;
}

#minor-navigation a {
	display: block;
	position: absolute;
	top: 0;
	height: 21px;
	text-indent: -9999px;
}

#minor-navigation a#newsletter-nav {
	right: 0;
	width: 53px;
}

#minor-navigation a#contact-nav {
	left: 0;
	width: 53px;
}


/* =FOOTER */

#footer {
	clear: both;
	width: 702px;
	background-color: #d9dadb;
	padding: 10px 0;
	text-align: center;
	font-size: .85em;
}

#footer p {
	margin: 0;
}

/* =PAGE SPECIFIC */


/* =Home */

.page-home #main h2#headline {
	background-image: url(../images/header-bk-home.png);
}

.page-home #sidebar div.shadow #size {
	position: absolute;
	top: 84px;
	left: -1px;
	width: 172px;
	text-align: center;
	color: #fff;
	z-index: 10;
}

/* =About Us */

.page-about #main h2#headline {
	background-image: url(../images/header-bk-about.png);
}

.page-about #sidebar div.shadow div.sidebar-image {
	background-image: url(../images/side-about.jpg);
}


/* =Products Section */

.page-products #main h2#headline {
	background-image: url(../images/header-bk-products.png);
}

.page-products #sidebar div.shadow div.sidebar-image {
	background-image: url(../images/side-products.jpg);
}

.section-products-sub #content {
	width: 672px;
	padding: 0 0px 10px 30px;
	float: none;
}

.section-products-sub #content .supplier {
	width: 180px;
	float: left;
	margin-right: 44px;
	margin-bottom: .5em;
}

.section-products-sub #content .supplier p.title {
	margin: .2em 0;
	font-weight: bold;
	text-transform: uppercase;
}

.section-products-sub #content .last {
	margin-right: 0;
}

.section-products-sub #sidebar {
	display: none;
}



/* Finishing */

.page-finishing #main h2#headline {
	background-image: url(../images/header-bk-products-finishing.png);
}

/* Hardware */

.page-hardware #main h2#headline {
	background-image: url(../images/header-bk-products-hardware.png);
}

/* Equipment */

.page-p-equipment #main h2#headline {
	background-image: url(../images/header-bk-products-equipment.png);
}

/* Washroom */

.page-p-washroom #main h2#headline {
	background-image: url(../images/header-bk-products-washroom.png);
}

/* Paper */

.page-paper #main h2#headline {
	background-image: url(../images/header-bk-products-paper.png);
}

/* Maintenance */

.page-maintenance #main h2#headline {
	background-image: url(../images/header-bk-products-maintenance.png);
}

/* Hotel */

.page-hotel #main h2#headline {
	background-image: url(../images/header-bk-products-hotel.png);
}


/* Account */

.page-account #main h2#headline {
	background-image: url(../images/header-bk-products-account.png);
}

.page-account #sidebar div.shadow a.sidebar-link {
	background-image: url(../images/side-products-account.jpg);
}

.page-account #sidebar div.shadow #size {
	position: absolute;
	top: 110px;
	left: -1px;
	width: 172px;
	text-align: center;
	color: #000;
	z-index: 10;
}


/* =Resources Section */

.section-resources #main h2#headline {
	background-image: url(../images/header-bk-resources.png);
}

.section-resources #sidebar div.shadow div.sidebar-image {
	
}

/* Training */

.page-training #main h2#headline {
	background-image: url(../images/header-bk-resources-training.png);
}

/* Links */

.page-links #main h2#headline {
	background-image: url(../images/header-bk-resources-links.png);
}

div.twocol ul, div.twocol ol {
	float: right;
	width: 40%; 
	margin: 0 0 1em 0;
	padding: 0;
	list-style-position: inside;
}

div.twocol .left {
	float: left;
	position: relative;
}

div.twocol {
	margin: 0;
	padding: 0;
}


/* Environmental */

.page-environmental #main h2#headline {
	background-image: url(../images/header-bk-resources-environmental.png);
}


/* =Services Section */

.section-services #main h2#headline {
	background-image: url(../images/header-bk-services.png);
}

.section-services #sidebar div.shadow div.sidebar-image {
}

/* Delivery */

.page-delivery #main h2#headline {
	background-image: url(../images/header-bk-services-delivery.png);
}

/* Equipment */

.page-equipment #main h2#headline {
	background-image: url(../images/header-bk-services-equipment.png);
}

/* Installation */

.page-installation #main h2#headline {
	background-image: url(../images/header-bk-services-installation.png);
}


/* =Specials */

.page-specials #main h2#headline {
	background-image: url(../images/header-bk-specials.png);
}

.page-specials #sidebar div.shadow div.sidebar-image {
	background-image: url(../images/side-specials.jpg);
}


/* =Contact */

.page-contact #main h2#headline {
	background-image: url(../images/header-bk-contact.png);
}

.page-contact #content {
	padding-top: 20px;
}

.page-contact #content #phone-label {
	margin-bottom: 2px;
}

.page-contact #content #phone { /* ie6.css */
	font-size: 1.8em;
	width: 14.3em;
	padding: 2px 6px;
	border: solid 1px #d9dadb;
	margin-left: -7px;
}

.page-contact #content #phone span {
	font-size: .5em;
}

.page-contact #sidebar div.shadow div.sidebar-image {
	background-image: url(../images/side-contact.jpg);
}


/* =Newsletter Section */

.section-newsletter #main h2#headline {
	background-image: url(../images/header-bk-newsletter-archive.png);
}

.section-newsletter #sidebar div.shadow a.sidebar-link {
}

/* Archive */

.page-archive #content #years {
	font-weight: bold;
}

.page-archive #content .issue {
	background-color: #dae2e7;
	padding: .5em 1em;
	width: 30em;
	height: 3em;
	position: relative;
}

.page-archive #content .issue a {
	text-decoration: none;
	display: block;
	padding: 2em 1em .5em 1em;
	width: 30em;
	height: 1.5em;
	position: absolute;
	top: 0;
	left: 0;
}

/* Registration */

.page-registration #main h2#headline {
	background-image: url(../images/header-bk-newsletter-registration.png);
}

.page-registration #sidebar div.shadow .sidebar-image {
	background-image: url(../images/side-newsletter-registration.jpg);
}

.page-registration #content .registration-form .clear {
	margin-bottom: .5em;
}

.page-registration #content .registration-form label {
	display: block;
	text-align: right;
	width: 100px;
	float: left;
	padding-bottom: .3em;
}

.page-registration #content .registration-form .text {
	width: 200px;
	float: left;
	margin-left: 10px;
	border: solid 1px #fff;
	background-color: #d9dadb;
}

.page-registration #content .registration-form .radio {
	width: 200px;
	float: left;
	margin-left: 10px;
}


.page-registration #content .registration-form .submit {
	float: left;
	margin-left: 110px;
	margin-top: .8em;
	
}