html {overflow-y:scroll;} /* Reduces Optical Jarring During Initial Load */
/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, label, fieldset, input, p, blockquote, th, td {
margin:0;
padding:0;
outline:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul, li {
list-style:none;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
}
q:before, q:after {
content:'';
}
a {
text-decoration:none;
outline: none;
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
a img {
border:none;
}
.clearfix {
width: 100%;
height: 0px;
clear: both;
display: block;
}
@font-face{font-family:Biographer; src:url(fonts/Biographer.otf)}
body{background:#1c1411 url(images/wooden.jpg) top left; color:#111; font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif; font-size:12px; height:100%; color:#666}
#pagewrapper{width:996px; height:635px; padding:5px; margin:0 auto; margin-top:80px; background:url(images/wrapperbg.png) top left no-repeat; _background:url(images/wrapperbg_8bit.png) top left no-repeat}
/*.menutitle{float:none !important;}*/
#potlights{position:relative; background:url(images/potlights.png) top center no-repeat; _background: none; width: 1034px; height:429px; margin:0 auto; margin-bottom:-390px; z-index:-20}
#copyright{width:996px; height:20px; padding:5px; margin:0 auto; font-size:11px; color:#000000; text-align: center; position:relative; top:55px}
#copyright a {
color:#000000;
}
#pagebg{background:transparent; width:996px; height:635px; padding:9px; border:none}
#content{width:994px; height:575px; background:transparent; margin-top:17px; margin-left:14px; *padding-top:8px}
#left{float:left; width:607px; height:575px; background:url(images/content_bg.png) top left no-repeat; padding-right:15px}
#right{float:left; width:315px; height:575px; background:transparent url(images/right_bg.jpg) top center no-repeat}
#logo{width:205px; height:117px; _height:90px; /*background:url(images/logo.png) no-repeat; _background:url(images/logo_8bit.png);*/ margin:0 auto; margin-top:20px; position:relative; left:-3px; padding-bottom:20px; _margin-bottom:30px}
.menu{width:205px; margin:0 auto; margin-left: 20px }
.menu li{text-align:center; font-family:Biographer,Baskerville,Garamond,Times !important; text-shadow:0px 1px 1px #999; line-height:42px; font-size:23px; *line-height:32px; *font-size:20px; }
.menu a{color:#222; padding-left: 70px }
.menu a:hover{color:#888}
.wactive{color:#d3051a !important; background: url(images/chopsticks.png) no-repeat left center !important;}
h2{display:block; width:600px; height:40px; background:transparent; color:#f1f1f1; font-size:20px; padding:15px 0px 0px 20px; margin:0}
h3 {margin:15px 0 10px 18px; font-size:15px; color:#e91601} /*color:#82a847*/
h2.aboutus{background:transparent url(images/about_title.jpg) no-repeat; text-indent:-9999px; position: relative; top:-4px}
h2.menu2{background:transparent url(images/menu_title.jpg) no-repeat; text-indent:-9999px}
h2.galleryh2{background:transparent url(images/gallery.jpg) no-repeat; text-indent:-9999px; padding-bottom:25px}
h2.contact{background:transparent url(images/contact.jpg) no-repeat; text-indent:-9999px; position: relative; /*top:-4px*/}
h4{padding-left:18px; font-size:15px; padding-top:10px}
h3.contacth3{padding-left: 0px !important; margin-left:0px !important}
.googlemap {width:100%;}
.googlemap iframe {border:1px solid #6a6b70; margin-top:10px;}
.googlemapanchor{float:right}
.tabcontent{width:580px; padding:20px; padding-top:0px; line-height:16px}
.tabcontent p {margin-bottom:7px; padding-right:10px;}
.gallery{margin-top:-7px;}
.gallery img {width:127px; height:148px;}
.col13 img {border:1px #de1400 solid;}
.col2 img, .col4 img {border:1px #6a6b70 solid; margin:0;}
.col13 img, .col2 img, .col13 img:hover, .col2 img:hover {margin:0 13px 0 0;}
.col2 img:hover, .col4 img:hover, .col13 img:hover, #row2 .col2 img:hover, #row2 .col4 img:hover, #row2 .col13 img:hover {border:1px #fff solid;}
#row1, #row2 {margin-bottom:13px;}
#row2 .col13 img {border:1px #6a6b70 solid;}
#row2 .col2 img, #row2 .col4 img {border:1px #de1400 solid;}
#row2 .col13 img {border:1px #6a6b70 solid;}
/*.gallery img{margin:0px 20px 20px 0px}*/
.contactleft{float:left; width:290px; margin-top:5px; padding-right:30px}
.contactright{float:left; width:260px; margin-top:5px; color:#222}
.contactleft label{color:#222; display:block; width:115px; float:left; clear:both; white-space:nowrap}
.contactleft input.text, .contactleft textarea{border:1px solid #222; padding:3px; width:140px; background:#747474; display:block; color:#fff; font-size:10px}
.contactleft textarea{height:60px}
.contactleft input.submit{text-transform:uppercase; border:1px solid #222; width:70px; background:#747474; color:#e5e5e5; font-size:10px; padding:3px; float:right; margin:4px; cursor:pointer}
.active{background:#bfc1b0 !important; overflow:hidden; color:#5b5c50; text-shadow:0px 1px 1px #fff; font-weight:bold; z-index:-9999}
.trheaders td{ font-weight:bold; color: #48413e !important; text-transform:uppercase; font-size:12px}
#shikimenu {background:#707164; padding:10px 0 10px 9px; margin:0; color:#999;}
#shikimenu a {padding:0 7px !important; color:#fff} /*padding:10px 8px*/
#shikimenu a:hover {color:#a6a795}
.overflowscroll {overflow-y: auto; overflow-x: hidden; height:484px; margin:0; padding:0;} /*height:100%*/
.overflowscroll h3 {padding-top:10px; margin:0 0 10px 18px;}
.overflowscroll p {padding:0 18px; color:#877c50}
table{margin-left:18px; margin-bottom:20px}
tr {color:#626355}
.even {background:#f3f4e9; border:1px solid #d9dad2; color:#626355; text-shadow:0px 1px 2px #fff}
td {padding:6px; height:35px; font-size:11.5px}
.td1 {width:36%; color:#454037; font-weight:bold}
.td2 {width:52%}
.td3 {width:12%; text-align:right;}
.td4 {width:0; display:none;}
.hline {
border-top:1px solid #9B9A95;
border-bottom:1px solid #D9DAD4;
width:568px; text-align:center;
margin:0 0 8px 15px;
height:0px;
}
#loadinginviz {margin-bottom:1000px;}
/* Pretty Photo Lightbox Plugin */
div.light_rounded .pp_top .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
div.light_rounded .pp_top .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.light_rounded .pp_content { background-color: #fff; } /* Content background */
div.light_rounded .pp_content a.pp_next:hover { background: url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_rounded .pp_content a.pp_previous:hover { background: url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_rounded .pp_content a.pp_expand { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_rounded .pp_content a.pp_expand:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_rounded .pp_content a.pp_contract { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_rounded .pp_content a.pp_contract:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.light_rounded .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Rounded Theme
----------------------------------- */
div.dark_rounded .pp_top .pp_left { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.dark_rounded .pp_content { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .pp_content a.pp_next:hover { background: url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.dark_rounded .pp_content a.pp_previous:hover { background: url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.dark_rounded .pp_content a.pp_expand { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_rounded .pp_content a.pp_expand:hover { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_rounded .pp_content a.pp_contract { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_rounded .pp_content a.pp_contract:hover { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded p.pp_description { color: #fff; }
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.dark_rounded .pp_loaderIcon { background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Square Theme
----------------------------------- */
div.dark_square .pp_top .pp_left ,
div.dark_square .pp_top .pp_middle,
div.dark_square .pp_top .pp_right,
div.dark_square .pp_bottom .pp_left,
div.dark_square .pp_bottom .pp_middle,
div.dark_square .pp_bottom .pp_right,
div.dark_square .pp_content { background: url(../img/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square p.pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
div.dark_square .pp_content a.pp_expand { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_square .pp_content a.pp_expand:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_square .pp_content a.pp_contract { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_square .pp_content a.pp_contract:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_content a.pp_next:hover { background: url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.dark_square .pp_content a.pp_previous:hover { background: url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
/* ----------------------------------
Light Square Theme
----------------------------------- */
div.light_square .pp_top .pp_left ,
div.light_square .pp_top .pp_middle,
div.light_square .pp_top .pp_right,
div.light_square .pp_bottom .pp_left,
div.light_square .pp_bottom .pp_middle,
div.light_square .pp_bottom .pp_right,
div.light_square .pp_content { background: #fff; }
div.light_square .pp_content a.pp_expand { background: url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_content a.pp_expand:hover { background: url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_content a.pp_contract { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_content a.pp_contract:hover { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_content a.pp_next:hover { background: url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_content a.pp_previous:hover { background: url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
position: absolute; top: 0; left: 0;
z-index: 9500;
width: 100%;
}
div.pp_pic_holder {
position: absolute; z-index: 10000;
width: 100px;
}
div.pp_pic_holder .pp_top {
position: relative;
height: 20px;
}
* html div.pp_pic_holder .pp_top { padding: 0 20px; }
div.pp_pic_holder .pp_top .pp_left {
position: absolute;
left: 0;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_top .pp_middle {
position: absolute;
left: 20px; right: 20px;
height: 20px;
}
* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
div.pp_pic_holder .pp_top .pp_right {
position: absolute;
top: 0; left: auto; right: 0;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_content {
position: relative;
text-align: left;
width: 100%; height: 40px;
}
div.pp_pic_holder .pp_content .pp_details {
display: none;
margin: 10px 15px 25px 20px;
}
div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }
div.pp_pic_holder .pp_content .pp_details .pp_nav {
float: left;
margin: 3px 0 0 0;
}
div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; }
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
float: left;
display: block;
width: 14px; height: 15px;
overflow: hidden;
text-indent: -10000px;
margin-top: 3px;
}
div.pp_pic_holder .pp_content div.pp_hoverContainer {
position: absolute; z-index: 2000;
top: 0; left: 0;
width: 100%;
}
div.pp_pic_holder .pp_content a.pp_next {
display: block; float: right;
text-indent: -10000px;
width: 49%; height: 100%;
background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
}
div.pp_pic_holder .pp_content a.pp_previous {
display: block; float: left;
text-indent: -10000px;
width: 49%; height: 100%;
background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
}
div.pp_pic_holder .pp_content a.pp_expand,
div.pp_pic_holder .pp_content a.pp_contract {
position: absolute; z-index: 20000;
top: 10px; right: 30px;
cursor: pointer;
display: none;
text-indent: -10000px;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_content a.pp_close {
float: right;
display: block;
text-indent: -10000px;
}
div.pp_pic_holder .pp_bottom {
position: relative;
height: 20px;
}
* html div.pp_pic_holder .pp_bottom { padding: 0 20px; }
div.pp_pic_holder .pp_bottom .pp_left {
position: absolute;
left: 0;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_bottom .pp_middle {
position: absolute;
left: 20px; right: 20px;
height: 20px;
}
* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
div.pp_pic_holder .pp_bottom .pp_right {
position: absolute;
top: 0; left: auto; right: 0;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_loaderIcon {
display: none;
position: absolute;
top: 50%; left: 50%;
margin: -12px 0 0 -12px;
width: 24px; height: 24px;
}
div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; }
div.pp_pic_holder #pp_full_res object,
div.pp_pic_holder #pp_full_res embed { visibility: hidden; }
div.ppt {
display: none;
position: absolute;
top: 0; left: 0;
z-index: 9999;
color: #fff;
font-size: 17px;
}
/* ------------------------------------------------------------------------
Miscellaneous
------------------------------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */