/* 

site: Besaw's Restaurant CSS
design: United Design Group www.udgpdx.net
code: Goro Harumi Design + Development www.goroharumi.com

*/

* {
  padding:0;
  margin:0;
}

body {
  background:#000;
  font:62.5% Arial, Helvetica, sans-serif;
  color:#FFF;
  width:800px;
  margin:20px auto 0;
}

a {
  color:#FFF;
  outline:0;
}

div#map,
div#map a {
  color:#000;
}

div#masthead {
  background:url(../images/masthead.png) no-repeat;
  height:153px;
  position:relative;
  z-index:1;
}

div#masthead h1,
div#masthead p {
  position:absolute;
  text-indent:-9999em;
}

div#masthead ul {
  width:434px;
  height:50px;
  background:url(../images/nav.png) 0 -50px no-repeat;
  position:absolute;
  top:126px;
  left:185px;
}

div#masthead ul li {
  float:left;
  display:block;
  height:50px;
  text-indent:-9999em;
}

div#masthead ul li.home {
  width:68px;
}

div#masthead ul li.home a {
  display:block;
  height:50px;
  background:url(../images/nav.png) no-repeat;
}

div#masthead ul li.home a:hover {
  background:url(../images/nav.png) 0 -100px no-repeat;
}

div#masthead ul li.menus {
  width:72px;
  margin-left:30px;
}

div#masthead ul li.menus a {
  display:block;
  height:50px;
  background:url(../images/nav.png) -98px 0 no-repeat;
}

div#masthead ul li.menus a:hover {
  background:url(../images/nav.png) -98px -100px no-repeat;
}

div#masthead ul li.location {
  width:102px;
  margin-left:30px;
}

div#masthead ul li.location a {
  display:block;
  height:50px;
  background:url(../images/nav.png) -200px 0 no-repeat;
}

div#masthead ul li.location a:hover {
  background:url(../images/nav.png) -200px -100px no-repeat;
}

div#masthead ul li.contact {
  width:102px;
  margin-left:30px;
}

div#masthead ul li.contact a {
  display:block;
  height:50px;
  background:url(../images/nav.png) -334px 0 no-repeat;
}

div#masthead ul li.contact a:hover {
  background:url(../images/nav.png) -334px -100px no-repeat;
}

div#secondary {
  display:block;
  width:255px;
  height:316px;
  float:right;
  margin-top:30px;
  margin-right:10px;
}

div#secondary img,
div#secondary object#flashcontent  {
  margin-top:15px;
  border:1px solid #FFF;
}

div#content {
  background:url(../images/bg.png) center repeat-y;
  padding:10px 30px 30px 200px;
  position:relative;
}

img#hours {
  position:absolute;
  top:42px;
  left:45px;
}

div.entry {
  margin-bottom:25px;
}

div.entry img {
  border:1px solid #FFF;
}

ul.menus_nav {
  margin:0 0 30px;
  font-size:1.1em;
}

ul.menus_nav li {
  margin-left:15px;
  margin-bottom:2px;
}

div#content h3,
div#content h2 {
  color:#efe3c6;
  font-weight:normal;
  text-transform:uppercase;
  margin:0 0 10px;
  font-size:1.4em;
}

div#content h2 a,
div#content h3 a {
  color:#efe3c6;
}

div#content div.entry h3 {
  text-transform:none;
}

div#content p {
  line-height:1.5;
  font-size:1.1em;
  margin:10px 0;
}

div#main {
  width:280px;
  margin-top:30px;
  float:left;
}

ul#footer {
  text-align:center;
  background:url(../images/footer.png) no-repeat;
  padding-top:18px;
  width:800px;
  display:block;
}

ul#footer li {
  display:inline;
  margin:0 5px;
}

fieldset#contact {
  border:0;
}

fieldset#contact label {
  font-size:1.1em;
  display:block;
  margin:0 0 5px;
}

fieldset#contact textarea {
  width:250px;
  height:150px;
}

div#map {
  margin:20px 0;
}

div.pagination span.disabled {
  display:none;
}

p.flash_notice {
  border:1px solid #FFF;
  padding:10px;
  margin:10px 0;
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */

