/*--------------------------------------------------

  Bamboo Sushi - bamboosushipdx.com
  
  Design: United Design Group info@udgpdx.net
  
  Code: Goro Harumi me@goroharumi.com

  © 2009 Bamboo Sushi

--------------------------------------------------*/

* {
  padding:0;
  margin:0;
  list-style:none;
}

html {
  background:#FFF;
}

body {
  font:62.5% Arial, Helvetica, sans-serif;
}

div#wrapper {
  width:850px;
  margin:0 auto;
  background:#000;
}

p, h4 {
  color:#FFF;
  font-size:12px;
  line-height:1.6;
  margin:10px 0;
}

h3 {
  font-size:12px;
  margin:20px 0 10px;
}

h4 {
  margin:20px 0 10px;
}

h2, h3, h4, a {
  color:#779a48;
}

a {
  outline:none;
}

h3.intro {
  margin-top:10px;
}

img {
  border:0;
}

/*--------------------------------------------------

  Masthead
  
--------------------------------------------------*/

h1 {
  background:#FFF url(../images/bamboo.png) no-repeat center left;
  height:100px;
  position:relative;
}

h1 a {
  text-indent:-9999em;
  width:143px;
  height:100px;
  background:url(../images/logo.png) no-repeat;
  position:absolute;
  right:0;
}


/*--------------------------------------------------

  Navigation
  
--------------------------------------------------*/

ul#nav {
  height:18px;
  padding:5px 0 5px 15px;
  margin-bottom:20px;
}

ul#nav li {
  float:left;
  display:block;
  height:18px;
  text-indent:-9999em;
  margin-right:14px;
}

ul#nav li a {
  display:block;
  height:21px;
}

ul#nav li#home {
  width:41px;
  background:url(../images/nav.png) 0 0 no-repeat;
}

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

ul#nav li#about {
  width:49px;
  background:url(../images/nav.png) -68px 0 no-repeat;
  position:relative;
}

ul#nav li#about ul.disabled {
  display:none;
}

ul#nav li#about ul {
  position:absolute;
  top:21px;
  left:0;
  padding-top:9px;
  z-index:9999;
}

ul#nav li#about ul li {
  float:none;
  margin:0;
  text-indent:0;
  background:#111;
  width:auto;
  height:auto;
}

ul#nav li#about ul a {
  color:#FFF;
  display:block;
  font-size:12px;
  padding:0 10px;
  height:30px;
  line-height:30px;
  text-decoration:none;
  width:80px;
}

ul#nav li#about ul a:hover {
  background:#333;
}

ul#nav li#about a:hover,
ul#nav li#about a.current {
  background:url(../images/nav.png) -68px -18px no-repeat;
}

ul#nav li#blog {
  width:44px;
  background:url(../images/nav.png) -142px 0 no-repeat;
}

ul#nav li#blog a:hover,
ul#nav li#blog a.current {
  background:url(../images/nav.png) -142px -18px no-repeat;
}

ul#nav li#videos {
  width:50px;
  background:url(../images/nav.png) -209px 0 no-repeat;
}

ul#nav li#videos a:hover,
ul#nav li#videos a.current {
  background:url(../images/nav.png) -209px -18px no-repeat;
}

ul#nav li#partners {
  width:70px;
  background:url(../images/nav.png) -284px 0 no-repeat;
}

ul#nav li#partners a:hover,
ul#nav li#partners a.current {
  background:url(../images/nav.png) -284px -18px no-repeat;
}

ul#nav li#menus {
  width:48px;
  background:url(../images/nav.png) -380px 0 no-repeat;
}

ul#nav li#menus a:hover,
ul#nav li#menus a.current {
  background:url(../images/nav.png) -380px -18px no-repeat;
}

ul#nav li#press {
  width:41px;
  background:url(../images/nav.png) -455px 0 no-repeat;
}

ul#nav li#press a:hover,
ul#nav li#press a.current {
  background:url(../images/nav.png) -455px -18px no-repeat;
}

ul#nav li#facts {
  width:37px;
  background:url(../images/nav.png) -520px 0 no-repeat;
}

ul#nav li#facts a:hover,
ul#nav li#facts a.current {
  background:url(../images/nav.png) -520px -18px no-repeat;
}

ul#nav li#employment {
  width:95px;
  background:url(../images/nav.png) -755px 0 no-repeat;
}

ul#nav li#employment a:hover,
ul#nav li#employment a.current {
  background:url(../images/nav.png) -755px -18px no-repeat;
}

ul#nav li#contact {
  width:68px;
  background:url(../images/nav.png) -580px 0 no-repeat;
}

ul#nav li#contact a:hover,
ul#nav li#contact a.current {
  background:url(../images/nav.png) -580px -18px no-repeat;
}

ul#nav li#photos {
  width:57px;
  background:url(../images/nav.png) -672px 0 no-repeat;
}

ul#nav li#photos a:hover,
ul#nav li#photos a.current {
  background:url(../images/nav.png) -672px -18px no-repeat;
}

ul#nav li#charity {
  width:59px;
  background:url(../images/nav.png) -868px 0 no-repeat;
}

ul#nav li#charity a:hover,
ul#nav li#charity a.current {
  background:url(../images/nav.png) -868px -18px no-repeat;
}

ul#nav li.last {
  margin-right:0;
}


/*--------------------------------------------------

  Main Content
  
--------------------------------------------------*/

h2 {
  text-indent:-9999em;
  height:21px;
  margin-left:15px;
}

h3.uppercase {
  text-transform:uppercase;
}

h2#home_header {
  background:url(../images/header_home.png) no-repeat center left;
}

h2#about_header {
  background:url(../images/header_about.png) no-repeat center left;
}

h2#about_header a {
  background:url(../images/header_about_over.png) no-repeat center left;
  display:block;
  width:91px;
  height:21px;
}

h2#about_header a:hover {
  background:transparent;
}

h2#partners_header {
  background:url(../images/header_partners.png) no-repeat center left;
}

h2#videos_header {
  background:url(../images/header_events.png) no-repeat center left;
}

h2#menus_header {
  background:url(../images/header_menus.png) no-repeat center left;
}

h2#press_header {
  background:url(../images/header_press.png) no-repeat center left;
}

h2#facts_header {
  background:url(../images/header_faq.png) no-repeat center left;
}

h2#employment_header {
  background:url(../images/header_employment.png) no-repeat center left;
}

h2#contact_header {
  background:url(../images/header_contact.png) no-repeat center left;
}

h2#photos_header {
  background:url(../images/header_photos.png) no-repeat center left;
}

div#content {
  padding:15px;
  position:relative;
}

img#slideshow {
  background:#FFF;
  width:260px;
  height:165px;
  float:right;
  margin:0 0 15px 15px;
}

div#slide_show_large img#slideshow {
  background:#FFF;
  width:570px;
  height:380px;
  float:none;
}

p.header_sub {
  position:relative;
  top:-20px;
}

h3 a,
span.coming_soon {
  color:#FFF;
  text-decoration:none;
  font-size:0.8em;
}

div.alternate h3 {
  margin:0;
  text-transform:uppercase;
}

div.alternate h3 a {
  color:#779A48;
}

h3 a:hover {
  text-decoration:underline;
}

div.alternate p {
  margin:0 0 15px;
  font-weight:bold;
}

ul.grid {
  width:750px;
  margin:15px 0;
}

ul.grid li {
  display:inline;
}

ul.grid li img {
  padding-bottom:5px;
  padding-right:5px;
}

div#map {
  display:block;
  width:260px;
  height:280px;
  float:right;
  position:relative;
}

div#slide_show {
  width:260px;
  height:173px;
  float:right;
  position:relative;
  margin:0 0 25px 25px;
}

ul#slide_images {
  position:relative;
  display:block;
  margin:0;
  padding:0;
  width:260px;
  height:173px;
  overflow:hidden;
}

ul#slide_images li{
  position:absolute;
  display:block;
  list-style:none;
  margin:0;
  padding:0;
  background-color:#FFF;
}

ul#slide_images li img {
  display:block;
  background-color:#FFF;
}

div#slide_show_large ul#slide_images {
  width:570px;
  height:380px;
}

div#index_sidebar {
  float:right;
  width:260px;
  margin:0;
  padding:0 0 15px 15px;
  position:relative;
}

div#index_sidebar div#slide_show {
  margin:0;
  float:none;
}

ul#slide_images li.hidden {
  display:none;
}

fieldset.newsletter {
  border:0;
  color:#FFF;
  padding-top:10px;
  border-top:1px dotted #333;
}

fieldset.newsletter p {
  margin-bottom:0;
}

fieldset.newsletter label {
  margin-right:5px;
}

fieldset.newsletter input {
  margin-right:10px;
}

div#twitter_div {
  color:#444;
  padding:10px;
  margin:15px 0 0;
  background:#FFF;
}

ul#twitter_update_list {
  font-size:1.4em;
  line-height:1.5;
}

ul#twitter_update_list li {
  margin-top:10px;
  padding-top:5px;
  border-top:1px dotted #CCC;
}

div#twitter_div h2.sidebar-title {
  text-indent:0;
  font-size:1.4em;
  margin:0 0 10px;
  height:auto;
}

p#twitter-link {
  text-align:right;
  background:url(../images/tweet_triangle.png) 52px -5px no-repeat;
  height:17px;
  margin:0;
  padding-top:15px;
  font-size:11px;
}

ul#network {
  background:#FFF;
  margin:15px 0;
  height:36px;
  line-height:36px;
}

ul#network li {
  float:left;
  width:65px;
  font-size:12px;
  padding-left:55px;
}

ul#network li#network_facebook {
  background:url(../images/networks_fb.png) 32px center no-repeat;
}

ul#network li#network_youtube {
  background:url(../images/networks_yt.png) 15px center no-repeat;
}

div#main_column {
  width:530px;
  float:left;
  position:relative;
}

div.clear {
  clear:both;
}

div#about_page h3 {
  margin-left:110px;
  text-transform:uppercase;
  font-size:1.6em;
}

div.about_bios {
  clear:both;
  margin-bottom:20px;
}

div.about_bios h4 {
  width:90px;
  height:115px;
  float:left;
  margin:3px 20px 0 0;
}

div.about_bios p {
  float:left;
  width:430px;
} 

ul#about_nav {
  position:absolute;
  top:-18px;
  left:130px;
}

ul#about_nav li {
  float:left;
  display:block;
  height:18px;
  margin-right:10px;
  text-indent:-9999em;
}

ul#about_nav li#bios {
  width:43px;
  background:url(../images/nav_bios_over.png) no-repeat;
}

ul#about_nav li#bios a {
  width:43px;
  display:block;
  height:18px;
  background:url(../images/nav_bios_under.png) no-repeat;
}

ul#about_nav li#bios a:hover {
  background:url(../images/nav_bios_over.png) no-repeat; 
}

ul#about_nav li#appreciation {
  width:138px;
  background:url(../images/nav_appreciation_over.png) no-repeat;
}

ul#about_nav li#appreciation a {
  width:138px;
  display:block;
  height:18px;
  background:url(../images/nav_appreciation_under.png) no-repeat;
}

ul#about_nav li#appreciation a:hover {
  background:url(../images/nav_appreciation_over.png) no-repeat;
}

div#eat_guide {
  background:#FFF;
  padding:10px 10px 0;
  width:230px;
  text-align:center;
  margin:20px 0;
}

ol.faq {
  color:#FFF;
  font-size:12px;
  margin:10px 0 25px;
}

ol.faq li {
  list-style:decimal;
  margin:5px 20px;
}

div#video1 {
  margin:20px 0;
  display:none;
  border:1px solid #FFF;
  width:470px;
}

span.fine {
  font-size:10px;
}



/*--------------------------------------------------

  Menu
  
--------------------------------------------------*/

div.menu {
  background:#FFF url(../images/tree_bg.png) bottom right no-repeat;
  padding:20px;
  margin:20px 0 0;
  font-size:12px;
  width:358px;
  border:1px solid #999;
  position:relative;
}

div.menu h3 {
  margin-top:0;
  text-transform:uppercase;
  font-size:16px;
}

div.menu p {
  color:#333;
  margin:0;
}

div.menu li p {
  margin:0;
  width:310px;
}

div.menu ul {
  margin:10px 0;
  width:360px;
  position:relative;
}

div.menu li {
  position:relative;
  width:360px;
  margin:15px 0;
}

div.menu li span.price {
  float:right;
  font-weight:bold;
  color:#779A48;
  display:block;
  width:25px;
}

div.menu strong {
  color:#779A48;
}

div.menu_1 {
  width:395px;
  margin-right:20px;
  float:left;
  position:relative;
}

div.menu_2 {
  width:395px;
  float:left;
  position:relative;
}

div.menu_bottom {
  clear:both;
  margin:20px 0;
  background:#FFF;
  padding:10px;
}

div.menu_bottom p {
  color:#333;
}

div.menu p.msc,
div.menu_bottom p.msc {
  background:url(/images/icon_msc.png) 0 2px no-repeat;
  padding-left:25px;
  color:#1f56a0;
  width:280px;
}

div.menu_bottom p.msc {
  width:auto;
}

div.menu li span.msc,
div.menu p.msc strong {
  color:#1f56a0;
}

div.menu p.salmon_nation {
  background:url(/images/icon_salmon.png) 0 2px no-repeat;
  padding-left:25px;
  color:red;
  width:280px;
}

div.menu span.salmon_nation {
  color:red;
}

div.menu li p.salmon_nation strong {
  color:red;
}

div.menu h3 span.normal {
  font-weight:normal;
  color:#333;
  font-size:11px;
  text-transform:none;
}

/*--------------------------------------------------

  Footer
  
--------------------------------------------------*/

ul#footer {
  padding:10px 0 20px 0;
  background:#FFF;
  width:550px;
  margin:0 auto;
}

ul#footer li {
  float:left;
  height:11px;
  display:block;
  text-indent:-9999em;
  margin-right:15px;
}

ul#footer li#address {
  width:169px;
  background:url(../images/address.png) no-repeat;
}

ul#footer li#phone {
  background:url(../images/phone.png) no-repeat;
  width:58px;
}

ul#footer li#hours {
  background:url(../images/hours.png) no-repeat;
  width:111px;
}

ul#footer li#footer_email {
  width:114px;
}

ul#footer li#email a {
  background:url(../images/email.png) no-repeat;
  display:block;
  width:114px;
  height:11px;
}

/*--- Temp ---*/

div.news_flash,
div.news_flash_2 {
  background:#FFF url(../images/gq-logo.png) no-repeat;
  padding:10px 10px 10px 140px;
  margin:20px 0;
  height:40px;
}

div.news_flash p,
div.news_flash_2 p {
  color:#444;
  margin:0;
}

div.news_flash_2 p {
  line-height:1.4;
}

div.news_flash_2 {
  background:#FFF url(../images/fish2fork.png) no-repeat;
  padding:15px 10px 0 170px;
  height:45px;
}

div.news_flash_3 {
  background:#FFF url(../images/savorportland.png) no-repeat;
  padding:15px 160px 0 20px;
  height:45px;
  position:relative;
}

div.news_flash_3 p {
  color:#444;
  margin:0;
  line-height:1.3;
}

div.news_flash_3 a#news_flash_3_logo {
  display:block;
  width:290px;
  height:40px;
  position:absolute;
  top:20px;
  right:5px;
}

div.news_flash_4 {
  background:#FFF url(../images/best_award.png) no-repeat;
  padding:10px 0 10px 180px;
  margin:20px 0;
  height:58px;
}

div.news_flash_4 p {
  color:#444;
  margin:0;
}

div#montevina {
  text-align:center;
  margin:30px 0 10px;
}

div#montevina img {
  display:block;
}

div#montevina p {
  border:1px solid #222;
  padding:10px;
  margin:0;
}

div#montevina strong {
  display:block;
  float:left;
  height:40px;
  width:40px;
  font-size:24px;
  text-align:center;
  line-height:1;
  padding-top:2px;
}

div#montevina strong span {
  display:block;
  font-size:11px;
  font-weight:normal;
}

ul.partners {
  color:#FFF;
  font-size:12px;
}

ul.partners li {
  margin-left:20px;
  margin-bottom:3px;
  list-style:disc;
}

/*--- Clearfix Hack ---*/

.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 */