@charset "utf-8";
/* CSS Document */

body {
	background-color: #669b33;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-repeat: no-repeat;
	height:100%; /* this is the key! */
}

a {
	color:#669b33;
}

/*.menu {
	padding: 0;
	list-style: none;
	float: right;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 22px;
	margin-left: 1em;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 22px;
	background-repeat: no-repeat;
}*/

#demo-container{
	background:#669b33;
	height: 27px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

ul#simple-menu{
	list-style-type:none;
	height:27px;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	margin:0;
}
ul#simple-menu li{
	display:block;
	float:left;
	margin:0 0 0 4px;
	height:27px;
}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{
	display:block;
	float:left;
	color:#fff;
	line-height:27px;
	text-decoration:none;
	height:27px;
	padding-top: 0;
	padding-right: 17px;
	padding-bottom: 0;
	padding-left: 18px;
}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{
	color:#CCC;
}
ul#simple-menu li a.current{
	color:#669b33;
	background:#ffffff;
}
ul#simple-menu li a.current:hover{
	color:#669b33;
	background:#fff;
}
/*.home {background-image: url(images/menu_01.gif); width: 64px;}
.home a {background-image: url(images/menu_hover_01.gif);}
.about {background-image: url(images/menu_02.gif); width: 85px;}
.about a {background-image: url(images/menu_hover_02.gif);}
.services {background-image: url(images/menu_03.gif); width: 175px;}
.services a {background-image: url(images/menu_hover_03.gif);}
.contact {background-image: url(images/menu_04.gif); width: 223px;}
.contact a {background-image: url(images/menu_hover_04.gif);}
ul.menu li a:hover {background: none;}*/

#scrollbar_content2 {
	overflow:hidden;
	width:700px;
	height: 515px;
	margin-left: 15px;
	margin-top: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
#scrollbar_container2 {
	position:relative;
	width:800px;
}

#scrollbar_container {
	position:relative;
	width:400px;
	
}
 
#scrollbar_track {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:10px;
	background-color:transparent;
	cursor:move;
}
 
#scrollbar_handle {
	width:10px;
	background-color:#669b33;
	cursor:move;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity:0.7;
	-moz-opacity:0.7;
}
 
#scrollbar_content {
	overflow:hidden;
	width:350px;
	height: 515px;
	margin-left: 15px;
	margin-top: 15px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

#text p {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	font-size: 11px;
}
#logo {
	height: 56px;
	width: 960px;
	background-image: url(logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	position: relative;
}

#navcontainer {
	width: 960px;
	height: 56px;
	text-align: right;
	float: right;
	padding-top: 15px;
}

/*Fat Erik's Pipelist*/
#navlist
{
	list-style: none;
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	
}

#navlist li
{
	display: inline;
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#navlist li a {
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}
#navlist a:hover
{
	color: #FFF;
	text-decoration: underline;
}

#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }

#container {
	width: 960px;
	
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	height:550px; /* works only if parent container is assigned a height value */
}
#container2 {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	height:900px; /* works only if parent container is assigned a height value */
}

#review {
	position: absolute;
	top: 365px;
	left: 170px;
}


#left {
	width: 380px;
	float: left;	
}
#text  {
	width: 380px;
	margin-left: 15px;
	margin-top: 15px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	height: 400px;
}



#gallery  {
	position:relative;
	float: right;
	margin-top: 70px;
	margin-right: 25px;
	width: 490px;
}

#gallery2  {
	position:relative;
	float: right;
	margin-top: 100px;
	margin-right: 25px;
	width: 490px;
}




#home {
	float: left;
	width: 170px;
	margin-left: 0px;
	margin-top: 0px;
	height: 56px;
}
/*#container #menu {
	width: 350px;
	margin-left: 25px;
	margin-top: 25px;
	height: 110px;
	float: left;
	text-align: justify;
}*/


#googlemaps {
	padding: 2px;
	border: 1px dashed #666;
}

#reservation {
	float: left;
	margin-top: 30px;
	margin-left: 80px;
}

a.rollover {
	display: block;
	width: 210px;
	height: 17px;
	text-decoration: none;
	background-image: url(images/newMenu_01.gif);
	}
	
a.rollover2 {
	display: block;
	width: 210px;
	height: 24px;
	text-decoration: none;
	background-image: url(images/newMenu_02.gif);
	}
a.rollover2:hover {
	background-position: -210px 0;
	}

a.rollover3 {
	display: block;
	width: 210px;
	height: 22px;
	text-decoration: none;
	background-image: url(images/newMenu_03.gif);
	}
a.rollover3:hover {
	background-position: -210px 0;
	}

a.rollover4 {
	display: block;
	width: 210px;
	height: 22px;
	text-decoration: none;
	background-image: url(images/newMenu_05.gif);
	}
a.rollover4:hover {
	background-position: -210px 0;
	}

a.rollover:hover {
	background-position: -210px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */