*.{margin:0px; padding:0px;}

html {
   height: 100%;
   margin: 0;
   padding: 0;
}

body {
   height: 100%;
   background-color: #6cae7c;
   font: normal 100% arial, sans-serif;
   margin: 0;
   padding: 0;
   }

/* <!--283e77--> */

#box-back{
   width: 972px;
   margin: 0 auto;
   padding: 0;
   background: transparent url(../images/main-background.png) 0 0 repeat-y;
   height:auto !important; /* real browsers */
   height:100%; /* IE6: treated as min-height*/
   min-height:100%; /* real browsers */
   padding-bottom: 0px;
   position: relative;
}

#box  {
   margin: 0;
   padding: 0;
   width:960px;
   position: relative;
   margin-left:auto;
   margin-right:auto;
   text-align:left;
   background-color: #FFFFFF;
   background:transparent  url('../images/background_homeb.jpg') top center repeat-y;
   font-size:11.5px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style: bold;
   color:#38498E;

   }

#top {
   margin: 0;
   padding: 0;
   position: relative;
   margin-left:auto;
   margin-right:auto;
   text-align:left;
   overflow:hidden;

   }

#middle {
   margin: 0;
   padding: 0;
   position: relative;
   margin-left:auto;
   margin-right:auto;
   text-align:left;
   overflow:hidden;
   }

#middle .left{
   float:left;
   margin-top:-7px;
}

#middle .right{
   float:left;
   width:328px;
   padding: 5px 0 5px 20px;

}

#middle .specials {
   background-color: #FBFEBF;
   height: 60px;
}

#middle .specials-content,.specials-content-middle {
   float:left;
   padding-left: 12px;
   width:298px;
   background-color: #FBFEBF;
}

#middle .specials-content-middle {
border-left: solid thin;
border-right: solid thin;
height: 100%;
}

#middle .bottom {
   background-color: #FFFFFF;
   height: 130px;
   padding: 12px;
}

#footer {
   margin: 0;
   padding: 5px 0;
   position: relative;
   margin-left:auto;
   margin-right:auto;
   overflow:hidden;
   background-color: #000;
   color: #F8FA3D;
   font-size:10px;
   font-weight:bold;
   text-align:center;
   }

#middle .solid-line {
   background-color: #28407c;
   height: 4px;
   width: 960px;
}


#left{
   width: 170px;
   padding:0;
   margin: 1em .8em;
   float: left;
   }

#center{
   width: 430px;
   padding:0;
   margin: 1em 2em 1em 0;
   float: left;
   }

#right{
   width: 140px;
   padding:0;
   margin: 1em .7em;
   float: left;
   font-size:8pt;
   }

h1{
   font-size:1.3em;
   font-weight:bold;
   width: 400px;
   }

h2{
   font-size:1.1em;
   font-weight:bold;
   margin: 0 0 .2em 0;
   }

p{
   margin: .8em 0 .8em 0;
}

.head {
   line-height: 28px;
   }

/* NAVIGATION */

      ul#navigation {
         padding: 0;
         margin: 0;
         background-color: #284179;
         color: #fffff;
         font-weight: bold;
         float: left;
         width: 720px;
         position:absolute;
         left:250px;
         top:127px;
      }
      ul#navigation li { display: inline; }
      ul#navigation li a {
        margin-Left: 20;
        padding: .25em 1em;
        background-color: #0284179;
        font-family: Georgia; font-size: 11px;
        color: #FFFFFF;
        text-decoration: none;
        float: left;
        border-bottom: solid 0px #536794;
        border-top: solid 0px #284179;
        border-right: solid 1px #536794;
      }
      a:link, a:visited { color: #fff; }

      ul#navigation li a:hover {
         color: #E9C27C;
         background-color: #536794;
      }

      a.body:link, a.body:visited, a.body:hover {
         color: #0000FF;
         font-weight: bold;
         margin: 0px;
         padding: 0px;
         text-decoration: none;
         }

      a.body:visited {
         color: #A04D68;

         }

      a.body:hover {
         color: #284179;
      }

      
      .logo
      {
      position:absolute;
      left:6px;
      top:108px;
      }

/* FORMS */

form {
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 360px;
  max-width: 360px;
  width: 360px;
  }

form label {
  display: block;
  float: left;
  width: 120px;
  padding: 0;
  margin: 5px;
  text-align: right;
  }

form input, form textarea, form select {
  width:auto;
  margin:5px 0 0 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  }

form textarea.contact {
  width: 330px;
  }

textarea {
  overflow: auto;
  }

form br {
  clear:left;
  }

    img {
  border: none;
}

/* banner rotator */
#banner1 {
  margin-left: 15%;
}

#banner2 {
  margin-left: 15%;
}

/* ---- capsule links ---- */
a.capsule {
   background: transparent url(../images/reservations.jpg) 0 0 no-repeat;
   margin-right: 5px;
   width: 132px;
   height: 41px;
   line-height: 16px;
   padding-top:.8em;
   vertical-align: middle;
   float: left;
   text-align: center;
   text-decoration: none;
   color: #FFF !important;
   font-weight: bold;
   font-size: 12px;
}

a.capsule:hover {
   background-image: url(../images/reservations_on.jpg);
   color: #A5BCFA;
}