/* GENERIC */
body { margin : 0px; padding : 0px; background: #000 url(i/bg/sitebg.jpg) 50% 0 no-repeat; font-family : "Times New Roman"; font-size : 16px; color : #fff; }

.clr { clear : both; }
.center { text-align : center !important; }

#designby { display : block; position : absolute; top : 18px; right : 0px; width : 100px; background : url(i/logo/dblogo.png) 100% 50% no-repeat; } 
a { color : #fff; text-decoration : none; }
a:hover { text-decoration : underline; }

/* OFFERS */
.offers h3
{
	border-bottom: 1px dotted #6d0101;
	padding-top: 2em;
	color: #6d0101;
}

/* CONTAINERS */
#c-top { background : url(i/bg/nav-main.jpg) 0 106px repeat-x; height : 171px; }
#junahki-guy { background : url(i/logo/junahki-guy.png) 0 0 no-repeat; width : 48px; height : 134px; position : absolute; top : 20px; left : 0px; }

#sitelogo { margin : 0px; padding : 0px; display : block; background : url(i/logo/sitelogo.png) 0 10px no-repeat;  height : 78px; padding-top : 10px; margin-bottom : 16px; margin-left : 54px; }
#sitelogo a { display : block; width : 150px; height : 78px; }
#sitelogo span { display : none; }
.sw { width : 882px; margin : 0px auto; position : relative;}
#logindisplay { position : absolute; right : 0px; top : 10px; }

/* LARGE BANNER */
#c-banner { background : url(i/bg/banner.jpg) 50% 0 no-repeat; height : 338px; margin-top : 25px; margin-bottom : 30px; }
#polaroid { border : 2px solid #9c9898; background : #e6e6e6; width : 529px; height : 354px; text-align : center; position : absolute; right : 0px; top : -10px;} 
#polaroid img { margin-top : 9px; }
.openQuote { font-size : 26px; line-height: 1.6em; width : 320px; font-style : italic; position : absolute; left : 0px; top : 20px; background : url(i/bg/openQuote.png) 0 0 no-repeat; }
.openQuote p { margin : 0px; padding : 0px 40px 0px 75px; background : url(i/bg/closeQuote.png) 100% 100% no-repeat; }

/* MAIN AND FOOTER */
#c-main { margin : 0px auto 65px auto; }
#c-footer { background : url(i/bg/footer.png) 0 0 repeat-x; height : 119px; font-size : 10px; font-family : Verdana; }
#c-footer #seal { position : absolute; width : 347px; height : 107px; left : 50%; margin-left : -174px; background : url(i/logo/junahki-seal.png) 0 0 no-repeat; top : -60px; text-align : center; }
                  
#copyright { position : absolute; top : 18px; margin : 0px; padding : 0px; }
.phonenumber, .phonenumber-s { z-index : 10; font-family : "times new roman"; color : #d5b97d; font-size : 30px; font-style : italic; position : absolute; left : 80px; top : 114px; margin :0px; padding : 0px; }
.phonenumber-s { color : #000; z-index : 9; left : 84px; top : 119px; }

/* BOX STYLES */
.box-s1 { background : url(i/bg/gold-box.png) 0 0 repeat-x; height : 201px; width : 246px; margin : 0px auto; }
.box-s1 a { padding : 2px; display : block; }
.box-s1 a:hover { text-decoration : none; }
.box-s1 img { border : 0px; overflow : hidden; }
.box-s1 .content { cursor : pointer; display : block; height : 45px; color : #f8eb68; font-size : 1.2em; background : url(i/bg/satin.png) 0 0 no-repeat; margin : 0px; padding : 0px; line-height : 45px; padding : 0px 10px; font-size : 18px; font-style : italic; font-weight : bold; }

.box-s2 { background : url(i/bg/banner.jpg) 50% 0px no-repeat; margin-top : 25px; margin-bottom : 65px;  } 
.box-s2 .box-s2-outer { border : 2px solid #9c9898; color : #000; background : #e6e6e6; margin-bottom : 20px; }
.box-s2 .box-s2-inner { background : url(i/bg/text-grain.jpg) 0 0; margin : 10px; padding : 4px 10px; border : 1px solid #c8bea8; } 
.box-s2 a { color : #000; }

.box-s3 { margin-top : 25px; margin-bottom : 65px; display : block; width : 246px; }
.box-s3:hover img { border-color : #eca315; }
.box-s3 img { border : 9px solid #fff; }

.gallery { margin-top : 20px; margin-bottom : 80px; }
.gallery .box-s3 { float : left; text-align : left; margin : 10px 24px; background-color : #fff !important; }
.gallery .final { margin : 10px auto !important; float : none !important; }

/* OFFERS PAGE */
.offers-table { padding-bottom : 5px; }
.offers-table td { vertical-align : top; }
.offers-table h3 { margin : 0px; font-size : 22px; color : #5b0202; font-weight : bold; font-style : italic; border-bottom : 2px dashed #ccbb5b; padding-bottom : 6px; }
.offers-table h3 span { font-size : 16px; position : relative; top : -2px; }
.offers-table p { font-size : 14px; line-height : 1.4em; }

.offers-table .content { width : 100%; }
.offers-table .content div { position : absolute; font-size : 18px; font-weight : bold; color : #5b0202; text-transform : uppercase; }
.offers-table .content div span { font-size : 14px; font-family : arial; display : block; color : #c10000; }
.offers-table .content .price { position : absolute; top : 70px; right : 35px; font-size : 44px; color : #5b0202; font-weight : bold;}

.offers-page { background-position : center 12px; }
.offers-page .link { font-size : 14px; text-align : right; position : relative; top : 4px; left : -10px; display : block; background : url(i/bg/full-satin.jpg) 0 0 no-repeat; width : 860px; height : 45px; line-height : 45px; }
.offers-page .link a { color : #f8eb68; margin-right : 50px; text-decoration : none; font-style : italic; font-weight : bold; }
.offers-page .link a:hover { color : #fff; }
  
/* MISC */
.page-controls { display : block; text-align : right; line-height : 40px; }
.page-controls a { color : #fff; font-family : Tahoma; font-weight : bold; font-size : 10px; }
.printer-btn { padding-right : 20px; background : url(i/ico/printer.png) 100% 0 no-repeat; }

.whitelink { color : #fff !important; text-decoration : none; }
.gmap { height : 320px; margin : 10px; border : 1px solid #ccc; }

/* Offers */
.offers h2
{
	color:#ECA315;
	font-style:italic;
	text-transform:uppercase;
}

.offers p.offer_text
{
	font-style: italic;
	margin-bottom: 3em;
}

/* CONTACT */
.contact > div { top : -4px; }
.contact .address { background : url(i/ico/ornament1.png) 50% 0 no-repeat; padding-top : 10px; }
.contact .address h3 { color : #eca315; font-style : italic; text-transform : uppercase; }
.contact .address p { font-size : 18px; }
.contact .address table { width : 70%; margin-top : 14px; margin : 0px auto;}
.contact .address td { width : 50%; padding : 0px 20px; vertical-align : top; padding-bottom : 40px; }

/* MENU PAGE */
.categories { float : left; width : 200px; font-family : Arial;font-size : 12px;  margin-top : 10px; margin-right : 10px; margin-left : 4px; }
.categories a { display : block; margin-bottom : 8px; clear : both; float : left; padding : 4px 8px; text-decoration : none; }
.categories a:hover { background-color : #6d0101; color : #fff; }
.categories .title { margin-bottom : 14px !important; padding : 10px 8px !important; background-color : #ecbe02;} 
.categories a.active { background-color : #6d0101; color : #fff; }

.dishes { float : left; width : 622px; }
.dishes table { width : 100%; margin : 10px 0px;}
.dishes table th { text-align : left; }
.dishes table .headers { background-color : #ecbe02; }
.dishes table .headers th { padding : 10px 8px !important; font-size : 16px; }
.dishes table .headers th.price-col { width : 60px; }
.dishes th span { font-weight :bolder !important; color : Red; }
.dishes table td { border-bottom : 1px dotted #6d0101; padding : 10px 0px;}
.dishes table tr.hilite:hover { background-color : #6d0101; color : #fff !important; }

.dishes .title, .categories .title { margin : 0px; font-size : 16px; font-family : verdana; color :#5b0202; }
.dishes .price { text-align : center; font-weight : bold; font-size : 14px; vertical-align : top; }

.dishes .item h3 { font-size : 16px; margin : 0px; margin-left : 8px; }
.dishes .item p { font-size : 14px; margin : 0px; margin-left : 8px; margin-top : 4px; }

.vari { position : relative; }
.vari td { border : 0px !important; padding : 4px 0px !important; }
.vari td.name { text-align : right; padding-right : 40px !important; } 
.vari td.price { width : 60px !important; }


.menu-info { padding : 0px 10px 10px 10px; font-family : Verdana; font-size : 12px;}
.menu-info table { width : 100%; }
.menu-info table th { background-color : #eca315; color : #000; } 
.menu-info table .spacer { background : none !important; width : 10px; }
.menu-info table h4 { margin : 0px; padding : 4px 0px; font-style : italic; font-size : 14px; } 
.menu-info table td { width : 33%; vertical-align : top; background-color : #5b0202; color : #fff; padding : 0px 10px; }
.menu-info table span { font-size : 10px; }


/* Navigation Systems */
#nav-main { list-style-type : none; margin : 0px; padding : 0px; line-height : 65px; float : right; }
#nav-main li { font-size : 22px; font-style : italic; font-weight : bold; float : left; margin-left : 40px; }
#nav-main li a { color : #000; text-decoration : none; padding : 4px 14px; }

#nav-main a:hover, #nav-main li.active a { background : #000; color : #fff; }