html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

body { background-color: #FFF;	font-family: Georgia, "Times New Roman", serif;	color: #666666;	font-size: 14px; }
a {	color: #666666;	text-decoration: none; }
em{	font-style: italic; }
label {	font-size: 12px; }
h2 { font-family: Courier, Georgia, "Times New Roman", serif;  text-transform: uppercase; font-size: 20px; padding-bottom: 6px; margin-bottom: 12px; border-bottom: 4px solid #666666; }

.clear{	clear: both; height: 0;	font-size: 0; line-height: 0; }

#container { display: block; position: relative; width: 1024px; margin: 30px auto 0 auto; }
#container.products, #container.contact { background: transparent url('../images/layout/products-bg.jpg') no-repeat top center; }
#container.index { background: transparent url('../images/layout/home-bg.jpg') no-repeat top center; }
#container.materials, #container.faq { background: transparent url('../images/layout/materials-bg.jpg') no-repeat top center; }
#container.about, #container.legal { background: transparent url('../images/layout/about-bg.jpg') no-repeat top center; }
#container.press { background: transparent url('../images/layout/press-bg.jpg') no-repeat top center; }
#container.testimonials { background:transparent url('../images/layout/testimonials-bg.jpg') no-repeat top center; }
#container.index object, #container.index object embed { width: 1000px; height: 715px; }
#container.gallery { background: transparent url('../images/layout/gallery-bg.jpg') no-repeat top center; }
#container.gallery #content {min-height: 945px;}
#container.index .introduction { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; margin: 0 auto 40px; width: 900px; }
#container.index .introduction span { color: #CC6600; font-size: 20px; }

#header { display: block; width: 100%; height: 75px; position: relative; }
#header a#logo img { position: absolute; top: 20px; left: 30px; }
#header #nav { float: right; padding-right: 69px; padding-top: 44px; }
/*#header #nav ul { display: block; position: absolute; right: 65px; top: 43px; width: 430px; height: 36px; list-style: none; list-style-type: none; }*/
#header #nav ul li { float: left; /*width: 96px; height: 45px;*/ text-align: center; }
/*#header #nav ul li.about, #header #nav ul li.products, #header #nav ul li.press { width: 75px; }*/
#header #nav ul li a { display: block; margin: 0 auto; height: 32px; text-indent: -2000em; text-decoration: none; z-index: 1000; }
/*
#header #nav ul li a#about { outline: none; width: 55px; background: transparent url('../images/layout/link-about.png') no-repeat center 5px; }
#header #nav ul li a#products { outline: none; width: 75px; background: transparent url('../images/layout/link-products.png') no-repeat center 5px; }
#header #nav ul li a#materials { outline: none; width: 85px; background: transparent url('../images/layout/link-materials.png') no-repeat center 5px; }
#header #nav ul li a#press { outline: none; width: 55px; background: transparent url('../images/layout/link-press.png') no-repeat center 5px; }
#header #nav ul li a#testimonials { outline: none; width: 81px; background: transparent url('../images/layout/link-testimonials.png') no-repeat center 9px; }
*/
#footer { display: block; width: 1003px; height: 20px; position: relative; left: 10px; top: 35px; font-size: 12px; padding-bottom: 10px; margin: auto; }
#footer #links { float: left; width: 560px; font-style: italic; }
#footer #copyright { float: left; float: right; text-align: right; }
#footer .social {float: left;}
/*
#container.about li.about, #container.products li.products, #container.press li.press { background: url('../images/layout/tab-small.png') no-repeat top center; }
#container.materials li.materials, #container.testimonials li.testimonials { background: url('../images/layout/link-h-bg.png') no-repeat top center; }
#container.about a#about { background: transparent url('../images/layout/link-about-h.png') no-repeat center 5px !important; }
#container.products a#products { background: url('../images/layout/link-products-h.png') no-repeat center 5px !important; }
#container.materials a#materials { background: transparent url('../images/layout/link-materials-h.png') no-repeat center 5px !important; }
#container.press a#press { background: transparent url('../images/layout/link-press-h.png') no-repeat center 5px !important; }
#container.testimonials a#testimonials { background: transparent url('../images/layout/link-testimonials-h.png') no-repeat center 9px !important; }
*/
#header #nav ul li a#about { outline: none; width: 55px; background: transparent url('../images/layout/tab_about.png') no-repeat; }
#header #nav ul li a#products { outline: none; width: 75px; background: transparent url('../images/layout/tab_products.png') no-repeat; }
#header #nav ul li a#materials { outline: none; width: 79px; background: transparent url('../images/layout/tab_materials.png') no-repeat; }
#header #nav ul li a#press { outline: none; width: 51px; background: transparent url('../images/layout/tab_press.png') no-repeat; }
#header #nav ul li a#testimonials { outline: none; width: 92px; background: transparent url('../images/layout/tab_testimonials.png') no-repeat; }
#header #nav ul li a#gallery { outline: none; width: 62px; background: transparent url('../images/layout/tab_gallery.png') no-repeat; }
#container.about a#about { background: transparent url('../images/layout/tab_about-h.png') no-repeat !important; }
#container.products a#products { background: url('../images/layout/tab_products-h.png') no-repeat !important; }
#container.materials a#materials { background: transparent url('../images/layout/tab_materials-h.png') no-repeat !important; }
#container.press a#press { background: transparent url('../images/layout/tab_press-h.png') no-repeat !important; }
#container.testimonials a#testimonials { background: transparent url('../images/layout/tab_testimonials-h.png') no-repeat !important; }
#container.gallery a#gallery { background: transparent url('../images/layout/tab_gallery-h.png') no-repeat !important; }

#content { display: block; width: 1003px; min-height: 685px; position: relative; left: 17px; top: 30px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; }
#content #prod_desc { position: absolute; width: 430px; left:60px; bottom:130px; }
#content #prod_desc hr { margin-top: 25px; margin-bottom: 15px; border: 0; border-bottom: 1px solid #666666; height: 1px; }
#content #prod_desc h2 { text-transform: uppercase; font-size: 20px; padding-bottom: 6px; margin-bottom: 12px; border-bottom: 4px solid #666666; }
#content #prod_desc h4 { display: block; font-size: 14px; margin-bottom: 4px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
#content #prod_desc h4 a img { vertical-align: middle; margin-bottom: 4px; }
#content #prod_desc p { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #555555; }
#content #prod_desc p span.highlight { color: #000; text-decoration: underline; line-height: 22px; }

#fancy_div img { margin-right: 20px; }

#content #buy { font-family: Helvetica, Arial, sans-serif; color: #999999; }
#content #view_cart { float: right; }
#content #buy img { margin: 0; margin-top: -3px; padding: 0; vertical-align: middle; }
#content #buy #etsy { background-color: #d46800; color: #FFF; font-size: 16px; font-family: Georgia, "Times New Roman", serif; padding: 7px 18px; }
#content #prod_image { display: block; width: 450px; height: 492px; position: absolute; bottom: 160px; right: 21px; text-align: center; }
#content #prod_image_inner { position: relative; height: 492px; }
#content #prod_image_inner a { position: absolute; left: 0; bottom: 0; }
#product_image_closeup {}
#content #prod_image #zoom { display: block; width: 38px; height: 36px; position: absolute; bottom: 35px; left: 10px; }
#content #prod_image #zoom.narrow { left: 60px; }
#content #prod_selector { display: block; width: 450px; height: 93px; position: absolute; bottom: 50px; right: -18px; padding: 0 39px 0 39px; }
#content #prod_selector .jcarousel-prev { position: absolute; top: 0; left: 0; width: 39px; height: 93px; background: transparent url('../images/layout/nav-left.gif') no-repeat left -81px; cursor: pointer; }
#content #prod_selector .jcarousel-prev:hover { background-position: 6px left; cursor: pointer; }
#content #prod_selector .jcarousel-next { position: absolute; top: 0; right: 0; width: 39px; height: 93px; background: transparent url('../images/layout/nav-right.gif') no-repeat right -81px; cursor: pointer; }
#content #prod_selector .jcarousel-next:hover { background-position: 6px right; cursor: pointer; }
#content #prod_selector ul { list-style: none; list-style-type: none; height: 93px; background: transparent url('../images/layout/product-bg.gif') repeat-x top center; }
#content #prod_selector ul li { float: left; width: 93px; padding-top: 9px; height: 86px; text-align: center; }
#content #prod_selector ul li.selected { width: 93px; background: transparent url('../images/layout/product-h.gif') no-repeat top center; }
.jcarousel-container-horizontal { padding-left: 39px; }
.jcarousel-clip-horizontal { width: 372px; }
.addtocart {float: right;}
#materials_list, 
#about_sections, 
#press_sections,
#testimonials_sections,
#gallery_sections,
#container.legal #content div,
#container.faq #content div { padding: 0 50px 60px 50px; }
#container.faq #content a { color: #D26601; }
#container.about #content a { color: #660066; }
#materials_list { margin-top: 50px; }
#materials_list span { position: relative; display: block; height: 74px; width: 66px; float: left; }
#materials_list span img.overlay { position: absolute; top: 0; left: 0; }
#materials_list hr { margin: 30px 0; }
#materials_list div.item { clear: left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; color: #555555; margin-left: 0; }
#materials_list h2, .about h2 { color: #70006e; text-transform: uppercase; font-size: 20px; padding-bottom: 6px; margin-bottom: 12px; border-bottom: 4px solid #666666; }
#materials_list h3 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; }
#materials_list div { margin-left: 100px; }

.about h2 { color: #cc6600; }
#about_sections img { margin-top: 100px; float: right; }
#about_sections .section { margin-bottom: 55px; margin-right: 400px; }
#about_sections .section p { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #555555; }

.gallery_container { float: left; margin-right: 50px; margin-bottom: 20px; font-family: arial, Helvetica, sans-serif; font-size: 12px; text-align: center; }


.press h2 { color: #404040; }
#press_sections .section { margin-bottom: 55px; }
#press_sections .blog-articles ul { width: 150px; float: left; font-family: Helvetica, Arial, sans-serif; }
#press_sections .newspaper-articles ul  li { float: left; height: 215px; margin-right: 29px; }
#press_sections .newspaper-articles ul  li.last { margin: 0; }
#press_sections .newspaper-articles ul { border-bottom: 1px solid #666; height: 430px; }

.testimonials h2 { color: #bdbdbd; }
#testimonials_sections .section { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #000; position: relative; height: 1045px; background: url('../images/testimonials/testimonial-bubbles.jpg') no-repeat center center;}
#testimonials_sections .t1 { font-size: 12px; width: 280px; height: 90px; position: absolute; top: 69px; left: 85px; }
#testimonials_sections .t2 { width: 300px; height: 210px; position: absolute; top: 49px; left: 522px;}
#testimonials_sections .t3{ width: 267px; height: 165px; position: absolute; top: 228px; left: 86px;}
#testimonials_sections .t4{ width: 115px; height: 60px; position: absolute; top: 330px; left: 446px;}
#testimonials_sections .t5 { width: 176px; height: 60px; position: absolute; top:379px; left: 652px; }
#testimonials_sections .t6 { width: 319px; height: 167px; position: absolute; top:471px; left: 44px; }
#testimonials_sections .t7 { width: 329px; height: 90px; position: absolute; top:502px; left: 550px; }
#testimonials_sections .t8 { width: 275px; height: 105px; position: absolute; top: 718px; left: 125px; }
#testimonials_sections .t9 { width: 186px; height: 105px; position: absolute; top: 660px; left: 590px; }
#testimonials_sections .t10 { width: 180px; height: 75px; position: absolute; top: 918px; left: 205px; }
#testimonials_sections .t11 { width: 292px; height: 120px; position: absolute; top: 846px; left: 563px; }

#content #howto { position: absolute; bottom: 8px; left: 8px; }
#content #list_link { position: absolute; bottom: -30px; left: 380px; z-index: 10}

#mailing_list_signup { font-family: Helvetica, Arial, sans-serif; width: 250px; height: 160px; }
#mailing_list_signup h2 { font-weight: bold; margin-bottom: 15px; border: none; font-size: 16px}
#mailing_list_signup input[type=text] { width: 220px; }
#mailing_list_signup input[type=submit] { margin-top: 10px; }
#mailing_list_signup dd { margin-bottom: 5px; }

#container.about #content, 
#container.faq #content, 
#container.legal #content { padding-top: 50px; }
#container.about #content div p { margin-bottom: 15px; }
#container.contact { text-align: center; }
#container.products #content { min-height: 800px; }

#container.faq #content, 
#container.legal #content { padding-bottom: 0px; }


#container.legal #content div p { margin-bottom: 25px; font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #555555; }
#container.legal #content div h3 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 17px; margin-bottom: 15px; }

#container.faq #content dl { font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #555555; padding-bottom: 20px; }
#container.faq #content dd { margin-bottom: 25px;  }


#links { text-align: left; }
#contact_image { padding: 250px 0 200px 300px; }
#faq_image, #legal_image { padding: 100px 50px; }

#flags_inst { font-family: Courier, Georgia, "Times New Roman", serif;  text-transform: uppercase; font-size: 20px;}
#flags { margin-top: 7px; margin-left: 60px; float: left; }
#flags a {width: 16px; height: 11px; display: block; float: left; margin-right: 5px; }
#flags a#canada { background: url('../images/layout/ca.png') left -11px no-repeat; }
#flags a#usa { background: url('../images/layout/us.png') left -11px no-repeat; }
#flags a#canada.CAD, #flags a#usa.USD, #flags a:hover { background-position: left top !important; }

a.love_trees {position: absolute; bottom: 10px; right: 10px; }


div.clear { clear: both; }
.error { color: #ee0000; }
div.error, div.success { margin: -16px 0 2px 0; font-size: 11px; }
.success { color: #00dd00; }
html { -webkit-text-size-adjust: none; }

.sale {
	text-align: center;
	margin-bottom: 20px;
}
.previous-arrow {    
	background: url("../images/layout/nav-left.gif") no-repeat scroll left -81px transparent;
    height: 87px;
    position: absolute;
    top: 180px;
    width: 39px;
    left: -39px;
    display: block;
}
.previous-arrow.narrow {
    left: 11px;
}
.next-arrow {    
	background: url("../images/layout/nav-right.gif") no-repeat scroll left -81px transparent;
    height: 87px;
    position: absolute;
    top: 180px;
    width: 39px;
    right: -39px;
    display: block;
}
.next-arrow.narrow {
    right: 11px;
}
.no-flash-home {
	position: relative;
}
.no-flash-home a {
	position: absolute;
	display: block;
}
.no-flash-home a.link-product {
    height: 310px;
    left: 40px;
    top: 50px;
    width: 320px;
}
.no-flash-home a.link-checkout {
    height: 200px;
    left: 390px;
    top: 60px;
    width: 200px;
}
.no-flash-home a.link-about {
    height: 300px;
    right: 90px;
    top: 90px;
    width: 300px;
}
.no-flash-home a.link-contact {
    bottom: 40px;
    height: 200px;
    left: 90px;
    width: 250px;
}
.no-flash-home a.link-materials {
    bottom: 30px;
    height: 270px;
    right: 30px;
    width: 410px;
}

