@import "/css/reset.style.css";
BODY { background: url(/img/bg-three.jpg);  font-family: Arial; font-size: 10px; height: 100%; }

DIV.background { z-index: -1; position:fixed; top:0; left:0; width:100%; height:100%; }

DIV.frame { background: #FFFFFF; width: 1100px; margin: 0 auto;   -moz-box-shadow: black 0px 0px 15px; }

DIV.header { height: 80px; position: relative; }

DIV.header DIV.logo { width: 310px; height: 40px; position: absolute; top: 24px; left: 16px; }

DIV.header DIV.menu { width: 720px; height: 34px; background: #554422 url(/img/menu-bg.png) no-repeat left; position: absolute; top: 30px; left: 360px; }
DIV.header DIV.menu UL { float: left; }
DIV.header DIV.menu UL LI { float: left; margin-left: 30px; }
DIV.header DIV.menu UL LI A { font-family: Arial; font-size: 1.4em; font-weight: bold; color: #FFFFFF; line-height: 34px; text-decoration: none; }

DIV.header DIV.menu FORM { position: absolute; right: 8px; top: 7px; width: 150px; }
DIV.header DIV.menu FORM FIELDSET LABEL { display: block; background: url(/img/search-background.png); height: 20px; }
DIV.header DIV.menu FORM FIELDSET LABEL INPUT { background: none; border: none; outline: none; padding:4px 0 0 23px; color: #666666; font-size: 1.0em; width: 130px; font-family: Arial; }

DIV.holder { position: relative; }

DIV.holder DIV.sidebar { background: #F4EFE9; width: 200px; float: left; position: relative; padding: 10px; }
DIV.holder DIV.sidebar H3 { background: url(/img/h3-brown.png) repeat-x bottom; color: #FFFFFF; padding-left: 0.6em; height: 28px; font-size: 1.4em; font-weight: bold; text-transform: uppercase; line-height: 30px;}
DIV.holder DIV.sidebar UL { margin-bottom: 20px; }
DIV.holder DIV.sidebar UL LI { border-bottom: 1px solid #9d9083; }
DIV.holder DIV.sidebar UL LI.img { border: none; }
DIV.holder DIV.sidebar UL LI A { display: block; color: #332211; text-decoration: none; font-size: 1.2em; font-family: Tahoma; padding: 6px; }
DIV.holder DIV.sidebar UL LI A.current { background: url(/img/menu-item-bg.png) repeat-x center; font-weight: bold; color:#53311b; }

DIV.holder DIV.page { padding: 10px; padding-left: 230px; width: 620px; }

DIV.holder DIV.rightbar { position: absolute; top: 10px; right: 25px; width: 220px; }
DIV.holder DIV.rightbar H3 { margin-left: 3px; margin-top: 0.6em; margin-bottom: 0.2em; font-size: 2em; color: #401f09; }
DIV.holder DIV.rightbar P { margin-left: 3px; font-size: 1.3em; line-height: 1.5em; }
DIV.holder DIV.rightbar STRONG.phone { display: block; padding-left: 42px; margin-left: 40px; background: url(/img/tel-logo.png) no-repeat left; font-size: 2.3em; color: #fb8602; height: 39px; line-height: 39px; }

P STRONG { font-weight: bold; }

DIV.section { margin-bottom: 10px; }
DIV.section H1 { background: url(/img/h1-brown.png) no-repeat; width: 600px; height: 34px; line-height: 36px; font-size: 1.6em; padding-left: 10px; font-weight: bold; color: #FFFFFF; }
DIV.section DIV.welcome { padding: 15px 10px; font-size: 1.3em; font-family: Tahoma; color: #666; }
DIV.section DIV.welcome P { line-height: 1.5em; }
DIV.section H2 { background: url(/img/h2-brown.png) no-repeat; width: 600px; height: 34px; line-height: 36px; font-size: 1.6em; padding-left: 10px; font-weight: bold; color: #FFFFFF; }

DIV.section DIV.items DIV.item { float: left; margin-left: 15px; margin-top: 12px; margin-right: 12px; width: 170px; height: 180px; }
DIV.section DIV.items DIV.item H4,
DIV.section DIV.items DIV.item H5 { padding-left: 4px; color: #3b1b06; font-family: Tahoma; font-size: 1.3em; font-weight: bold; margin-top: 4px; }
DIV.section DIV.items DIV.item H5 { color: #866855; font-size: 1.1em; font-weight: normal; }
DIV.section DIV.items DIV.item P { color: #383737; font-size: 1.1em; font-weight: normal; font-family: Tahoma; margin-top: 4px; line-height: 1.2em; padding-left: 4px;  }
DIV.section DIV.items DIV.item STRONG { display: block; float: left; color: #3b1b06; font-size: 1.2em; font-weight: bold; font-family: Tahoma; margin-top: 16px; padding-left: 4px;  }
DIV.section DIV.items DIV.item BUTTON { cursor: pointer; display: block; float: left; border: none; outline: 0; background: url(/img/button-cart.png) no-repeat; height: 25px; width: 100px; margin-top: 10px; }
DIV.section DIV.items DIV.item BUTTON SPAN { display: block; color: #FFF; font-family: Tahoma; font-size: 10px; padding-left: 26px; margin-top: -2px;  }

DIV.footer { text-align: center; margin-top: 1em; }
DIV.footer A { font-family: Arial; color: #FFF; text-decoration: none; display: inline-block; margin-right: 1em; font-size: 1.2em; }

TABLE.calculator { margin-top: 10px; }
TABLE.calculator TR TH { padding: 10px; padding-left: 25px; font-size: 1.2em; font-weight: bold; color: #222; }
TABLE.calculator TR TD INPUT[type='text'] { width: 70px; }
TABLE.calculator TR TD { font-size: 1.2em; }
TABLE.calculator TR TD DIV { margin-bottom: 0.2em; }


H4 { font-size: 1.3em; font-weight: bold; }
DIV.wr { margin: 1em; }

