body { font-size: 12px; font-family: tahoma; color: #d4c9a9; line-height: 130%; background-color: #45302e }

input { background-color: #d4c9a9; border: none; color: #45302e; padding: 4px; font-size: 12px }
input.button { width: auto !important; cursor: pointer; color: #d4c9a9 !important; font-size: 16px; background: transparent url(/images/button_bg.gif) right top no-repeat !important;
		margin: 0px 0px 0px 5px !important; padding: 2px 22px 0px 0px }
input.button-dark { width: auto !important; cursor: pointer; color: #d4c9a9 !important; font-size: 16px; background: transparent url(/images/button_bg_dark.gif) right top no-repeat !important;
		margin: 0px 0px 0px 5px !important; padding: 2px 22px 0px 0px }
select { background-color: #d4c9a9; border: none; color: #45302e; padding: 3px; font-size: 12px }
textarea { background-color: #d4c9a9; border: none; color: #45302e; padding: 4px; font-size: 12px }
.clear { overflow: hidden; width: 100% }
* { padding: 0px; margin: 0px }
a { color: #6c5b40 }
form { display: inline }
.check { width: auto !important; margin: 0px !important; padding: 0px !important; background: transparent !important }

.form-error { border: 1px dotted #ffdd33; padding: 2px }
.form-error div.error { color: #ffdd33; font-size: 11px; margin: 2px 0px 0px 0px !important; padding: 0px 0px 0px 2px !important }

#header { background: url(/images/header_bg.gif) bottom left repeat-x }
#header .wrapper { background: url(/images/header_bg.gif) bottom left repeat-x; width: 1000px; margin: 0px auto; padding-top: 42px; height: 29px; position: relative }
#header .wrapper .social { position: absolute; right: 18px; top: 0px; color: #94847b; font-family: arial; font-weight: bold }
#header .wrapper .social a { margin-left: 8px }
#header .wrapper .social a img { border: none }
#header .leaf { position: absolute; width: 15px; height: 48px; background: url(/images/header_leaf.png) no-repeat; top: 28px; right: -4px; _behavior: url(/css/iepngfix.htc) }
#header .login { width: 218px; height: 29px; line-height: 29px; float: left; color: #93847b; font-weight: bold; font-size: 13px; text-align: right; padding-right: 9px }
#header .login a { font-size: 13px; font-weight: bold; color: #93847b; text-decoration: none }
#header .menu { width: 757px; height: 29px; float: left; background-color: #45302e; padding-right: 6px }
#header .menu a { display: block; float: right; border-right: 1px solid #533e3b; padding: 8px 7px 9px 7px }
#header .menu a span { display: block; height: 12px; overflow: hidden; _float: left }
#header .menu a img { border: none }
#header .menu a.on img { margin-top: -12px }
#header .menu a.last { border-right: none }
#logo { display: block; position: absolute; left: 56px; top: 0px }
#logo img { border: none }

#body { background: url(/images/body_bg.gif) center repeat-y; padding-top: 4px }
#content { border: 10px solid #93847b; height: 490px; width: 980px; margin: 1px auto; background: url(/images/content_bg.gif) right repeat-y; overflow: hidden; position: relative }
#nav { background-color: #93847b; width: 1000px; margin: 0px auto; height: 50px }
#nav div { position: absolute; padding-top: 20px; margin-left: 10px }
#nav div a { display: block; float: left; margin-right: 10px; height: 12px; overflow: hidden }
#nav div a.on img { margin-top: -12px }
#nav div div { position: relative; padding: 0px; margin: 0px; float: left; width: 0px; overflow: hidden }
#nav div div p { width: 500px }
#nav img { border: none }
#footer { background: url(/images/footer_bg.jpg) top center no-repeat }
#footer div { padding-top: 20px; text-align: center; color: #786760; font-size: 11px }
#footer a { color: #786760 }

.slide1 { position: absolute; top: 0px; left: 0px; width: 490px; height: 490px; background-color: #5c4f47; visibility: hidden; background-repeat: no-repeat }
.slide1 .title { font-family: arial; color: #93847b; font-size: 18px; font-weight: bold; line-height: 120% }
.slide1 div.watermark { position: absolute; bottom: 7px; right: 7px; background: url(/images/watermark.png) no-repeat; width: 193px; height: 92px;
		_behavior: url(/css/iepngfix.htc) }
.slide2 { position: absolute; top: 0px; left: 490px; width: 226px; height: 450px; padding: 40px 35px 0px 25px;
    visibility: hidden; background: #82872d url(/images/content_bg.gif) 276px 0px repeat-y; overflow: hidden }
.slide2 .sep { margin: 4px 0px }
.slide2 .title { font-family: arial; color: #f4edd6; font-size: 18px; font-weight: bold; line-height: 120% }
.slide2 .subtitle { color: #45302e; margin-bottom: 15px }
.slide2 ol { margin: 10px 0px 10px 30px }
.slide2 ul { margin: 10px 0px 10px 30px }
.slide2 a { color: #45302e }
.slide3 { position: absolute; top: 0px; right: 0px; width: 174px; height: 360px; background: #5c4f47 url(/images/menu_top.gif) 0px 76px no-repeat;
		visibility: hidden; padding: 130px 10px 0px 20px }
.slide3 a { display: block; color: #ebe5da; text-decoration: none; font-size: 11px; line-height: 125%; padding: 1px 0px }
.slide3 a.on { background-color: #93847b; padding: 1px 5px; margin-left: -5px }
.slide3 a.main { color: #a2a043; font-weight: bold }
.slide3 a.main.on { background-color: #6f6057 }
.slide3 ul { margin-left: 23px }

/* slideshow */
#slideshow { position: absolute; width: 204px; height: 490px; overflow: hidden; right: 0px }

/* home */
#sliding-doors .slide1 { visibility: visible; z-index: 100 }
#sliding-doors .slide1 a { background: url(/images/logo_home1.gif) top right no-repeat; display: block; width: 490px; height: 490px; font-size: 0px }
#sliding-doors .slide2 { width: 276px; height: 490px; padding: 0px; visibility: visible; overflow: hidden; z-index: 100; background: none }
#sliding-doors .slide2 a { background: url(/images/logo_home2.gif) top right no-repeat; display: block; width: 276px; height: 490px; font-size: 0px }

/* contact */
#contact-form { padding: 25px 25px 0px 25px; width: 440px !important; height: 465px !important }
#contact-form input { margin: 2px 0px 6px 0px; width: 180px; background-color: #93847b; color: #fff }
#contact-form textarea { margin: 2px 0px 6px 0px; width: 180px; height: 80px; background-color: #93847b; color: #fff }
#contact-form .expl { font-size: 11px; font-style: italic }

/* leads */
#leads1 { width: 440px; height: 465px; padding: 25px 25px 0px 25px; background-color: #82872d }
#leads1 .title { color: #f4edd6 }
#leads1 .sep { margin: 4px 0px 30px 0px }
#leads1 .expl { font-size: 11px }
#leads1 input { width: 250px }
#leads2 { padding-top: 42px }
#leads2 textarea { width: 215px; height: 50px; margin-top: 2px }

/* location */
#location .cl { color: #45302e }
#location p.sep { margin: 8px 0px 3px 0px }
#location .scrollable { text-align: left }
#location-map { color: #45302e }
#location-panel .adp-distance { color: #45302e }
#location-panel .adp-summary { font-weight: bold }
#location-panel .adp-placemark { background-color: transparent; border: none }
#location-panel .adp-marker { display: none }
#location-panel .adp-text { font-weight: bold; color: #45302e }
#location-panel .adp-legal { color: #d4c9a9 }

/* scrollbars */
.slide2 .scrollable { overflow: hidden; text-align: justify; margin-right: -35px }
.slide2 .scrollable .fxd { padding-right: 35px }
.slide2 .jScrollPaneContainer .scrollable .fxd { padding-right: 20px }

.slide3 .scrollable { overflow: hidden; height: 342px }
.slide3 .scrollable .fxd { padding: 0px 15px 0px 5px }
.slide3 .jScrollPaneContainer .scrollable .fxd { padding-right: 0px }

.jScrollPaneTrack { background: transparent url(/images/scroll_track.gif) 4px repeat-y }
.jScrollPaneDrag { background-color: #bebc87 }
a.jScrollArrowUp { height: 5px; background: url(/images/scroll_arr_up.gif) 1px 0px no-repeat }
a.jScrollArrowDown { height: 5px; background: url(/images/scroll_arr_down.gif) 1px 1px no-repeat }

#ui-datepicker-div { z-index: 100; font-size: 11px; display: none }

/* galleries */
.gallery-cont .slide2 .scrollable .fxd { padding-right: 0px }
.gallery-cont .slide2 ul { list-style-type: none; margin: 0px; padding: 0px }
.gallery-cont .slide2 ul li { display: block; float: left; border: 1px solid #82872d; margin-bottom: 7px; line-height: 0px; cursor: pointer;
	background: url(/images/loading.gif) center no-repeat }
.gallery-cont .slide2 ul li.on { border-color: #45302e }
.gallery-cont .slide1 a { display: block; position: absolute; width: 245px; height: 490px; background: url(/images/nav_left_bg.png) 10px center no-repeat;
		visibility: hidden; font-size: 0px; z-index: 3 }
.gallery-cont .slide1 a.right { margin-left: 245px; background: url(/images/nav_right_bg.png) 213px center no-repeat }
.gallery-cont .slide1 .loading { position: absolute; background-color: #fff; font-size: 18px; width: 150px; height: 60px; line-height: 60px; text-align: center;
		margin: 215px 0px 0px 170px; display: none; z-index: 2; color: #45302e }
.gallery-cont .slide1 img { position: absolute; z-index: 1 }

/* survey */
#survey { padding: 25px }
#survey hr { color: #777 }
#survey .scrollable { height: 405px; overflow: hidden }

/* linen orer form */
#linen-order { padding: 25px }
#linen-order a { color: #d4c9a9 }
#linen-order hr { color: #777 }
#linen-order .scrollable { height: 405px; overflow: hidden }
#linen-order .prods { font-size: 11px }
#linen-order .prods .header { font-weight: bold }
#linen-order .prods .quantity { width: 50px }
#linen-order .prods .size { width: 50px }
#linen-order .prods .style { width: 125px }
#linen-order .prods .event { width: 130px }

/* validation code */
.captcha { cursor: pointer }