﻿html {

}	
	
	/*----[Global Elements]----*/
	
* {
    margin: 0;
    padding: 0;
    outline: 0
}
body {
	font: normal 62.5%/1.5 Verdana, Arial, sans-serif;
	color: #74797e; 
	text-align: center;
	background: #fff url(../images/background_reduced.png) left top repeat-x;
}
#wrap {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

    /*----[Fix floats breaking out of containers]----*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {     /*----[for IE/Mac]----*/
    display: inline-block;
}

    /*----[Links]----*/
    
a:link,
a:visited,
a:hover,
a:active {	
	color: #7399c6;
	text-decoration: none;
	font-size: 1.1em;
}
a:hover {
	color: #00f;
	text-decoration: underline;
}
#header a:hover {
    color: #958070;
    text-decoration: underline;
}
a img {
    border: none;
}

    /*----[Typography]----*/

p {
    font-size: 1.1em;
}    
h1, h2 { 		
    font-size: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px;
}
h3 {
    font-size: 1.5em;
    color: #7399c6;
    font-weight: normal;
    line-height: 1em;
}
h4 {
    font-size: 1.3em;
    color: #7399c6;
    font-weight: normal;
    line-height: 1em;
}
h5 {
}

    /*----[Lists]----*/
    
ul, ul li {
	list-style: none;
}

    /*----[Header]----*/

#header {
    margin-top: 0;
    min-height: 75px;
    background: #fff;
}
#header img.logo {
    display: block;
    float: left;
    margin-left: 20px;
} 

    /*----[Top Nav]----*/

#nav {    
    position: relative;
    margin-left: 22px;
    height: 75px;
    float: left;
    width: 736px;
}
#nav ul {
    width: 736px
}
#menu {
    position: absolute;
    bottom: 0;
    left: 0;
}
    
#nav ul li a:link,
#nav ul li a:visited,
#nav ul li a:hover,
#nav ul li a:active {
	display: block;
	font-size: 1.4em;
	padding: 0.1em 0;
	color: #fff;
	text-decoration: none;
}
#nav ul li {
	float: left;
	margin: 0 6px;
	width: 133px;
	text-align: center;
	display: block;
}
#nav ul li.morning,
#nav li ul.morning li {
    background: #8db8c2;
}
#nav ul li.afternoon,
#nav li ul.afternoon li {
    background: #bce4e6;
}
#nav ul li.evening,
#nav li ul.evening li {
    background: #a9c098;
}
#nav ul li.specials,
#nav li ul.specials li {
    background: #7f9b91;
}
#nav ul li.contact_us,
#nav li ul.contact_us li {
    background: #839299;
}
#nav li ul {
    border-bottom: 6px solid #fff;
    border-left: 6px solid #fff;
    border-right: 6px solid #fff;
    left: -999em;
    margin-left: -6px;
    margin-top: 0;
    padding-top: 15px;
    position: absolute;
    width: 133px;
    *margin-left: -78px;
    z-index: 100;
}
#nav li:hover ul {
	left: auto;
	width: 133px;
	background: #fff;
}
#nav li.sfhover ul {
	left: auto;
}
#nav li ul li {
    width: 123px;
    color: #fff;
    margin: 0;
    padding: 5px;
    height: auto;
    font-size: 1.2em;
    line-height: normal;
}
#nav li ul li.first {
    padding-top: 10px;
}
#nav li ul li.last {
    padding-bottom: 10px;
}
#nav li ul li.divider {
    margin-top: -5px;
}
#nav li ul li img.map {
    margin-left: -5px;
}
#nav li ul li.google span {
    float: left;
    font-size: 0.9em;
}
#nav li ul li.google img {
    float: right;
    margin-top: -5px;
}

    /*----[Main]----*/
    
#main {
    width: 980px;
    margin-top: 15px;
    background: #fff;
}    

    /*----[Sidebar]----*/

#sidebar {
    width: 195px;
    float: left;
    margin-left: 20px;
    padding-top: 75px;
}
#sidebar p {
    line-height: 2em;
    margin-bottom: 2em;
}

    /*----[Content]----*/
   
#content {
    width: 736px;
    height: 445px;
    float: left;
    margin-left: 28px;
    background: #fff url(../images/content_bg.jpg) right top no-repeat;
}     

    /*----[Footer]----*/

#footer {
    float: left;
    margin-top: 15px;
    padding-left: 220px;
}


   /*----[Map Pages]----*/    

#map {
    border: 1px solid #979797;
    background-color: #e5e3df;
    width: 722px;
    height: 445px;
    z-index: 10;
}
#loading {
    padding: 1em;
    color: #f1f2f2;
}
#map div {
     max-width: 722px; /* Change to the width of your map */
}
#map div span {
     white-space: normal;
}
#map img {
    background: transparent;
    border: none;
    padding: 0;
}    
   
    
