body {
/* default site text properties*/
background-color: cadetblue;
text-align:left;
letter-spacing: 0.5px;
text-shadow: 0px 0px 1px #bbb;
font:10px;
color:black ;
    height: 850px;
}
      
      /*link styles and style changes for interaction state*/
a:link, a:visited, a:active {
color:darkslategrey;}
a:hover {
color:darkcyan;}

      /*you can make bold or italic have additional unique styles*/
i {color:#FFB755;font-weight:normal;}
b {color:#CC6D96;}
  
  /*decorate the scrollbar itself !! scrollbar disappears when theres not enough content to warrent it !! */
::-webkit-scrollbar-thumb {
background-color: tan;  
border-radius: 0px;
border:1px solid red;
}
      /*decorate scrollbar background/nonbar style*/
::-webkit-scrollbar {
width: 7px; height: 4px; 
background: orange;
}

      

#layout {
    margin: 15% auto;
    width: 80%;
    min-width: 500px;
    height: 100% ;
}

#middlechunk {
    width: 100%;
    float: left;
    margin: 0 auto;
    height: 85% ;
    min-height: 400px ;
}

#middlechunk2 {
    height: 100%;
}

#header1 {
    width: 100%;
    float: left;
    margin: 0 auto;
}

#header2 {
    height: 135px;
    background: transparent;
    border-top-left-radius: 20px;
    border-top-right-radius:20px;
    margin: 0px;
}

#navigation1 {
    width: 100%;
    float: left;
    margin: 0 auto;
}

#navigation2 {
    height: 20px;
    line-height:20px;
    background: #FEE3FD;
    margin: 0px;
    text-align:center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top:2px solid #FBFEEA;
}
      
#navigation2 a {
    background:transparent; font:10px monospace,georgia;
    text-transform:uppercase;font-style:normal;line-height:20px;
    padding:4px; letter-spacing:3px;margin-right:6px;color:#9D6AA6;}
#navigation2 a:hover {
    background:transparent; font:10px monospace,georgia;
    text-transform:uppercase;font-style:normal;line-height:20px;
    padding:4px; letter-spacing:3px;margin-right:6px;color:#999;}

#middle1 {
    width: 50%;
    float: left;
    margin: 0 auto;
}
#middle2 {
  height:309px;
  min-height:300px;
  overflow:auto;
  overflow-x:hidden;
  background: #FFFFFF;
  border-top: 1px solid #9D6AA6;
  margin: auto ;
  padding: auto;
}

#left1 {
    width:25%;
    float: left;
    margin: 0 auto;
}

#left2 {
    height:300px;
    min-height:300px;
    background: #fff;
    border-top: 1px solid #9D6AA6;
    border-right:1px solid #ddd;
    margin: 0px;
    padding:4px;
    overflow:auto;
    overflow-x:hidden;
}

#right1 {
    width: 25%;
    float: left;
    margin: 0 auto;
}

#right2 {
    height:300px;
    overflow:auto;
    overflow-x:hidden;
    border-top: 1px solid #9D6AA6;
    background: #fff;
    border-left: 1px solid #ddd;
    margin: 0px;
    padding:4px;
}

#footer1 {
    width: 100%;
    float: left;
    margin: 0 auto;
    clear: both;
}

#footer2 {
    height: 20px;
    line-height:20px;
    text-align:center;
    background: #FEE3FD;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius:20px;
    margin: 0px;
    border-top:1px solid #bbb;
}


#footerthree {
    width: 100%;
    float: left;
    margin: 0 auto
    
    
}
#footerfour {
    width: 100%;
    height: 100px;
    background: transparent;
}
      

  
.title {background:transparent;text-transform:uppercase; font:bold 9px monospace, arial; 
  color:#666;line-height:10px;padding:1px;padding-bottom:1px;border-bottom:1px solid #bbb;margin-bottom:4px;letter-spacing:2px;}
.bigtitle {font-family:"Creepster", Monospace, arial;font-size:30px;text-align:center;letter-spacing:5px;color:#CC6D96;text-shadow:0px 0px 4px #FEE3FD;}

      
.box {
  background:#fff;
  border: 2px solid magenta ;
  border-radius: 7px ;
  padding:4px;
  margin-bottom:4px;
}

.middlebox {
  background:#fff;
  border: 2px solid magenta ;
  border-radius: 7px ;
  padding:4px;
  margin-bottom:4px;
    margin-left: 4px;
    margin-right: 4px;
    width:100%;
}
      
.unstyledbox {
    margin-bottom: 4px ;
    padding: 4px ;
    
}


.buttongirls {
    width: 100% ;
   height: 100%;
    margin-bottom: 58%;
}
.buttongirls2 {
    width: 100%;
    height: 100% ;
    float:left ;
    background: url(/images/kitchen_w_figures.jpg) 100% ; 
    background-size: cover;
}
.buttonleft {
    width:11%;
    float: left ;
    margin-left: 27%;
    margin-right: 24.5% ;
    margin-top: 22.5%;
    margin-bottom: 21%;
    
}

.buttonright {
    width:17%;
    float: left;
    margin-top: 13.4%
}
      
.menu {
display:block;background:#fff;margin-bottom:1px;padding-left:5px;text-transform:uppercase;border-left:0px solid #F6D0D4;letter-spacing:1px;
font:9px monospace, arial;color:#333;
}
.menu:hover {
display:block;background:#f5f5f5;margin-bottom:1px;padding-left:5px;text-transform:uppercase;border-left:0px solid #D18E8C;letter-spacing:1px;
font:9px monospace, arial;color:#666;
}
      
img[class="kitchen"] {
    width: 100% ;
    float: left;
    height: 100%;
}

img[class="lbuttongirl"] {
    width: 100% ;
}

img[class="rbuttongirl"] {
    width: 100% ;
}