/* global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
hr { display: none; }
.clearfix:after, div.footer:after, div.subnav:after, div.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
a, a:link, a:visited, a:active { color: #666; text-decoration: none; }
a:hover { color: #333; }
strong { font-weight: bold; }
img { display: block; }
/* structure */
body { line-height: 1; color: #333; background: #fff; text-align: center; font: 76% verdana, arial, tahoma, helvetica, sans-serif; }
div.container { width: 793px; margin: 0 auto; text-align: left; padding: 30px 0; font-size: 0.9em; }
div.wrapper { clear: right; width: 793px; height: 482px; position: relative; }
/* subnav */
div.subnav { margin: 3px 0; float: right; }
div.subnav ul li { float: left; text-transform: uppercase; }
div.subnav ul li a { text-decoration: none; padding: 8px 15px; display: block; }
div.subnav ul li a, div.footer ul li a { font-weight: bold; }
div.subnav ul li.last a { padding-right: 0; }
div.subnav ul li a:hover { color: #8dbe26; }
/* footer */
div.footer { clear: both; width: 100%; background: #8dbe26; }
div.footer ul { padding-left: 203px; }
div.footer ul li { float: left; text-transform: uppercase; margin-left: 36px; letter-spacing: 0.03em; }
div.footer ul li a, div.footer ul li a:link, div.footer ul li a:visited, div.footer ul li a:active { text-decoration: none; padding: 6px 15px 7px; display: block; color: #fff; }
div.footer ul li a:hover { color: #333; }
/* content */
div.content-wrap { width: 245px; height: 207px; background: #bad87c; overflow: hidden; position: absolute; top: 0; left: 0; border-top: 11px solid #bad87c; }
body.subpage div.content-wrap { border-bottom: 11px solid #bad87c; height: 196px; }
div.content { padding: 0 8px 15px 12px; font-size: 1.1em; }
body.subpage div.content { padding-right: 20px; }
div.content h1 { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 1.2em; padding-bottom: 15px; }
div.content p { padding-bottom: 12px; line-height: 1.3; }
div.content p.upsized { font-size: 1.2em; padding-bottom: 15px; }
div.content p.slogan { font-size: 1.3em; font-weight: bold; text-align: center; }
div.content a, div.content a:link, div.content a:visited, div.content a:active { color: #333; }
/* image */
div.image { width: 540px; height: 452px; overflow: hidden; background: #8dbe26; text-align: center; margin: 0 auto; position: absolute; top: 0; right: 0; }
div.image img { text-align: center; margin: 0 auto; }
div.image table td { height: 452px; width: 540px; vertical-align: middle; text-align: center; }
/* logo */
div.logo-wrap { position: absolute; top: 333px; width: 245px; height: 149px; left: 0; background: url(../images/ui/bg-logo.gif) no-repeat top right; }
div.logo { position: relative; cursor: pointer; font-weight: bold; font-size: 2em; line-height: 1; color: #8dbe26; text-transform: uppercase; }
div.logo, div.logo span { width: 121px; height: 142px; overflow: hidden; }
div.logo span { background: url(../images/ui/logo.gif) no-repeat top left; position: absolute; top: 0; left: 0; cursor: pointer; }
div.logo a, div.logo a:link, div.logo a:visited, div.logo a:active { color: #8dbe26; }
/* phone number */
div.contact-wrap { position: absolute; bottom: 7px; right: 0; }
div.contact { position: relative; font-weight: bold; font-size: 1.6em; line-height: 1; color: #8dbe26; text-align: right; }
div.contact, div.contact span { width: 155px; height: 16px; overflow: hidden; }
div.contact span { background: url(../images/ui/bg-phone_number.gif) no-repeat top left; position: absolute; top: 0; left: 0; }
/* gallery */
div.gallery { width: 245px; height: 112px; overflow: hidden; position: absolute; top: 222px; left: 0; background: url(../images/ui/bg-gallery.gif) no-repeat top left; }
body.subpage div.gallery { background: url(../images/ui/bg-gallery2.gif) no-repeat top left; top: 228px; }
/* thumbnails */
ul.thumbs li { float: left; }
ul.thumbs li img { display: block; }
.thumb1 { width: 86px; height: 95px; }
.thumb2 { margin-left: 5px; margin-right: 4px; width: 66px; height: 46px; }
.thumb3 { margin-top: 20px; width: 84px; height: 75px; }
/* pagination */
div.top, div.bottom { display: none; }
ul.pagination { clear: both; margin-top: 2px; }
ul.pagination li.prev, ul.pagination li.next { display: block; float: left; position: relative; }
ul.pagination li, ul.pagination li span { width: 76px; height: 12px; overflow: hidden; }
ul.pagination li span { background: url(../images/ui/bg-prev_next.gif) no-repeat top left; position: absolute; top: 0; left: 0; cursor: pointer; }
ul.pagination li.next { float: right; }
ul.pagination li.next span { background-position: 0 -12px; }
/* scrollbar */
div#scrollbar { display: block; }
div#wn { position: relative; }
div#scrollbar { position: relative; float: right; margin: 5px 4px 0 0; width: 10px; height: 23px; font-size: 1px; }
div#track { position: absolute; left: 0; top: 12px; width: 10px; height: 20px; background: #bad87c; }
div#dragBar { position: absolute; left: 1px; top: 1px; width: 9px; height: 20px; background-color: #bad87c; }
div#up { position: absolute; left: 0; top: 0; }
div#down { position: absolute; left: 0; bottom: 0; }
div#scrollbar, div#track, div#dragBar, div#up, div#down { -moz-user-select: none; -khtml-user-select: none; }
div#scrollbar img { display:block; }
.play { display: none; }