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


body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;	
	background: #EEEEEE;
	margin: 0;
	padding: 0;
	color: #000;
}

a img {
	border: none;
}


.container {
	width: 920px;
	background: #fefff6;
	border: 1px #444 solid;
	height: 535px;
	margin: 60px auto;
	
	/* SHADOWS */
	-moz-box-shadow: 2px 2px 3px #444;
	-webkit-box-shadow: 2px 2px 3px #444;
	box-shadow: 2px 2px 3px #444;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#444444')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#444444');
}

.content {
	width: 670px;
	height: 495px;
	float: left;
	padding: 20px;
	background: #fefff6;		
}

.sidebar {
	width: 200px;
	height: 525px;
	float: left;
	padding: 5px;
	background: #fefff6;	
	align: center;
}

.fossi {
	width:300px;
	height:300px;
	position: absolute;
	left: 50%;
	top: 425px;
	margin-left: -550px;
}

.fossiLine {
	width:730px;
	height:80px;
	position: absolute;
	left: 50%;
	top: 615px;
	margin-left: -265px;
}

.hint {
	width:140px;
	height:77px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -280px;
	margin-top:  -50px;
}



.navi {	
	width:100%;
	margin-top:9px;
}

.singleNavi {
	margin: 0px;
	padding: 0px;
/*	border: 1px solid black;*/
	width:154px;
}

.singleNaviImg {
	display: block;
}


.imgGal {
	background-color:#FFF;
	padding:6px;
	border:1px solid #999;
	height:60px;
}

.imgContact {
	background-color:#FFF;
	padding:6px;
	border:1px solid #999;
	height:200px;
/*	display: block;*/
	margin-left:10px;
	margin-right:10px;
}


sup {
	font-size:.8em;
	line-height:0;
}


/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}