body, html {
  margin: 0; padding: 0; height: 100%; width: 100%;
} 
body {
  margin: 0;
  padding: 0;
}

body { 
  background: #000000 url(../img/background.jpg) left top repeat-x;
  text-align: center;
  font-family: georgia, arial, sans-serif;
  font-size: 12px;
  color: white;
}

h1{
	font-size:400%;
	margin:0px 0px 10px 20px;
	padding:0px;
	display:inline;
	vertical-align:middle;
	letter-spacing:1px;
	}
	
h2{
	font-size:250%;
	margin:0px 0px 10px 0px;
	padding:0px;
	}
	
h2{
	font-size:200%;
	margin:0px 0px 10px 0px;
	padding:0px;
	}

.clear{
	clear:both;
	}
	
#back, #middle { 
	height: 100%; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
}
#back {
  background: transparent url(../img/bg_mid.png) 40% -10px repeat-x;
}	
#middle { 
  background: transparent url(../img/bg_front.png) 80% -20px repeat-x;
	padding-top: 45px;
}

#container {
  margin: 0 auto;
  width: 700px;
  background: white;
  text-align: left;
  background: transparent url(../img/container_bg.png);
  border:solid 5px #FFFFFF;
  padding:15px;
}

*div#back {
  background: none;  
}	
*div#middle { 
  background: none;
}

#logo{
	float:left;
	margin:0px 0px 15px 0px;
	}
	
#logo_text{
	float:left;
	padding:10px 0px 0px 0px;
	}
	
#contact{
	float:right;
	padding:20px 0px 0px 0px;
	}
	
#image_container{
	height:270px;
	border: solid 5px #009900;
	}

#image_container_gallery{
	height:459px;
	border: solid 5px #009900;
	}

#image_container_secondary{
	border: solid 5px #009900;
	height:200px;
	}
	
#content{
	margin: 20px 0px 20px 0px;
	}
	
.content_left{
	float:left;
	width:500px;
	}
	
#content_right{
	float:right;
	width:180px;
	}
	
/* MAIN NAVIGATION */

#mainnav{
	height: 40px;
	background-image: url(../assets/mainnav_bg.jpg);
	background-repeat: no-repeat;
}
#mainnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#mainnav li {
	display: block;
	height: 40px;
	width: 80px;
	float: left;
	text-align: center;
	line-height: 40px;
	margin: 0px 3px 0px 0px;
}
#mainnav a {
	display: block;
	height: 40px;
	width: 80px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #FFFFFF;
	float: left;
	font-weight:bold;
}

#mainnav a:link, #mainnav a:visited {
	background:url(../img/mainnav_link.jpg) no-repeat;
	background-position: 0px 0px;
	
}
#mainnav a:hover, #mainnav a:active {
	background:url(../img/mainnav_link.jpg) no-repeat;
	background-position: -80px 0px;
	color:#000000;
}

.opening_hours{
	border: 1px #FFFFFF solid;
	padding: 10px;
	}

.content_left{
	text-align:justify;
	}

.td_right{
	padding: 0px 0px 0px 10px;
	border-left:1px dotted #BBB;
	}
	
.td_left{
	padding: 0px 10px 0px 0px;
	}
	
.feature{
	margin:0px 0px 10px 0px;
	}
	
.feature_title{
	height:25px;
	background:url(../img/feature_bg.jpg) no-repeat;
	color:#ffffff;
	padding:10px 0px 0px 10px;
	font-size:120%;
	font-weight:bold;
	}
	
.feature_content{
	border: solid 5px #009900;
	height: 100px;
	}
	
.feature_content_no_height{
	border: solid 5px #009900;
	}


	
.feature_content img{	
border:none;
}

.feature_title a:link, .feature_title a:visited{
	color:#ffffff;
	text-decoration:underline;
	}
	
.feature_title a:hover, .feature_title a:active{
	color: #000000;
	text-decoration:underline;
	}

.content_left a:link, .content_left a:visited{
	color:#00CC00;
	text-decoration:underline;
	}
	
.content_left a:hover, .content_left a:active{
	color: #00FF00;
	text-decoration:underline;
	}
	
#footer{
	text-align:left;
	margin: 0 auto 30px auto;
  	width: 700px;
	padding: 10px 0px 30px 0px;
	}
	
#footer a {
	color: #ffffff;
	text-decoration: underline;
}
	
#container #content_holder .content_left img{
	border: solid 3px #009900;
	}
	
.times{
	padding:5px 5px 5px 5px;
	background:url(../img/times_bg.jpg) repeat-x;
	font-weight:normal;
	}

#map{
	border: solid 3px #009900;
	}