/* CSS Document */

html { width: 100%; height: 100%; }
body { margin: 0; padding: 0; width: 100%; height: 100%; color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; }
a, dl, dt, dd, p, ul, li, h1, h2, h3, h4, h5, input, select { margin: 0; padding: 0; }

/* MAIN LAYOUT ELEMENTS */

#wrapper, #header, #main, #footer { display: block; margin: 0; padding: 0; width: 100%; }

.container { margin: 0 auto; padding: 0; width: 960px; }
.crumbs { margin-bottom: 10px; font-size: .7em; }

#wrapper { height: 100%; background: #fff; }

/* HEADER */
#header { background: #fff url(../images/header_bg.jpg) top left repeat-x; }
#header h1 { height: 110px; background: url(../images/header_h1.jpg) top center no-repeat; }
#header h1 span { display: none; }
#header .nav { list-style: none; position: relative; width: 100%; height: 90px; }
#header .nav li { float: left; width: 192px; height: 100%; }
#header .nav li a { float: left; width: 100%; height: 100%; color: #666; font-size: .8em; text-align: center; text-decoration: none; }
#header .nav li span { display: block; margin-top: 15px; color: #92bef3; font-size: 1.6em; font-weight: normal; text-transform: uppercase; }

#header .nav .about_us { background: url(../images/about_us_bg.jpg) top left no-repeat; }
#header .nav .about_us:hover { background: url(../images/about_us_bg_hover.jpg) top left no-repeat; cursor: pointer; }
#header .nav .products { background: url(../images/products_bg.jpg) top left no-repeat; }
#header .nav .products:hover { background: url(../images/products_bg_hover.jpg) top left no-repeat; cursor: pointer; }
#header .nav .bowers { background: url(../images/bowers_bg.jpg) top left no-repeat; }
#header .nav .bowers:hover { background: url(../images/bowers_bg_hover.jpg) top left no-repeat; }
#header .nav .feather_fund { background: url(../images/feather_fund_bg.jpg) top left no-repeat; }
#header .nav .feather_fund:hover { background: url(../images/feather_fund_bg_hover.jpg) top left no-repeat; }
#header .nav .testimonials { background: url(../images/blog_bg.jpg) top left no-repeat; }
#header .nav .testimonials:hover { background: url(../images/blog_bg_hover.jpg) top left no-repeat; }
#header .nav em { display: none; position: absolute; bottom: 100px; left: 768px; padding: 10px; width: 165px; height: auto; color: #fff; font-style: normal; text-align: center; background: #21af29; border: 3px double #fff; z-index: 2; }

#header .more_about { display: none; background: #fff url(../images/more_bg.jpg) bottom center no-repeat; }
#header .more_about dl { float: left; padding: 10px; width: 300px; font-size: .7em; }
#header .more_about dt { margin-bottom: 5px; }
#header .more_about p { margin: 5px 0; }
#header .more_about a { color: #92bef3; }
#header .more_about a:hover { color: #666; }

#header .more_products { display: none; background: #fff url(../images/more_bg.jpg) bottom center no-repeat; }
#header .more_products ul { list-style: none; margin-left: 192px; font-size: .7em; }
#header .more_products ul li { float: left; width: 192px; height: 140px; text-align: center; }
#header .more_products ul li a { float: left; width: 100%; text-align: center; }
#header .more_products ul li a img { width: 80px; height: 80px; border: none; }

#header .nav li .hidden { display: none; }

/* MAIN */
#main { padding: 20px 0; background: #fff; }
#main a { color: #92bef3; }
#main a:hover { color: #666; }
#main .crumbs a { color: #21af29; text-transform: uppercase; text-decoration: underline; cursor: pointer;}
#main h2 span { display: none; }
#main .content { float: left; width: 50%; /*background: #009966;*/ }
#main .content p { margin: 10px; }

#main .wide_content { width: 100%; }
#main .wide_content dt { margin: 10px 0; }
#main .wide_content dd { margin: 5px 40px; padding: 20px 0; font-size: .7em; background: url(../images/more_bg.jpg) bottom center no-repeat; }
#main .wide_content p { margin: 10px; }

#main .wide_content .bowers { margin: auto; padding: 10px; text-align: center; background: url(../images/more_bg.jpg) bottom center no-repeat; }
#main .wide_content .bowers dt { margin: 10px 0; font-weight: bold; }
#main .wide_content .bowers dd { margin: 5px 40px; padding: 0; font-size: .7em; background: none; }

#main .highlight { text-align: center; }
#main .highlight a { text-decoration: none; }
#main .highlight a img { border: none; }

#main h3 { margin: 20px 10px; font-size: 1.2em; }
#main .product_line { margin: 10px 100px; font-size: .9em; }

#main .product_container { margin: 20px 0; }
#main .description, #main .ingredients { margin: 10px 20px; font-size: .7em; }
#main .stock { margin: 10px 20px; color: #cc0000; font-size: .7em; }
#main .sale { margin: 10px 20px; color: #00cc00; font-size: .7em; }
#main .buy { margin: 20px 10px; }
#main .buy label { display: inline; font-size: .7em; font-weight: bold; }
#main .buy input { display: block; margin-top: 20px; }
#main .buy select { font-family: Georgia, "Times New Roman", Times, serif; font-size: .7em; }

#main .content h3 { text-align: center; }
#main .content .photo { margin: 0; text-align: center; }
#main .content .sample_photo { margin: 10px 0; text-align: center; }
#main .content .sample_photo, #main .content .photo img { border: none; }
#main .content .recommend { margin: 0 10px; font-size: .8em; font-style: italic; font-weight: bold; }
#main .content .thumbs { list-style: none; margin: 0 10px; }
#main .content .thumbs li { float: left; margin-top: 10px; width: 60px; }
#main .content .thumbs li a { float: left; display: block; text-align: center; text-decoration: none; }
#main .content .thumbs li a img { width: 50px; height: 50px; border: none; }

#main .images { text-align: center; }
#main .images img { margin: 0 20px; border: 1px solid #92bef3; }

#main .break { text-align: center; }
#main .break img { border: none; }

#main .flyright { color: #92bef3; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; cursor: pointer; }

#main .contact { list-style: none; margin: 20px auto; padding: 10px; color: #21af29; text-align: center; border: 3px double #89da72; }
#main .contact li { display: inline; margin: 0 3px; }

/* FOOTER */
#footer { height: 80px; line-height: 80px; color: #fff; font-size: .7em; background: url(../images/footer_bg.jpg) top left repeat-x; }
#footer a { color: #fff; }
#footer a:hover { color: #07a61d; }
#footer .container { background: url(../images/footer_container_bg.jpg) top left no-repeat; }
#footer .nav { float: left; margin-left: 100px; list-style: none; }
#footer .nav li { display: inline; margin-right: 5px; }
#footer .site_info { float: right; margin-right: 100px; list-style: none; }
#footer .site_info li { display: inline; }