/* 
===========================================================================================	
	Developed by MCW Studio's
	For more information visit www.mcw.nl 

	Css documment for Mcw Cms websites.

	This is the main css file for the websites.
	This file is based on the rendering of Firefox 3.5 and Internet Explorer 8.
		
	The purpose of the other files is listed below:
	
	ie.css 		                -->		Needed to overcome the differences in 
										rendering between Firefox and Internet Explorer
	ie6.css		                -->		Needed for correct rendering in Internet Explorer 6


	Used colors within website:
	body background: #172C40;
	content background: #f6f3e9;

	text: #64604E;
	links: #00386E;
	kop: #00386E;	

===========================================================================================
*/

#weatherForecastButton iframe #tinybg {
	background-position:-338px -165px !important;	
}

/* ~~~~~~~~~~ GLOBAL ~~~~~~~~~~ */

.clear { clear:both; }

.hidden {
	display:none;	
}

html, body {
	margin: 0px; padding: 0px; width:100%; height:100%;
}
body {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	background-color:#172C40;
	background-image:url('../_images/bg.png');
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:left top;
	color:#64604E;
	margin-bottom:1px;
}
form {
	background:Transparent url('../_images/bg-trame.png') scroll no-repeat center center;
	height:760px;
}

a { 
	outline:none;
	color:#00386E;
}
img { border:none; display:block; }
ul {
	list-style:none;
	margin:0; padding:0 0 10px 0;
}
ul li {
	padding:0 0 5px 20px;
	background:Transparent url('../_images/bullet.gif') scroll no-repeat 0 3px;
}

/* ~~~~~~~~~~ END GLOBAL ~~~~~~~~~~ */


/* ~~~~~~~~~~ PAGE LAYOUT ~~~~~~~~~~ */

#pageContainer {
	position:relative; border-top:solid 33px #020305;
	background:#ffffff url('../_images/rounded-top.png') scroll no-repeat center top;
	width:960px; margin:0 auto;
	min-height:400px; height:auto !important; height:400px;
}
	#siteIdentity {
	     position:absolute; left:10px; top:-25px; z-index:1104;
	     width:82px; height:115px; overflow:visible;
	     
	}
		#siteIdentity a {
			display:block; text-decoration:none; outline:none; overflow:visible;
			width:82px; height:115px;
			color:#f6f3e9; font-size:14px;
			background:Transparent url('../_images/logo-novotel.png') scroll no-repeat 0 35px;
		}
		#siteIdentity a span {
			 width:82px; white-space:nowrap;
		}
	
	
	#pageVisual {
		background:#172C40;
		width:960px; height:205px;
		position:relative;
	}
		#pageVisual p { margin:0; padding:0; }
		#pageVisual img {
			width:960px;
			height:200px; padding-top:5px; padding-left:1px;
			border:none; outline:none; display:block;
		}
		.pageVisualFrame {
			background:Transparent url('../_images/pageVisualFrame.png') scroll no-repeat left top;
			width:960px; height:205px; overflow:hidden; text-indent:-9999px;
			position:absolute; left:0; top:0; z-index:1101;
		}
		#pageVisualFrameForEditor-left {
			width:15px; background-position:left 3px;
		}
		#pageVisualFrameForEditor-right {
			width:15px; left:945px; background-position:right 3px;
		}
		#pageVisual .ea {
			margin:0 -1px; padding:0;
		}
		
	#pageContent {
		width:960px;
		padding-top:1px;
	}
		#mainColumn {
			width:550px;
			background:#f6f3e9 url('../_images/bg-main-site.jpg') no-repeat left bottom;
			float:left;
			margin-left:170px;
			display:inline; /* ie6 double margin bug fix */
			min-height:500px; height:auto !important; height:500px;
			padding-bottom:20px;
			line-height:16px;
		}
		#mainColumn p, #mainColumn h1, #mainColumn h2, #mainColumn h3, #mainColumn h4, #mainColumn h5, #mainColumn h6, #mainColumn div div, #mainColumn ul, #mainColumn ol {
			padding-left:20px; padding-right:20px;
		}
		#mainColumn div.ea {
			width:550px; overflow:hidden;
		}
		#rightColumn {
			width:200px; padding:20px;
			float:left;
			overflow:hidden;
		}
		
/* ~~~~~~~~~~ END PAGE LAYOUT ~~~~~~~~~~ */



/* ~~~~~~~~~~ HOMEPAGE ~~~~~~~~~~ */

#homePageContent {
	width:960px;
	min-height:200px; height:auto !important; height:200px;
	padding-top:1px;
	background:Transparent url('../_images/bg-home-block.jpg') no-repeat center 1px;
}
#homePageVisual {
		background:#172C40;
		width:960px; height:465px;
		position:relative;
	}
		.homePageVisualImage {
			width:960px;
			height:460px; padding-top:5px;
			overflow:hidden;
		}
			.homePageVisualImage img, .homePageVisualImage object {
				width:960px;
				height:460px;
				border:none; outline:none; display:block;
			}
		.homePageVisualFrame {
			background:Transparent url('../_images/homePageVisualFrame.png') scroll no-repeat left top;
			width:960px; height:465px; overflow:hidden; text-indent:-9999px;
			position:absolute; left:0; top:0; z-index:1101;
		}
		.homePageVisualFrameLeft {
			background:Transparent url('../_images/homePageVisualFrame.png') scroll no-repeat left top;
			width:12px; height:465px; overflow:hidden; text-indent:-9999px;
			position:absolute; left:0; top:2px; z-index:1101;
		}
		.homePageVisualFrameRight {
			background:Transparent url('../_images/homePageVisualFrame.png') scroll no-repeat right top;
			width:12px; height:465px; overflow:hidden; text-indent:-9999px;
			position:absolute; right:0; top:2px; z-index:1101;
		}
#homeCol1 {
	padding:20px 4px 20px 20px;
	width:300px;
	float:left;
}
#homeCol2 {
	padding:20px 4px 20px 14px;
	width:290px;
	float:left;
	border-left:solid 2px #ffffff;
}
#homeCol3 {
	padding:20px 20px 20px 14px;
	width:290px;
	float:left;
	border-left:solid 2px #ffffff;
}
#homeCol1, #homeCol2, #homeCol3 {
	line-height:16px;
}

#starsrating {
	position:absolute;
	right:30px; top:80px;
}
	#starsrating a {
		display:block;
		width:150px; height:30px;
		overflow:hidden; text-indent:-9999px;
		background:Transparent url('../_images/rating.png') no-repeat right 0;
	}

/*#hammersrating {
	position:absolute;
	right:22px; top:390px;
}
	#hammersrating a {
		display:block;
		width:150px; height:57px;
		overflow:hidden; text-indent:-9999px;
		background:Transparent url('../_images/hamers5-home.png') no-repeat right 0;
	}*/
	
#earthcheck {
	position:absolute;
	right:22px; top:295px;
}

	#earthcheck a {
		display:block;
		width:101px; height:148px;
		overflow:hidden; text-indent:-9999px;
		background:Transparent url('../_images/earthcheck.png') no-repeat right 0;
	}

/* ~~~~~ Social ~~~~ */

#socialBox {
	     position:absolute; right:10px; top:-25px; z-index:99;
	     width:135px; height:115px; overflow:visible;
		 color:#fff;
	     
}

.addthis_toolbox {
	float:right;
}


/* ~~~~~ Tweets homepage ~~~~ */
#twitterCol {
	padding:20px 4px 20px 14px;
	width:290px;
	float:left;
	border-left:solid 2px #ffffff;
}

#twitterCol ul.tweet_list {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		
		#twitterCol ul.tweet_list li {
			overflow-y: auto;
			overflow-x: hidden;
			padding:  0 0 8px;
			background:none;
		}
		
		
		.tweet_list .tweet_avatar {
			padding-right: .5em; float: left;
		}
		
			.tweet_list .tweet_avatar img {
				vertical-align: middle;
			}
			
		.tweet_list .tweet_time {
			font-size:10px;
			margin-left:5px;
		}
		
			.tweet_list .tweet_time a {
				color:#333;
			}

/* ~~~~~~~~~~ END HOMEPAGE ~~~~~~~~~~ */


/* ~~~~~~~~~~ GALLERY PAGE ~~~~~~~~~~ */

#galleryPage {
	min-height:465px; height:auto !important; height:465px;	
}

#divGalleryImages img {
	border:none; outline:none; display:block;
}
#ui0 {
	padding:35px 0;
	background:Transparent url('../_images/bggallerythumbs.gif') no-repeat center top;	
}
#galPrev, #galNext {
	display:block; overflow:hidden;
	width:36px; height:56px;
	position:absolute; top:200px;
	z-index:1112;
	text-indent:-9999px;
}
#galPrev {
	left:3px;
	background:url('../_images/gallerymainleft.png') no-repeat 0 0;
}
#galNext {
	right:3px;
	background:url('../_images/gallerymainright.png') no-repeat 0 0;
}

/* ~~~~~~~~~~ END GALLERY PAGE ~~~~~~~~~~ */


		
/* ~~~~~~~~~~ FOOTER ~~~~~~~~~~ */

#footer {
	background:url("../_images/bg-footer.png") no-repeat scroll left top #172C40;
	color:#FFFFFF;
	font-size:10px;
	width:940px; padding:0 0 0 20px;
	height:67px;	
	border-bottom:solid 30px #172C40;
}
	#footer p {
		margin:0; padding:30px 0 0 0;
	}
	#footer a {
		color:#FFFFFF;
		text-decoration:none;
	}
	#footer a.novotellink {
		margin-right:78px;
		color:#7a93ad;
	}
	#footer a.mcwlink {
		margin-left:70px;
		color:#7a93ad;
	}
	#footer a:hover {
		text-decoration:underline;
	}
	#footer .footerdivider {
		padding:0 5px;
	}
	
/* ~~~~~~~~~~ END FOOTER ~~~~~~~~~~ */



/* ~~~~~~~~~~ MCW EDITOR DECLARATIONS ~~~~~~~~~~ */

/* MCW EDITOR DECLARTIONS */
h1, h2, h3, h4, h5, h6, p {
	margin:0; padding:2px;
}
h1 {
	color:#00386E;
	font-size:20px;
	padding:0 0 15px 0;
}
h2 {
	color:#00509d;
	font-size:14px;
}
h3 {
	color:#00509d;
	font-size:13px;
}
h4 {
	color:#00509d;
	font-size:12px;
}
h5 {
	color:#00509d;
	font-size:11px;
}
h6 {
	color:#00509d;
	font-size:10px;
}
p.pVariant1 {
	padding:20px 0 20px 0;
	border-top:solid 2px #ffffff;
	margin:0;
}
p.pVariant2 {
	padding:0 0 20px 0;
	border-bottom:solid 2px #ffffff;
	margin:0 0 20px 0;
}
a.aVariant1 {
	padding:0 0 0 20px;
	background:Transparent url('../_images/puce-link.png') scroll no-repeat 0 3px;
}

img.normalBorder { float:none; border:solid 1px #cccccc !important; padding:4px; }
img.normalNoBorder { float:none; border:none; }
img.leftBorder { float:left; border:solid 1px #cccccc !important; margin:2px 20px 5px 0; padding:4px; }
img.leftNoBorder { float:left; border:none; margin:2px 20px 5px 0; }
img.rightBorder { float:right; border:solid 1px #cccccc !important; margin:2px 0 5px 20px; padding:4px; }
img.rightNoBorder { float:right; border:none; margin:2px 0 5px 20px; }

.homepage img.leftBorder { margin:4px 10px 5px 0; padding:3px; }

div.borderBox {
	padding:15px 0 10px 0 !important;	
	border:solid 1px #cccccc;
	margin:10px 21px 20px 21px;
	background:#eae2ce url('../_images/borderbox.jpg') no-repeat 0 0;
}

/* END MCW EDITOR DECLARTIONS */

/* ~~~~~~~~~~ END MCW EDITOR DECLARATIONS ~~~~~~~~~~ */


/* ~~~~~~~~~~ GENERAL P & H SETTTINGS ~~~~~~~~~~ */

p {
	padding:0 0 15px 0;
}
h1 {
	padding:0 0 20px 0;
}
#homePageContent h1 {
	padding:0 0 19px 0;
	line-height:17px;
}
h2 {
	padding:0 0 10px 0;
}
#homePageContent h2 {
	padding:0 0 20px 0;
}
h3, h4 {
	padding:0 0 10px 0;
}
h5, h6 {
	padding:0 0 5px 0;
}

/* ~~~~~~~~~~ END GENERAL P & H SETTTINGS ~~~~~~~~~~ */


/* ~~~~~~~~~~ WEATHER FORECAST ~~~~~~~~~~ */

#weatherForecastButton {
	padding:15px 0 15px 27px; position:relative;
}
	#weatherForecastButton span {
		color:#00386E; display:block; padding:0 0 5px 4px;
	}
	#weatherForecastButton iframe {
		height:60px; width:86px; border:0; margin:0; padding:0;
	}
	#weatherForecastButton div {
		height:150px; width:110px; position:absolute; left:0; top:0; cursor:pointer;
	}

.frameWE {
	height:800px;
	margin:0 0 0 -15px;
	width:540px;
	border:none;
}

/* ~~~~~~~~~~ END WEATHER FORECAST ~~~~~~~~~~ */


/* ~~~~~~~~~~ GOOGLE DIRECTIONS ~~~~~~~~~~ */

#GoogleDirectionsDiv {
	margin:0 0 10px 20px;	
}
	#GoogleDirectionsDiv td div {
		padding:12px !important;	
	}
	#GoogleDirectionsDiv a {
		color:#00386E;
	}
	#GoogleDirectionsDiv .title a {
		padding:0 0 0 20px;
		background:Transparent url('../_images/puce-link.png') scroll no-repeat 0 3px;
	}
	#GoogleDirectionsDiv td {
		text-align:left !important;
	}
	#GoogleDirectionsDiv .powered, #GoogleDirectionsDiv .powered a  {
		color:#64604E;
		text-decoration:none;
		visibility:hidden;
	}
	
/* ~~~~~~~~~~ END GOOGLE DIRECTIONS ~~~~~~~~~~ */


/* ~~~~~~~~~~ COLORBOX JQUERY PLUGIN ~~~~~~~~~~ */	
	
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/_images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/_images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/_images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/_images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/_images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/_images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/_images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/_images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/_images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/_images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/_images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/_images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/_images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/_images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/* ~~~~~~~~~~ END COLORBOX JQUERY PLUGIN ~~~~~~~~~~ */	



/* ~~~~~~~~~~ SLIDE VIEWER PRO FOR GALLERY ~~~~~~~~~~ */	

.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer {
	padding-top:5px;	
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
padding:0;
background:none;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #00386E;
font-size: 12px;
text-align:center;

margin-left:0 !important;
margin-top:-29px !important;

}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
padding:0;
background:none;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left {
background:Transparent url('../_images/galleryleft.gif') no-repeat center center;	
}
a.right {
background:Transparent url('../_images/galleryright.gif') no-repeat center center;	
}
a.left span, a.right span{
	color:#00386e;
}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
/*background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
a.l_dis span, a.r_dis span {
visibility: hidden;
}
a:focus {outline:none;}

/* ~~~~~~~~~~ END SLIDE VIEWER PRO FOR GALLERY ~~~~~~~~~~ */