/* ------------------------------------------ Top Level IDs and Classes -------------------------------------------- */

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	*font-size: .75em;
	line-height: 140%;
	color: #333;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-image: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: helvetica, arial, verdana, sans-serif; 
	font-weight: bold;
	line-height: normal;
	padding: 0;	
	margin-bottom: 0.5em;
	color: #5FA233;
}
h2 {display:block;border-bottom: solid 1px #ccc; padding-bottom:4px;margin-bottom:20px;}
a {color:#5FA233;text-decoration:underline;}
a:hover {text-decoration:none;}
ul {}
ol {}
blockquote {
	color:#644D39;
	border-left: 10px solid #644D39;
	padding-left:10px;
	margin-left:20px;
	margin-right:20px;
}
.clear {clear:both;}
.hide {display:none;visibility:hidden;}
.accent1 {color:#5FA233;}
.accent2 {color:#644D39;}
.small {font-size:.8em;}
.alignleft {float:left;}
.alignright {float:right;}
.center {text-align:center;}
.required {color:#CC0000;}
.framed {background-color:#FFFFFF;padding:10px;border: 1px solid #DDDED0;margin-right:10px;margin-bottom:10px;margin-left:10px;}

#container {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 850px;
	position: relative;
}

/* ------------------------------------------ Header -------------------------------------------- */

#header {
	position:relative;
	background-image: url(../GRFX/hdr_bkgd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 136px;
	width: 850px;
	margin-bottom:10px;
	z-index:10;
}
#header h1 {display:none;visibility:hidden;}
#blurb_phone {position:absolute;width:200px;top:32px;right:15px;text-align:right;color:#5FA233;line-height:normal;}

/* ------------------------------------------ Navigation -------------------------------------------- */

#navigation {position:absolute;height:30px;width:580px;top:74px;left:270px;margin:0;padding:0;background-image:url(../GRFX/nav1.jpg);background-color:transparent !important;}

#navigation li, #navigation ul {margin:0;padding:0;list-style-type: none;}
#navigation li, #navigation a {display:block;height:30px;text-indent:-90000px;outline:0;}

#btn_home {position:absolute;height:30px;width:62px;left:0px;}
#btn_home a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: 0px 0px;}
#btn_about {position:absolute;height:30px;width:80px;left:62px;}
#btn_about a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -62px 0px;}
#btn_remanufactured {position:absolute;height:30px;width:117px;left:142px;}
#btn_remanufactured a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -142px 0px;}
#btn_products {position:absolute;height:30px;width:78px;left:259px;}
#btn_products a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -259px 0px;}
#btn_services {position:absolute;height:30px;width:77px;left:337px;}
#btn_services a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -337px 0px;}
#btn_projects {position:absolute;height:30px;width:75px;left:414px;}
#btn_projects a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -414px 0px;}
#btn_contact {position:absolute;height:30px;width:91px;left:489px;}
#btn_contact a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -489px 0px;}

/* ------------------------------------------ Sub Navigation -------------------------------------------- */

.subnavwrapper {
	position:absolute;
	top:104px;
	left:270px;
	color:#5FA233;
	padding-top:5px;
}
.subnav {display:none;}

/* ------------------------------------------ Left Column -------------------------------------------- */

#leftcol, #sidebar {
	position:relative;
	float:left;
	width:240px;
	margin-right:20px;
}

#sidebar ul, #sidebar li {list-style-type:none;}
#sidebar ul {padding:0;}
.widget {border:1px solid #eee;padding:4px;margin-bottom:10px;}
.widget h2 {padding: 5px;margin: 5px auto;}
.widget li {/* padding-left:20px; */}
.widget a {display:block;position:relative;text-decoration:none;border-bottom:1px dashed #ccc;padding:5px;}
.widget a:hover {background:#F1F1EF;}
.screen-reader-text {visibility:hidden;display:none;}
ul.children {border-left:10px solid #F1F1EF;}

#leftcol a.sidebtn {
	display:block;
	padding:7px;
	background-color:#DDDED0;
	border-left: solid 10px #5FA233;
	margin-bottom:5px;
	color:#333333;
	text-decoration:none;
	line-height:85%;
}
#leftcol a.sidebtn:hover {background-color:#F8F8F7;}
#lefthome, #leftspecial, #leftinstock {display:block;position:relative;border: 1px solid #CCCCCC;margin-bottom:10px;height:160px;background-repeat:no-repeat;background-position: center center;}


#lefthome {background-color:#DDDED0;background-image:url(../FEATUREDPIX/home_box.jpg);}
#leftspecial {background-color:#ffffff;background-image:url(../FEATUREDPIX/featured.jpg);}
#leftinstock {background-color:#ffffff;background-image:url(../FEATUREDPIX/shop.jpg);}

#lefthome a, #leftspecial a, #leftinstock a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:240px;
	height:160px;
	text-indent:-9000px;
	overflow:hidden;
	outline:0;
}
#lefthome h3, #leftspecial h3, #leftinstock h3 {
	display: block;
	position: absolute;
	width:230px;
	top:130px;
	padding-top:5px;
	padding-bottom:4px;
	padding-left:8px;
	margin:0;
	font-size: .95em;
	color:#ffffff;
	background-color:#644D39;

}
#lefthome h3 {}

/* ------------------------------------------ Center Content -------------------------------------------- */

#content {
	position:relative;
	float:right;
	width:560px;
	padding-right:18px;
}
#productmatrix img {
	display:block;
	padding:5px;
	border: solid 1px #ccc;
	margin:5px;
	}
.btnlrnmore {border:1px solid #5FA233;display:inline-block;background:#5FA233;padding:6px;color:#fff;text-decoration:none;border-radius:3px;-webkit-transition:all .2s ease-out;margin-top:10px;text-shadow:1px 1px 2px #333;}
.btnlrnmore:hover {background:#fff;color:#5FA233;-webkit-transition:all .2s ease-in;border:1px solid #5FA233;text-shadow:1px 1px 2px #fff;}

/* ------------------------------------------ Dynamic Content -------------------------------------------- */

.post {clear:both;float:none;}
.post h2 {}
h2 a {text-decoration:none;}
.entry {}
.postmetadata {clear:both;float:none;border-top:1px dashed #ccc;padding-top:10px;margin-bottom:50px;}
.post img {padding:5px;border:1px solid #ccc;margin:10px;margin-top:0;background:#F1F1EF;}
.sticky, .catdesc {border:1px solid #ccc !important;padding:10px;background:#F8F8F7;}

/* ------------------------------------------ Right Column -------------------------------------------- */

#rightcol {
	position:relative;
	float:left;
	width:185px;
	margin-left:20px;
	margin-right:10px;
}
/* ------------------------------------------ Footer -------------------------------------------- */

#footer {
	position:relative;
	top:0;
	left:0;
	width:100%
	height:auto;
	clear:both;
	text-align:center;
	margin-top: 10px;
	padding-bottom:20px;
}
#search {
	display:block;
	position:relative;
	top:0;
	left:0;
	height:auto;
	width:830px;
	padding:10px;
	background-color:#644D39;
	text-align:left;
	color:#ffffff;
	margin-bottom:10px;
	clear:both;
}

.ftr-btn {width:180px;padding: 0 10px;min-height:50px;margin-right:10px;line-height:50px;float:left;background:#e3e3e3 url(/GRFX/btn-bkgd.jpg) repeat-x center top;text-shadow: 1px 1px 1px #666;border-radius:5px;text-decoration:none;color:#333;-webkit-transition: all .5s ease-in-out;}

a.ftr-btn:hover {background:#5FA233 url(/GRFX/btn-bkgd-hvr.jpg) repeat-x center top;color:#fff;text-shadow: 1px 1px 1px #333;border-radius:9px;-webkit-transition: all .3s ease-in-out;}

#search a {color:#ffffff;}
#search p, #search form {margin:0;padding:0;}
#search #quick {float:left;padding-top:3px;}
#search #sform {float:right;width:250px;text-align:right;}
#search #sform input {margin-right:10px;color:#666;font-size:.9em;}
#footershop {height:90px;*margin-top:10px;padding:10px;background:#fff url(../GRFX/box-bkgd.jpg);clear:both;}
.ftrblock {width: 265px;text-align:right;margin-right:10px;font-weight:bold;color:#644D39;float:left;}
img.ftrframed {display:block;margin-left:7px;padding:2px;border:solid 1px #ccc;background-color:#fff;float:right;}
/* ------------------------------------------ Forms -------------------------------------------- */

form.styledform {width:100%;margin-bottom:20px;}
form.styledform fieldset {border: 1px solid #ccc;margin-bottom:10px;*padding-bottom:10px;}
form.styledform legend {color: #fff;background: #644D39;border: 1px solid #644D39;padding: 2px 6px}
form.styledform label, .formpad {width:100px;text-align:right;margin-right:5px;float:left;}
form.styledform input:focus, form.styledform textarea:focus, form.styledform select:focus {background-color: #F2FDFF;}

