/*
Theme Name: KOA
Theme URI: http://wordpress.org/
Description: Custom design by <a href="http://www.sirulian.net/">Sirulian</a> Studios.
Version: 1.6
Author: Ben X
Author URI: http://www.sirulian.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

a:active, a:focus {outline: 0;}




.rollover a{
   display: block;
   text-indent: -9999px;
   margin: auto auto auto auto;
   cursor: pointer;
   outline: transparent solid 0px;
}
#exampleButtonIDHere a{
   height: 250px;
   width: 320px;
   background: url('imgs/rollover.gif') no-repeat left top;
   
}
#exampleButtonIDHere a:hover{
   background-position: -320 top;
}


@font-face {
	font-family: 'ResonanceBold';
	src: url('Resonance-Bold.eot');
	src: local('Resonance'), local('Resonance-Bold'), url('Resonance-Bold.woff') format('woff'), url('Resonance-Bold.ttf') format('truetype'), url('Resonance-Bold.svg#Resonance-Bold') format('svg');
}



body {
margin-top: 0px;
margin-left:0px;
background-image:url('imgs/bg.gif');
background-color:#4a3728 !important;
background-repeat:repeat-x;
background-position:fixed;
margin-bottom:30px;
}

a{
text-transform:none;
border:none;
}


#leftstripes {
position:absolute;
top:300px;
left:0px;
}

#rightstripe {
margin-left:600px;
}

#content {
background-image:url(imgs/bg.jpg);
background-repeat:repeat-y;
width:670px;
margin-top:-10px;
margin-left:94px;
padding-left:30px;
padding-bottom:30px;
padding-top:30px;
}

#contentfooter {
background-image:url(imgs/bottom.gif);
height:670px;
height:27px;
background-repeat:no-repeat;
margin-left:94px;
}

#waves {
margin-top:50px;
margin-left:94px;
}

#nav {
font-family:"ResonanceBold", "trebuchet ms", "arial";
float:right;
text-transform:uppercase;
margin-top:1px;
margin-right:80px;
z-index:4;
position:relative;
}

#nav a{
text-decoration:none;
}

#nav a:hover{
text-decoration:underline;
color:#8d7562;
}

#homelink {
font-size:18px;
float:left;
margin-right:30px;
}

#homelink a{
color:#4a3728;
}

#menulink {
font-size:18px;
float:left;
margin-right:30px;
}

#menulink a{
color:#d88400;
}

#locationslink {
font-size:18px;
float:left;
margin-right:30px;
}

#locationslink a{
color:#dd4100;
}

#cateringlink {
font-size:18px;
float:left;
margin-right:30px;
}

#cateringlink a{
color:#4a3728;
}

#employmentlink {
font-size:18px;
float:left;
margin-right:30px;
}

#employmentlink a{
color:#d88400;
}

#contactlink {
font-size:18px;
float:left;
margin-right:0px;
}

#contactlink a{
color:#dd4100;
}

#clear{
clear:both;
}

#floatleftcontent {
font-weight:bold;
font-family:verdana, "arial", sans-serif;
font-size:10px;
text-align:right;
float:left;
color:#8d7562;
margin-right:10px;
margin-top:30px;
}


#entryheaderbrown {
color:#4a3728;
}

#entryheaderorange {
color:#dd4100
}

#entry {
border:0px solid #fff;
}

a.rollover {
	display: block;
	width: 323px;
	height: 250px;
	text-decoration: none;
	background: url("imgs/rollover.gif");
	background-repeat:no-repeat;
	}

a.rollover:hover {
	background-position: -323px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

#call {
position:absolute;
top:500px;
left:500px;
}

#menucall {
position:absolute;
top:440px;
left:500px;
}

#badge{ 
position:absolute;
top:0px;
left:0px;
z-index:1;
}

#awards {
background-image:url(imgs/awardsbg.png);
background-repeat:repeat-y;
margin-left:94px;
padding-left:20px;
}

#awardstop {
background-image:url(imgs/awardstop.gif);
height:672px;
height:27px;
background-repeat:no-repeat;
margin-left:94px;
}

#awardsbottom {
background-image:url(imgs/awardsbottom.gif);
height:672px;
height:27px;
background-repeat:no-repeat;
margin-left:94px;
}

#awardstitle {
font-family:"ResonanceBold", "trebuchet ms", "arial";
text-transform:uppercase;
color:#eeead9;
font-size:18px;
}

img.awardicons{
   padding:1px;
   border:3px solid #786a5a;

}

#menulinks {
font-family:verdana, "arial", sans-serif;
color:#8d7562;
font-size:11px;
text-align:right;
margin-right:10px;
margin-top:0px;
width:200px;
line-height:10px;
}

#menulinks a{
color:#8d7562;
text-decoration:none;
}

#menulinks a:hover{
color:#dd4100;
text-decoration:underline;
}

#menuitems{
font-weight:bold;
font-family:verdana, "arial", sans-serif;
font-size:11px;
color:#8d7562;
margin-top:0px;
padding-left:20px;

}

h1 {
font-weight:bold;
color:#dd4100;
font-size:30px;
font-family:"ResonanceBold";
}

h2 {
font-weight:bold;
color:#d88400;
font-size:30px;
font-family:"ResonanceBold", "trebuchet ms", "arial";
text-transform:uppercase;
}

#price{
text-align:right;
font-style:italic;
color:#8d7562;
}

#food {
margin-top:-25px;
margin-left:20px;
border:1px solid red;
}

table {
margin-top:-25px;
}


td {
font-size:11px;
padding-left:30px;
padding-right:20px;
font-weight:bold;
color:#4a3728;
}

#special {
padding-left:-10px;
margin-left:-10px;
font-style:italic;
color:#dd4100;
}

#small {
font-family:verdana, "arial", sans-serif;
font-size:9px;
color:#8d7562;
text-align:right;
margin-right:80px;
}

#small a{
text-decoration:none;
color:#8d7562;
}

#small a:hover{
color:#317569;
text-decoration:underline;
}

#desc {
font-family:verdana, "arial", sans-serif;
font-size:9px;
color:#8d7562;
text-align:left;
margin-right:80px;
}

#menuimage{
margin-left:-40px;
margin-top:10px;
}


#preview {
border:3px solid #8d7562;
}

#loctable {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family:verdana, "arial", sans-serif;
color:#4a3728;
font-size:11px;
text-align:right;
}

#loctable a{
text-decoration:none;
color:#d88400;
}

#loctable a:hover{
color:#8d7562;
}

#map {
border:3px solid #8d7562;;
}

#thicktop {
margin-top:30px;
}

a.wahiawarollover {
	display: block;
	width: 350px;
	height: 250px;
	text-decoration: none;
	background: url("imgs/0wahiawa.gif");
	border:3px solid #8d7562;
	}

a.wahiawarollover:hover {
	background-position: -350px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}


a.aiearollover {
	display: block;
	width: 350px;
	height: 250px;
	text-decoration: none;
	background: url("imgs/0aiea.gif");
	border:3px solid #8d7562;
	}

a.aiearollover:hover {
	background-position: -350px 0;
	}
	
a.waipahurollover {
	display: block;
	width: 350px;
	height: 250px;
	text-decoration: none;
	background: url("imgs/0waipahu.gif");
	border:3px solid #8d7562;
	}

a.waipahurollover:hover {
	background-position: -350px 0;
	}
	
a.kapoleirollover {
	display: block;
	width: 350px;
	height: 250px;
	text-decoration: none;
	background: url("imgs/0kapolei.gif");
	border:3px solid #8d7562;
	}

a.kapoleirollover:hover {
	background-position: -350px 0;
	}

a.moanaluarollover {
	display: block;
	width: 350px;
	height: 250px;
	text-decoration: none;
	background: url("imgs/0moanalua.gif");
	border:3px solid #8d7562;
	}

a.moanaluarollover:hover {
	background-position: -350px 0;
	}

#entrycontent {
	font-family:verdana, "arial", sans-serif;
	font-size:11px;
	color:#4a3728;
	padding-right:30px;
	line-height:20px;
	}

li {
color:#8d7562;
}

h3 {
font-family:"ResonanceBold";
color:#d88400;
font-size:18px;
}

#entrywrap {
margin-right:30px;
}

#footer {
font-family:verdana, "arial", sans-serif;
font-size:11px;
color:#8d7562;
margin-left:150px;
}
#emailUs
{
  display: block;
  width: 324px;
  height: 250px;
  background: url("imgs/rollover.gif") no-repeat 0 0;

}

#emailUs:hover
{ 
  background-position:-250px 0;
}

#emailUs span
{
  display: none;
}

#footer a:link{
text-decoration:none;
color:#eeead7;
}

#footer a:hover{
text-decoration:none;
color:#d88400;
}

#footer a:visited{
text-decoration:none;
color:#d88400;
}