body{
	background: #444 url(../images/layout/bg.jpg) repeat-y top left;
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-weight: normal;
	font-family: arial;
	text-align: left;
	line-height: 130%;
	position: relative;
	}
	
	div{
		display: block;
		border: 0;
		margin: 0;
		padding: 0;
		text-align: left;
		overflow: hidden;
		}
		
		
	div.body{
		background: transparent;
		width: 760px;
		}
	
		div.hidden{
			display:none;
			}
			
			div.hidden a, div.hidden:visited{display: block; padding: 2px 0; text-align: right; color: #eee; text-decoration: none;}
			div.hidden a:hover{color: #090; text-decoration: none}
		
			
			h1{
				background: transparent;
				display: block; width: 380px; height: 80px;
				position: absolute; top: 0; left: 0; z-index:5;
				margin: 0; padding: 0;
				text-indent: -5000px;
				}
				
			div.top-right{
				background: transparent;
				display: block; width: 340px;
				position: absolute; top: 10px; left: 400px; z-index: 20;
				margin: 0; padding: 0;
				font-weight: bold;
				color: #4c7a49;
				text-align: center;
				font-style: italic;
			}
			
				div.top-right big{
					display: block;
					margin-top: 3px;
				}
			
	
		div.navi{
			background: transparent;
			position: absolute; top: 0px; left: 0px; z-index: 11;
			padding: 160px 0 0 0;
			text-align: left;
			}
			
			div.navi span{
				display: block;
				margin-bottom: 4px;
				color: #666;
				font-size: 11pt;
				font-weight: bold;
				width: 113px;
				text-align: center;
			}

			div.navi ul{
			background: transparent;
			margin: 0;
			padding: 0;
			font-size: 10pt;
			}
			
				div.navi ul li{
					list-style: none;
					}
				
					div.navi ul li a, div.navi ul li a:visited{
						background: transparent;
						border: 1px solid #666;
						border-width: 1px 1px 0 0;
						display: block;
						width: 102px;
						padding: 2px 10px 2px 0;
						text-align: right;
						text-decoration: none;
						font-weight: bold;
						color: #333;
						}
						
					div.navi ul li a:hover{
						background: #ddd;
						text-decoration: none;
						color: #333;
						}
						
					div.navi ul li a.last, div.navi ul li a.last:visited{
						background: transparent;
						border: 1px solid #666;
						border-width: 1px 0;
						display: block;
						width: 103px;
						padding: 2px 10px 2px 0;
						text-align: right;
						text-decoration: none;
						font-weight: bold;
						color: #333;
						}
						
					div.navi ul li a.last:hover{
						background: #ddd;
						text-decoration: none;
						color: #333;
						}
					
					#active{
						position: relative; z-index: 50;
						background: #f2f2eb;
						text-decoration: none;
						color: #333;
						width: 104px;
						border-right: 0;
						}
		
		div.cont{
			background: transparent;
			position: absolute; top: 55px; left: 110px; width: 630px; z-index: 10;
			}
			
			div.cont-top{
				background: transparent;
				height: 3px;
				width: 630px;
				}
				
			div.cont-mid{
				background: transparent;
				width: 607px;
				padding: 7px 10px 7px 12px;
				z-index: 10;
				}
			
				
				img.img-top{
					background: #fff;
					border: 1px solid #666;
					padding:2px;
					}
					
				div.mid-cont-left{
					width: 339px;
					border-right: 1px solid #dfddc9;
					margin: 10px 0 0 0;
					padding: 0 10px 0 0;
					float: left;
					}
				
				div.mid-cont-right{
					width: 244px;
					margin: 10px 0 0 0;
					padding: 0 0 0 10px;
					float: left;
					}
						
						div.mid-cont-right-gallery{
							text-align: center;
							margin-bottom: 10px;
							
						}
						
							.thumbnail{
								
								z-index: 0;
							}
							
								.thumbnail:hover{
									background-color: transparent;
									z-index: 50;
								}
								
									.thumbnail span{ /*CSS for enlarged image*/
										position: absolute;
										background: #fff url(./images/gallery/loading.png) no-repeat top center;
										padding: 0px;
										left: -1000px;
										border: 1px solid #333;
										visibility: hidden;
										color: black;
										text-decoration: none;

									}
									
										.thumbnail:hover span{ /*CSS for enlarged image on hover*/
												visibility: visible;
												top: 114px;
												left: 15px; /*position where enlarged image should offset horizontally */
												
											}
									
										.thumbnail span img{ /*CSS for enlarged image*/
											border-width: 0;
											padding: 0;
											margin: 5px;
											
										}
										
						
							div.mid-cont-right-gallery a img{
								margin: 5px;
								padding: 0;
								border: 1px solid #333;
								position: relative;
							}
				
				div.mid-cont-left-half{
					width: 290px;
					border-right: 1px solid #dfddc9;
					margin: 10px 0 0 0;
					padding: 0 10px 0 0;
					float: left;
					}
				div.mid-cont-right-half{
					width: 290px;
					margin: 10px 0 0 0;
					padding: 0 0 0 10px;
					float: left;
					}
				#form_contact {
					width: 290px;
					border-right: 1px solid #dfddc9;
					margin: 10px 0 0 0;
					padding: 0 10px 0 0;
					float:left;
					}
				#info_contact{
					width: 270px;
					margin: 10px 0 0 0;
					padding: 0 0 0 10px;
					float: right;
					}
				h2{
					padding: 4px 5px 2px 5px;
					font-size: 12pt;
					font-weight: bold;
					margin: 0 0 0 0;
					clear: both;
					}
					
					h2.green{
						background: #d0dfc9;
						color: #4c7a49;
						border: 1px solid #7fba78;
						}
					
					h2.brown{
						background: #dfddc9;
						color: #807537;
						border: 1px solid #bab178;
						}
						
					h2.red{
						background: #e6b3b3;
						color: #a00;
						border: 1px solid #a00;
						}
						
					h2.hidden{
						display: none;
						height: 0;
						padding: 0;}
						
				p{
					padding: 10px 5px 10px 5px;
					margin: 0;
					color: #333;
					}
					
				a.tours, a.tours:visited{
					display: block;
					padding: 5px 0;
					margin: 0;
					border-bottom: 1px solid #dfddc9;
					background: transparent;
					text-decoration: none;
					}
				
					
				a.tours:hover{
					display: block;
					padding: 5px 0;
					margin: 0;
					border-bottom: 1px solid #dfddc9;
					background: #d0dfc9;
					text-decoration: none;
					}
					
				#active2{
					background-color: #FFFDE8;
					/*
					display: none;
					height: 0;
					width: 0;
					*/
					
					}
					
				
				a.tours2, a.tours2:visited{
					display: block;
					padding: 5px 0;
					margin: 0;
					border-bottom: 1px solid #dfddc9;
					background: transparent;
					text-decoration: none;
					min-height:39px;
					overflow:hidden
					}
				
					
				a.tours2:hover{
					display: block;
					padding: 5px 0;
					margin: 0;
					border-bottom: 1px solid #dfddc9;
					background: #d0dfc9;
					text-decoration: none;
					}
					
					span.tour-date{
						display: block;
						color: #8a865d;
						padding-left: 5px;
						font-weight: bold;
						}
						
					span.tour-place{
						display: block;
						color: #4c7a49;
						padding-left: 30px;
						}
						
					a img{
						border: 1px solid #666;
						margin-left: 5px;
						float: left;
						}
					
					span.tour-name{
						display: block;
						color: #4c7a49;
						margin-left: 80px;
						font-size: 12pt;
						font-weight: bold;
						}
						
					span.tour-name-sub{
						display: block;
						color: #8a865d;
						margin-left: 80px;
						font-size: 10pt;
						font-weight: bold;
						}
				
			div.cont-bot{
				background: transparent;
				height: 4px;
				width: 630px;
				}
				
	div.quote{
		padding: 5px 40px;
		margin: 10px;
		position: relative;
		color:#4c7a49;
		font-weight: bold;
		font-style: italic;
		}
		
	img.quote-start{
		position: absolute; top: 0; left:-40px; z-index:0;
		height: 40px; width: 40px;
		}
		
	html>body img.quote-start{
		position: absolute; top: 0; left:0px; z-index:0;
		height: 40px; width: 40px;
		}
	
	img.quote-end{
		position: absolute; right:40px; z-index:0;
		height: 40px; width: 40px;
		}
	
	html>body img.quote-end{
		position: absolute; bottom: 0; right:0px; z-index:0;
		height: 40px; width: 40px;
		}
		
	div.navi-bot{
		width: 610px;
		margin-top: 5px;
		padding: 0 10px;
		color: #8a865d;
		text-align: center;
		position: relative;
	}
		div.navi-bot ul{
			background: transparent;
			margin: 0 0 5px 0;
			padding: 0;
			font-weight: bold;
			}
			
			div.navi-bot ul li{
				display: inline;
				list-style: none;
				}
				
				div.navi-bot ul li a, div.navi-bot ul li a:visited{
					text-decoration: none;
					color: #4c7a49;
					}
					
				div.navi-bot ul li a:hover{
					text-decoration: underline;
					color: #333;
					}
					
	a, a:visited{
		text-decoration: none;
		color: #a00
		}
		
	a:hover{
		text-decoration: underline;
		color: #0a0;
		}
		
	div.grass{
		position: relative; top: 25px; left: 110px; z-index: 1;
		height: 30px; width: 630px;}
		
	div.row{
		padding: 5px 0;
		margin: 0;
		border-bottom: 1px solid #dfddc9;
		float: left;
		clear: left;
		width:100%;
		overflow:visible;
		}
		
		div.row label{
			display: inline;
			float: left;
			width: 100px;
			font-weight: bold;
			clear:none;
			}
		div.row input, div.row select, div.row textarea {
			display:inline;
			float:left;
			width:180px; 
			clear:none;
			}
		div.row input, div.row select {
			width:180px;
			}			
		div.row div{
			display: block;
			float: right;
			width: 200px;
			}
			
		form fieldset{
			border: 0;
			padding: 0;
			margin: 0;
			}
			
		fieldset{
			border: 1px solid #999;
			}
		
		legend{
			border: 1px solid #999;
			}
			
		input.text, textarea, select{
			border: 1px solid #999;
			width: 200px;
			color: #999;
			float: left;
			}
			
			input.text:focus, textarea:focus, select:focus{
			color:#333;
			}
			
			
	div span img{margin: 0 5px 0 -2px;}
	
	a.nocc{
		color: #a00;
		display: block; 
		margin: 10px 0 0 0;
		text-align: center;
		font-weight: bold;
		position: relative;
		overflow: visible;
		text-decoration: none;
	}
		
		a.nocc:hover{
			background: #a00;
			color: #fff;
			cursor: help;
			text-decoration: none;
		}
	
	a.nocc span{
		position: absoluute;
		display: block;
		margin:0;
		padding: 5px;
		border: 1px solid #a00;
		background: #e6b3b3;
		visibility: hidden;
		left: -1000px;
	}
		a.nocc:hover span{
			visibility: visible;
			top:15px;
			left: 0;
			color: #a00;
			text-decoration: none;
		}
		
	
.error{
	display: block;
	width: 96%;
	background: #a00;
	margin: 10px 0; padding: 5px;
	text-align: center;
}

.success{
	display: block;
	width: 96%;
	background: #0a0;
	margin: 10px 0; padding: 5px;
	text-align: center;
}
		
.error p, .success p{
	margin: 0; padding: 0;
	color: #fff; font-weight: bold;
}
