@charset "utf-8";
/* CSS Document */

/* --- CSS Reset --- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0px; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: Arial, Helvetica, sans-serif; vertical-align: baseline;}

body {background:url(../images/bg-6.jpg) center top fixed;}

#twitter {display:block; width:60px; height:60px; text-indent:-999em; background:url(../images/twitter.png); float:right; margin-top:50px;}
#facebook {display:block; width:60px; height:60px; text-indent:-999em; background:url(../images/facebook.png); float:left; margin-top:50px;}
#social {margin:0 auto; text-align:center; width:900px; height:1px; overflow:visible;}
/*-- navigation --*/
.logo {width:900px; height:30px; text-align:center; overflow:visible;}
.logo img { z-index:-1;}
.navigation {width: 900px; margin: auto; height: 26px; background-color: #fff; margin-bottom: 8px; margin-top: 140px; text-align: center; z-index:99;}
.navigation ul {padding-top:3px;}
.navigation ul li {font-size: 16px; margin: auto; display: inline; padding: 25px;}
.navigation ul li a {text-decoration: none; color: #333; font-weight: 600;}
.navigation li a:hover {color: #66CC33;}

/*-- header grid --*/
.header {width: 900px; margin: auto; z-index:99;}
.header-m1 {background-image: url(../images/header-images/header-img.jpg); background-repeat: no-repeat; float: left; width: 900px;
height: 277px;}
.header-c1 {float: left; width: 890px; background-color: #fff;}

/* --- body grid --- */
.body {width: 889px; margin: auto; background-color: #fff; border-left: thick #212101 solid; border-right: thick #212101 solid;border-bottom: thick #212101 solid;}
.body-m1 {float: left; width: 12px; height: 1px;}
.body-c1 {float: left; width: 225px; margin-bottom: 8px;}
.body-c1-a {float: left; width: 637px; height: 173; margin-bottom: 8px;}
.body-c1 ul {color: #66CC33; font-weight: 600; margin-left: 15px;}
.body-m2 {float: left; width: 26px; height: 1px;}
.body-c2 {float: left; width: 625px; margin-right: 10px;}
.body-c2 a {color:#999900;}
.body-c2-a {background-color: #ccc; width: 200px; height: 160px; float:right; margin:10px 10px 0px 0px; border: thick #999 solid;}
.body-c2-a h1 {padding:5px; color:#663300; font-weight:700;}
.body-c2-a p {padding:5px; color:#333; font-weight:700;}


.footer-nav {background-color:#212101; width:898px; margin:0 auto; height:25px;}
.footer-nav ul {text-align:left;}
.footer-nav ul li {font-size:14px; color: #767602}
.footer-nav ul li {font-size: 12px; margin: auto; display: inline; padding: 15px;}
.footer-nav ul li a {text-decoration: none; color: #767602; font-weight: 600;}
.footer-nav li a:hover {color: #fff;}
.copy-tag {width: 300px; height: 10px; color: #767602; font-size: 11px; float: left; padding: 5px; text-align:left;}

/*-- misc classes --*/
.h1 {margin: 5px 0px 5px 0px;}
.stitches {width:10px; height:375px; float:left; margin:33px 5px 10px 0px; background:url(../images/body-images/stitching.jpg) repeat-y;}
.map {margin:10px; border:medium #999 solid;}

/*-- footer text --*/
#tags {width:900px; margin:0 auto; text-align:center;}
#tags p {text-align:center; color:#fff;}
#tags a {color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px;}

/* Easy Slider */
#slider {margin:10px 0px 10px 70px; text-align:center; border:thick #999 solid; text-align:center;}
#slider ul, #slider li {margin:0; padding:0; list-style:none;}

/*define width and height of list item (slide)*/ 
#slider li {width:700px; height:300px; overflow:hidden;}
span#prevBtn a {font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333; text-decoration:none;}
span#nextBtn a {font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333; text-decoration:none;}

/* Products Slider */
#slider-products {margin:10px 0px 0px 0px; text-align:center;}
#slider ul, #slider li {margin:0; padding:0; list-style:none;}
#slider-products li {width:600px; height:163px; overflow:hidden;}
#slider-products ul, #slider-products li {margin:0; padding:0; list-style:none;}