/* CSS Document */
/* MAIN ELEMENTS - IN ALL PAGES */
body
 {
 text-align:center;
 background:#370228;
 }
h1
{font: 14px Verdana, Arial, Helvetica, sans-serif;
color: #F38D0A;
}
h2
{font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #F38D0A;
line-height:12px;
}
p
{font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #777777;
}
p.legal
{font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align:left;
}
p.right
{font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #777777;
margin-left: 100px;
margin-right: 0px;
}
p.left
{font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #777777;
margin-left: 0px;
margin-right: 100px;
}
p.copyright
{font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
strong
{color: #F38D0A;
font-weight: normal;}

ul
{font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style: inside circle;
line-height:14px;
margin-left: 0px;
padding: 0px;
}
ul.pi
{font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style: none;;
line-height:14px;
margin-left: 0px;
padding: 0px;
}
img.floatRight
{float: right;
margin: 5px 10px 5px 10px;}
img.floatLeft
{float: left;
margin: 0px 10px 0px 10px;
}
img.fleurR
{float: right;
margin: 0px 25px 5px 10px;
}
img.fleurL
{float: left;
margin: 25px 10px 5px 25px;
}




/* divisions, and so on*/
#main
 {
 width: 900px; 
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 text-align: center;
 height: 650px;
 background: #ffffff;
 }
 


#container
 {margin: 10px 10px 10px 10px;
 width: 880px;
 height: 630px;
 background: url(images/tile.jpg);
 float: left;
 }
 #container.welcome
 {margin: 10px 10px 10px 10px;
 width: 880px;
 height: 630px;
 background: url(images/picsbg.jpg);
 float: left;
 text-align: center;
 }
 #contents.welcome
 {text-align: center;
 padding-top: 100px;
 }
 		a.welcome
			{font: 20px Verdana, Arial, Hevetica, sans-serif;
			color: white;
			text-decoration: none;
			text-align: center;
			display:block;
			margin-top: 30px;
			}
			a.welcome:hover
			{font: 20px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: none;
			text-align: center;
			display:block;
			margin-top: 30px;
			}
			a.welcome:active
			{font: 20px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: none;
			text-align: center;
			display:block;
			margin-top: 30px;
			}
			a.welcome:visited
			{font: 20px Verdana, Arial, Hevetica, sans-serif;
			color: white;
			text-decoration: none;
			text-align: center;
			display:block;
			margin-top: 30px;
			}
/******************* OKAY **********************/
/* FLAGS */
#flags
 {
 width: 250px;
 margin-left: 65%;
 margin-right: auto;
 margin-top: 10px;
 }
#flags img a:link a:active a:visited a:hover
 {
 border: white medium solid;
 }

/* TITLE */
#title
 {text-align: right;
 width: 100%;
 margin-top: 10px;
 background: url(images/title1.jpg);
 height: 80px;
 }
 #title span
 {margin-right: -2000px;
 }
 
/* MAIN NAVIGATION */
 #mainnav ul
 {
	margin-right: 20px;
	margin-top: 0px;
	list-style: none;
	display: block;
 }
 #mainnav li
 {display: inline;
 padding-left: 3px;
 padding-right: 3px;
 }

 #mainnav a, a:visited
			{font: 11px Verdana, Arial, Hevetica, sans-serif;
			color: white;
			text-decoration: none;
			}
 #mainnav a:hover, a:active
		{font: 11px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: none;
			}
			
#footer
{width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
text-algin: center;
}
#footer span
			{font: 12px Verdana, Arial, Hevetica, sans-serif;
			color: white;
			text-decoration: none;
			}
#footer a, a:visited
			{font: 12px Verdana, Arial, Hevetica, sans-serif;
			color: white;
			text-decoration: none;
			}
#footer a:hover, a:active
		{font: 12px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: none;
			}
#subtitle span
	{margin-left: -100000px;}
/* WELCOME PAGE */	
	#subtitle.welcome
	{
	background:url(images/uniquetaste.jpg) top left no-repeat;
	height: 50px;
	width: 860px;
	float:none;
	}
	
	#subtitle.welcomef
	{background:url(images/uniquef.jpg) top left no-repeat;
	height: 50px;
	width: 860px;
	float:none;}
	
	#subtitle.welcomeg
	{background:url(images/uniqueg.jpg) top left no-repeat;
	height: 50px;
	width: 860px;
	float:none;}
	
	
	
	#photos.welcome
	{float: right;
	width: 350px;

	right: 0px;
	
	}
	
	#welcometext
	{margin: 5px 370px 5px 20px;
	}

/* DESCRIPTION */
	#subtitle.description
		{background:url(images/description.jpg) top left no-repeat;
		height: 50px;
		width: 860px;
		}
	#subtitle.descriptionf
		{background:url(images/descriptionf.jpg) top left no-repeat;
		height: 50px;
		width: 860px;
		}
	#subtitle.descriptiong
		{background:url(images/descriptiong.jpg) top left no-repeat;
		height: 50px;
		width: 860px;
		}
	
	#textdesc
		{margin: 10px 320px 10px 20px;
		}
	#photos.description
		{
		float: right;
		width: 300px;
		margin-left: 15px;
		background-color: white;
		}
	#tour.large
		{width: 300px;
		heigh: 300px;
		background-color: white;
		float: right;
		}
	#tour.small
		{width: 300px;
		height: 150px;
		background-color: white;
		float: right;
		}
	img.small
		{float: left;
		margin: 1px 1px 1px 1px;
		border: none;
		}


/* LOCATION */	
	#map
	 {width: 254px;
	 height: 300px;
	 margin-left: 15px;
	 background-image: url(images/map.jpg);
	 float: left;
	 vertical-align:bottom;
	 border:  1px #F38D0A solid;
	 }
	
	#distances
	 {width: 844px;
	 float: inherit;
	 clear: left;
	 margin-left: 15px;
	 margin-top: 0px;
	 margin-right: 0px;
	 background-color: #FFFFFF;
	 height: 185px;
	 border:  1px #F38D0A solid;
	  }
	p.distances
	{font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #777777;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
}
	#distance1
	 {width: 835px;
	 height: 112px;
	 float: right;
	 margin-right: 5px;
	 margin-left: 5px;
	 background-color: #FFFFFF; 
	 border-right: #777777 1px inset solid;
	 }

	#pi
	 {width: 570px;
	 float: right;
	 margin-top: 0px;
	 margin-left: 0px;
	 margin-bottom: 10px;
	 background-color: #FFFFFF;
	 text-align: center;
	 height: 300px;
	 border:  1px #F38D0A solid;
	 }
	 #subtitle.distances
		{background:url(images/distances.jpg) top left no-repeat;
		height: 30px;
		}
	#subtitle.distancesf
		{background:url(images/distancesf.jpg) top left no-repeat;
		height: 30px;
		}
	#subtitle.distancesg
		{background:url(images/distancesg.jpg) top left no-repeat;
		height: 30px;
		}
	#subtitle.epi
		{background:url(images/epi.jpg) top left no-repeat;
		height: 30px;
		}
	#subtitle.fpi
		{background:url(images/fpi.jpg) top left no-repeat;
		height: 30px;
		}
	#subtitle.gpi
		{background:url(images/pig.jpg) top left no-repeat;
		height: 30px;
		}
			a.maps
			{font: 13px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: none;
			text-align: center;
			}
			a.maps:hover
			{font: 13px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: none;
			text-align: center;
			}
			a.maps:active
			{font: 13px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: none;
			text-align: center;
			}
			a.maps:visted
			{font: 13px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: none;
			text-align: center;
			}

/* RESERVATIONS */
	h1.resform
		{color: white;
		padding-top: 10px;}
	#textres
		{width: 410px;
		margin-top: 20px;
		margin-left: 10px;
		margin-bottom: 20px;
		height: 420px;
		background-color: #FFFFFF;
		}
	
	#textres1 a
		{font: 13px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: none;
			text-align: center;
			}		
	#textres1 a:hover
			{font: 13px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: underline;
			text-align: center;
			}
	#textres1 a:active
			{font: 13px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: none;
			text-align: center;
			}
	#textres1 a:visited
			{font: 13px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: none;
			text-align: center;
			}
	#subtitle.res
		{background:url(images/restitle.jpg) top left no-repeat;
		height: 40px;
		float: none;}
	#subtitle.resf
		{background:url(images/restitlef.jpg) top left no-repeat;
		height: 40px;
		float: none;}
	#subtitle.resg
		{background:url(images/restitleg.jpg) top left no-repeat;
		height: 40px;
		float: none;}
	#resform
		{
		margin: 10px 10px 5px 10px;
		width: 400px;
		background: #805E76;
		height: 420px;
		text-align:center;
		float: right;
		}	
	#resform p
	{text-align: center;
	color: white;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	}
	
	#resform a
	{text-align: center;
	color: #F38D0A;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	#resform a:link
	{text-align: center;
	color: #F38D0A;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	#resform a:hover
	{text-align: center;
	color: #F38D0A;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	}
	#resform a:visited
	{text-align: center;
	color: #F38D0A;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	
	#textres1
		{width: 800px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		height: 420px;
		background-color: #FFFFFF;
		}
	#rescal
	{margin-top: 20px;
	margin-left: 50px;
	margin-right:50px;
	/*border:#370228 thin double;*/
	text-align: center;
	height: 400px;
	}
	.booking
	{text-align: center;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #777777;
	}
	
	
/*LINKS*/
div.links
{padding: 5px 10px 10px 10px;
}
#subtitle.links
		{background:url(images/links.jpg) top left no-repeat;
		height: 50px;
		float: none;
		}
#subtitle.linksf
		{background:url(images/linksf.jpg) top left no-repeat;
		height: 50px;
		float: none;
		}
ul.links
{list-style: none;
float: left;
width: 168px;
}
ul.links li
{float: left;
width: /*210px*/ 168px;
text-align:center;
padding-bottom: 5px;
}
h2.links
{font: 14px bold Verdana, Arial, Hevetica, sans-serif;
color: #F38D0A;
text-decoration: underline;
margin-top: 0px;
}
.linkhead
{font:  15px bold Verdana, Arial, Helvetica, sans-serif;
color: #F38D0A;
text-align: center;
text-decoration: underline;
}
a.links 
{text-decoration:none;
font: 13px Verdana, Arial, Hevetica, sans-serif;
color: #F38D0A;
}
a.links:visited 
{text-decoration:none;
font: 13px Verdana, Arial, Hevetica, sans-serif;
color: #F38D0A;
}
a.links:hover
{text-decoration:underline;
font: 13px Verdana, Arial, Hevetica, sans-serif;
color: #F38D0A;
}
a.links:active
{text-decoration:none;
font: 13px Verdana, Arial, Hevetica, sans-serif;
color: #F38D0A;
}
a.links img
{border: none;
width: 150px;
}

/*HISTORY*/
div.history
{padding: 5px 20px 10px 20px;
}
#subtitle.history
		{background:url(images/ehistory.jpg) top left no-repeat;
		height: 50px;
		float: none;
		}

/********************* ENG OKAY **********************/




	#contents
	 {width: 860px;
	 height: 540px;
	 margin: 20px 10px 20px 10px;
	 background-color: transparent;
	 text-align: left;
	 float: left;
	 }
	 #contentsg
	 {width: 860px;
	 height: 540px;
	 margin: 20px 10px 20px 10px;
	 background: url(images/german.jpg) top-left no-repeat;
	 text-align: left;
	 float: left;
	 }
	 #contentsw
	 {width: 860px;
	 height: 500px;
	 margin: 20px 10px 20px 10px;
	 background-color: #FFFFFF;
	 text-align: left;
	 float: left;
	 }
	 		a.biglink
			{font: 13px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: none;
			text-align: center;
			}
			a.biglink:hover
			{font: 13px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: none;
			text-align: center;
			}
			a.biglink:active
			{font: 13px Verdana, Arial, Hevetica, sans-serif;
			color: #F38D0A;
			text-decoration: none;
			text-align: center;
			}
			a.biglink:visted
			{font: 13px Verdana, Arial, Hevetica, sans-serif;
			color: white;
			text-decoration: none;
			text-align: center;
			}
			

			

		


/* CONTACT US */
	#subtitle.contacte
		{background:url(images/contacte.jpg) top left no-repeat;
		height: 50px;}
	#subtitle.contactf
		{background:url(images/contactf.jpg) top left no-repeat;
		height: 50px;}
	#subtitle.contactg
		{background:url(images/contactg.jpg) top left no-repeat;
		height: 50px;}
	p.contact
		{text-align: center;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		color: #777777;
	
		margin-top: 20px;}
/* RATES PAGE ELEMENTS ONLY */	
	#subtitle.rates
		{background:url(images/rates.jpg) top left no-repeat;
		height: 50px;}
	#subtitle.ratesf
		{background:url(images/ratesf.jpg) top left no-repeat;
		height: 50px;}
	#subtitle.ratesg
		{background:url(images/ratesg.jpg) top left no-repeat;
		height: 50px;}
	#tablediv
	{width: 570px;
	height: 430px;
	margin-left: 145px;
	background: #FFFFFF;
	text-align: center;
	}
	
	table{
		width: 550px;
		margin-top: 20px;
		margin-left: 10px;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		height: 330px;
		border-collapse: collapse;
		border: 2px #F38D0A;
		}
	td
		{padding: 7px 10px 7px 10px; 
		text-align: center;
		border: 1px #AAAAAA solid;
		}
	td.rowheader
		{text-align: left;
		}
	td.rowheadmain
		{text-align: left;
		color: #F38D0A;
		font-weight: bolder;
		}
	td.colheadmain
		{text-align: center;
		color: #F38D0A;
		font-weight: bolder;
		border-bottom-color: #F38D0A;
		border-bottom-width: 2px;
		}
	#photos.rates
		{float: left;
		width: 270px;
		height: 450px;
		background-color: white;
		margin: 0px 0px 0px 20px;
		}
	
/*history*/
	#subtitle.history
		{background:url(images/history.jpg) top left no-repeat;
		height: 40px;
		float: none;
		}
	#photohisL
		{float: left;
		padding: 10px 10px 10px 10px;
		border: #F38D0A 1px solid;
		}
	p.history
		{color: #777777;
		margin-left: 270px;
		margin-right: 20px;
		}
	p.history1
		{color: #777777;
		margin-left: 20px;
		margin-right: 20px;
		}
	p.quote
		{color: #F38D0A;
		margin-left: 20px;
		margin-right: 200px;
		}
	p.quotename
		{color: #F38D0A;
		font: italic;
		margin-left: 60px;
		margin-right: 200px;
		}