/*
Dark Red - #680806
Light Red - #fff6f6
Red - #ae1221
Orange - #e96220
Blue - #2194ca
Purple - #6f358b
Green - #7bbd35
 */
.darkred { color: #680806; font-weight: bold; font-size: 13px; }
.lightred { background-color: #fff6f6; }
.orange { color: #e96220; }
.blue { color: #2194ca; }
.purple { color: #6f358b;}
.lightgreen { color: #77c043;}
.rubyred { color: #ae1221; }

/* Global Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,th,var { font-weight: normal; font-style: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
/* End of Global Reset */

html { height: 100%; }
body { background: white url(./images/main/background.png) repeat-x scroll 0 100px; color: #3A3A3A; font-family: Arial, Sans-Serif; font-size: 13px; height:100%; margin:0; padding:0; }

.container { margin: 0 auto; width: 938px; text-align: left; }

/* Top Logo */
#header { height: 140px; }
#logo { position: relative; top: 8px; left: 50px; height: 96px; width: 829px;}
#slogan { position: relative; left: 160px; top: -5px; height: 12px; width: 529px; }

/* Horizontal Menu */
#menu { height: 40px; width: 483px; padding: 0; margin: 0 auto; font-family: Verdana; font-size: 16px; }
#menu-home { background: transparent url(./images/main/nav_home.png) no-repeat scroll 0 0; float: left; height: 40px; width: 63px; }
#menu-home:hover { background: transparent url(./images/main/nav_home_over.png) no-repeat scroll 0 0; float: left; height: 40px; width: 63px; }
#menu-products { background: transparent url(./images/main/nav_products.png) no-repeat scroll 0 0; float: left; height: 40px; width: 84px; }
#menu-products:hover { background: transparent url(./images/main/nav_products_over.png) no-repeat scroll 0 0; float: left; height: 40px; width: 84px; }
#menu-gallery { background: transparent url(./images/main/nav_gallery.png) no-repeat scroll 0 0; float: left; height: 40px; width: 121px; }
#menu-gallery:hover { background: transparent url(./images/main/nav_gallery_over.png) no-repeat scroll 0 0; float: left; height: 40px; width: 121px; }
#menu-testimonials { background: transparent url(./images/main/nav_testimonials.png) no-repeat scroll 0 0; float: left; height: 40px; width: 113px; }
#menu-testimonials:hover { background: transparent url(./images/main/nav_testimonials_over.png) no-repeat scroll 0 0; float: left; height: 40px; width: 113px; }
#menu-contact { background: transparent url(./images/main/nav_contact.png) no-repeat scroll 0 0; float: left; height: 40px; width: 102px; }
#menu-contact:hover { background: transparent url(./images/main/nav_contact_over.png) no-repeat scroll 0 0; float: left; height: 40px; width: 102px; }

/* Floating Main Body Construction */
#mainbody { padding-bottom:107px;  }
#mainbody-top { background: transparent url(./images/main/top_fixed.png) no-repeat scroll 0 0; height: 25px; margin: 0; padding: 0; font-size: 0px; }
#mainbody-nav { background: transparent url(./images/main/nav_fixed.png) no-repeat scroll 0 0; height: 40px; padding: 0 30px; margin: 0 auto; text-align: center; }
#mainbody-nav-bottom { background: transparent url(./images/main/nav_bottom_fixed.png) no-repeat scroll 0 0; height: 11px; line-height: 5px; font-size: 5px; }
#mainbody-middle { background: transparent url(./images/main/middle.png) repeat-y scroll 0 0; padding: 0 60px 0 60px; }
#mainbody-bottom { background: transparent url(./images/main/bottom.png) no-repeat scroll 0 0; height: 47px; }

/* Flash Main body construction */
#mainbody-flash { background: transparent url(./images/main/flash.png) no-repeat scroll 0 0; height: 160px; margin: 0; padding: 0 30px; }
#mainbody-flash-nav { background: transparent url(./images/main/nav2.png) no-repeat scroll 0 0; height: 40px; padding: 0 30px; margin: 0 auto; text-align: center; }

/* Main body division */
h1 { color: #621615; text-align: left; font-size: 16px; padding: 5px 0 0 0; }
#mainbody-content { padding: 0 20; overflow: hidden; width: 100%; }
#mainbody-leftcol { float: left; width: 460px; }
#mainbody-rightcol { background: transparent url(./images/main/rightcol.png) repeat-x scroll 0 0; float: right; margin: 0 auto; padding: 10px 8px 10px 12px; width: 306px; }
.mainbody-div { background: transparent url(./images/main/hor-div.png) no-repeat scroll 0 0; clear: both; font-size: 0px; height: 1px; margin: 15px auto; }

/* Home Page side notice boxes */
#green-box { background: transparent url(./images/main/green_box.png) no-repeat scroll 0 0; color: #FFF; font-size: 18px; font-family: Arial; height: 40px; margin: 6px 0 0 0; padding: 7px 0 0 0; text-align: center; width: 306px; }
#orange-box { background: transparent url(./images/main/orange_box.png) no-repeat scroll 0 0; color: #FFF; font-size: 18px; font-family: Arial; height: 40px; padding: 7px 0 0 0; text-align: center; width: 306px; }
#purple-box { background: transparent url(./images/main/purple_box.png) no-repeat scroll 0 0; color: #FFF; font-size: 18px; font-family: Arial; height: 40px; padding: 7px 0 0 0; text-align: center; width: 306px; }
#blue-box { background: transparent url(./images/main/blue_box.png) no-repeat scroll 0 0; color: #FFF; font-size: 18px; font-family: Arial; height: 40px; padding: 7px 0 0 0; text-align: center; width: 306px; }


#contact-table td { padding: 5px; color: #707173; font-size: 12px; font-weight: bold; }

/* Footer */
#footer { background: transparent url(./images/main/footer.png) repeat-x scroll 0 0; bottom: 0px; color: #FFFFFF; height: 107px; position: absolute; left: 0px; width: 100%; }
#footer-menu { text-align: center; padding: 10px 0 0 0; }
#footer-menu a { color: #FFF; padding: 0 10px; }
#footer-contact { font-size: 10px; margin: 10px 0; }
#footer-contact a { color: #FFF; text-decoration: none; }
#footer-contact td { padding: 0 20px 0 20px; }
#footer-copyright { clear: both; font-size: 10px; text-align: center; padding: 0; }
#footer-copyright a { color: #FFF; text-decoration: none; }

/*Gallery*/
#gallery-container { width: 751px; padding: 10px 34px; }
.gallery-img-frame { background-color: #dda55a; float: left; height: 115px; margin: 10px; width: 130px; }
.gallery-img { height: 111px; margin: 2px; width: 126px; overflow: hidden; text-align: center; background-color: #E0E0E0; }

/* Products */
.product-container { float: left; margin: 0 13px 10px 13px; width: 382px; }
.product-green-top { background: transparent url(./images/main/green_product.png) no-repeat scroll 0 0; color: #FFF; font-size: 18px; height: 34px; margin: 0; padding: 14px 0 0 20px; }
.product-red-top { background: transparent url(./images/main/red_product.png) no-repeat scroll 0 0; color: #FFF; font-size: 18px; height: 34px; margin: 0; padding: 14px 0 0 20px; }
.product-blue-top { background: transparent url(./images/main/blue_product.png) no-repeat scroll 0 0; color: #FFF; font-size: 18px; height: 34px; margin: 0; padding: 14px 0 0 20px; }
.product-purple-top { background: transparent url(./images/main/purple_product.png) no-repeat scroll 0 0; color: #FFF; font-size: 18px; height: 34px; margin: 0; padding: 14px 0 0 20px; }
.product-orange-top { background: transparent url(./images/main/orange_product.png) no-repeat scroll 0 0; color: #FFF; font-size: 18px; height: 34px; margin: 0; padding: 14px 0 0 20px; }
.product-middle { background: transparent url(./images/main/product_middle.png) repeat-y scroll 0 0; font-size: 12px; padding: 0 12px 0 12px; width: 358px; text-align: justify; }
.product-bottom { background: transparent url(./images/main/product_bottom.png) no-repeat scroll 0 0; height: 14px; font-size: 0px; line-height: 0px; }

.product-middle a { text-decoration: none; font-weight: bold; text-align: right; }
.product-middle p { margin: 0; padding: 0; }

/*Product Images */
.product-orange-img { float: left; border: solid 1px #e96220; padding: 1px; margin: 0 4px 4px 0; }
.product-red-img { float: left; border: solid 1px #ae1221; padding: 1px; margin: 0 4px 4px 0; }
.product-blue-img { float: left; border: solid 1px #2194ca; padding: 1px; margin: 0 4px 4px 0; }
.product-purple-img { float: left; border: solid 1px #6f358b; padding: 1px; margin: 0 4px 4px 0; }
.product-green-img { float: left; border: solid 1px #7bbd35; padding: 1px; margin: 0 4px 4px 0; }

.wrapper { margin: 0 auto; padding: 0; text-align: center; min-height: 100%; position: relative; }
.red { color: Red; }
.green { color: Green; }

p { padding: 10px 0; }