/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, foto, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:#fff; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.75em; 
	line-height:1.333em;
	color:#555555;
	min-width:1000px;
}
html, body { height:100%;}


p {padding-top:16px;}

a {
	color:#7bb608; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	padding:40px 0 0 24px;
	float:left;
}
	h1 a {
		display:block;
		text-indent:-5000px;
		width:244px;
		height:85px;
		background:url(../images/logo.jpg) left top no-repeat;
	}

h2 {
	font-size:35px;
	font-weight:900;
	color:#993300;
	
}

h3 {
	font-size:2.083em;
	line-height:1.2307em;
	color:#6f381d;
	margin-top:-5px;
	padding-bottom:15px;
	height:33px;
}
	.h3-pad {
		padding-bottom:10px;
	}
	.h3-margin {
		margin-top:-13px;
	}
	h3 em {
		font-size:1.12em;
	}
	* html .h3-pad {
		padding-bottom:8px;
	}
		* html h3 {
			padding-bottom:12px;
		}

.block {height:42px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -42px; position:relative; }
body, html {height:100%;}
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	vertical-align:bottom;
	width: 882px; }

	/* Header */

		
	/* Footer */
	footer{
		height:42px;
		background:url(../images/footer-bg.gif) top center no-repeat;
	}
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.extra-wrap { 
	width:100%;
}

/*===== header =====*/
nav {
	float:right;
	background:#fff;
	margin-top:56px;

	padding-right:5px;
}
	nav div {
		background:url(../images/nav-left-bg.gif) left top no-repeat;	
	}
		nav div div {
			background:url(../images/nav-right-bg.gif) right top no-repeat;
		}
		nav ul {
			height:25px;
			padding-top:5px;
			background:url(../images/nav-ul-tail.gif) left 5px repeat-x;
		}
			nav li {
				float:left;
				font-size:0.916em;
				line-height:1.2307em;
				text-transform:uppercase;
				background:url(../images/nav-li-bg.gif) right 0px no-repeat;
				padding-right:2px
				
			}
				nav li a {
					color:#fff;
					text-decoration:none;
					display:inline-block;
					padding:7px 14px 5px 17px;
					font-weight:600;
					letter-spacing:1px;
					
				}
					nav li a strong {
						display:inline-block;
						padding:7px 15px 5px 17px;
						cursor:pointer;
					}
			nav .first a {
				background:url(../images/navli-a-left-bg.gif) left top no-repeat;
				padding:0 0 0 10px;
			}				
			
			nav .last {
				background:none;
				padding:0
			}
				nav .last a {
					background:url(../images/nav-li-a-right-bg.gif) right top no-repeat;
					padding:0 11px 0 0;
				}
					nav .last a strong {
						padding-left:21px;
					}
					
		nav li a:hover, nav .active a {
			background:url(../images/nav-li-tail-hover.gif) left top repeat-x #fff;
		}
			nav .first a:hover, nav .first .active {
				background:url(../images/navli-a-left-bg-hover.gif) left top no-repeat;
			}
				nav .first a:hover strong, nav .first .active strong {
					background:url(../images/nav-li-tail-hover.gif) left top repeat-x;
				}
			nav .last a:hover, nav .last .active {
				background:url(../images/nav-li-a-right-bg-hover.gif) right top no-repeat #fff;
			}
				nav .last a:hover strong, nav .last .active strong {
					background:url(../images/nav-li-tail-hover.gif) left top repeat-x #fff;
				}
		
.slogan {
		vertical-align:bottom;
		vertical-align:text-bottom;
	/*padding:48px 150px 0 420px;
*/}
	.slogan .img {
		
		margin:19px 0 0 0;
	}
	#mainz a {
	z-index:999;
		display:block;
		position:relative;
		bottom:-16px;
		left:420px;
		width:197px;
		height:75px;
		background:url(../images/slogan-link.jpg) left top no-repeat;
		/*margin:0px 150px 0 420px;*/
		padding:23px 0 0 60px;
		text-decoration:none;
		text-transform:uppercase;
		color:#FFFFFF;
		font-size:1.333em;
		line-height:1.2307em;
		
	}
		#mainz a:hover {
			color:#d5e59d
		}
		#outlook a {
	z-index:998;
		display:block;
		position:absolute;
		bottom:-200px;
		left:820px;
		width:197px;
		height:75px;
		background:url(../images/bg-letter.png) left top no-repeat;
		/*margin:0px 150px 0 420px;*/
		padding:23px 0 0 60px;
		text-decoration:none;
		text-transform:uppercase;
		color:#FFFFFF;
		font-size:1.333em;
		line-height:1.2307em;
		
	}
		#outlook a:hover {
			color:#d5e59d
		}
	.slogan .slog0{
		display:block;
		overflow:visible;
		padding:0px 0px 0px 0px;
		margin:48px 150px 0 420px;
		font-size:40px;
		color:#FFFFFF;
		height:30px;
		width:400px;
		line-height:40px;
		filter: Shadow(Color=#666666, Direction=60, Strength=4);
		text-shadow: black 1px 1px 2px, #666666 0 0 3px;
		font-weight:600;
		}
			.slogan .slog1{
		display:block;
		overflow:visible;
		padding:0px 0px 0px 0px;
		margin:48px 150px 0 420px;
		font-size:40px;
		color:#FFFFFF;
		height:100px;
		width:272px;
		line-height:40px;
		filter: Shadow(Color=#666666, Direction=60, Strength=4);
		text-shadow: black 1px 1px 2px, #666666 0 0 3px;
		font-weight:600;
		}
	.slogan .slog2{
		padding:0px 0px 0px 0px;
		margin:0px 150px 0 420px;
		clear:both;
		display:block;
		color:#FFFFFF;
		font-weight:600;
		height:20px;
		width:272px;
		
		}
		.slogan .slog3{
		padding:0px 0px 0px 0px;
		margin:0px 150px 0 420px;
		clear:both;
		display:block;
		color:#FFFFFF;
		font-size:24px;
		font-weight:400;
		height:30px;
		width:272px;
		line-height:24px;
		
		}
			.slogan .slog5{
		padding:0px 0px 0px 0px;
		margin:0px 150px 0 420px;
		clear:both;
		display:block;
		color:#FFFFFF;
		font-weight:600;
		height:20px;
		width:400px;
		
		}
		
/*===== content =====*/
/*===== content =====*/
#content {
	margin-top:-46px;
}

.indent {
	padding:0 0 40px 0
}
.col-pad {
	padding-right:25px;
}
.col-pad1 {
	padding-right:86px;
}

.divider1 {
	background:url(../images/divider1-bg.gif) 465px 0px no-repeat;
}
.divider {
	background:url(../images/divider1-bg.gif) 465px 0px repeat-y;
}

.image {
	float:left;
	margin-left:-6px;
	position:relative;
}

.date strong {
	color:#dc5f1e;
	font-size:1.083em;
	display:inline-block;
	margin-top:10px;
	letter-spacing:-1px;
}

.list1 {
	background:url(../images/list1-bg.gif) left top repeat-y;
	margin-top:11px
}
	.list1 li {
		width:100%;
		overflow:hidden;
		font-size:1em;
		line-height:1.2307em;
		color:#fff;
	}
		.list1 li strong {
			display:inline-block;
			float:right;
			padding:5px 7px 0 0;
			font-size:1.333em;
			line-height:1.2307em;
		}
		.list1 li a {
			color:#ffffff;
			text-decoration:none;
			display:block;
			height:23px;
			padding:8px 0 0 10px;
		}
		.list1 li a:hover {
			color:#060;
		}

.upper {
	text-transform:uppercase;
}

.list {
}
	.list li {
		line-height:2em;
		background:url(../images/marker.gif) left 10px no-repeat;
		padding-left:20px;
	}
		.list li a {
			color:#555555;
			text-decoration:none;
		}
		.list li a:hover {
			text-decoration:underline;
		}
	
.link {
	background:url(../images/link-left-bg.gif) left top no-repeat;
	display:inline-block;
	line-height:1.2307em;
	text-decoration:none;
	margin:9px 0 0 0px;
	color:#873f1b;
	text-transform:uppercase;
	cursor:pointer;
	font-size:0.916em;
}
	.link strong {
		background:url(../images/link-right-bg.gif) right top no-repeat; 
		display:inline-block;
		padding:0 23px 0 44px;
	}
		.link strong strong  {
			background:url(../images/link-tail-bg.gif) top repeat-x;
			padding:11px 7px 26px 7px;
		}
		.link-margin {
			margin-top:16px;
		}

			.link:hover {
				background:url(../images/link-left-bg-hover.gif) left top no-repeat; 
			}
				.link:hover strong {
					background:url(../images/link-right-bg-hover.gif) right top no-repeat;
				}
					.link:hover strong strong  {
						background:url(../images/link-tail-bg-hover.gif) top repeat-x;
					}

.price-list li {
	width: 100%;
	overflow: hidden;
	vertical-align: top; 
	line-height: 2em;
	color: #b04b49;
	}
	.price-list li strong {
		background: url(../images/line-hor.gif) repeat-x 0% 14px;	
		display: block;
		overflow: hidden;
	}
	.price-list li span {
		float: right; 
		color: #555555;
	}
	.price-list li a {
		float: left;
		text-decoration: none;
		color: #555555;
	}
	.price-list li a:hover {
		color:#000;
	}
.color {
	color:#7bb608;
}

.pad {
	padding-top:10px;
}

.link1 {
	text-decoration:none;
}
	.link1:hover {
		text-decoration:underline;
	}
/*===== footer =====*/
footer {
	font-size:0.8333em;
	line-height:1.4em;
	color:#888888;
	text-align:center;
	font-weight:bold;
	position:relative;
}
	footer .main {
		padding-top:14px;
	}
	footer a {
		color:#888888;
		text-decoration:none;
	}
		footer a:hover {
			text-decoration:underline;
		}

/*----- forms -----*/
#reservation-form {
	position:relative;
	background:url(../images/reservation-form-bg.gif) left top no-repeat;
	margin-top:9px;
}
#reservation-form fieldset {
	border:none;
	padding:14px 0 20px 14px;
}
.column1 {
	float:left;
	width:117px;
}
.column2 {
	float:left;
	width:109px;
}
	#reservation-form label {
		display:block;
		height:36px;
	}
	#reservation-form .label {
		background:url(../images/input-bg.gif) left top no-repeat;
	}
	#reservation-form .column1 select {
		width:50px;
	}
	#reservation-form select {
		width:108px;
		height:23px;
	}
		#reservation-form input {
			width:74px;
			padding:4px 0px 3px 0px;
			margin:0 6px 0 9px;
			border:none;
			line-height:1.2307em;
			background:none;
			color:#8c8c8c;
		}
		#reservation-form .link2 {
			display:block;
			width:110px;
			height:41px;
			text-decoration:none;
			color:#873f1b;
			padding:10px 0 0 50px;
			margin:7px 0 0 -10px;
			text-transform:uppercase;
			font-size:0.916em;
			line-height:1.2307em;
			background:url(../images/reservation-form-link-bg.png) left top no-repeat;
		}
		#reservation-form .link2:hover {
			color:#b68b75;
		}


#contacts-form fieldset {
	border:none;
	padding-top:4px;
}
	#contacts-form label {
		display:block;
		height:30px;
		overflow:hidden;
		background:url(../images/input-bg1.gif) no-repeat 0 0;
		vertical-align:top;
	}
		#contacts-form input {
			width:337px;
			padding:4px 0px 3px 0px;
			margin:0 6px 0 20px;
			border:none;
			line-height:1.2307em;
			background:none;
			color:#555555;
		}
		#contacts-form .textarea-box {
			background:url(../images/textarea-bg.gif) no-repeat 0 0;
			height:63px;
			overflow:hidden;
		}
		#contacts-form textarea {
			width:343px;
			padding:0px 0px 3px 20px;
			border:none;
			background:none;
			color:#555555;
			height:57px;
			overflow:auto;
		}
		#contacts-form .link {
			margin-left:5px;
		}

/*==========================================*/
 foto{ z-index:999; display:block; background-color:#333333; width:100%; height:400px; position:fixed;}   
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */