/* ------------------------------------------------------------

	Title: 		Michaels-Inc
	Author: 	neal@abramarketing.com, brad@abramarketing.com

------------------------------------------------------------ */

body {
	font: small "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	text-align: center;
	color: #626262;
	background-color: #FFF;
	}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, input, form, fieldset, label {padding: 0;margin: 0}
p {margin: 0 0 1.5em 0;line-height: 1.5em}

ul, li, dl, dt, dd {list-style: none}

a:link, a:visited {color: #6693D0}

a:hover {color: #6693D0}

/* ------------------------------------------------------------

	header levels

------------------------------------------------------------ */
h1 {
	margin: 40px 0 8px 70px;
}
	
h1 a {
	text-indent: -9999px;
	background: url(../images/bg_h1_2.jpg) top left no-repeat;
	width:  355px;
	height: 47px;
	display: block;
}

h2 {
	color: #01866C;
	font-size: 15px;
	text-align: center;
	margin: 15px 0;
}

h3 {
	background: url(../images/bg_secondary_h3.jpg) bottom center no-repeat;
	border-top: 1px solid #D0C6A4;
	text-align: center;
	padding: 8px 0 19px 0;
	font-size: 150%;
	margin-top: 8px;
	}

.product h4 a {
	color: #2F4163;
	font-size: 130%;
	text-decoration: none;
	}
	

.product h4 a:hover {
	color: #2F4163;
	text-decoration: underline;
	}

h5 {
	font-size: 110%;
	color: #2E4162;
	margin: 0 0 5px 0;
	background: url(../images/bg_bullet.gif) center left no-repeat;
	padding-left: 20px;
	}
	
h6 {
	background: url(../images/bg_secondary_h3.jpg) bottom center no-repeat;
	color: #923231;
	border-top: 1px solid #D0C6A4;
	text-align: center;
	padding: 8px 0 19px 0;
	font-size: 120%;
	margin-top: 8px;
	}
	

/* ------------------------------------------------------------

	page structure

------------------------------------------------------------ */
#wrap {
	background: url(../images/bg_wrap.jpg) top right repeat-y;
	width: 825px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	overflow: hidden;
	_height: 1%;
	}
	
#primaryCol {
	float: left;
	width: 533px;
	margin-right: 33px;	
	}

#secondaryCol {
	float: left;
	width: 259px;
	background:  url(../images/bg_right_col.jpg) top left no-repeat;
	padding: 10px 0 0 0;
	color: #605940;
	font-size: 85%;
	}
	
#secondaryColInner {
	padding: 0 15px;
	}
	
#footer {
	clear: both;
	font-size: 85%;
	width: 483px;
	text-align: center;
	padding-top: 30px;
	}
	
/* ------------------------------------------------------------

	Callouts

------------------------------------------------------------ */
#secondaryMainCol h4 {
	font-size: 150%;
	margin: 15px 0 20px 0;
	color: #923231;
	}
	
.splash {
	color: #2F4163;
	font-size: 120%;
	}


/* ------------------------------------------------------------

	Callouts

------------------------------------------------------------ */
#strip {
	background: none;
	padding: 0;
	}
	
.callout {
	float: left;
	width: 533px;
	background: url(../images/bg_primary_separator.jpg) top center no-repeat;
	padding: 25px 0 20px 0;
	overflow: hidden;
	}
	
.callout h2 {
	font-size: 120%;
	margin-bottom: 5px;
	}
	
.callout h2 a {
	color: #2F4163;
	text-decoration: none;
	}
	
.callout h2 a:hover {
	color: #2F4163;
	text-decoration: underline;
	}
	
.callout img {
	padding: 3px;
	border: 1px solid #CACACA;
	float: left;
	margin-right: 14px;
	}
	
.callout p {
	color: #7C7C7C;
	}

/* ------------------------------------------------------------

	Navigation

------------------------------------------------------------ */

#nav {
	background-color: #2E4162;
	border-bottom: 4px solid #778EAF;
	font-size: 95%;
	margin: 0 auto;
	}

#navInner {
	margin: 0 auto;
	}
	
#nav ul {
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	padding-left: 20px;
	width: 825px;
	}

#nav li {
	float: left;
	padding: 14px 8px 12px 8px;
	}
	
#nav a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#nav a:hover {
	color: #B9F8EC;
	text-decoration: none;
	}
	
.home #nav ul #home,
.about #nav ul #about,
.products #nav ul #products,
.supplies #nav ul #supplies,
.services #nav ul #services,
.clientlist #nav ul #clientlist,
.testimonials #nav ul #testimonials,
.partners #nav ul #partners,
.creativework #nav ul #creativework,
.feedback #nav ul #feedback,
.contact #nav ul #contact {
	background: url(../images/bg_button_highlight_arrow.jpg) bottom center no-repeat;
	}
	
/* ------------------------------------------------------------

	Home Slideshow

------------------------------------------------------------ */
#homeSlideshow {
	background: url(../images/bg_primary_separator.jpg) bottom center no-repeat;
	padding: 10px 0 10px 0;
	margin: 0 0 10px 22px;
	width: 483px;
}

#homeSlideshow h4 {
	margin: 0 0 4px 0;
	color: #923231;
	font-size: 150%;
}

#homeSlideshow img {
	margin: 0 0 15px 0;
}

/* ------------------------------------------------------------

 	Secondary Column

------------------------------------------------------------ */
.product img {
	padding: 3px;
	border: 1px solid #CACACA;
	background-color: #FBF8EC;
	margin-bottom: 8px;
	}
	
/* ------------------------------------------------------------

	Product Page

------------------------------------------------------------ */
#productList {
	float: left;
	margin-bottom: 15px;
	}

.productImage {
	float: right;
	margin-top: 40px;
	}
	
.secondaryHeaderImage {
	margin: 30px 0 0 80px;
	}
	
.aboutHeader {
	border: 1px solid #CACACA;
	padding: 3px;
	margin: 30px 0 20px 22px;
	}
	
#productList h4 {
	font-size: 150%;
	margin: 20px 0;
	color: #923231;
	}

#productList dl {
	margin: 20px 0;
	}
	
#productList dt {
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px solid #E5E8F0;
	padding: 0 0 4px 0;
	margin: 0 0 10px 0;
	}
	
#productList dd {
	padding: 4px 0 4px 20px;
	width: 210px;
	float: left;
	background: url(../images/bg_bullet_small.gif) center left no-repeat;
	}
	
#primaryCol #clientList h6 {
	font-size: 110%;
	font-weight: bold;
	color: #2E4162;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	text-align: left;
}
	
.productDiv #homeFurnishings dd {
	padding: 4px 0 4px 10px;
	width: 420px;
	float: left;
	background: none;
	}
	
#productList .productDiv {
	overflow: hidden;
	}
	
.productNote {
	font-size: 85%;
	}

/* ------------------------------------------------------------

	Supplies

------------------------------------------------------------ */
.supplies #primaryCol #supplies {
	float: left;
	margin-bottom: 15px;
	}
	
.supplies #primaryCol #supplies h4 {
	font-size: 150%;
	margin: 20px 0;
	color: #923231;
	}

.supplies #primaryCol #supplies dl {
	margin: 20px 0;
	}
	
.supplies #primaryCol #supplies dt {
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px solid #E5E8F0;
	padding: 0 0 4px 0;
	margin: 0 0 10px 0;
	}
	
.supplies #primaryCol #supplies .productDiv {
	overflow: hidden;
	}
	
.supplies #supplies ul {
	padding: 0 0 15px 15px;
	font-size: 95%;
}

.supplies #supplies ul li {
	list-style: disc;
	padding: 0 0 8px 0;
}

.supplies #primaryCol #supplies .suppliesform {
	overflow: hidden;
	_height: 1%;
	clear: left;
}

.supplies #primaryCol #supplies .suppliesform dt {
	font-size: 95%;
	padding: 0 0 2px 0;
	font-weight: bold;
	margin: 0 0 2px 0;
	border-bottom: none;
	}
	
.supplies #primaryCol #supplies .suppliesform dd {
	font-size: 105%;
	padding: 0 0 5px 0;
	border-bottom: none;
	float: left;
	margin: 0 10px 0 0;
	background: none;
	}
	
.supplies #primaryCol #supplies .suppliesform input {
	border: 1px solid #CCC;
	padding: 1px;
	}
		
.supplies #primaryCol #supplies .suppliesform textarea {
	border: 1px solid #CCC;
	padding: 3px;
	width: 442px;
	font-size: 110%;
	margin: 0 0 15px 0;
	}
	
.supplies #primaryCol #supplies .suppliesform .note {
	border-top: 1px solid #5C9D65;
	margin-top: 8px;
	padding-top: 4px;
	font-size: 95%;
	}
	
/* ------------------------------------------------------------

	Testimonial Page

------------------------------------------------------------ */
#testimonials h2 {
	background: url(../images/bg_tes_quote_top.jpg) top left no-repeat;
	padding-left: 50px;
	}
	
#testimonials ul li {
	background: url(../images/bg_testimonial_separator.jpg) bottom center no-repeat;
	padding: 15px 0;
	}
	
#testimonials p {
	padding: 5px 0 20px 50px;
	background: url(../images/bg_tes_quote_bottom.jpg) bottom right no-repeat;
	margin-bottom: 10px;
	}
	
/* ------------------------------------------------------------

	Ergonomics Page

------------------------------------------------------------ */
#ergonomics, #clientList {
	margin-top: 30px;
	}
	
#ergonomics h4 {
	margin-bottom: 20px;
	}
	
#ergonomics img {
	margin-bottom: 20px;
	}

#secondaryColInner ol {
	margin: 10px 10px 0 25px;
	}

#secondaryColInner ol li {
	padding: 0 0 8px 0;
	margin-bottom: 8px;
	list-style: decimal;
	border-bottom: 1px solid #D0C6A4;
	}
	
#ergonomics .note {
	font-size: 85%;
	}
	
.ergonomicsTable {
	margin: 0 0 30px 0;
	border-top: 1px solid #F7F1D9;
	border-right: 1px solid #F7F1D9;
	font-size: 85%;
	vertical-align: top;
	text-align: left;
	}
	
.ergonomicsTable td, .ergonomicsTable th {
	border-left: 1px solid #F7F1D9;
	border-bottom: 1px solid #F7F1D9;
	padding: 10px;
	vertical-align: top;
	}	
	
th {
	background-color: #778EAF;
	color: #FFF;
	}

.ergonomicTips {
	padding-bottom: 300px;
	}
	
/* ------------------------------------------------------------

	Client List

------------------------------------------------------------ */
#clientList ul {	
	width: 350px;
	}
	
#clientList a {
	font-size: 115%;
	color: #2F4163;
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #E5E8F0;
	font-weight: bold;
	text-decoration: none;
	}
	
#clientList ul li {
	margin-left: 0;
	padding: 2px 0;
	}
	
/* ------------------------------------------------------------

	Contact Page

------------------------------------------------------------ */
#contactUs {
	margin: 40px 0 0 15px;
	}
	
#contactUs h2 {
	font-size: 150%;
	color: #2F4163;
	margin-bottom: 15px;
	}

#contactUs dt {
	font-size: 95%;
	padding: 5px 0 2px 0;
	font-weight: bold;
	}
#contactUs dt em, #contactUs .note em {
	color: #953232;
	}
	
#contactUs dd {
	font-size: 105%;
	padding: 0 0 5px 0;
	}
	
#contactUs .inputWidth {
	width: 200px;
	font-size: 95%;
	margin: 0 0 15px 0;
	}
	
#contactUs input {
	border: 1px solid #CCC;
	padding: 3px 0;
	}	
#contactUs textarea {
	border: 1px solid #CCC;
	padding: 3px;
	width: 442px;
	font-size: 110%;
	margin: 0 0 15px 0;
	}
		
/* -#contactUs #realname, #contactUs #email, #contactUs #address, #contactUs #city, #contactUs #telephone {
	width: 250px;
	border: 1px solid #CCC;
	padding: 2px;
	font-size: 130%;
	color: #444;
	margin: 0 0 15px 0;
	} --*/
	
 #comments, #description {
 	width: 200px;
	border: 1px solid #ccc;
	padding: 2px 0;
	font-size: 130%;
	color: #444;
	margin-bottom: 10px;
	}
	
#contactUs .note {
	border-top: 1px solid #5C9D65;
	margin-top: 8px;
	padding-top: 4px;
	font-size: 95%;
	}
	
/* ------------------------------------------------------------

	Feedback Page

------------------------------------------------------------ */

/* ------------------------------------------------------------


/* ------------------------------------------------------------

	style elements

------------------------------------------------------------ */



/* ------------------------------------------------------------

	typography

------------------------------------------------------------ */
#footer p {
	margin: 0;
	clear: both;
	padding: 7px 0;
	color: #949AA5;
	}
	
#footer p a {
	color: #949AA5;
	font-weight: bold;
	}
	
#footer p a:hover {
	color: #851F2D;
	}

 .required { color: #E90000; font-weight: bold; }

/* ------------------------------------------------------------

	footer

------------------------------------------------------------ */
#footer ul {
	overflow: hidden;
	padding-bottom: 7px;
	_height: 1%;
	text-align: center;
	width: 100%;
	}
	
#footer ul li {
	padding: 0 7px;
	border-right: 1px solid #E5E8F0;
	display: inline;
	text-align: center;
	}

#footer ul a {
	color: #506183;
	text-decoration: none;
	}
	
#footer ul a:hover {
	text-decoration:  underline;
	}

#footer ul .stripborder {
	border: none;
	}

#footer .listTop {
	border-top: 1px solid #E5E8F0;
	padding-top: 7px;
	}
	
#footer .listBottom {
	border-bottom: 1px solid #E5E8F0;
	padding-bottom: 7px;
	}


/* ------------------------------------------------------------

	list styles

------------------------------------------------------------ */
#wbullets {
	margin-left:20px;
	margin-bottom: 10px;
	}  
	
#wbullets li {
	list-style: circle;
	padding: 5px 0;
	}


/* ------------------------------------------------------------

	image styles

------------------------------------------------------------ */
.thumbnails {
	border: 1px solid #CACACA;
	padding: 3px;
	background-color: #FFF;
	}

.centerIt {
	text-align: center;
	}
	
.clearMe {
	clear: both;
	}
	
.imgRight {
	 float: right; 
	 margin-left: 8px;
	 border: 1px solid #CACACA;
	 padding: 3px;
	 }


/* ------------------------------------------------------------

	scriptaculous

------------------------------------------------------------ */
.drop {
	width: 450px;
	overflow: hidden;
	}