@charset "utf-8";

/* Custom font declaration */
@font-face {
	font-family: custom;
    src: url('../fonts/custom.eot');
    src: local(custom), url('../fonts/custom.ttf') format('opentype');
}

/* Padding and margin reset */
body,div,h3,p,img {
	margin: 0;
	padding: 0;
}

/* Main tags redefinition */
body {
	text-align: center; /* IEC1 (IE-Counter 1) : correct IE lt 6 bug for centering the page */
	font-family: Verdana, Arial, helvetica, sans-serif; /* sans-serif fonts for any text */
	font-size: 14px;
	background: #5d4e47;
	color: #3e322f;
}

h3 {
	font-size: 1.35em;
	font-weight: bold;
	font-family: custom;
	padding-bottom: 10px;
}

a {
	text-decoration: none;
	color: #5d4e47;
}

a:hover {
	text-decoration: none;
	background: #5d4e47;
	color: #fef0cc;
}

input[type=text], input[type=password], textarea  {
	border: 1px solid #5d4e47;
	background: #fef0cc;
	color: #5d4e47;
	font-size: 11px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	width: 100%;
	margin: 5px;
}

input[type=submit] {
	border: 1px solid #5d4e47;
	background: #fef0cc;
	color: #5d4e47;
	font-size: 11px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	padding: 3px;
	margin: 5px;
}

input[type=submit]:hover {
	border: 1px solid #fef0cc;
	background: #5d4e47;
	color: #fef0cc;
	font-size: 11px;
	font-family: Verdana, Arial, helvetica, sans-serif;
}

/* Main container used to strech the site for 960px width */
div#main_content {
	position: relative;
	top: 100px;
	margin: auto auto; /* margins auto on the left and on the right */
	width: 582px;
	height: 400px;
	z-index: 1;
}

/* Yellowish background frame */
div#main_top {
	position: relative;
	top: 100px;
	background: url('../img/entrance/top.jpg') no-repeat;
	height: 18px;
	z-index: 2;
}

div#main_center {
	position: relative;
	top: 100px;
	background: url('../img/entrance/center.jpg') repeat-y;
	height: 130px;
	padding: 0 18px;
	z-index: 2;
}

div#main_bottom {
	position: relative;
	top: 100px;
	background: url('../img/entrance/bottom.jpg') no-repeat;
	height: 18px;
	z-index: 2;
}

/* Empty div to adjust positioning of the logo */
div#vide {
	position: absolute;
	top: 0;
	height: 100px;
	z-index: 2;
}

/* Logo container with a z-index superior to the frame */
div#logo {
	position: relative;
	left: 176px;
	margin: auto auto;
	width: 230px;
	height: 225px;
	background: url('../img/entrance/logo.png') no-repeat top center;
	z-index: 5;
}

/* Left container with hotel links */
div#main_left {
	float: left;
	width: 160px;
	height: 135px;
}

/* Right container with restaurant links */
div#main_right {
	float: right;
	width: 160px;
	height: 135px;
}