html, body {border: 0; margin: 0; padding: 0;}
body{
	background-color: #030303;
	background-image:url(../img/bg-v6.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
#content {
  	width: 740px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 20px;
}

#toTop { width:100px;background:#f1f1f1;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }
a:link,
a:visited{ color: #FFA829; }

a:hover,
a:active{ color: #FFA829; }

img.left,
img.right,
img.center{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin: 0 10px 5px;
	padding: 3px;
}

	img.left{ margin-left: 0; }
	img.right{ margin-right: 0; }
	img.center{ margin: 15px auto; }

	img.none{
		background-color: transparent;
		border: 0;
		padding: 0;
	}
p, ul, ol, dl{ margin: 15px 0; }

	p, li{ line-height: 15px; }

	ul, ol{ margin-left: 20px; }
/* _WRAP
----------------------------------------------------------------------------- */
.clear {
  clear: both;
  }
#wrap,
#header,
#content-wrap,
#footer{
	margin: 0 auto;
	width: 892px;
}
/* _HEADER
----------------------------------------------------------------------------- */

#header{position: relative;}

	#logo{
		background: transparent url(../img/logo-hoist2.png) no-repeat 0 0;
		margin: 30px 0 0 0;
		height: 94px;
		text-indent: -13000em;
		width: 345px;
	}

		#logo a:link,
		#logo a:visited{
			display: block;
			height: 94px;
		}

	#header ul#main-nav{
		list-style: none;
		position: absolute;
		right: 0;
		top: 28px;
		height: 15px;
		width: 490px;
	}

		#header ul#main-nav li,
		#header ul#main-nav li a:link,
		#header ul#main-nav li a:visited{
			background: transparent url(../img/main-nav.png) no-repeat 0 0;
			float: left;
			height: 15px;
			margin-right: 26px;
		}

			#header ul#main-nav li a:link,
			#header ul#main-nav li a:visited{
				display: block;
				margin-right: 0;
				text-indent: -13000em;
				width: 70px;
			}

			#header ul#main-nav li#story{ margin-right: 0; }

			#header ul#main-nav li#locations,
			#header ul#main-nav li#locations a:link,
			#header ul#main-nav li#locations a:visited{
				background-position: -96px 0;
				width: 101px;
			}

			#header ul#main-nav li#catering,
			#header ul#main-nav li#catering a:link,
			#header ul#main-nav li#catering a:visited{
				background-position: -237px 0;
				width: 104px;
			}

			#header ul#main-nav li#story,
			#header ul#main-nav li#story a:link,
			#header ul#main-nav li#story a:visited{
				background-position: -368px 0;
				width: 104px;
			}

				#header ul#main-nav li#menu a:hover,
				#header ul#main-nav li#menu a:active,
				#header ul#main-nav li#menu.nav-active a:link,
				#header ul#main-nav li#menu.nav-active a:visited{
					background-position: 0 -16px;
				}

				#header ul#main-nav li#locations a:hover,
				#header ul#main-nav li#locations a:active,
				#header ul#main-nav li#locations.nav-active a:link,
				#header ul#main-nav li#locations.nav-active a:visited{
					background-position: -96px -16px;
				}

				#header ul#main-nav li#catering a:hover,
				#header ul#main-nav li#catering a:active,
				#header ul#main-nav li#catering.nav-active a:link,
				#header ul#main-nav li#catering.nav-active a:visited{
					background-position: -237px -16px;
				}

				#header ul#main-nav li#story a:hover,
				#header ul#main-nav li#story a:active,
				#header ul#main-nav li#story.nav-active a:link,
				#header ul#main-nav li#story.nav-active a:visited{
					background-position: -368px -16px;
				}
#header #contact{float: right; width: 586px; height: 25px;}
#header #contact p{margin: 35px 0 0 50px;color: #fff;font-weight: bold;}
#header #contact .divide{padding: 0 12px;}
#header #contact a{color: #fff;}
#header #contact em{font-style: normal; color: #E58B24;padding-right: 2px;}

/* _MASTHEAD (if needed)
----------------------------------------------------------------------------- */
.Welcome_right { width:255px; float:right; margin: 10px 45px 0px 0px; padding:0;}
.Welcome_left { width:370px; float:left; margin: 50px 0 0px 0px; padding:0;}
.Welcome_contenu { width:700px; float:left; margin: 50px 0 0px 0px; padding:0;}
.Welcome_onglets { width:600px; float:left; margin: 0px 0 0px 0px; padding:0;}
.imagefloatleft { width:145px; float:left; margin: 0px 0 0px 0px; padding:0;}
.imagefloatleft2 { width:265px; float:left; margin: 0px 0 0px 0px; padding:0;}

#masthead{
	height: 330px;
	width: 893px;
	position: relative;
	z-index: 1;
}

		.promo-wrap{
			float: left;
			width: 893px;
			margin: 0 30px 0 28px;
		}

		.promo{
			width: 190px;
			float: left;
		}

		.promo a:link,
		.promo a:visited{
			display: block;
			background: transparent url(../img/menu-btn.png) no-repeat 0 0;
			height: 33px;
			text-indent: -13000em;
			width: 101px;
		}

		.promo a:hover,
		.promo a:active{ background-position: 0 -32px; }

		#masthead h2{
			color: #fff;
			font-family: "Trade Gothic", Arial;
			text-transform: uppercase;
			font-size: 26px;
			letter-spacing: -70;
			line-height: 26px;
			margin: 95px 0 0 2px;
			width: 156px;
		}

		.arrow{
			display: inline;
			margin: 0 0 2px 3px;
		}

		#masthead p.promo-text{
			font-size: 13px;
			line-height: 17px;
			color: #ffc123;
			margin: 2px 0;
			width: 150px;
			padding: 0 0 0 3px;
		}

		#subnav{
			width: 199px;
			margin: 65px 0 0 0;
			float: left;
		}

			#subnav ul{
				list-style: none;
				width: 179px;
				margin: 0;
			}

				#subnav ul a:link,
				#subnav ul a:visited{
					display: block;
					font-size: 11.2px;
					font-weight: bold;
					text-decoration: none;
					text-transform: uppercase;
					color: #fff;
					background: #000;
					padding: 5px 14px 4px 14px;
					border-top: 1px solid #222222;
				}

		#subnav ul a:hover,
		#subnav ul a:active{ background: #c20f10; }

			#subnav ul li.active a:link,
			#subnav ul li.active a:visited{ background: #c20f10; }
			
			#subnav ul li.top-active a:link,
			#subnav ul li.top-active a:visited{ background: #c20f10; }
			
			#subnav ul li.bottom-active a:link,
			#subnav ul li.bottom-active a:visited{ background: #c20f10; }

		#subnav ul.sub-menu-item li a:link,
		#subnav ul.sub-menu-item li a:visited{
			padding-left: 20px;
			background: #222222;
			font-size: 10px;
			font-weight: normal;
			text-decoration: none;
			text-transform: none;
		}

		#subnav ul.sub-menu-item li a:hover,
		#subnav ul.sub-menu-item li a:active{ background: #404040; }

		#subnav ul.sub-menu-item li.sub-active a:link,
		#subnav ul.sub-menu-item li.sub-active a:visited{
			padding-left: 20px;
			background: #404040;
			font-size: 10px;
			text-decoration: none;
			text-transform: none;
		}

		#main{
			position: relative;
			float: left;
			padding-bottom: 100px;
			width: 670px;
			padding: 0px 0px 0px 0px;
		}

		#related-items{
			float: left;
			width: 670px;
			margin: 30px 0 0 0px;
		}

		#related-items h3{
			font-size: 13px;
			color: #eb6300;
			padding: 0px 0 0 21px;
			margin: 0;
			text-transform: uppercase;
		}

		#intro-argu{
			float: left;
			width: 670px;
			margin: -30px 0 0 0px;
		}

		#intro-argu h2{
			font-size: 13px;
			color: #eb6300;
			margin: 0;
			text-transform: uppercase;
		}
		
		ul#items{
			margin-top: 4px;
		}

		ul#items li{
			background: transparent url(../img/thumbnail-bg.png) no-repeat 0 0;
			float: left;
			margin: 0 1px 0 0;
			width: 123px;
			height: 101px;
			list-style: none;
		}

		ul#items a:link,
		ul#items a:visited{ 
			color: #fff; 
			text-decoration: none;
		}

		.thumbnails{
			padding: 8px 0 0 7px;
		}
		
		#main p{
			color: #e8dac5;
			font-size: 13px;
			line-height: 19px;
			padding: 2px 40px 0 44px;
			margin: 0 0 15px 0;
		}
		
		#main h4{
			font-size: 14px;
			color: #fff;
			text-decoration: none;
			padding: 3px 0 0 44px;
			margin: auto;
		}

		#int-img{			
			float: left;
			margin: 43px 25px 23px 42px;
			width: 318px;
		}
		
		#global #int-img p{			
			color: #e8dac5;
			font-size: 13px;
			line-height: 19px;
			margin: 0 0 5px 0;
		}
		
		#int-img p span{			
   			color: #ffa324;
			margin: 0 0 5px 0;
		}
		
		#contact-img{
			float: left;
			padding: 0 10px 20px 0;
			width: 318px;
		}
		
		#int-content{
			float: left;
			width: 450px;
			margin: 50px 0 0 18px;
		}

		#global p{
			color: #e8dac5;
			font-size: 13px;
			line-height: 19px;
			margin: 0 0 15px 0;
		}
		
		#global a{
			color: #ffa829;
			font-size: 12px;
			text-decoration: none;
			margin: auto;
		}
		
		#global h4{
			font-size: 19px;
		    color: #fff;
			text-decoration: none;
			line-height: 22px;
			margin-bottom: 10px;
		}

		#global h5{
			font-size: 14px;
		    color: #fff;
			font-style: uppercase;
			line-height: 22px;
			margin-bottom: 10px;
		}

		#global-head{ margin: 0 0 17px 0; }

		#photo{
			float: left;
			margin: 2px 23px 15px 42px;
		}
		
		#global h3{
			font-size: 17px;
            color:#fff;
			text-decoration: none;
			line-height: 22px;
			padding: 5px 0 2px 0;
		}


		#locator h3{
			font-size: 12px;
			text-decoration: none;
			text-transform: uppercase;
			color: #fff;
			padding: 24px 0 0 15px;
		}

		#image-centrale{
			float: left;
			padding: 0px 0 0 28px;
		}

		#bg-frame{
			position: absolute;
			left: 335px;
			top: 182px;
		}

		.brand{
			width: 255px;
			float: left;
			margin: 78px 0 0 6px;
		}
		.brand-headline{
		}
		.brand p{
			font-size: 13px;
			line-height: 18px;
			color: #f0e4d2;
			margin: 7px 0;
			padding: 0 0 0 3px;
		}
		
		.cufon-loading h1,  .cufon-loading h2, .cufon-loading h3,  .cufon-loading #top-panel,  .cufon-loading .script { /* for Cufon.replace() */
	visibility: hidden !important;
}

		.menu-item{
			width: 300px;
			float: right;
			margin: 50px -25px 0 0;
		}

		#main .menu-item h1{
			font-family: "Arial", Sans-Serif;
			color: #fff;
			font-size: 22px;
			line-height: 24px;
			text-transform: uppercase;
			width: 240px;
			margin: 0;
			padding: 0 0 0 7px;
		}
		
		#main .menu-item h2{
			font-family: "Arial", Sans-Serif;
			color: #fff;
			font-size: 16px;
			line-height: 24px;
			text-transform: uppercase;
			width: 220px;
			margin: 0;
			padding: 0 0 0 7px;
		}
		
		.tooltip {
			background: #000;
			color: #f0e4d2;
			font-size: 10px;
			line-height: 14px;
			text-decoration: none;
			width: auto;
			padding: 3px 6px;
			border: 1px solid #888277;
		}

		#main .menu-item p{
			font-size: 12px;
			line-height: 17px;
			color: #f0e4d2;
			padding: 0 0 0 8px;
			margin: 3px 0 0 0;
		}
		
		#main .add-ons p span{
			font-size: 12px;
			font-weight: bold;
			line-height: 17px;
			color: #f0e4d2;
		}

		#main .add-ons p{
			width:650px;
			float: left;
			font-size: 13px;
			line-height: 17px;
			color: #f0e4d2;
			margin: 20px 0 0px 0px; padding:0;
		}
		
		#main .jcarousel{
			float: left;
			padding: 0 0 0 15px;
		}
		
		#main h1, .header{
			color: #ffffff;
			background-color: transparent;
			font-size: 14px;
			display: block;
			padding: 3px 0 0 0;
		}
/* _CONTENT-WRAP
----------------------------------------------------------------------------- */

#content-wrap{
		margin-top: 15px;
		top: 376px;
		height: 184px;
}

		#content-wrap .content-well{
			background: transparent url(/css/img/content-well-bg.png) no-repeat 0 0;
			float: left;
			width: 262px;
			height: 130px;
			margin-right: 14px;
			padding: 10px;
			position: relative;
			text-decoration: none;
			z-index: 1;
		}

		#content-wrap .content-well:link,
		#content-wrap .content-well:visited{
			background-position: 0 0;
			width: 262px;
		}

		#content-wrap .content-well:hover,
		#content-wrap .content-well:active{ background-position: 0 -147px; }

		
/* _FOOTER
----------------------------------------------------------------------------- */

#footer{
	padding: 50px 0 0 0;
	text-align: center;
	color: #fff;
	font-size: 10px;
}

#footer p a{ color: #fff; }

		#global-nav span{
			color: #8b8b81;
			font-size: 10px;
			padding: 0 5px 0 5px;
		}

		#global-nav a{
			color: #fff;
			font-size: 10px;
			text-decoration: none;
			text-transform: uppercase;
		}

		#global-nav a:hover,
		#global-nav a.active{
			color: #ffa829;
		}

		#footer p,
		#footer p a:link,
		#footer p a:visited{
			color: #8b8b81;
			font-size: 10px;
			line-height: 18px;
		}



		/* #masthead #ss-wrap
		----------------------------------------------------------------------------- */
		#ss-wrap {
			width: 940px;
			position: relative;
			overflow: hidden;
			margin-left: -25px;
		}

			/**
			 *  Horizontal Buttons
			 */

			#ss-prev,
			#ss-next{
				width: 40px;
				height: 78px;
				display: block;
				position: absolute;
				top: 124px;
				z-index: 4;
				text-indent: -5000px;
				cursor: pointer;
			}

			#ss-next{
				right: -60px;
				background: transparent url(../img/right-arrow.png) no-repeat 0 0;
			}

			#ss-next:hover{
				background-position: -50px 0;
			}

			#ss-prev{
			    left: -60px;
			    background: transparent url(../img/left-arrow.png) no-repeat 0 0;
			}

			#ss-prev:hover{
				background-position: -49px 0;
			}

			/**
			* 	Faded sides
			*/

			#ss-fade-left,
			#ss-fade-right {
				width: 23px;
				height: 338px;
				position: absolute;
				z-index: 3;
				top: -2px;
			}
.box {
	float: left;
	margin-right: 77px;
	margin-bottom: 0px;
	width: 227px;
	background: url("../img/box-bg.gif") left top repeat-y;
}
.box.last {margin-right: 0;}
.box .top {background: url("../img/box-top.gif") left top no-repeat;}
.box .bottom {
	padding: 23px 13px 23px 16px;
	background: url("../img/box-bottom.gif") left bottom no-repeat;
}
.box .icon {float: right;}
.box H3 {
	margin: 0;
	font-size: 18px;
	color: #ffffff;	
}
.box P {
	color: #666666;
	margin: 17px 0 0 0;
	line-height: 16px; 
	font-size: 13px;
	padding-bottom: 0px;
}
.box A {
	color: #999999;
	font-weight: normal;
	font-size: 13px;
}
.box A.biglink{
	font-weight: normal;
	font-size: 17px;
	color: #00adec;	
}
.relax {
	clear: both;
	height: 0;
	line-height: 0%;
	font-size: 0;
}