
/* CSS Document - Garden Resturant */

/*=STRUCTURE
=== === === === === === === === === === */
body {
	background-color: #99AEA0;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-image: url(../images/backing.gif);
}
a:link {
	color: #FFCC00;
}
a:visited {
	color: #FFCC00;
}
a:hover {
	color: #FFCC00;
}
a:active {
	color: #FFCC00;
}
.style1 {color: #FFFFFF;
margin-top:10px;}
	
#table_01 {
background-image: url(../images/home_background.jpg);
}

#table_02 {
	background-image: url(../images/sub_background.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
	width: 760px;
	height: 599px; 
}
/* Main Navigation */
	
#nav { 
	width: 160px;
	position: relative;
	top: 0px;
	margin-right: 0px;
	}

#nav dl { margin: 0; padding: 0; }

/* IE5 Mac Hack \*/ 
#nav { padding-left: 0px; } 
/*/ 
#nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */

#nav dt a {
	display: block;
	height: 0px !important;
	height /**/:30px; /* IE 5/Win hack */ 
	padding: 30px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}
#nav dt a:hover {
	background-position: 0 -30px;
}
#nav dt#home,
#nav dt#home a { width: 160px; background-image: url(../images/button_home.jpg); }
#nav dt#home-on a { width: 160px; background-image: url(../images/button_home.jpg); background-position: 0 -30px; }

#nav dt#brunch,
#nav dt#brunch a { width: 160px; background-image: url(../images/button_brunch.jpg); }
#nav dt#brunch-on a { width: 160px; background-image: url(../images/button_brunch.jpg); background-position: 0 -30px; }

#nav dt#dinner,
#nav dt#dinner a { width: 160px; background-image: url(../images/button_dinner.jpg); }
#nav dt#dinner-on a { width: 160px; background-image: url(../images/button_dinner.jpg); background-position: 0 -30px; }

#nav dt#gallery,
#nav dt#gallery a { width: 160px; background-image: url(../images/button_gallery.jpg); }
#nav dt#gallery-on a { width: 160px; background-image: url(../images/button_gallery.jpg); background-position: 0 -30px; }

#nav dt#directions,
#nav dt#directions a { width: 160px; background-image: url(../images/button_directions.jpg); }
#nav dt#directions-on a { width: 160px; background-image: url(../images/button_directions.jpg); background-position: 0 -30px; }

#nav dt#contact,
#nav dt#contact a { width: 160px; background-image: url(../images/button_contact.jpg); }
#nav dt#contact-on a { width: 160px; background-image: url(../images/button_contact.jpg); background-position: 0 -30px; }

#address {
 color: #fff;
 font-size: 12px;
 line-height: 16px;
 margin-top: 5px;
 margin-left: 4px;
 margin-bottom: 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

.copy-home {
 color: #fff;
 font-size: 12px;
 line-height: 16px;
 margin-top: 43px;
 margin-bottom: 5px;
 margin-left: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

.list-left {
 color: #fff;
 font-size: 12px;
 line-height: 16px;
 padding-right: 15px;
 margin-top: 0px;
 margin-bottom: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

.list-right {
 color: #fff;
 font-size: 12px;
 line-height: 16px;
 margin-left: 10x;
 margin-top: 0px;
 margin-bottom: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#info-home {
 color: #dfb32d;
 font-size: 12px;
 line-height: 16px;
 margin-left: 200px;
 margin-top: 0px;
 margin-bottom: 3px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#ext-shot {
 margin-left: 10px;
 margin-top: 25px;
 margin-bottom: 10px;
}

#3-images {
 margin-left: 0px;
 margin-top: 0px;
}

#title {
 float: right;
 margin-left: 15px;
 margin-top: 0px;
}

.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.style2 {color: #FFFFFF}
.style3 {color: #617C6A}
a:link {
	color: #FFCC00;
}
a:visited {
	color: #FFCC00;
}
a:hover {
	color: #FFCC00;
}
a:active {
	color: #FFCC00;
}
.style5 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 24px;
}

#copyright {
 color: #5e3a54;
 font-size: 9px;
 text-decoration: none;
 text-align: right;
 margin-top: 2px;
 margin-bottom: 2px;
 margin-right: 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

