html, body { height: 100%; }
body { margin: 0; padding: 0; background: url(../img/body.gif); }
body, input, textarea, select { font: 11px Tahoma, Arial, Helvetica, sans-serif; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none }
p { margin: 1em 0 }
ul { margin: 0; padding: 0; list-style: none; }
form { margin: 0 }
table { border-collapse: collapse }
h1 img, h2 img, h3 img, h4 img { display: block; }

#container { width: 989px; margin: 0 auto; background: url(../img/container.gif) repeat-y; min-height: 100%; }
#top { width: 749px; padding: 0 120px; background: url(../img/top.jpg) 100% 0 no-repeat; }
#top h1 { margin: 0; float: left; height: 146px; padding: 3px 0 0 1px; }
#top div.slogan { float: left; padding: 46px 0 0 0; }
#top div.slogan2 img { display: block; }
#menu-wrapper { width: 665px; height: 67px; padding: 0 0 0 84px; clear: both; background: #c2c3c2 url(../img/menu.gif) no-repeat; position: relative; z-index: 10; }
#menu { width: 100%; }
#menu a:hover { text-decoration: none; }
#menu li { float: left; padding: 0 11px 0 0; position: relative; }
#menu li a.lvl-1 { float: left; height: 67px; overflow: hidden; }
#menu li ul { position: absolute; top: 67px; left: 6px; background: #fd8f29; width: 150px; min-width: 100%; display: none; }
#menu li ul li { display: block; float: left; clear: left; padding: 0; position: relative; width: 100%; }
#menu li ul li a { display: block; float: none; padding: 8px 15px; color: #fff; font-size: 16px; }
#menu li ul li ul { position: absolute; left: 100%; top: 0; border-left: solid 1px #fff; }
#menu li ul li ul li { }
#menu li ul li ul li a { }
#menu li:hover a.lvl-1 img,
#menu li.hover a.lvl-1 img { margin-top: -67px; }
#menu li:hover ul,
#menu li.hover ul { display: block; }
#menu li:hover ul li ul,
#menu li.hover ul li ul { display: none; }
#menu li:hover ul li:hover ul,
#menu li.hover ul li.hover ul { display: block; }
#menu li ul li:hover a,
#menu li ul li.hover a { background: #c2c3c2; }
#menu li ul li:hover ul li a,
#menu li ul li.hover ul li a { background: none; }
#menu li ul li:hover ul li:hover a,
#menu li ul li.hover ul li.hover a { background: #c2c3c2; }

#content { width: 749px; margin: 0 120px; position: relative; }
#content-btm { position: absolute; bottom: -1px; left: 0; width: 100%; background: url(../img/content-btm.png) no-repeat; height: 52px;  }
div.constant-h #page-content { height: 286px; }
div.light-bg #page-content { background: #bcbdbc; }
#page-content div.scrollable { height: 224px; padding: 0 20px 0 263px; margin: 10px 20px 0 0; overflow: auto; }
#page-content div.non-scrollable { padding: 10px 20px 10px 263px; margin: 10px 20px 0 0; min-height: 270px; }

#page-title { padding: 0 0 0 263px; background: #88dc20; margin: 0; height: 66px; position: relative; color: #fff; font-weight: normal; }
#page-title span.text { position: absolute; font-size: 18px; bottom: 8px; z-index: 1; width: 450px; }
#page-title span.shadow { position: absolute; font-size: 50px; bottom: 0; left: 288px; color: #a4e455; width: 450px; }

#page-content { background: #aaa; color: #fff; padding: 1px 0 0 0; line-height: 16px; border-left: solid 1px #7f9d58; }
#page-content a { color: #606060; }
#page-content h3 { font-size: 12px; }
#page-content h3.prices,
#page-content h3.schedule { text-align: right; color: #fff; margin: 13px 0 8px 0; font-weight: normal; font-size: 14px; }
#page-content h3.schedule { margin: 10px 10px 4px 0; }
#page-content ul { list-style: disc; padding: 0 0 0 35px; }
#page-content table.prices { width: 100%; }
#page-content table.prices td { background: #d1cdcd; padding: 13px 10px; color: #4c4a4a; text-align: center; width: 33%; }
#page-content table.prices td.w { text-align: left; font-weight: bold; }
#page-content table.prices td.t { background: #b5b3b3; }
#page-content table.prices td.p { font-weight: bold; }
#page-content address { font-style: normal; font-size: 14px; line-height: 22px; margin: 25px 0 0 0; }
#page-content address big { font-size: 18px; }
#page-content address a.email { color: #fff; }
#page-content div.page-content-btm { padding: 8px 43px; text-align: right; border-top: solid 1px #7f9d58; background: #88dc20; margin: 0 0 0 -1px; }
#page-content div.page-content-btm big { font-size: 18px; }
#page-content div.schedule { background: #bdbdbd; padding: 4px 5px 5px 5px; }
#page-content table.schedule { width: 100%; }
#page-content table.schedule col.d { width: 97px }
#page-content table.schedule td,
#page-content table.schedule th { background: #d5d5d5; border: solid 1px #f9f9f9; color: #181716; padding: 5px 10px; vertical-align: top; }
#page-content table.schedule th { text-transform: uppercase; }
#page-content table.schedule th.d { text-align: left; }
#page-content table.schedule th.h { text-align: right; }
#page-content table.schedule tr.odd td,
#page-content table.schedule tr.odd th { background: #f5f5f5; }
#page-content table.schedule td p { margin: 0; }
#page-content div.map { margin: 20px 0 }
#page-content div.thumbs { margin: 14px 0 0 180px; width: 566px; height: 225px; overflow: hidden; position: relative; }
#page-content div.thumbs ul { position: absolute; top: 0; left: 0; list-style: none; padding: 0; }
#page-content div.thumbs ul li { float: left; margin: 0 2px 0 0; }
#page-content div.thumbs ul li .caption { display: none; }
#page-content div.thumbs .prev,
#page-content div.thumbs .next { width: 14px; height: 37px; position: absolute; top: 93px; z-index: 10; text-indent: -9999px; outline: none; }
#page-content div.thumbs .prev { left: 75px; background: url(../img/thumbs.prev.png) no-repeat; }
#page-content div.thumbs .next { left: 543px; background: url(../img/thumbs.next.png) no-repeat; }
#page-content form { margin: 10px -15px 0 0; }
#page-content form div.f { padding: 0 0 5px 0; }
#page-content form div.f label { display: inline-block; width: 90px; padding: 3px 10px 0 0; text-align: right; vertical-align: top; line-height: 1em; }
#page-content form div.f span.error { display: inline-block; width: 110px; padding: 3px 0 0 10px; vertical-align: top; color: #a00; }
#page-content form div.f input.text { width: 210px; padding: 3px; vertical-align: top; }
#page-content form div.f textarea { width: 210px; height: 70px; padding: 3px; vertical-align: top; }
#page-content form div.f select { width: 220px; }
#page-content form div.btn { padding: 4px 0 0 103px; }
#page-content form div.btn input { padding: 2px 5px; }
#page-content form ul.errors { color: #a00; font-weight: bold; list-style: none; padding: 0; margin: 0 0 1em 0; }
#page-content form ul.messages { color: #060; font-weight: bold; list-style: none; padding: 0; margin: 0 0 1em 0; }
#page-content div.product { width: 100%; overflow: hidden; margin: 0 0 30px 0; }
#page-content div.product .photo { float: right; margin: 0 0 0 10px; }

#photo { position: absolute; top: -94px; left: -195px; height: 448px; width: 445px; background: url(../img/photo-bg1.jpg) no-repeat; }
#photo div { position: absolute; top: 94px; left: 91px; width: 354px; height: 354px; background: url(../img/photo-bg2.png) no-repeat; }
#photo div img { position: absolute; top: 4px; left: 0; z-index: 1; }

#ft { width: 749px; height: 172px; margin: 0 120px; background: #fff; }
#ft div.rules { height: 42px; padding: 0 24px 28px 0; }
#ft div.rules a { float: right; height: 42px; overflow: hidden; }
#ft div.rules a:hover img { margin-top: -42px; }
#ft div.contact { float: left; padding: 0 0 0 38px; margin: 0 0 10px 0; }
#ft div.cards { float: right; padding: 24px 12px 0 0; }
#ft div.created-by { clear: both; margin: 0 0 0 44px; color: #737270; }
#ft div.created-by a { color: #737270; }

#my-overlay { position: fixed; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; background: #000; opacity: 0.4; z-index: 10; }
#popup { position: absolute; top: 80px; left: 50%; margin-left: -345px; z-index: 30; }
#popup div.popup-nw { position: absolute; width: 20px; height: 20px; top: -10px; left: -10px;background: url(../img/popup-nw.png) no-repeat; }
#popup div.popup-ne { position: absolute; width: 20px; height: 20px; top: -10px; right: -10px; background: url(../img/popup-ne.png) no-repeat; }
#popup div.popup-sw { position: absolute; width: 20px; height: 20px; bottom: -10px; left: -10px; background: url(../img/popup-sw.png) no-repeat; }
#popup div.popup-se { position: absolute; width: 20px; height: 20px; bottom: -10px; right: -10px; background: url(../img/popup-se.png) no-repeat; }
#popup div.popup-n { position: absolute; height: 10px; top: -10px; left: 10px; right: 10px; background: url(../img/popup-n.png) repeat-x; }
#popup div.popup-s { position: absolute; height: 10px; bottom: -10px; left: 10px; right: 10px; background: url(../img/popup-s.png) repeat-x; }
#popup div.popup-w { position: absolute; width: 10px; bottom: 10px; top: 10px; left: -10px; background: url(../img/popup-w.png) repeat-y; }
#popup div.popup-e { position: absolute; width: 10px; bottom: 10px; top: 10px; right: -10px; background: url(../img/popup-e.png) repeat-y; }
#popup a.close { position: absolute; top: -15px; right: -19px; z-index: 20; width: 22px; height: 22px; background: url(../img/popup-close.png) no-repeat; text-indent: -9999px; }
#popup div.popup-content { padding: 20px; background: #fff; position: relative; z-index: 10; float: left; }
#popup div.popup-content div.photo { text-align: center; }
#popup div.popup-content div.photo img { cursor: pointer; vertical-align: bottom; }
#popup div.popup-content div.caption { margin: 10px 0 0 0; line-height: 16px; color: #444; }
#popup div.popup-content div.caption p { margin: 0; }