#middle{
	
}

#bottom{
	width: 90%;
    height: 200px;
}

#middleLeft {
    width: 60%;
    float: left;
	padding-left: 30px;
	color: rgb(69,85,96);
	font-size: medium;
	line-height:28px;
}
#middleRight  {
    margin-left: 15%;
    height: 200px;
    background: gray;
}

#openHours{
	float: right;
	display: inline;
	margin-top: 10px;
	width: 417px;
	height: 200px;
	font-size: 17px;
	line-height: 32px;
	margin-right: 90px;
	position: relative;
}

#ourTeam{
	padding-left: 20px;
	padding-right: 20px;
	color: rgb(69,85,96);
	font-size: medium;
	background: white;
	padding-bottom: 20px;
	margin-top: -20px;
}

#info{
	padding-left: 80px;
	padding-right: 80px;
	color: rgb(69,85,96);
	font-size: medium;
	background: white;
	padding-bottom: 20px;
	margin-top: -20px;
	height:100%;
	padding-top: 20px;
}

#hicaps{
	float: left;
	margin-top: 671px;
	position: absolute;
	padding-left: 49px;
}

#revere{
	float: right;
	margin-top: 635px;
	width: 275px;
	margin-right: 37px;
	height: 53px;
	position: absolute;
	display: inline;
}


#mission{
	font-style: italic;
	top: 5px;
	margin: auto;
	font-size: 35px;
	color: aqua;
	text-align: center;
	padding-bottom: 146px;
	padding-top: 146px;
}

.content {
       position:relative;
       color:White;
       z-index:5;
   }

.background {
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:500px;
   z-index:1;
   /* These three lines are for transparency in all browsers. */
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
   opacity:.5;
}

.infoBox{
    background:#F8F8F8;
    border: 5px solid #DFDFDF;
    color: #717171;
    font-size: 13px;
    height: 60px;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: uppercase;
    display:none;
    padding:0 20px;
}
.infoBox:after{
    content:'';
    position:absolute;
    bottom:20px; 
    width:10px;
    height:10px;
    border-bottom:5px solid #dfdfdf;
    border-right:5px solid #dfdfdf;
    background:#f8f8f8;
    left:0%;
    margin-left:-10px;
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
}

h3:hover .infoBox{
	display:block;
}

#header
{
    position: fixed;
	background-color: rgb(69,85,96);
	height: 110px;
	width:100%;
	margin-top:-10px;
}

#headerAc
{
Font-family: candara;
font-size: 36px;
color: rgb(219,242,255);
padding-left:20px;
margin-top:32px;
}

#headerTitle
{
Font-family: candara;
font-size: 30px;
color: rgb(219,242,255);
margin-top:-16px;
padding-left:20px;
}

#headerFoot
{
display:inline;
margin-top:-82px;
float:right;
}

#headerFoot1
{
display:inline;
margin-top:-63px;
float:right;
}

.headerDivider {
     border-left:1px solid #38546d; 
     border-right:1px solid #16222c; 
     height:100%;
     position:absolute;
     left:50%;
     top:92px; 
}

body {
margin:0px;
height: 100%;
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top, #feffff 0%, #B8A3AD 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#B8A3AD)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #feffff 0%,#B8A3AD 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #feffff 0%,#B8A3AD 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #feffff 0%,#B8A3AD 100%); /* IE10+ */
background: linear-gradient(to bottom, #feffff 0%,#B8A3AD 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#B8A3AD',GradientType=0 ); /* IE6-9 */
background-repeat: no-repeat;
    background-attachment: fixed;
	overflow:hidden;
}

#panel,#flip,#flip2,#panel2
{
position:absolute;
text-align:center;
background-color:#455560;

display:inline-block
}


#main
{
z-index:-1;
position:absolute;
margin-top:120px;
width:100%;
height:50%;
}

#footer
{
	background-color: #455560;
	height: 50px;
    position: fixed;
    bottom: 0;
	width:100%;
}

#footerText
{
	Font-family: candara;
	font-size: 30px;
	padding:4px;
	color: #ffffff;
	text-align: center;
}

#gmap
{
	margin-left:25%;
}

#comments
{
border:2px solid #a1a1a1;
padding:10px 40px; 
background:#dddddd;
width:80%;
border-radius:25px;
}

#fbBox
{
position: absolute;
margin-left:50%;
top:92px;
}

#mainBody
{
    position: absolute;
	top:100px;
	Font-family: candara;
	font-size: 21px;
	padding-bottom:10px;
	overflow:auto;
	height:81%;
	z-index:-1;
	width:100%
}


/* Navigation Bar*/

#navbar-container {
	margin-top:20px;
	padding:0px;
	font-size:12px;
	position:fixed;
    left:500px;
    top:-45;
}
/* Level 1 */
#nav {
  background: none;
  line-height: 100%;
  margin: 0px auto;
  padding: 0px;
  z-index: 99;
  display: inline-block;
}
#nav li {
/*   float: left; */
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 99;
  display: inline-block; /*  ********** ADDED **********  */
  zoom: 1; /*  ********** ADDED **********  */
  *display: inline; /*  ********** ADDED **********  */
  _height: 100%; /*  ********** ADDED **********  */
}
/* Top Level Link Styling */
#nav li a ,.current{
  color: #B8A3AD;
  display: block;
  font-weight: normal;
  margin-top:2px;
  margin: 0px;
  padding: 18px 18px 10px 18px;
  font-size: 18px;
  line-height: 100%;
  Font-family: candara;
  text-transform: uppercase;
}


#nav li a:hover,
#nav li a:active,
#nav li.current a,
#nav li:hover > a {
  background: none;
  color: #ffffff;
}
/* Level 2 */
#nav li:hover > ul {
  display: block;
}
#nav ul {
  background: #ffffff;
  border: 1px solid #dddddd;
  display: none;
  left: 0;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 40px;
  width: 300px;
  z-index: 99;
}
#nav ul li {
  float: none;
  margin: 0px;
  padding: 0px;
  z-index: 99;
  display: block; /*  ********** ADDED **********  */
}
/* Second Level Link Styling and Onwards */
#nav li > ul li a {
  background: none;
  //color: #555;
  font-weight: normal;
  padding: 9px 9px 9px 9px;
  font-size: 14px;
  line-height: 100%;
  text-align: left;
  font-family: candara;
  text-transform: none;
}
#nav li > ul li a:hover {
  background: #B8A3AD; !important;
  color: #FFFFFF !important;
}
/* Level 3 */
#nav ul ul {
  left: 181px;
  top: 0px;
  z-index: 99;
}