/*Vertical Scrollbar is turned off*/
body {
    background-color:#a2948b; 
    margin:0px auto; 
    overflow-x:hidden; 
    font-family: Arial, Helvetica, sans-serif; 
    color:#ffffff;
    font-size:14px;
}
/*Horiztonally scrolling sites must have width defined. Wrapper is independant from body*/
#wrapper {
    margin-top:100px; 
    width:9000px; 
    position:absolute; 
    z-index:3;
}
/*Content boxes float left and have L-R margins for padding*/
#Restaurant {
    float:left; 
    margin-left:100px; 
    margin-right:100px;
}
#Suki {
    float:left; 
    margin-left:100px; 
    margin-right:0px;
}
#Chef {
    float:left; 
    margin-left:0px; 
    margin-right:100px;
}
#Chef, #Home, #Menu, #Location, #Contact {
    float:left; 
    margin-left:50px; 
    margin-right:150px;
}
    
/*Background images and navigation bar are fixed*/
#bg {
    background: url(images/bg.png) repeat-x; 
    height:683px; 
    position:fixed; 
    z-index:1; 
    margin:0px auto;
    width:100%;
}
#bgChef {
    background: url(images/chef.png) no-repeat; 
    height:409px; 
    width:1024px; 
    margin:60px auto 0px auto;
}
/*navBar is the extension, navItem contains the main graphic*/
#navBar {
    background: url(images/navEdge.png) repeat-x; 
    height:124px; 
    z-index:6; 
    position:fixed;  
    margin:0px auto;
    width:100%;
}
#navBar a {
    color:#ffffff; 
    text-decoration:none; 
    margin:0px 35px 0px 0px;
    font-size:16px;
    letter-spacing:0px;
    padding:0;
    line-height:16px;
    text-align:center;
}
#navItems img {
    border:none; 
    margin:-14px 0px 14px 0px;
}
#navItems {
    background: url(images/navBar.png) top center no-repeat; 
    height:182px; 
    width:1024px; 
    margin:0px auto; 
    z-index:7; 
    position:relative; 
    text-align:center;
}
#navBumper {
    height:27px;
}
/*Shadows are fixed to L-R screen edges*/
#bgShadowLeft, #bgShadowRight {
    position:fixed; 
    z-index:2;
}
#bgShadowLlower, #bgShadowRlower {
    position:fixed; 
    z-index:8;
}
#bgShadowLeft {
    background: url(images/leftshadow.png) repeat-y; 
    width:236px; 
    left:0px; 
    height:430px;
}
#bgShadowRight {
    background: url(images/rightshadow.png) repeat-y; 
    width:236px;
    right:0px; 
    height:430px;
}
#bgShadowLlower 
{
    background: url(images/leftshadowGray.png) repeat-y; 
    width:236px; 
    left:0px; 
    height:100%; 
    margin-top:433px;
}
#bgShadowRlower {
    background: url(images/rightshadowGray.png) repeat-y; 
    width:236px; 
    right:0px; 
    height:100%; 
    margin-top:433px;
}
    
/*Rest, Suki, Chef are large body copy pages*/
#Restaurant { 
    height:auto; 
    width:950px; 
    margin-top:25px; 
    padding:0px 50px 0px 50px;
}
#Suki { 
    height:auto; 
    width:950px; 
    margin-top:25px; 
    padding:0px 10px 0px 50px;
}
#Chef { 
    height:auto; 
    width:950px; 
    margin-top:25px; 
    padding:0px 10px 0px 50px;
}
/*Home, Location, Contact are low copy pages with card backgrounds*/
#Home, #Location, #Contact {
    margin-top:30px; 
    padding-left:10px;
}
#Home {
    background: url(images/boxHome.png) bottom center no-repeat; 
    height:396px; 
    width:1032px;
}
#Location {
    background: url(images/boxLocation.png) bottom right no-repeat; 
    height:397px; 
    width:1022px;
}
#Contact {
    background: url(images/boxContact.png) bottom right no-repeat; 
    height:397px; 
    width:1022px;
}
#homePhoto {
    margin:-33px 0px 0px 10px;
}
#restaurantPhoto {
    margin:-10px -210px 0px 0px;
}
#sukiPhoto {
   margin-right:-185px; 
   padding:20px; 
}
#chefPhoto1 {
    margin:18px 20px 0px 0px;
}
#chefPhoto2 {
    margin:15px -208px 0px 0px;
}

/*Columns for text pages*/
.contentCol-L {
    float:left;
    width:35%;
}
.contentCol-R {
    float:left;
    width:35%;
    margin-left:25px;
}
/*Columns for Menu Card*/ 
/*Does not pertain to food items*/
.col1 {
    float:left;
    width:26%;
    margin-right:15px;
}
.col2 {
    float:left;
    width:26%;
    margin-right:20px;
}
.col3 {
    float:left;
    width:27%;
}

#contactInfo {
    float:right; 
    width:300px; 
    margin:-30px 0px 0px 25px;
}
#contactBox {
    margin:65px 85px 0px 60px; 
    width:925px; 
    position:absolute; 
    line-height:16px; 
    font-size:14px;
}
.boxContent {
    margin:65px 85px 0px 265px; 
    width:700px; 
    position:absolute; 
    line-height:16px; 
    font-size:14px;
}
.reflectionLight {
    background: url(images/reflectionLight.png) top center no-repeat; 
    height:76px; 
    width:1100px; 
    margin:395px 0px 0px -39px; 
    position:absolute;
}
.reflectionMenu {
    background: url(images/reflectionLight.png) top center no-repeat; 
    height:76px; 
    width:1100px; 
    margin:-4px 0px 0px -93px; 
    position:absolute;
    z-index:4;
}
/*This is to place above reflectionMenu*/
.panel, .slide, #menuWrapper {
    position:relative;
    z-index:5;
}

/*Food menu items*/
#Menu {
    height:400px; 
    width:920px; 
    margin-top:25px; 
    padding:0px 50px; 
    background: url(images/boxContact.png) bottom center no-repeat;
    line-height:16px;
}
#Menu p {
    font-size:13px;
}
#menuWrapper {
    width:968px;
}
.menuColFloat {
    float:right; 
    width:225px;
} 
/*Food Menu item Columns*/
.menuCol {
    width:376px; 
    padding-left:15px;
}
.menuCol-R {
    width:545px; 
    padding-left:25px;
}
.menuCol, .menuCol-R {
    float:left; 
    height:auto; 
    font-size:12px; 
    line-height:18px; 
    color:#2e3640;
}
.menuCol span, .menuCol-R span {
    font-style:italic; 
    font-size:110%; 
    color:#004279; 
    text-transform:uppercase;
}
#menuBottom {
    height:16px;
    clear:both;
}
#menuBumperTop {
    height:60px;
}
#foodPhoto {
    margin:-52px -10px 7px 0px;
}
#foodCaption {
    background: url(images/bibimbap.jpg) no-repeat; 
    float:right; 
    margin: -52px -9px 0px 0px; 
    font-size:14px;
    height:325px;
    width:144px;
}
#foodCaption p {
    margin:315px 0px 0px 12px;
}

/*Collapsible panel styles*/
#panel {
    margin-left:-23px;
}
#panel {
    display:none; 
    background: url(images/menuBack.png) repeat; 
    height:1525px; 
    width:968px; 
}
.btn-slide {
    background: url(images/white-arrow.gif) no-repeat right -45px; 
    text-align:center; 
    width:100px; 
    height:31px; 
    padding:10px 20px 0 0;
    margin:0 auto; 
    display:block; 
    text-decoration:none; 
    font-weight:bold; 
    color:#fff;
}
.active {
    background-position: right 12px;
}
.slide {
    border-top:solid 1px #68321d; 
    background:url(images/menuButton.png) no-repeat center top; 
    width:967px; 
    margin:-5px 0px 0px -22px;
}
.close { 
    width:969px;
    height:38px; 
    background:url(images/menuClose.png) repeat-x; 
    text-shadow: -1px -1px 2px #777777;
    color: #ffffff;
    margin-top:-4px;
}

#footer {
    background: url(images/footerBack.png) top repeat-x; 
    position:fixed; 
    bottom:0px;
    z-index:6; 
    width:100%; 
    height:60px;
    text-align:center;
    color:#2d2c2c; 
    font-size:11px; 
}
#footerLogo {
    background: url(images/logoFooter.png) top center no-repeat; 
    width:97px; 
    height:20px;
    position:relative;
    z-index:7;  
    margin:25px auto -15px auto;
}
p span {
    font-weight:bold; 
    font-size:82%; 
    color:#004279; 
    text-transform:uppercase;
}
h2 {
    margin-bottom:10px; 
    color:#004279; 
    font-weight:normal;
}
blockquote {
    margin-top:0px;
}
ul, ul li {
    list-style-type:none; 
    display:inline; 
    margin:0; 
    padding:0;
}
a, a:visited {
    text-decoration:none; 
    color:#004279;
}
a:hover {
    text-decoration:underline;
}