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

* {font-size: 100%; padding: 0; margin: 0; }
body {font: 0.84em/1.333 Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #202020; background: #FFF; min-width: 40em; margin: 0 auto; background: url(../images/body-bg.jpg) no-repeat fixed; }
a {color: #333;}
a:hover {color: #666;}
a img {border: none;}
h1 {font-size: 2em; /*margin: 2em 0 0.5em;*/ padding: 0.25em 0; }
h2 {font-size: 1.8em; /*margin: 2em 0 0.33em;*/ padding: 0.25em 0; }
h3 {font-size: 1.33em; /*margin: 2em 0 0.25em;*/ padding: 0.125em 0; }
h4 {font-size: 1.1em; margin: 0.5em 0 0; }
h5 {font-size: 1em; margin: 0.5em 0 0; }
h6 {font-size: 0.85em; margin: 0.5em 0 0; }
p {margin: 0.33em 0 1em 0; }
ul, ol {margin: 1em 0; padding-left: 2.5em; }
.bold {font-weight: bold; }



/* layout */

#container {margin: 0 auto; text-align: center; width: 977px; overflow: hidden; }

#header {margin: 15px 0 15px 0; position: relative; float: left; width: 977px; height: 110px; }
#logo {position: absolute; left: 0; top: 5px; }

#subNav ul{position: absolute; top: 20px; right: -5px; }
#subNav li {display: inline; padding: 3px 15px; float: left; }

#nav ul {position: absolute; top: 75px; right: -5px; }
#nav li {display: inline; padding: 3px 15px; float: left; }
#nav a {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; text-decoration: none; color: #333/*5b4333*/; }
#nav a:hover {color: #666;}

.mailList {position: absolute; top: 0px; right: 10px; }
.mailList a {font-weight: bold; text-decoration: none; }


#inner {padding: 3px 0 0 0; float: left; width: 977px; height: 10px; background: url(../images/content-top-bg.png) no-repeat; }

#content {float: left; width: 977px; background: url(../images/content-bg.png) repeat-y; text-Align: left; }

#mainPic {width: 957px; height: 267px; padding: 0 0 0 11px; }
#portfolio {margin: 0; padding: 0; }

#shopNav {width: 957px; height: 56px; margin: 0; display: inline; }
#shopNav ul {width: 739px; height: 56px; margin: 0 0 0 11px; padding: 0 0 0 215px; background: url(../images/shop-nav.jpg) 0 0 no-repeat; }
#shopNav ul li {display: inline; }
#shopNav ul li a {float: left;/* outline: none;*/ height: 0; padding-top: 56px; overflow: hidden; }
#shopNav ul li a {background-image: url(../images/shop-nav.jpg); background-repeat: no-repeat; }

#shopNav ul li#nav00 a {width: 215px; background-position: -215px 0; }
#shopNav ul li#nav01 a {width: 155px; background-position: -430px 0; }
#shopNav ul li#nav02 a {width: 140px; background-position: -585px 0; }
#shopNav ul li#nav03 a {width: 95px; background-position: -725px 0; }
#shopNav ul li#nav04 a {width: 95px; background-position: -815px 0; }

#shopNav ul li#nav00 a:hover {background-position: -215px -58px; }
#shopNav ul li#nav01 a:hover {background-position: -430px -58px; }
#shopNav ul li#nav02 a:hover {background-position: -585px -58px; }
#shopNav ul li#nav03 a:hover {background-position: -725px -58px; }
#shopNav ul li#nav04 a:hover {background-position: -815px -58px; }



#subContent {float: left; margin: 25px 0 0 0; padding: 0 0 25px 10px; }
.box {float: left; padding: 0 0 40px 1px; display: inline; width: 345px; }
.box p, .box3 p {line-height: 1.5em; }
.box2 {float: left; padding: 0 0 20px 0; margin: 0 0 0 13px; display: inline; }
.boxText {float: left; padding: 0 0 0 15px; width: 165px; }
.box img, .box3 img {float: left; margin: 0 0 5px 0; }
.box3 {float: left; padding: 0 0 20px 0; margin: 0; display: inline;  width: 595px; }
.box3Text {float: left; padding: 0px 5px 5px 15px; width: 400px; }
.box3Text p {margin: 5px 0 0 0; }

#sideBar {margin: 0 30px 0 0; padding: 0; float: left; width: 275px; }
#sideBar li {border-bottom: 1px solid #999;  padding: 10px 0; }
#sideBar a {margin: 0; padding: 0 0 0 5px; text-decoration: none; }

#sideBar p {color: #333; padding: 0 0 0 5px;  font-family: Georgia, serif; font-style: italic; }

#interiorContent {margin: 16px 0 45px 0; padding: 0; float: left; width: 625px; }
#interiorContent h2 {color: #5b4333; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; }
#interiorContent h3 {color: #333; font-size: 1.5em; font-family: "Helvetica Neue", Helvetica, Arial; letter-spacing: 1px; }
#interiorContent li {padding: 5px 0; }

#interiorContentContact {margin: 16px 0 45px 0; padding: 0 0 0 25px; float: left; width: 940px; }
#interiorContentContact h2 {color: #5b4333; font-family: Georgia, "Times New Roman", Times, serif;; letter-spacing: 1px; }
#interiorContentContact h3 {color: #333; font-size: 1.5em; font-family: "Helvetica Neue", Helvetica, Arial; letter-spacing: 1px; }
#interiorContentContact li {padding: 5px 0; }
#interiorContentContactText {margin: 10px 0 0 0; padding: 20px 0 0 0; float: left; width: 940x; border-top: 1px solid #999; }
.contactImg {margin: 0 160px 0 0; }
.map {float: left; width: 425px; padding: 0 40px 0 0; }
.map2 {float: left; width: 425px; }

#interiorContentText {margin: 10px 0 0 0; padding: 20px 0 0 0; float: left; width: 625px; border-top: 1px solid #999; }
.imgpad {padding: 0 15px 5px 0; }

#bigPic {float: left; margin: 0 15px 5px 0; }
#bigPic img {border: 1px solid #999; }
.thumbs {float: left; margin: 4px 5px 5px 0; width: 300px; }
.thumbs img {border: 1px solid #999; }
#sigText {float: left; width: 615px; }
#sigText ul {margin: 30px 0; }
#sigText li {list-style-type: disc; font-size: 90%; }


#footer {float: left; margin: 0 0 0 4px; display: inline; width: 977px; height: 167px; text-align: left; background: url(../images/footer.jpg) no-repeat; color: #fff; overflow: hidden;position: relative; }
#footer a {color: #ccc; }
#footer a:hover {color: #666; }
#contactBox {float: left; width: 200px; padding: 25px 0 0 25px; }
#contactBox p {line-height: 1.5em; }
#contactBox h3 {font-family: Georgia, "Times New Roman", Times, serif; }
#socialMediaBox {float: left; width: 290px; padding: 25px 0 0 25px; }
.smText {margin: 0 0 20px 0; float: left; width: 245px;  }
.smText img {margin: 0 10px 0 0; }
.smText a {text-decoration: none; }
#newsBox {float: right; width: 365px; padding: 30px 0 0 25px; }
#newsBox img {float: left; }
.newsBoxText {float: left; padding: 0 0 0 15px; width: 200px; }
.newsBoxText h2 {font-size: 1.4em; margin: 0; padding: 0; }
.newsBoxText p {float: left; font-size: 90%; line-height: 1.5em; }
.site {position: absolute; right: 20px; bottom: 10px; font-size: 90%; font-weight: normal;  }

.formBtn {float: left; margin: 0 15px 5px 0; }