body {
  background-color: #ae1414;
  font-family:      sans-serif;
  font-size:        small;
  margin-left:      auto;
  margin-right:     auto;
  width:            800px;
}

#logo{
  clear:            both;
  width:            800px;
  height:           150px;
  background-color: #8e736a;
  background-image: url('./images/header.jpg');
}

/*location*/
#content{
 background-color:  #ffffff;
 width:             800px;
 min-height: 	    400px;
 padding-bottom:    10px;
}

#information{
 margin:            5px 40px 10px 10px;
 font-family:       Verdana, sans-serif;
 width:             300px;
 background-color:  #ffffff;
 padding:           5px;

}

#information.h1{
 font-family:       "Cooper Black", "Cooper Std Black", sans-serif;
 font-size:         180%;

}

.time{
 color:             #AE1414; 
}
#map_canvas {
   width:           400px;
   height:          300px;
   margin-right:    10px;
   margin-top:      10px;
   padding:         5px;
   float:           right;
   border-style:    solid;
   border-color:    #ae1414;
}
.infowindow *{
  font-size:        90%;
  margin:           0;
}

#parking{
  position:         absolute;
  top:              525px;
  right:             10px;
}
/*end of location */

/*gallery*/
.galleryHeader{
  text-align:       center;
  font-family:      "Cooper Black", "Cooper Std Black", sans-serif;
}
.centerme{
  text-align:       center;
  background-color: #AE1414;
  color:            #ffffff;
  margin-left:      5%;
  margin-right:     5%;
}

.thumbnail {
  border:           1px solid #2A2A2A;
  float:            left;
  margin-bottom:    10px;
  margin-right:     10px;
  padding:          3px 3px 8px;
}

.galleryPage{
  border:           1px dashed  #ccc;
  width:            auto;
  margin-left:      5%;
  margin-right:     5%;
  padding:          5px;
  overflow:         auto;
}
/*gallery end*/
/*hoverfish css */
ul#gallery {
  height:           40px;
  list-style:       none;
  position:         relative;
}
ul#gallery li {
  border-right:     1px solid #ccc;
  width:            100px;
  display:          block;
  float:left;
}
ul#gallery li#first {
  border-left:      1px solid #ccc;
}
ul#gallery li:hover ul, ul#gallery li.sfhover ul {
  top:              auto;
  left:             0;
}
ul#gallery li a {
  display:          block;
  width:            100px;
  padding:          15px 0 15px 3px;
  color:            #000;
  text-decoration:  none;
}
ul#gallery li a:hover {
  background-color: #fafafa;
}
ul#gallery li ul {
  padding:         40px 20px 20px 20px;
  list-style:      none;
  margin:          0;
  width:           350px;
  background-color:#fff;
  position:        absolute;
  left:            -999em;
}
ul#gallery li ul li {
  display:          inline;
  text-align:       left;
  clear:            none;
  float:            none;
   border:          0;
}
ul#gallery li ul li a {
  margin:           2px;
  border:           1px solid #ccc;
  padding:          4px;
  position:         relative;
  float:            left;
  display:          block;
  width:            100px;
  height:           75px;
}
ul#gallery li ul li a:hover {
  z-index:          2;
}
ul#gallery li ul li a img {
  position:         absolute;
  width:            100px;
  height:           75px;
}
ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img {
  width:            200px;
  height:           150px;
  left:             -50px;
  top:              -37px;
  z-index:          1;
  border:           1px solid #000;
}

/*hoverfish end*/

/*about us*/

.aboutus{
  margin:           10px;
  padding:          5px;
}
/* Brett's */
#navbar {
	position: relative;
	top: -15px;
	left: -40px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#navbar ul
{
      list-style-type: none;
}

#navbar li
{
       width: 20%;
       text-align: center;
       display: inline;
       margin: 0;
       padding: 5px 0px 5px 0px;
       float: left;
       background-color: #cd6f2f;

}

#navbar li a
{
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #ce7e47;
		border-right: 10px solid #d15b0b;
		background-color: #cd6f2f;
		color: #fff;
		text-decoration: none;
		width: 100%;
}

#navbar li a:hover
{
		border-right: 10px solid #ce7e47;
		border-left: 10px solid #d15b0b;
}

#frontImage {
	float: left;
	width: 450px;
	height: 300px;
	margin: 10px;
}

#greeting {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#subs {
	padding: 10px;
}

#extras {
	float: right;
	width: 250px;
	margin-right: 40px;
	margin-left:  10px;
	border: dashed medium #AA0000;
	padding: 5px;
}

.drinksize {
	font-weight: bold;
	margin-left: 20px;
}

.drinkflavors {
	margin-top: 5px;
	font-style: italic;
}

#extras table td.left {
	width: 175px;
}

#subspecial, #pdflink {
	clear: both;
	width: 250px;
	border: medium groove #cd6f2f;
	margin-right: 40px;
	margin-top: 20px;
	padding: 5px;
	float: right;
}

a img{
       border: 0;
}
#subspecial table {
	width: 100%;
}

#subspecial table tr td {
	width: 50%;
}

#subs table td.left {
	width: 250px;
}

#subs table td {
	width: 100px;
	vertical-align: top;
}

table#specials {
	width: 50%;
}

table#specials td.left {
	width: 75%;
	font-weight: bold;
	text-align:  center;
}

.choiceof{
        text-align:  center;
        text-decoration:  underline;
        font-size:  130%;
}

.vegsub{
        text-align:  center;
        text-decoration:  underline;
}
.specialname {
	font-weight: bold;
	font-variant: small-caps;
	font-size: 120%;
	
}

.meatchoices{
        font-weight: bold;
}

.clear{
       clear:        both;
}

h1, h2{
 font-family:      "Cooper Black", "Cooper Std Black", sans-serif;
}

#footer{
   background-color: #cd6f2f;
   width:            800px;
   padding:          5px 0 5px 0;
   color:            #ffffff;
   font-weight:      bold;
   text-align:       center;
}

.commercial{
	float: left;
	width: 450px;
	height: 100px;
	margin: 10px;
	text-align: center;
	font-size:  160%

}

.onthebottom{
        vertical-align:text-bottom;
        text-align: right;
        margin-right: 50px;
}
/*aboutus*/
#close{
cursor: pointer;

}

#open{
 cursor: pointer;
 font-weight:  bold;
 font-size:  140%;

}

#highsurf{

  width:800px;
  height:auto;
}

#highsurf #banner{
  clear:            both;
  width:            800px;
  height:           150px;
  background-color: #ffffff;

}


.centerit{
 text-align:  center;
}