/* Website for Ashton Hardware */
/* Summer 2009 */
/* Site design and development by Red Letter Design, www.RedLetterDesign.net */
/* Notes:
#576d82   denim blue
#437321   green
#333399   bright blue
#FFFDEF   light beige
#E8D9B8   medium beige
#695B4A   brown

Structure:

wrapper0
|	wrapper1
|	|	wrapper2
|	|	|	sidebar
|	|	|	|	sideHeading
|	|	|	| |	printHeader
|	|	|	|	nav (ul)
|	|	|	|	sideBagdes
|	|	|	content
|	footer
|	|	lowerSideInfo
|	copyright

*/

/* Hacks: 
for min-height in IE6: add height: xxpx !important; height: xxpx;
sidebar IE6 3px float bug: subtract 3px in left margin of content for IE6 only (using !important for the correct values)
*/

/* Reset browser default styles to insure consistency across various browsers */
html, body, div, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; line-height: 1; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* Helpful fixes */
a { outline: none; }
/* get rid of Firefox link boxes */
html { height: 100%; }
/* forces vertical scrollbars in FF to avoid horizontal shift on short pages, combined with min-height on body */
body { min-height: 101%; }
/* forces vertical scrollbars in FF to avoid horizontal shift on short pages, combinded with height on html */

/* Layout Structure */
body              { margin: 0; padding: 0 0 40px 0; background: #576d82 url(../images/background.jpg) center top repeat; }
div#wrapper0      { margin: 0 auto; padding: 0; width: 960px; }
div#wrapper1      { margin: 0; padding: 0; background: url(../images/middle.jpg) repeat-y center top; }
div#wrapper2      { margin: 0; padding: 0; background: url(../images/top.jpg) center top no-repeat; }
div#sidebar       { margin: 0; padding: 310px 0 0 40px; width: 270px; position: relative; float: left; }
div#content       { margin: 0 0 0 350px !important; margin-left: 347px; padding: 70px 0 0 0; width: 550px; min-height: 1100px; height: auto !important; height: 1100x; }
div#floatcontainer { float: left; }
div#footer        { position: relative; clear: both; padding: 25px 40px 0 40px; background: url(../images/bottom.jpg) center top no-repeat; min-height: 45px; height: auto !important; height: 45px;}
div#lowerSideInfo { position: absolute;	/* top: -62px; */ bottom: 30px; left: 40px; width: 270px; }
div#copyright     { margin: 0; padding: 0 20px; }
div#printHeader   { display: none; }
div#logolink      { position: absolute; top: 50px; left: 40px; }


/* Columns */
div.columnset   { clear: left; margin: 0; padding: 0; }
div.firstcol    { margin-left: 0px !important; }
div.column_wide { width: 350px; margin: 0 0 0 30px; float: left; }
div.column_narrow { width: 160px; margin: 0 0 0 30px; float: left; }

/* Typography */
/* -- for main content, rhythm is 18px
*/
body, input, textarea { font-family: Tahoma, Geneva, sans-serif; color: #3f3f3f; font-size: 12px; line-height: 1.0; }
h1       { font-size: 30px; line-height: 36px; margin: 0; padding:  0   0    0   0; font-weight: normal; color: #437321;  }
h2       { font-size: 24px; line-height: 24px; margin: 0; padding: 12px 0    0   0; font-weight: normal; color: #333399; }
h3       { font-size: 18px; line-height: 18px; margin: 0; padding:  0;              font-weight: normal; color: #437321;  }
p        { font-size: 14px; line-height: 18px; margin: 0; padding:  6px 0   12px 0; }
li       { font-size: 14px; line-height: 18px; margin: 0; padding:  0; text-indent: 0;}
li li    { font-size: 12px; }
strong { font-weight: bold; color: #222222;}
blockquote { margin: 9px 0px; padding: 0 9px; border-left: 8px solid #E8D9B8; background-color: #fffdef; }
	blockquote p { padding: 9px 0 9px 0; font-style: italic;}
	blockquote p.quoteSource { font-style: normal; font-size: 13px;  }
a { color: #333399; }
	a:link { color: #333399; }
	a:visited { color: #333399; }
	a:hover { color: #437321; }
	a:active { color: #437321; }
ul { list-style-position: inside; list-style-type: square; margin: 0 0 0 0; padding: 6px 0 12px 0; }
ol { list-style-position: inside; list-style-type: decimal; margin: 0 0 0 0; padding: 6px 0 12px 0; }
ul ul, 
	ol ul { list-style-type: disc; margin: 0 0 0 2em; padding: 0; list-style-position: outside; }
ol ol, 
	ul ol { list-style-type: lower-alpha; margin: 0 0 0 2em; padding: 0 0 0 0; list-style-position: outside; }
ul ul.nomarker,
	ol ul.nomarker {list-style-type: none; margin: 0 0 0 1.5em;}
/* Tables */
table { margin: 0; padding: 0; background-color: #FFFDEF;}
th { padding: 0 3px 0 3px; margin: 0; vertical-align: middle; background-color: #E8D9B8; border-bottom: 1px solid #695B4A;}
td { padding: 0 3px 0 3px; margin: 0; vertical-align: middle; background-color: #FFFDEF; border-bottom: 1px solid #E8D9B8;}
td, th { font-size: 12px; line-height: 17px; text-align: left; font-weight: normal; }
th { font-weight: bold; }

/* Graphics 
	Photos that align to the top of a para should be (18x+11) px high. Interior photos should be (18*n)px.
*/
img.photoRightTop { border: 1px solid #695B4A; padding: 0; margin: 13px  0    3px 18px; float: right; }
img.photoLeftTop  { border: 1px solid #695B4A; padding: 0; margin: 13px 18px  3px  0;   float: left; }
img.photoRight    { border: 1px solid #695B4A; padding: 0; margin:  2px  0    3px 18px; float: right; }
img.photoLeft     { border: 1px solid #695B4A; padding: 0; margin:  2px 18px  3px  0;   float: left; }
img.photoFull     { border: 1px solid #695B4A; padding: 0; margin:  9px  0    9px  0; }
img.photoFullTop  { border: 1px solid #695B4A; padding: 0; margin:  0    0   18px  0; }
img.graphicRight  { border: none;              padding: 0; margin: 2px  0    3px 18px; float: right; }
img.graphicLeft   { border: none;              padding: 0; margin: 2px 0  3px  0;   float: left; }

/* Forms */
form { border: none; padding: 0; margin: 9px 0; border: 1px solid #695B4A; background-color: #E8D9B8;}
textarea { font-size: 13px; width: 98%; }
input.formInput { font-size: 13px;  width: 98%; }
div.checkInput { padding-right: 20px; float: left;}
label { font-size: 13px; line-height: 18px; font-weight: bold;}
label.selectLabel { font-weight: normal;}
form p { padding: 0; }
div.formSection { margin: 0; padding: 9px 9px; clear: left; min-height: 18px; height: auto !important; height: 18px;}
div#honeypot { display: none; }
.formNote {font-size: 11px; }
.formError { font-size: 11px; color: #990000; font-weight: bold; }
.retMessage { font-weight: bold; color: #333399; }
.warning { font-weight: bold; color: #990000; }
.floatclear { clear: both; }

/* Sidebar top content */
div#sideHeading p.phone   { font-size: 36px; line-height: 36px; text-align: center; color: #333399; padding: 0;}
div#sideHeading p.address { font-size: 14px; line-height: 18px; text-align: center; color: #333399; padding: 6px 0 12px 0; }

/* Sidebar notes */
div#sidebar p.sideNote { font-size: 14px; line-height: 18px; text-align: center; color: #437321; font-weight: bold; padding: 6px 0 12px 0; }

/* Primary Navigation */
ul#nav { list-style: none; list-style-position: outside; text-indent: 0; margin: 20px 40px 0 40px; padding: 0; }
ul#nav li { margin: 0; padding: 0; width: 190px; height: 45px; }
	ul#nav li a { color: #000000; font-size: 18px; line-height: 28px; padding: 0 0 0 0; text-align: center; text-decoration: none; background: url(../images/nav.jpg) top left no-repeat; display: block; width: 190px; height: 43px; }
		ul#nav li a:hover { color: #ffffff; background-position: bottom left;}
			ul#nav li.current_page a { color: #ffffff; background-position: bottom left; }

/* Lower Side Info content */
div#lowerSideInfo p.name    { font-size: 16px; line-height: 18px; text-align: left; color: #333399; padding: 0; font-weight: bold;}
div#lowerSideInfo p.address { font-size: 14px; line-height: 18px; text-align: left; color: #333399; padding: 6px 0 12px 0; }
div#lowerSideInfo p.phone   { font-size: 16px; line-height: 18px; text-align: left; color: #437321; padding: 0; font-weight: bold;}

/* Footer content */
div#footer p.lowerNav { text-align: right; font-size: 12px;}

/* Copyright content */
div#copyright p { font-size: 10px; line-height: 18px; color: #cccccc; font-weight: normal; margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; }
	div#copyright p a, 
	div#copyright p a:link, 
	div#copyright p a:visited { color: #cccccc; text-decoration: none; }
	div#copyright p a:hover { color: #fff; text-decoration: underline; }