@charset "UTF-8";

/* RESET */ /* ––––––––––––––––––––––––––––––––––––––– */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* –––––––––––––––––––––––––––––––––––– BODY STYLES ––– */
body {
	line-height: 1;
	color: #333;
	background: #898851 url(../images/jpgs/site-bg.jpg) top center no-repeat;
}

.clear { clear: both; }

/* –––––––––––––––––––––––––––––––––––– TEXT STYLES ––– */
h1,h2,h3,h4,h5,h6 { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; }
p,td,ol,nl,li,ul,a { font-family: Helvetica, Verdana, Arial, sans-serif; color: #333; }
h1 { font-size: 24px;  line-height: 2.5em; font-weight: bold; color: #a74c33; } h1.stacked { line-height: 1.3em; }
h2 { font-size: 20px;  line-height: 2.5em; font-weight: bold; color: #898851; }
h3 { font-size: 18px;  line-height: 1.2em; font-weight: bold; padding-bottom: 10px; color: #a74c33; }
h4 { font-size: 14px;  line-height: 1.2em; font-weight: bold; padding-bottom: 10px; color: #a74c33; }
h5 { font-size: 12px;  line-height: 1.2em; font-weight: bold; padding-bottom: 10px; color: #a74c33; }
p,ul,nl { padding-bottom: 10px; color: #666; }
p,ul,nl,li { font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; line-height: 1.2em;  }
ul,nl { margin-left: 15px; }
.green { color: #898851; }
.green-ul { color: #898851; border-bottom: 1px solid #a74c33; margin-bottom: 10px;}
input, textarea { margin-bottom: 10px; }
/* –––––––––––––––––––––––––––––––––––– Main Tags ––– */
#wrapper {
	margin: 0 auto;
	margin-top: 220px;
	min-height: 200px;
	width:  876px;
}
#header {
	width: 876px;
	height: 10px;
	background: url(../images/pngs/header-bg.png) top left no-repeat;
}
#content {
	position: relative;
	width: 856px;
	min-height: 200px;
	padding: 0 10px;
	background: url(../images/pngs/content-bg.png) top left repeat;
}
#footer {
	position: relative;
	width: 856px;
	height: 25px;
	padding: 5px 10px;
	background: url(../images/pngs/footer-bg.png) top left no-repeat;
	border-top: solid 1px white;
}

/* –––––––––––––––––––––––––––––––––––– Content Tags ––– */
#sidebar {
	position: relative;
	float: left;
	width: 165px;
	margin-bottom: 10px;
}
#maincontent {
	position: relative;
	float: right;
	width: 665px;
	min-height: 200px;
	margin-bottom: 10px;
}

/* –––––––––––––––––––––––––––––––––––– Sidebar Tags ––– */
.navigation {
	position: relative;
	float: left;
	width: 165px;
}
.navigation-header {
	width: 165px;
	height: 10px;
	background: url(../images/pngs/navigation-header-bg.png) top center no-repeat;
}
.navigation-content {
	width: 161px;
	min-height: 159px;
	border-left: 2px solid white;
	border-right: 2px solid white;
	background: #a64c33 url(../images/pngs/navigation-content-bg.png) top center no-repeat;
}
.navigation-footer {
	width: 165px;
	height: 10px;
	background: url(../images/pngs/navigation-footer-bg.png) top center no-repeat;
}
/* –––––––––––––––––––––––––––––––––––– Navigation Links ––– */
.navigation-content ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.navigation-content ul li {
	display: block;
	width: 161px;
	height: 30px;
	border-bottom: 1px solid white;	
}
.navigation-content ul li.last {
	border-bottom: none;
}
.navigation-content a{
	letter-spacing: 1px;
	text-decoration: none;
	display: block;
	width: 146px;
	height: 30px;
	color: white;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.5em;
}
.navigation-content a:hover, .navigation-content a.current {
	background: url(../images/pngs/navigation-button-hover-bg.png) top left repeat;
}
/* –––––––––––––––––––––––––––––––––––– Main Content Blocks ––– */
#maincontent {
	position: relative;
	float: right;
	width: 665px;
	min-height: 200px;
	margin-bottom: 10px;
}
#maincontent-legals {
	position: relative;
	width: 625px;
	min-height: 179px;
	background: white;
	padding: 0px 20px 20px 20px;
}
/* –––––––––––––––––––––––––––––––––––– Maincontent for standard pages ––– */
#maincontent-standard {
	position: relative;
	width: 661px;
	min-height: 200px;
	border: 2px solid white;
	background: white;
}
#maincontent-standard-header {
	position: relative;
	width: 661px;
	min-height: 200px;
	background: white;
	border-bottom: 2px solid white;
}
#maincontent-standard-header-block-1 /* this is for the header image */ {
	position: relative;
	float: left;
	width: 400px;
	min-height: 200px;
	border-right: 2px solid white;
}
#maincontent-standard-header-block-2 {
	position: relative;
	float: left;
	width: 259px;
	margin-right: -59px;
	min-height: 200px;
	background: #a74c33 url(../images/jpgs/block-bg-pink.jpg) top right no-repeat;
}
#maincontent-standard-header-block-2 h1{
	color: white;
	padding-top: 70px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
}
#maincontent-standard-content {
	position: relative;
	width: 621px;
	min-height: 200px;
	padding: 20px;
	background: white;
	border-bottom: 2px solid white;
}
#maincontent-standard-footer {
	position: relative;
	width: 621px;
	min-height: 50px;
	padding: 0px 20px;
	background: #898851 url(../images/jpgs/block-bg-green.jpg) top right no-repeat;
}
#maincontent-standard-footer h1{
	color: white;
	line-height: 2em;
	font-weight: normal;
}
#maincontent-standard-footer p{
	color: white;
	line-height: 1em;
}

#maincontent-standard-footer a {
	padding: 10px 30px;
	text-decoration: none;
	text-align: center;
	background: #898851;
	color: white;
	background: #a74c33;
	border: 1px solid white;
	margin-bottom: 10px;
}
#maincontent-standard-footer a:hover {
	background: #898851 url(../images/pngs/navigation-button-hover-bg.png) top left repeat;
}
/* –––––––––––––––––––––––––––––––––––– Home Page Block ––– */
#maincontent-home-block-wrapper {
	position: relative;
	width: 645px;
	min-height: 179px;
	padding: 0px;
}
#maincontent-home-block-1 {
	position: relative;
	width: 661px;
	min-height: 200px;
	background: white;
	border: 2px solid white;
	margin-bottom: 20px;
}
#maincontent-home-block-1a {
	position: relative;
	float: left;
	width: 400px;
	height: 200px;
	background: white url(../images/jpgs/home-block1-image.jpg) top left no-repeat;
}
#maincontent-home-block-1b {
	position: relative;
	float:  right;
	width: 241px;
	height: 180px;
	background: white;
	padding: 10px;
}
#maincontent-home-block-2 {
	Position: relative;
	float: left;
	width: 400px;
	min-height: 179px;
	background: #333;
	border: 2px solid white;
	margin-bottom: 10px;
}
#maincontent-home-block-2a {
	position: relative;
	float: left;
	width: 235px;
	height: 300px;
	border-right: 2px solid white;
	background:  url(../images/jpgs/home-block2-image.jpg) top left no-repeat;
}
#maincontent-home-block-2b {
	position: relative;
	float:  right;
	width: 163px;
	height: 300px;
	background: #a74c33 url(../images/jpgs/block-bg-pink.jpg) top right no-repeat;
}
#maincontent-home-block-2c {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 350px;
	height: 35px;
	background: #a74c33;
}
#maincontent-home-block-2c h1{
	color: white;
	line-height: 1.5em;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
}
#maincontent-home-block-2d {
	position: absolute;
	top: 65px;
	right: 0px;
	width: 143px;
	height: 228px;
	padding: 0px 10px 0px 10px;
}
#maincontent-home-block-2d p{
	color: white;
	line-height: 1.3em;
}
#maincontent-home-block-2e {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 142px;
	height: 25px;
	border: 1px solid white;
	background: #a74c33;
}
#maincontent-home-block-2e a{
	display: block;
	text-decoration: none;
	color: white;
	font-size: 14px;
	width: 142px;
	height: 25px;
	text-align: center;
	line-height: 1.9em;
}
#maincontent-home-block-2e a:hover{
	background: url(../images/pngs/navigation-button-hover-bg.png) top left repeat;
}
#maincontent-home-block-3 {
	Position: relative;
	float: right;
	width: 240px;
	min-height: 179px;
	background: #333;
	border: 2px solid white;
	margin-right: -20px;
	margin-bottom: 10px;
}
#maincontent-home-block-3a {
	position: relative;
	width: 240px;
	height: 170px;
	background:  url(../images/jpgs/home-block3-image.jpg) top left no-repeat;
}
#maincontent-home-block-3b {
	position: relative;
	width: 220px;
	height: 110px;
	padding: 10px;
	background: white;
}
#maincontent-home-block-3c {
	position: absolute;
	top: 60px;
	right: 0px;
	width: 200px;
	height: 35px;
	background: url(../images/pngs/navigation-button-hover-bg.png) top left repeat;
}
#maincontent-home-block-3c h1{
	color: white;
	line-height: 1.5em;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
}

/* –––––––––––––––––––––––––––––––––––– Product Table List Styles ––– */
table.products {
	width: 600px;
}
td.products {
	width: 300px;
}
table.products li {
	color: #666;
}
/* –––––––––––––––––––––––––––––––––––– Locations Tables ––– */

tr.location td{ padding-right: 20px; }

/* –––––––––––––––––––––––––––––––––––– Footer Tags ––– */

#footer-legals {
	float: left;
	height: 25px;
	width: 200px;
}
#footer-legals p{
	color: white;
	line-height: 2.3em;
	font-size: 11px;
}
#footer-links {
	position: relative;
	float: right;
	height: 25px;
	width: 600px;
}
#footer-links ul {
	list-style: none;
	float: right;
}
#footer-links ul li {
	display: inline-block;
	height: 25px;
	margin: 0px 20px;
	float: left;
}
#footer-links ul li.last {
	margin-right: 2px;
}
#footer-links a {
	text-decoration: none;
	color: white;
	font-size: 11px;
	line-height: 2.3em;
}