html {
	margin: 0;
	padding: 0;
}

body {	
	margin: 0;
	padding: 0;
	height: 100%;
	
	background: url('images/customer/main_bg.gif') repeat-x #ffffff;
}
	body.page {		
		background-position: 0 -190px;
	}

	#global {
		background: url('images/customer/bg_main3.png') no-repeat 50% 0;
	}

#container {
	width: 960px;
	margin: 0 auto;

	position: relative;
}

/* Header
-------------------------------------------------------------- */

#header {
	height: 94px;
	margin: 10px 0 0 0;
}

	#tools {
		float: right;
		margin: 20px 0 0 0;
	}

		#tools a {
			color: #ffffff;
		}

			a.btn-register {
				display: block;
				width: 150px;
				height: 150px;

				margin: 0 0 0 220px;

				position: absolute;
				z-index: 90;

				background: url('images/customer/btn-register.png') no-repeat;
			}

			a.newsletter, a.facebook {
				width: 21px;
				height: 21px;
				display: block;
				float: left;
				margin: 0 3px 0 0;

				text-indent: -9999px;
			}
			
			a.newsletter {
				background: url('images/customer/ico_newsletter.gif') no-repeat;
			}
			a.facebook {
				background: url('images/customer/ico_fb.gif') no-repeat;
			}
			#tools a.reservation {
				background: #00cef5;
				padding: 4px 5px;
				margin: 0 0 0 10px;
			}
				#tools a.reservation:hover { 
					background: #00b3d5;
				}

	#menu, #menu li { margin: 0; padding: 0; list-style-type: none; }	
	#menu li { float: left; }

	#menu {
		width: 470px;
		float: right;
		text-align: center;
		margin: 10px 0 0 0;
	}

		#menu a {
			display: block;
			padding: 5px 15px;
			
			color: #dcdcdc;
			text-decoration: none;
			font-size: 14px;
		}
			#menu a:hover, #menu a.active {
				background: #121212;
				-moz-border-radius: 5px;
				border-radius: 5px;

				color: #ffffff;
				/*background: url('images/customer/bg_activeMenu.gif') no-repeat;*/
			}

	#logo a {
		display: block;
		width: 168px;
		height: 78px;
		margin: 0 0 0 10px;
		float: left;
	}

/* Main
-------------------------------------------------------------- */

#main {
	background: #ffffff;
	}

#main .two-columns {
	margin: 0 0 20px 0;
}

	#main .two-columns .column {
		width: 475px;
		float: left;
	}

	#main .two-columns .columnSeparator {
		width: 20px;
		height: 1px;
		float: left;
	}

	#main .two-columns .mainLeft {
		width: 312px;
		float: left;
		margin: 0 20px 0 0;
	}

	#main .two-columns .mainRight {
		width: 628px;
		float: left;
	}
		#main .two-columns .mainRight .leftSide{
			width: 380px;
			float: left;
		}

		#main .two-columns .mainRight .rightSide {
			width: 225px;
			float: left;
			margin: 0 0 0 20px;
		}

#main .three-columns {
	margin: 0 0 20px 0;
}

	#main .three-columns .column {
		width: 310px;
		float: left;
	}

	#main .three-columns .doubleColumn {
		width: 640px;
		float: left;
	}

	#main .three-columns .columnSeparator {
		float: left;
		width: 15px;
		height: 1px;
	}

/* Footer
-------------------------------------------------------------- */

#footer{
	width: 960px;
	border-top: 1px solid #e6e6e6;

	font-size: 10px;
	color: #262626;
	text-align: center;
	margin: 15px auto 10px auto;
	padding: 10px 0 0 0;
}

	#footer a {
		text-decoration: none;
		color: #262626;
	}

#share {
	width: 960px;
	text-align: center;
	margin: 0 auto 50px auto;
}

/* Float Elements
-------------------------------------------------------------- */

.floatLeft { float:left; }
.floatRight { float:right; }

/* Misc classes
-------------------------------------------------------------- */

.cadre,
.notice, 
.important    { padding: 10px; margin-bottom: 0; border: 1px solid #ddd; }

.cadre      { border-color: #e6e6e6; margin-bottom: 10px;color: #404040; background: #f6f6f6;}
.notice      { background: #e3eef8; color: #4d87be; border-color: #72aade; }
.important    { background: #ffeff6; border-color: #b70f5a; margin-bottom: 10px; color: #b70f5a;}
.importantText { color: #e5037f; }
	
	.notice a    { color: #4d87be; }
	.important a  { color: #c8006e; }

	
/* modal Popup
-------------------------------------------------------------- */

.modalPopup {
	padding: 20px; 
	border: 10px solid #cecdcd; 
	background-color: #fff;
}

.modalPopup  .btnClose {
	width: 20px;
	height: 20px;
	border: 0px solid #fff;
	background-color: #cecdcd;

	position: absolute;
	margin-top: -49px;
	margin-left: 511px;

	color: #fff;
	font-size: 10px;
}

.modalPopup  .btnClose:hover {
	background-color: #181818;
}
 
.nyromodal_PopUp {
	padding: 15px;
	background-color: #fff;
}

/* bannerZone
-------------------------------------------------------------- */

.bannerZone {
	margin: 0;
	padding: 0;
}

	.bannerZone li img {
		display: block;
	}

	.bannerZone li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.bannerPage .bannerZone li {
		height: 200px;
	}