@charset "utf-8";
/* CSS Document for Kubota Restaurant & Grill. Feb 08 */


/* ------ UNIVERSALS ------ */

* {
margin: 0;
padding: 0;
}

img {
border: 0;
}

p {
line-height: 1.5em;
}

li {
	line-height: 18px;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 66.5%;
color: #000;
background-color: #000;
}

#pinktop {
background-color: #fff;
margin-bottom: -3px;
}

/* fixes a margin issue with the stars and bottom bg (fills a whitespace gap) */
#IEroot #pinktop {
margin-bottom: -5px;
}

a:link, a:visited {
text-decoration: none;
color: #ae2121;
}

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

.clearer {
clear: both;
height: 0;
margin: 0;
padding: 0;
}

/* ------ HEADER ------ */

#header {
background: url(../img/bg_header_grad.gif) top left repeat-x;
height: 82px;
}

#toplogo {
width: 750px;
margin: 0 auto;
background: url(../img/bg_header_wave.png) top left no-repeat;
text-align: center;
}

#toplogo h1 {
margin-top: -2px;
}


/* ------ MAIN MENU ------ */

#mainmenuouter {
background: url(../img/bg_mainmenu_outer.gif) top left repeat-x;
height: 28px;
}

#mainmenu {
width: 730px;
margin: 0 auto;
height: 28px;
background: url(../img/bg_mainmenu_bar.gif) bottom left no-repeat;
}

#mainmenubuttons {
height: 28px;
list-style: none;
display: inline;
overflow: hidden;
}

#mainmenubuttons li {
list-style: none;
display: inline;
}

#mainmenubuttons a {
float: left;
padding: 28px 0 0 0;
overflow: hidden;
height: 0px !important; 
}

#mainmenubuttons a:hover {
background-position: 0 -28px;
}

#mainmenuhome a {
width: 50px;
background: url(../img/bg_mainmenu_home.gif) top left no-repeat;
padding-right: 39px;
margin-left: 14px;
}

#mainmenuhome_active a {
width: 50px;
background: url(../img/bg_mainmenu_home.gif) 0 -28px no-repeat;
padding-right: 39px;
margin-left: 14px;
}

#mainmenulunch a {
width: 88px;
background: url(../img/bg_mainmenu_lunch.gif) top left no-repeat;
padding-right: 41px;
}

#mainmenulunch_active a {
width: 88px;
background: url(../img/bg_mainmenu_lunch.gif) 0 -28px no-repeat;
padding-right: 41px;
}

#mainmenudinner a {
width: 88px;
background: url(../img/bg_mainmenu_dinner.gif) top left no-repeat;
padding-right: 41px;
}

#mainmenudinner_active a {
width: 88px;
background: url(../img/bg_mainmenu_dinner.gif) 0 -28px no-repeat;
padding-right: 41px;
}

#mainmenusushi a {
width: 88px;
background: url(../img/bg_mainmenu_sushi.gif) top left no-repeat;
padding-right: 40px;
}

#mainmenusushi_active a {
width: 88px;
background: url(../img/bg_mainmenu_sushi.gif) 0 -28px no-repeat;
padding-right: 40px;
}

#mainmenustarters a {
width: 122px;
background: url(../img/bg_mainmenu_starters.gif) top left no-repeat;
padding-right: 40px;
}

#mainmenustarters_active a {
width: 122px;
background: url(../img/bg_mainmenu_starters.gif) 0 -28px no-repeat;
padding-right: 40px;
}

#mainmenucontact a {
width: 66px;
background: url(../img/bg_mainmenu_contact.gif) top left no-repeat;
padding-right: 0;
}

#mainmenucontact_active a {
width: 66px;
background: url(../img/bg_mainmenu_contact.gif) 0 -28px no-repeat;
padding-right: 0;
}


/* ------ BACKGROUND SHADOWS  ------ */

#photoshadow {
background: url(../img/bg_photo_shadow.png) top left no-repeat;
width: 730px;
margin: 0 auto;
}

#contentshadow {
background: url(../img/bg_body_shadow.png) top left no-repeat;
width: 730px;
margin: 0 auto;
}

/* fixes background shadow alignment (removes whitespace) */
#IEroot #photoshadow {
width: 728px;
}

/* fixes background shadow alignment (removes whitespace) */
#IEroot #contentshadow {
width: 728px;
}


/* ------ TOP CENTER PHOTOBAR  ------ */

#stars {
background: url(../img/bg_stars.gif) top left repeat-x;
}

#photobar {
width: 718px;
margin: 0 auto;
height: 213px;
z-index: 0;
position: relative;
}

#photobar img {
margin-left: 9px;
border-top: 1px solid #ff8e8e;
}


/* ------ BOTTOM HALF OF PAGE GRADIENT  ------ */

#gradbottom {
background: url(../img/bg_bottom_grad.png) top left repeat-x;
height: 381px;
}


/* ------ WHITEBAR  ------ */

#whitebar {
border-top: 1px solid #ff8e8e;
background-color: #fff;
width: 700px;
margin: 0 auto;
color: #434343;
font-size: 1.2em;
position: relative;
z-index: 100;
}

#bodytext, #contacttext {
padding: 26px 0 40px 35px;
width: 370px;
float: left;
}

#artwork {
position: relative;
top: -90px;
left: 22px;
width: 273px;
float: left;
z-index: 1;
margin-bottom: -90px;
}


/* ------ GREYBAR  ------ */

#greybar {
background-color: #454545;
width: 700px;
margin: 0 auto;
color: #e2e2e2;
font-size: 1.1em;
padding: 7px 0 23px 0;
position: relative;
z-index: 100;
}

#hoursinfo {
float: left;
width: 275px;
margin: 0 0 0 48px;
}

#greybar p {
margin-left: 5px;
}

#reserveinfo {
float: left;
width: 275px;
margin-left: 60px;
}

/* fixes a margin issue with the two floated items in the grey bar */
#IEroot #hoursinfo {
margin: 0 0 0 24px;
}


/* ------ FOOTER ------ */

/* z-index used for a bug in IE that makes text non-selectable */
#footer {
background-color: #aa5151;
width: 700px;
margin: 0 auto 5px;
color: #f6b9b9;
text-align: center;
font-size: 1.1em;
padding: 6px 0;
clear: both;
position: relative;
z-index: 100;
}

#footer a:link, #footer a:visited {
color: #f6b9b9;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}


/* ------ CONTACT PAGE ------ */

#contacttext {
padding: 26px 0 40px 35px;
width: 330px;
}

#contactinfo {
list-style-type: none;
padding: 8px 0 25px;
}

#contactinfo li {
list-style-type: none;
padding: 3px 0;
}

#contactinfo .bolded {
text-transform: uppercase;
font-size: 1.2em;
font-weight: bold;
}

#contactmap {
float: left;
padding: 24px 10px 50px 25px;
}


/* ------ LUNCH MENU PAGE ------ */

#lunchmenu {
width: 575px;
padding: 26px 0 40px 35px;
}

.menugroup {
list-style: none;
padding: 10px 0;
margin-left: 35px;
}

.menugroup li {
padding: 3px 0;
clear: both;
}

#lunchmenu .bolded {
font-size: 1.2em;
font-weight: bold;
padding-bottom: 5px !important;
}

.itemrow {
border-bottom: 1px dashed #cbcbcb;
padding-bottom: 2px;
}

.itemrow .item {
float: left;
display: inline;
}

.itemrow .price {
text-align: right;
}

.fixed_height_2 {
height: auto;
}

.fixed_height_2 .itemrow {
float: left;
display: inline;
border-bottom: 1px dashed #cbcbcb;
padding-bottom: 6px;
width: 100%;
}

.fixed_height_2 .itemrow .item {
float: left;
display: inline;
width: 470px;
}

.fixed_height_2 .price {
float: right;
text-align: right;
}


/* Used to align the menu item and price properly on the same line in IE */
#IEroot .itemrow .item {
float: left;
width: 85%;
}

/* Used to align the menu item and price properly on the same line in IE */
#IEroot .itemrow .price {
text-align: right;
float: right;
width: 15%;
}

.itemrow .bento {
padding-right: 55px;
}
.itemrow .bento-2 {
padding-right: 55px;
height: 30px;
width: 217px;
}