/* CSS Document */
/* general */
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
.signal {
	border: 1px solid red;
}
.signal2 {
	border: 1px solid blue;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.nofl {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height:0px;
}
.nodisp {
	display: none;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.bold {
	font-weight: bold;
}
hr {
	display: none;
}
img {
	border: 0px solid #000;
	behavior: none !important;
}
a {
	color: #000;
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	background: #282828;
	font-family: "Lucida Grande", Verdana, Arial, helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	color: #807f7f
;
}

/* === EASYCLEARING === */
#wrap:after,
#wrapr:after,
#btmwrapr:after,
#bl1:after,
#bl2:after,
#bl3:after,
#bl4:after,
#bl5:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


p {color: #606060}
/*layout*/

.beforewrap {width: 760px; margin: 10px auto 5px}
.beforewrap h1.title {color: #808080; font-size: 10pt; text-align: left;  font-weight: normal; float: left}
.beforewrap .languages {float: right}
.beforewrap .languages img {border: 1px solid #cccccc; padding: 1px;}

#wrap {
	text-align: left;
	position: relative;
	margin: 0 auto;
	background: #FFF;
	width: 760px;
	padding-bottom: 15px;
}

#wrapr {
	text-align: left;
	margin: 0 auto;
	background: #FFF;
	width: 760px;
	height: 650px;
}

/* text */
#content {
	float: left;
	width: 220px;
}
.text h1 {
	padding-top: 5px;
	font-size: 110%;
	line-height: 150%;
	margin-bottom: 1em;
}
.text h2 {
	font-size: 10px;
	line-height: 120%;
	margin: .5em 0 1em;
	color: #d11536;
 font-weight:normal;
}
.text h3 {
}
.text h4 {
}
.text h5 {
}
.text h6 {
}
.text p {
	font-size: 75%;
	line-height: 110%;
	margin: .4em 0 .8em;
	color: #606060;
}
.maintext p {
	font-size: 75%;
	line-height: 160%;
	margin: .4em 0 .8em;
	color: #606060;
}

.text p a {
	text-decoration: none;
}
.text ul, .text ol {
	margin: .4em 0 .8em;
	margin-left: 40px;
}
.text ul ul, .text ol ol {
	margin: .2em 0 .4em;
	margin-left: 40px;
}
.text ul p, .text ol p {
	font-size: 100%;
	line-height: 120%;
}
.text li {
	font-size: 90%;
	line-height: 120%;
}
.text li li {
	font-size: 100%;
	line-height: 120%;
}
.text li a {
	text-decoration: none;
}
.text a {
	color: inherit;
}
.text a:hover {
	color: inherit;
}
.text hr {
	display: block;
}
.center {
	text-align: center;
}
/*sidebar*/
#sidebar {
	top: 88px;
	float: right;
	width: 540px;
	overlow:hidden;
}
.gutterrt {
margin: 0px 0px 0px 0px;
padding:0px;
overlow:hidden;}

.gutterrt div.image {
	height: 130px;
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0px;
}

.gutterrt .rb {border-right: 1px solid #ffffff; width: 129px}
.gutterrt .lb {border-left: 1px solid #ffffff; width: 129px}
.gutterrt .lrb {border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; width: 128px}

.gutterrt div.image img {
	position: absolute;
	top: 0px;
	left: 0px;
}

.gutternav{
font-size:10px;
margin: 30px 20px 0 0;
letter-spacing: 2px;
}
.gutterrb {
margin: 0 12px 0 0;
padding:0px;
}

#content .gutter {
	margin: 10px 20px 0px 20px;
}

.frimg {
	float: right;
	padding: 5px;
	border: 1px solid #999999;
	margin: 5px;
}

.b-mask {
	position:relative;
	text-align:center;
	width:259px;
	height:130px;
	left: 262px;
	top:-131px;
	background-color:#666666;
}

.nav-top{
top:60px;
text-align:right;
float:right;
width:240px;
height:20px;
color:#c51f35;}

.nav-top a{
color:#c51f35;}
.nav-top a:hover{
color:#333333;}
.logo{
float:left;
width:152px;}
#header {
	margin: 0;
	height: 88px;
width: 760px	}


.footer{
margin:0px;
width:760px;
height:68px;
color: #bababa;}



.bl1{
	z-index: 1;
	float: left; _display:inline;
	margin-left:0px;
	_margin-left:-10px;
	width:215px;
	background:#fff;
	
	}
	
.bl2{
	float: left; _display:inline;
	width:130px;
	background:#fff;
	margin-left: 10px;
	}
	
.bl3 {
	float: left; _display:inline;
	width:130px;
	background:#fff;
	margin-left: 5px;
	}
	
.bl4{
	float: left; _display:inline;
	width:120px;
	background:#fff;
	margin-left: 5px;
	}
.bl5 {
	float: left; _display:inline;
	width:130px;
	background:#fff;
	margin-left: 5px;
	}
	
.navigation{
	float:right;
	margin-top:38px;
	height: 16px;
	width: 545px;

}	
.navigation ul {
	list-style:none;
}
.navigation li {
	display:block;
	margin: 0 5px;
	float: left;
	font-size: 9pt;
}

.language_fr .navigation li {
	margin: 0 5px;
}

.navigation a{
font-family: Verdana, sans-serif;
font-size:0.9em;
color:#404040;
}
.navigation a:hover{
	color: #C51F35;
}
/*room*/

.btmwrapr{
position: relative;
width:760px;
background: #ffffff;
}

.roomf{
position: absolute;
top: 0px; left: 0px;
width:200px;
margin-left:20px;
background-color:#dcdcdc;
font-size:10px;
height:298px;
overflow: hidden
}

.roomf li{
color:#333333;
}

.roomf ul{
margin-left:20px;}

.roomf p{
color:#333333;}

.roomf h2{
	font-size: 14px;
	line-height: 120%;
	margin: .5em 0 1em;
	color: #d11536;
	font-weight:normal;
}

.gutter{
margin:10px;}

.module-text{
overflow: hidden;
width:510px;
margin-left:230px;}

.room-text{
overflow: hidden;
width:375px;
margin-left:230px;}

.room-text p{
margin:5px;
font-size:10px;
line-height:180%;
}

.room-text h2, .module-text h2{
margin:5px;
color:#d11536;
font-size:24px;
font-weight:normal;}


.room-text h4, .module-text h4{
margin:5px;
color:#d11536;
font-size:12px;
font-weight:bold;}


.picr{
position:absolute;
right: 20px;
top: 0px;
margin-left:613px;
width:130px;
}

#content .gutterr {
	margin: 30px 20px 20px 20px;
}

/* Booking Container */

.bookingMaskOverlay
{
	position: absolute; 
	z-index: 2; 
	top: 0px; left: 0px; 
	width: 520px; height: 42px; 
	background: #404040; 
	opacity: 0.75;
	-ms-filter: "alpha(opacity=50)"; 
	filter: alpha(opacity=50);
}

#bookingFormHome {
	padding-left: 20px;
	padding-right: 20px;
	height: 115px;
}

#bookingFormHome label {
	color: #606060; font-size: 7pt;
}

#bookingForm label {
	color: #ffffff; font-size: 7pt;
	display: block;
}

#bookingForm
{
	position: absolute;
	top: 4px;
	width: 520px;
}

#bookingHead {
	float:left;
	font-size:10px;
	width:150px;
	margin-left:0px;
	margin-top:13px;
}

#calendarPop {
	position:relative;
	width:20px;
	height:15px;
	float:left;
	z-index:10;
	margin-left:4px;
}

#dateInCalendar {
	position:absolute;
	bottom:-20px;
	left:25px;
	display:none;
}

#DateIn {
	width:65px;
	float:left;
}

#dateInBlock label {
	padding-left:4px;
	
}

#dateInBlock, .formBlock {
	float:left;
	margin-left:5px;
}

#bookingFormHome .bookNowButtonHome {
	background: url(../images/go_button_left.jpg) no-repeat left top;
	/* height: 21px; */
	float: left;_display:inline;
	margin: 5px 0 0;
}

.bookButton {
	cursor: pointer;
	clear: left;
	background:url(../images/go_button_right.jpg) no-repeat right center;
	border: none;
	float: left;_display:inline;
	margin: 0px 0 0 10px;
	padding: 2px 14px 2px 4px;_padding: 1px 12px 2px 0px;
	/* min-width:40px; */
	
	text-align: center;
	font-size: 0.9em;
	color: #000000;
}

	*+html .bookButton {
		padding: 2px 12px 2px 0px;
	}

	#bookingFormHome .buttonLeft {
		background: url(../images/button-left.jpg) no-repeat scroll 0 0 transparent;
		height: 21px;
		position: absolute;
		left: 26px;
		top: 107px;
		width: 10px;
	}
	
.bookButtonSub {
	cursor: pointer;
	font-size: 7pt;
	color: #ffffff;
	display: inline;
	background: transparent;
	border: none;
}
#joinEmailButton {
	padding:14px 9px 9px;
	display:block;
	float:left;
	cursor:pointer;
	font-size:13px;
}

/* Join Email Form */
#joinEmailForm {
	float:left;
	width:320px;
	margin-top:10px;
}

#joinEmailForm h4 {
	float:left;
	font-size:12px;
	width:80px;
	margin-left:0px;
	margin-top:13px;
}

#joinEmailForm p {
	float:left;
	font-size:8px;
	width:60px;
}

#joinEmailForm input {
	width:90px;
	float:left;
}

#emailInputBlock {
	width:90px;
}

div#small-print {
	margin: 5px auto 10px;
	width: 760px;
}
div#small-print p {
	margin: 0.5em auto;
}
div#small-print a {
	color: #901d22;
}

div.popup-div {
	color: #808080;
}

div.popup-div p {
	margin: 15px 0;
}

div.popup-div  h1 {
	color: #D11536;
	font-size: 20px;
	font-weight: normal;
	margin: 0.5em auto 0.5em auto;
}

#share #rss,
#share #facebook,
#share #twitter{
	width:30px;
	height:30px;
}

#bestRate{
	margin:10px 0 0 20px;
}

#bestRate .rooms-available,
#bestRate .price{
	text-transform: uppercase;
	font-size: 20px;
	color: #de032d;
}

#bestRate .from{
	font-size: 16px;
	margin: 0 2px;
}

#bestRate .guaranteed{
	text-transform: uppercase;
	display: block;
}

#bestRate .from{
	
}

#bestRate #buttonOffer{
	margin: 0 0 0 10px;
	position:relative;
	background: transparent url(../images/button-bg.jpg) repeat-x;
	padding: 3px 10px;
	height:21px;
}

#bestRate #buttonOffer .left{
	position:absolute;
	background: transparent url(../images/button-left.jpg) no-repeat;
	top:0px; left:-10px;
	width:10px; height:21px;	
}

#bestRate #buttonOffer .right{
	position:absolute;
	background: transparent url(../images/button-right.jpg) no-repeat;
	top:0px; right:-10px;
	width:10px; height:21px;
}