/*
  Blue Green: E8F7F5
  Green: 00775C
  Gold: 848204
*/

/*-- Basics -----------------------------------------------------------------*/

html {
    margin: 0;
    padding: 0;
}

body {
    background: #048284 url(graphics/header-bg.gif) repeat-x;
    background-image: none;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: center;
    font: 13px geneva, verdana, arial, sans-serif;
}

div#page {
    background: #048284 url(graphics/elephant-topleft.jpg) no-repeat top left;
    width: 800px;
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

div#header {
    height: 90px;
    margin: 0;
    padding: 0;
    margin-left: 200px;
}

div#menu {
    float: right;
    width: 150px;
    margin-top: 5px;
}
div#header>div#menu {
    margin-top: 0;
}

div#menu-side {
    float: left;
    width: 160px;
    margin-top: 160px;
}

div#main-section {
    background: url(graphics/elephant-contentbg.jpg) no-repeat top left;
    background-color: #fcfcfc;
    margin-left: 160px;
    border-right: solid 4px #000;
    border-bottom: solid 4px #000;
    margin-bottom: 5px;
}

div#content {
    background: url(graphics/bottomright.jpg) no-repeat bottom right;
    min-height: 500px;
    _height: 500px;
    padding: 10px 40px 10px 40px;
}

div#footer {
    margin: 2px 10px 0 160px;
}


.whitespace {
    display: none;
}

table {
    background: transparent;
}

a:link {
    color: #27154F;
}
a:visited {
    color: #443D4C;
}
a:hover, a:active {
    color: #9685BA;
}

p {
    margin-top: 0;
    text-align: justify;
}

h2 {
    font: italic bold 136% serif;
    margin-bottom: 0.5em;
    color: #00775C;
}

h3 {
    font: italic bold 136% serif;
    margin-bottom: 0.5em;
    color: #00775C;
}

/*-- Header -----------------------------------------------------------------*/

.pic {
    float: right;
    text-align: right;
    width: 160px;
}

h1.title {
    margin: 10px 0 0 5px;
    font: normal normal 197% "Lucida Sans Unicode", "Lucida Sans", Fantasy, sans-serif;
    color: #00775C;
    background: transparent url(graphics/home-title.gif) no-repeat top left;
    height: 52px
}
h1.title span {
    display: none;
}

#motto {
    margin: 0 0 10px 5px;
    font: normal normal 136% "Lucida Sans Unicode", "Lucida Sans", Fantasy, sans-serif;
    color: #7D775C;
    background: transparent url(graphics/motto.gif) no-repeat top left;
    height: 28px;
}
#motto span {
    display: none;
}

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

fieldset.menu-group {
    border: none;
    padding: 0;
    margin: 0;
}

fieldset.menu-group legend {
    display: none;
}

#menu fieldset.menu-group a {
    text-align: left;
    display: block;
    width: 150px;
    height: 18px;
    padding: 0px 0 0px 6px;
    margin: 5px 20px 5px 0px;
}

#menu-side fieldset.menu-group a {
    text-align: left;
    display: block;
    height: 24px;
}

#menu-side fieldset.menu-group a.double {
    height: 38px;
}

fieldset.menu-group .menu-spacer {
    display: block;
    border-top: solid 1px #fff;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 80px;
}

fieldset.menu-group a span {
    display: none;
}


fieldset.menu-group a.btn-home {
    background: url(graphics/btn-home.gif) center left no-repeat;
}
fieldset.menu-group a.btn-home:active, fieldset.menu-group a.btn-home:hover {
    background: url(graphics/btn-home-on.gif) center left no-repeat;
}

fieldset.menu-group a.btn-sweetbasil {
    background: url(graphics/btn-sweetbasil.gif) center left no-repeat;
}
fieldset.menu-group a.btn-sweetbasil:active, fieldset.menu-group a.btn-sweetbasil:hover {
    background: url(graphics/btn-sweetbasil-on.gif) center left no-repeat;
}

fieldset.menu-group a.btn-sb-home {
    background: url(graphics/btn-sweetbasil-home.gif) center left no-repeat;
}
fieldset.menu-group a.btn-sb-home:active, fieldset.menu-group a.btn-sb-home:hover {
    background: url(graphics/btn-sweetbasil-home-on.gif) center left no-repeat;
}

fieldset.menu-group a.btn-anna {
    background: url(graphics/btn-anna.gif) center left no-repeat;
}
fieldset.menu-group a.btn-anna:active, fieldset.menu-group a.btn-anna:hover {
    background: url(graphics/btn-anna-on.gif) center left no-repeat;
}

fieldset.menu-group a.btn-anna-home {
    background: url(graphics/btn-anna-home.gif) center left no-repeat;
}
fieldset.menu-group a.btn-anna-home:active, fieldset.menu-group a.btn-anna-home:hover {
    background: url(graphics/btn-anna-home-on.gif) center left no-repeat;
}

fieldset.menu-group a.btn-somtum {
    background: url(graphics/btn-somtum.gif) center left no-repeat;
}
fieldset.menu-group a.btn-somtum:active, fieldset.menu-group a.btn-somtum:hover {
    background: url(graphics/btn-somtum-on.gif) center left no-repeat;
}

fieldset.menu-group a.btn-somtum-home {
    background: url(graphics/btn-somtum-home.gif) center left no-repeat;
}
fieldset.menu-group a.btn-somtum-home:active, fieldset.menu-group a.btn-somtum-home:hover {
    background: url(graphics/btn-somtum-home-on.gif) center left no-repeat;
}

fieldset.menu-group a.btn-appetizers {
    background: url(graphics/btn-appetizers.gif) top left no-repeat;
}
fieldset.menu-group a.btn-appetizers:active, fieldset.menu-group a.btn-appetizers:hover {
    background: url(graphics/btn-appetizers-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-thaisoups {
    background: url(graphics/btn-thaisoups.gif) top left no-repeat;
}
fieldset.menu-group a.btn-thaisoups:active, fieldset.menu-group a.btn-thaisoups:hover {
    background: url(graphics/btn-thaisoups-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-saladyum {
    background: url(graphics/btn-saladyum.gif) top left no-repeat;
}
fieldset.menu-group a.btn-saladyum:active, fieldset.menu-group a.btn-saladyum:hover {
    background: url(graphics/btn-saladyum-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-meats {
    background: url(graphics/btn-meats.gif) top left no-repeat;
}
fieldset.menu-group a.btn-meats:active, fieldset.menu-group a.btn-meats:hover {
    background: url(graphics/btn-meats-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-meats2 {
    background: url(graphics/btn-meats2.gif) top left no-repeat;
}
fieldset.menu-group a.btn-meats2:active, fieldset.menu-group a.btn-meats2:hover {
    background: url(graphics/btn-meats2-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-seafood {
    background: url(graphics/btn-seafood.gif) top left no-repeat;
}
fieldset.menu-group a.btn-seafood:active, fieldset.menu-group a.btn-seafood:hover {
    background: url(graphics/btn-seafood-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-curry {
    background: url(graphics/btn-curry.gif) top left no-repeat;
}
fieldset.menu-group a.btn-curry:active, fieldset.menu-group a.btn-curry:hover {
    background: url(graphics/btn-curry-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-noodlerice {
    background: url(graphics/btn-noodlerice.gif) top left no-repeat;
}
fieldset.menu-group a.btn-noodlerice:active, fieldset.menu-group a.btn-noodlerice:hover {
    background: url(graphics/btn-noodlerice-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-vegetable {
    background: url(graphics/btn-vegetable.gif) top left no-repeat;
}
fieldset.menu-group a.btn-vegetable:active, fieldset.menu-group a.btn-vegetable:hover {
    background: url(graphics/btn-vegetable-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-sbsizzling {
    background: url(graphics/btn-sbsizzling.gif) top left no-repeat;
}
fieldset.menu-group a.btn-sbsizzling:active, fieldset.menu-group a.btn-sbsizzling:hover {
    background: url(graphics/btn-sbsizzling-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-sideorders {
    background: url(graphics/btn-sideorders.gif) top left no-repeat;
}
fieldset.menu-group a.btn-sideorders:active, fieldset.menu-group a.btn-sideorders:hover {
    background: url(graphics/btn-sideorders-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-beverages {
    background: url(graphics/btn-beverages.gif) top left no-repeat;
}
fieldset.menu-group a.btn-beverages:active, fieldset.menu-group a.btn-beverages:hover {
    background: url(graphics/btn-beverages-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-soup {
    background: url(graphics/btn-soup.gif) top left no-repeat;
}
fieldset.menu-group a.btn-soup:active, fieldset.menu-group a.btn-soup:hover {
    background: url(graphics/btn-soup-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-noodles {
    background: url(graphics/btn-noodles.gif) top left no-repeat;
}
fieldset.menu-group a.btn-noodles:active, fieldset.menu-group a.btn-noodles:hover {
    background: url(graphics/btn-noodles-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-rice {
    background: url(graphics/btn-rice.gif) top left no-repeat;
}
fieldset.menu-group a.btn-rice:active, fieldset.menu-group a.btn-rice:hover {
    background: url(graphics/btn-rice-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-fullmenu {
    background: url(graphics/btn-fullmenu.gif) top left no-repeat;
}
fieldset.menu-group a.btn-fullmenu:active, fieldset.menu-group a.btn-fullmenu:hover {
    background: url(graphics/btn-fullmenu-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-interactivemenu {
    background: url(graphics/btn-interactivemenu.gif) top left no-repeat;
}
fieldset.menu-group a.btn-interactivemenu:active, fieldset.menu-group a.btn-interactivemenu:hover {
    background: url(graphics/btn-interactivemenu-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-takeout {
    background: url(graphics/btn-takeout.gif) top left no-repeat;
}
fieldset.menu-group a.btn-takeout:active, fieldset.menu-group a.btn-takeout:hover {
    background: url(graphics/btn-takeout-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-lunch {
    background: url(graphics/btn-lunch.gif) top left no-repeat;
}
fieldset.menu-group a.btn-lunch:active, fieldset.menu-group a.btn-lunch:hover {
    background: url(graphics/btn-lunch-on.gif) top left no-repeat;
}

fieldset.menu-group a.btn-dinner {
    background: url(graphics/btn-dinner.gif) top left no-repeat;
}
fieldset.menu-group a.btn-dinner:active, fieldset.menu-group a.btn-dinner:hover {
    background: url(graphics/btn-dinner-on.gif) top left no-repeat;
}

.food-menu h2 {
    font-size: 174%;
    font-weight: bold;
    font-style: normal;
    color: #00775C;
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center;
}

p.menu-notes {
    font-style: italic;
    font-size: 85%;
    margin: 0;
    margin-top: 2em;
    text-align: center;
}

/*-- Restaurant Info --------------------------------------------------------*/

fieldset.restaurant-info {
    border: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

fieldset.restaurant-info legend {
    display: none;
}

fieldset.restaurant-info div.directions {
    float: left;
    width: 190px;
    text-align: center;
}

fieldset.restaurant-info .directions .label {
    display: none;
}

fieldset.restaurant-info .directions p {
    text-align: center;
    margin: 0;
}

fieldset.restaurant-info p.phone {
    padding-top: 1em;
}

fieldset.restaurant-info .phone .info {
    font-weight: bold;
}

fieldset.restaurant-info div.hours {
    margin-left: 240px;
}

fieldset.restaurant-info .hours td {
    padding-bottom: 4px;
}

fieldset.restaurant-info .hours .continued td {
    padding-bottom: 0;
}

fieldset.restaurant-info .hours p {
    margin: 0;
}

fieldset.restaurant-info .hours .label {
    padding-right: 10px;
    font-weight: bold;
}

fieldset.restaurant-info .hours .info {
    color: #000;
}
fieldset.restaurant-info .hours .starttime, fieldset.restaurant-info .hours .endtime {
    text-align: right;
}


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

#menu-contents {
    min-height: 350px;
    _height: 350px;
    margin-bottom: 30px;
}

#menu-contents .menu .sub-title {
    padding: 1em 0 0 0;
}

#menu-contents .menu h3 {
    margin: 1em 0 0 0;
    display: inline;
}

#menu-contents .menu .item td {
    line-height: 114%;
    padding-top: 10px;
}

#menu-contents .menu .number {
    padding-right: 10px;
    width: 40px;
    text-align: right;
    vertical-align: top;
}

#menu-contents .menu .price {
    width: 50px;
    padding-right: 10px;
}

#menu-contents .menu .detail {
    padding-right: 15px;
}

#menu-contents .menu .description {
    padding: 0px 0px 0px 0px;
    font-size: 85%;
}

#menu-contents .menu .side-item {
    line-height: 114%;
}

#menu-contents .menu .name{
    width: 90%;
    background: transparent url(graphics/dot.gif) bottom right repeat-x;
}
#menu-contents .menu .name span {
    font-weight: bold;
    background: transparent url(graphics/dot-erase.gif) bottom right repeat-x;
}
#menu-contents .menu .heading-name{
    background: transparent;
}
#menu-contents .menu .sub-name span {
    padding-left: 40px;
}

/*-- Contents ---------------------------------------------------------------*/

.main-column {
    padding: 0 10px 0 0;
}

table.contents {
    margin: 20px 0 0 0;
}

.list {
    line-height: 114%;
    font-family: serif;
}

.list span {
    white-space: nowrap;
}

.list td {
    padding: 10px 0px 0px 2px;
}

.info .list tr.nopad td {
    padding: 0px 0px 0px 0px;
}

.list .hours {
    font: 92% serif;
    white-space: normal;
}

.inset {
    margin: 0 10px 10px 0;
}

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

.footnote {
    font: normal normal 85% serif;
}

/*-- Specifics --------------------------------------------------------------*/

div.map {
    margin-top: 10px;
    margin-right: 10px;
    width: 270px;
    float: left;
}
div.map img {
    border: solid 1px #000;
}

div.maplinks {
    margin-top: 20px;
    margin-left: 280px;
}

div.maplinks p {
}

div.maplinks ul {
    margin: 0;
    padding 0;
    padding-left: 10px;
}

div.pics img {
    background-color: #00775C;
    border: inset 2px #00775C;
}