body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, img, form { padding: 0; border: 0; margin: 0; }
body { background: #ACC1AD url(../images/body-bg.png) repeat-x 50% 0; font-family: Arial, Helvetica, sans-serif; }
a { outline: none; }

/********************************************************************************************************************************/
/* CENTERS THE PAGE */
#wrapper { margin: 0 auto; width: 844px; }
#content-wrapper { background: url(../images/content-bg.png) repeat-y; float: left; width: 844px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; }
#container { background: url(../images/top-bg.png) no-repeat; float: left; width: 844px; }

/********************************************************************************************************************************/
/* TEXT FORMATTING STYLES */
h1 { font-size: 24px; font-weight: normal; color: #044704; width: 100%; border-bottom: solid 1px #6C6C6B; margin-bottom: 7px; clear: both; }
h2 { font-size: 21px; font-weight: normal; color: #6C6C6B; width: 100%; margin-bottom: 5px; padding-top: 8px; border-bottom: solid 1px #6C6C6B; }
h3 { font-size: 21px; font-weight: normal; color: #044704; width: 100%; margin-bottom: 4px; }
h4 { font-size: 18px; font-weight: normal; color: #6C6C6B; width: 100%; margin-bottom: 2px; }
h5 { font-size: 16px; font-weight: bold; color: #044704; width: 100%; margin-bottom: 2px; }
h6 { font-size: 16px; font-weight: bold; font-style: italic; color: #044704; width: 100%; margin-bottom: 2px; }
p { margin-bottom: 11px; color: #444444; width: 100%; font-size: 14px; }
*:first-child+html p { width: auto; }
* html p { width: auto; }
p a { color: #044704; text-decoration: underline; }
p a:hover { text-decoration: none; }
a { color: #044704; text-decoration: underline; }
a:hover { text-decoration: none; }

#left ul { color: #006600; font-size: 12px; padding: 8px 75px 10px 30px; }
#left ul li { padding-bottom: 8px; }

#left ol { color: #006600; font-size: 12px; padding: 8px 75px 10px 30px; }
#left ol li { padding-bottom: 8px; }

#left ul li a, #left ol li a { color: #044704; text-decoration: underline; }
#left ul li a:hover, #left ol li a:hover { text-decoration: none; }

.grey-content p { color: #137C13; font-size: 13px; text-align: right; }
.grey-content p a { color: #6C6C6B; text-decoration: underline; }
.grey-content p a:hover { text-decoration: none; }
#copyright p { color: #ffffff; font-size: 11px; font-weight: bold; }
.bold { font-weight: bold; }
.bold-italic { font-weight: bold; font-style: italic; }
h1 a { font-size: 24px; font-weight: normal; color: #044704; width: 100%; margin-bottom: 7px; text-decoration: none; }
h1 a:hover { color: #6C6C6B; }
h4 a { font-size: 18px; font-weight: normal; color: #6C6C6B; width: 100%; margin-bottom: 2px; text-decoration: none; }
h4 a:hover { text-decoration: underline; }
.grey-content h4 { float: left; width: 190px; padding-left: 5px; margin: 0px 0px 9px 5px; border-bottom: solid 1px #6C6C6B; }
.title { padding-bottom: 10px; }
.line-through { text-decoration: line-through; }
.red { color: #CC0000; }

.img-cont { float: left; width: 512px; }
.floatLeft { padding: 0px 5px 5px 0px; float: left; }

.img-button { float: left; padding: 12px 20px 18px 20px; }

/********************************************************************************************************************************/
/* GALLERY TABS AND IMAGE FORMATTING */
ul#tabs-gallery { float: left; list-style: none; width: 512px; padding: 0px 0px 0px 8px; background: #ffffff; margin: 0px 0px 0px 0px; border-top: none; border-bottom: solid 2px #7C7C7C; height: 30px; }
* html #left ul#tabs-gallery { padding: 0px 0px 0px 8px; margin: 0px; }
ul#tabs-gallery li { float: left; margin: 0px 5px 0px 0px; height: 30px; }
* html #left ul#tabs-gallery li { padding: 0px; margin: 0px 5px 0px 0px; }
ul#tabs-gallery li a { float: left; height: 30px; }
ul#tabs-gallery li.fully-assembled { background: url(../images/tab-fully-assembled.jpg) no-repeat; float: left; width: 74px; }
ul#tabs-gallery li.fully-assembled a { background: url(../images/tab-fully-assembled.jpg) no-repeat; float: left; width: 74px; }
ul#tabs-gallery li.fully-assembled a:hover, ul#tabs-gallery li.fully-assembled a.active { background: url(../images/tab-fully-assembled-over.jpg) no-repeat; }
ul#tabs-gallery li.interface { background: url(../images/tab-interface.jpg) no-repeat; float: left; width: 67px; }
ul#tabs-gallery li.interface a { background: url(../images/tab-interface.jpg) no-repeat; float: left; width: 67px; }
ul#tabs-gallery li.interface a:hover, ul#tabs-gallery li.interface a.active { background: url(../images/tab-interface-over.jpg) no-repeat; }
ul#tabs-gallery li.close-ups { background: url(../images/tab-close-ups.jpg) no-repeat; float: left; width: 70px; }
ul#tabs-gallery li.close-ups a { background: url(../images/tab-close-ups.jpg) no-repeat; float: left; width: 70px; }
ul#tabs-gallery li.close-ups a:hover, ul#tabs-gallery li.close-ups a.active { background: url(../images/tab-close-ups-over.jpg) no-repeat; }
.gallery { float: left; width: 520px; height: 400px; background: #F0FFF3; }
* html .gallery { float: none; }
.gallery-wrapper { float: left; padding: 12px 27px 0px 27px; }
.gallery-image { padding: 6px; border: solid 1px #327339; }
.caption { padding-top: 6px; }

/********************************************************************************************************************************/
/* TIPS STYLE AND FORMATTING */
#left ul#tips { float: left; width: 520px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #ffffff; list-style: none; border:none; }
ul#tips li.tip, ul#tips li.tip-color { float: left; width: 512px; background: #ffffff; padding: 12px 0px 26px 8px; margin: 0px 0px 0px 0px; }
* html ul#tips li.tip, * html ul#tips li.tip-color { padding-left: 4px; }
ul#tips li.tip-color { background: #F0FFF3; border-top: solid 1px #327339; border-bottom: solid 1px #327339; }
.tip-image-cont { float: left; width: 250px; height: 187px; }
.tip-image { padding: 6px; border: solid 1px #327339; }
.tip-text { float: left; width: 230px; padding: 0px 0px 0px 25px; }
* html .tip-text { padding-left: 12px; }

/********************************************************************************************************************************/
/* TABLE AND TABLE TEXT FORMATTING STYLES */
.table-title { background: url(../images/table-mid.jpg) repeat-x; float: left; width: 520px; height: 45px; margin-top: 12px; }
.table-left { background: url(../images/table-left.jpg) no-repeat left; width: 520px; height: 45px; }
.table-right { background: url(../images/table-right.jpg) no-repeat right; width: 520px; height: 45px; }
.title-text { float: left; padding: 12px 0px 0px 12px; font-size: 24px; color: #ffffff; }
table.specs { float: left; width: 519px; border-collapse: collapse; font-size: 14px; margin: 0px 0px 12px 1px; }
* html table.specs { margin: 0px 0px 12px 0px; }
tr { background: #ffffff; color: #6C6C6B; }
tr.color { background: #F0FFF3; color: #044704; }
td { padding: 14px 0px 11px 12px; vertical-align: top; }
.td-title { font-size: 16px; }

/********************************************************************************************************************************/
/* SMALL TOP NAVIGATION */
ul#sm-nav { float: right; width: 780px; list-style: none; padding: 11px 30px 0px 0px; }
ul#sm-nav li { float: right; font-size: 14px; color: #6C6C6B; padding-right: 8px; }
ul#sm-nav li a { font-size: 14px; color: #6C6C6B; text-decoration: none; }
ul#sm-nav li a:hover { text-decoration: underline; }

/********************************************************************************************************************************/
/* HEADER AND LOGO STYLES */
#header { float: left; width: 800px; margin: 0px 0px 0px 22px; }
* html #header { margin-left: 11px; }
#logo-bg { background: url(../images/logo-bg.jpg) no-repeat; float: left; width: 232px; height: 119px; }
#logo { float: left; margin: 4px 0px 0px 25px; }
* html #logo { margin-left: 13px; }

/********************************************************************************************************************************/
/* MAIN GREEN BLOCK NAVIGATION */
ul#main-nav { float: left; width: 568px; list-style: none; margin-top: 24px; }
ul#main-nav li { float: left; height: 95px; }
ul#main-nav li a { float: left; height: 95px; }
ul#main-nav li#about-us { background: url(../images/nav-about-us.jpg) no-repeat; width: 85px; }
ul#main-nav li#about-us a { background: url(../images/nav-about-us.jpg) no-repeat; width: 85px; }
ul#main-nav li#about-us a:hover { background: url(../images/nav-about-us-over.jpg) no-repeat; width: 85px; }
ul#main-nav li#products { background: url(../images/nav-products.jpg) no-repeat; width: 85px; }
ul#main-nav li#products a { background: url(../images/nav-products.jpg) no-repeat; width: 85px; }
ul#main-nav li#products a:hover { background: url(../images/nav-products-over.jpg) no-repeat; width: 85px; }
ul#main-nav li#news { background: url(../images/nav-news.jpg) no-repeat; width: 62px; }
ul#main-nav li#news a { background: url(../images/nav-news.jpg) no-repeat; width: 62px; }
ul#main-nav li#news a:hover { background: url(../images/nav-news-over.jpg) no-repeat; width: 62px; }
ul#main-nav li#parts-service { background: url(../images/nav-parts-service.jpg) no-repeat; width: 122px; }
ul#main-nav li#parts-service a { background: url(../images/nav-parts-service.jpg) no-repeat; width: 122px; }
ul#main-nav li#parts-service a:hover { background: url(../images/nav-parts-service-over.jpg) no-repeat; width: 122px; }
ul#main-nav li#ez-lease { background: url(../images/nav-ez-lease.jpg) no-repeat; width: 82px; margin-top: 1px; }
ul#main-nav li#ez-lease a { background: url(../images/nav-ez-lease.jpg) no-repeat; width: 82px; }
ul#main-nav li#ez-lease a:hover { background: url(../images/nav-ez-lease-over.jpg) no-repeat; width: 82px; }
ul#main-nav li#used-equipment { background: url(../images/nav-used-equipment.jpg) no-repeat; width: 132px; }
ul#main-nav li#used-equipment a { background: url(../images/nav-used-equipment.jpg) no-repeat; width: 132px; }
ul#main-nav li#used-equipment a:hover { background: url(../images/nav-used-equipment-over.jpg) no-repeat; width: 132px; }

/********************************************************************************************************************************/
/* MIDDLE OF HOME PAGE STUFF (STRIPE BAR AND ACCORDION NAVIGATION */
#flash { float: left; width: 844px; }
#mid-page { float: left; width: 800px; margin: 0px 0px 0px 22px; }
* html #mid-page { margin-left: 11px; }
#stripe-bar { background: url(../images/stripe-bg.jpg) repeat-x; float: left; width: 800px; height: 29px; margin: 0px 0px 0px 0px; }
#horizontal-accordion { float: left; width: 800px; }
ul#accordion { background: url(../images/nav-green-bg.jpg) repeat-x; float: left; list-style: none; width: 800px; height: 129px; }
ul#accordion li { float: left; height: 129px; }
ul#accordion li a { float: left; height: 129px; color: #ffffff; font-size: 14px; font-weight: bold; text-decoration: none; margin: 5px 0px 0px 5px; font-style: italic }
ul#accordion li#cut-roll { padding-right: 14px; }
ul#accordion li#between-cut-roll { background: url(../images/nav-green01.jpg) no-repeat; width: 97px; }
ul#accordion li#carpet-cutters { padding-right: 12px; }
ul#accordion li#between-carpet-cutters { background: url(../images/nav-green01.jpg) no-repeat; width: 97px; }
ul#accordion li#carpet-binders { padding-right: 12px; }
ul#accordion li#between-carpet-binders { background: url(../images/nav-green01.jpg) no-repeat; width: 97px; }
ul#accordion li#accessories { padding-right: 0px; }
ul#accordion li#between-accessories { background: url(../images/nav-green01.jpg) no-repeat; width: 97px; }
#title { float: left; width: 760px; margin: 20px 0px 5px 15px; }
* html #title { margin-left: 8px; }

/********************************************************************************************************************************/
/* CONTENT SETUP */
#content { width: 800px; min-height: 580px; margin: 0px 22px 0px 22px; }

/********************************************************************************************************************************/
/* LEFT SIDE STYLES */
#left { background: url(../images/left-green-line.jpg) no-repeat top right; float: left; width: 550px; border-top: solid 2px #BFD7C1; padding-top: 10px; }
#left.inside-page { background: none; float: left; width: 550px; border-top: none; padding-top: 10px; }
#left-wrapper { padding: 0px 15px 0px 15px; }

.staff-photos { padding: 6px; border: solid 1px #327339; margin: 10px; }

/********************************************************************************************************************************/
/* CONTACT PAGE SYLES */
#contact-info { width: 450px; float: left; }
#map { float: left; width: 500px; height: 300px; }

/********************************************************************************************************************************/
/* NEWS PAGE SYLES */
.blog-post { padding-bottom: 20px; }
h5.date { font-style: italic; font-weight: bold; font-size: 12px; }

/********************************************************************************************************************************/
/* PRODUCT DISPLAY SYLES */
#left-wrapper ul.products { float: left; width: 520px; background: #ffffff; list-style: none; padding: 0px 0px 3px 0px; margin: 0px 0px 20px 0px; border-bottom: solid 1px #999999; }
#left-wrapper ul.products li { float: left; width: 150px; background: #ffffff; padding: 0px 11px 0px 11px; margin: 0px; }
#left-wrapper ul.products li h4 a { font-size: 18px; font-weight: normal; color: #6C6C6B; width: 100%; margin-bottom: 2px; text-decoration: none; }
#left-wrapper ul.products li h4 a:hover { text-decoration: underline; }

/********************************************************************************************************************************/
/* RIGHT SIDE STYLES */
#right { float: left; width: 250px; }
#right-wrapper { padding: 0px 15px 0px 15px; }

/********************************************************************************************************************************/
/* RE-USEABLE GREY BOX */
.grey-box { float: left; width: 218px; background: url(../images/grey-bg.jpg) repeat-y; margin-bottom: 12px; }
.grey-box-top { background: url(../images/grey-top.jpg) no-repeat; float: left; width: 218px; height: 11px; }
.grey-box-bottom { background: url(../images/grey-bottom.jpg) no-repeat bottom; float: left; width: 218px; }
.grey-content { padding: 2px 6px 8px 6px; float: left; width: 200px; }

.grey-box-flash { float: left; width: 218px; padding-bottom: 12px; }

ul.right-nav { float: left; width: 200px; list-style: none; padding-bottom: 11px; }
ul.right-nav li { float: left; text-align: right; width: 200px; color: #137C13; padding: 0px 0px 4px 0px }
ul.right-nav li a { float: right; color: #137C13; text-decoration: underline; }
ul.right-nav li a:hover { text-decoration: none; }

/********************************************************************************************************************************/
/* END OF THE BACKGROUND */
#extending-bg-end { background: url(../images/bottom-bg.png) no-repeat bottom; float: left; width: 844px; padding-bottom: 22px; }

/********************************************************************************************************************************/
/* FOOTER STYLES */
#footer { float: left; width: 800px; margin: 0px 0px 0px 32px; }
* html #footer { margin-left: 16px; }
/********************************************************************************************************************************/
/* LEFT AND MIDDLE FOOTER STYLES AND NAVIGATION */
#footer-left { background: #6C6C6B url(../images/footer-space-left.jpg) right top no-repeat; float: left; width: 250px; height: 118px; }
ul#footer-left-nav  { float: left; padding: 8px 0px 0px 20px; list-style: none; }
ul#footer-middle-nav { float: left; padding: 4px 0px 0px 20px; list-style: none; }
ul#footer-left-nav li, ul#footer-middle-nav li { float: left; width: 220px; color: #ffffff; font-size: 12px; padding-bottom: 2px; }
ul#footer-left-nav li a, ul#footer-middle-nav li a { color: #ffffff; text-decoration: none; }
ul#footer-left-nav li a:hover, ul#footer-middle-nav li a:hover { text-decoration: underline; }
li.list-title { font-weight: bold; margin-bottom: 3px; }
ul#footer-middle-nav li.list-title a:hover { text-decoration: none; }
#footer-middle { background: url(../images/footer-bg.jpg) repeat-x; float: left; width: 280px; height: 118px; }
/********************************************************************************************************************************/
/* FOOTER RIGHT STYLES */
#footer-right { background: #6C6C6B url(../images/footer-space-right.jpg) left top no-repeat; float: left; width: 250px; height: 118px; }
#footer-logo { float: left; width: 89px; height: 65px; padding: 8px 0px 0px 110px; }
#copyright { float: left; width: 170px; padding: 4px 0px 0px 65px; }
/********************************************************************************************************************************/
/* MODERN EARTH BRANDING */
#modernearth { float: left; width: 130px; padding: 5px 0px 10px 670px; }