/**** CSS RESET ****/
* { outline:none; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,container
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; 
} 

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */

a { text-decoration: none; }

/**** GENERAL ****/
.clear { clear: both; }
.loading { background : url(../images/loading.gif) center no-repeat;}
#TA_tchotel{width: 158px;float: left;}

/**** STRUCTURAL ****/
html, body { height: 100%; }
body { overflow-y: scroll; background: no-repeat;}
#main-wrapper { min-height: 100%; width: 100%; }
#wrapper-container {height: 100%; /* must be same height as the footer (sticky footer) */  }  
.wrapper { width: 956px; margin: 0 auto; }
#footer {position: relative; margin-top: -72px; /* negative value of footer height (sticky footer) */ height: 72px; clear:both; }
#footer.footer_galler {position: relative; margin-top: -72px; /* negative value of footer height (sticky footer) */ height: 90px; clear:both; }
/*Opera Fix (sticky footer) */
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ }
#content-wrapper { margin: 95px 0 150px 0; padding: 40px 20px 45px 25px; width: 911px; }
#left_col { width: 450px; float: left; }
#right_col { width: 450px; float: right; }

/**** CONTENT STRCUTURE ****/
.place_options { width: 100px; margin-right: 20px; float: left; }
.content { float: left; }
#accomodations .content, #resort .content { width: 325px; }
#faq .content, #contact .content, #page .content, #awards .content { width: 790px; }
#page .content { width: 910px; }

/**** STRUCTURAL STYLING ****/
html, #footer, #content-wrapper { background: url(../images/bg_tile.gif) repeat; }
body {  background:  top center no-repeat fixed; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 12px; color: #414552; }
#index #header { background: url(../images/bg_tile_header.gif) repeat-x; position: absolute; z-index: 99; width: 100%}
#index #content_flash { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0;}
.content_flash {
	height: 100%;
}

#header .brochure{font-family: 'GillSans'; font-size: 10px;line-height: 11px;position: absolute;right:280px;top:7px;text-transform: uppercase;color:#223f5d;background:url(../images/arrow_right.png) left center no-repeat;padding-left:10px;}
#header .brochure:hover{color:#f15c22;background:url(../images/arrow_rightHover.png) left center no-repeat;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}

/**** LANDING PAGE ****/
body#index { background: url(../images/bg_tile.gif) repeat; }
#index #main-wrapper { height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 899; }
#index #footer { position: fixed; width: 100%; bottom: 0; z-index: 9999; }
#index #animated-background .background-image{ position:absolute; top:0; height: 100%; width: 100%}

#index #animated-background #fixed-stay{display: none; background: url(../images/background/slideshow/stay.jpg) center no-repeat white; z-index: -1; position:absolute; top:0; height: 100%; width: 100%}
#index #animated-background #fixed-eat{ display: none; background: url(../images/background/slideshow/eat.jpg) center no-repeat white; z-index: -1; position:absolute; top:0; height: 100%; width: 100%}
#index #animated-background #fixed-indulge{ display: none; background: url(../images/background/slideshow/indulge.jpg) center no-repeat white; z-index: -1; position:absolute; top:0; height: 100%; width: 100%}

/**** GALLERY ****/
body#gallery { background: url(../images/bg_tile.gif) repeat; }
#gallery #main-wrapper { min-height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 899; }

#gallery #footer { position: absolute; width: 100%; bottom: 0; z-index: 9999; }
#gallery #animated-background { width: 100%; height: 100%; background: white; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; z-index: -999;}
#gallery #animated-background .background-image { position:absolute; top:0; height: 100%; width: 100%; overflow: hidden;} 

#landing_cta { width: 751px; height: 365px; margin: 0 auto; position:absolute; left: 50%;  top: 50%; margin-top: -150px; /* moitiŽ de la hauteur */ margin-left: -375px; /* moitiŽ de la largeur */ }
#landing_cta .stay-cta { display: none; width: 368px; height: 153px; text-indent: -9999px; position: absolute; top: 0; left: 253px; z-index: 9902;}
#landing_cta .stay-cta-out { display: block; width: 368px; height: 153px; text-indent: -9999px; background: url(../images/home_stay.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; z-index: 9998;}
#landing_cta .stay-cta-over { display: block; width: 475px; height: 153px; text-indent: -9999px; background: url(../images/home_stay.png) 0 -153px no-repeat; position: absolute; top: 0; left: 0; z-index: 9998; } 
#landing_cta .eat-cta{ display: none; width: 303px; height: 121px; text-indent: -9999px; position: absolute; top: 101px; left: 126px; z-index: 9903;  }
#landing_cta .eat-cta-out{ display: block; width: 303px; height: 121px; text-indent: -9999px; background: url(../images/home_eat.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; z-index: 9999; }
#landing_cta .eat-cta-over { display: block; width: 410px; height: 121px; text-indent: -9999px; background: url(../images/home_eat.png) 0 -121px no-repeat; position: absolute; top: 0; left: 0; z-index: 9999; } 
#landing_cta .indulge-cta{ display: none; width: 644px; height: 153px; text-indent: -9999px; position: absolute; top: 214px; left: 0px; z-index: 9901;}
#landing_cta .indulge-cta-out{ display: block; width: 644px; height: 153px; text-indent: -9999px; background: url(../images/home_indulge.png) 0 0 no-repeat; position: absolute; top: 0; left: 0px; z-index: 9999;}
#landing_cta .indulge-cta-over { display: block; width: 751px; height: 153px; text-indent: -9999px; background: url(../images/home_indulge.png) 0 -153px no-repeat; position: absolute; top: 0; left: 0px; z-index: 9999; } 

/**** Pastille ****/
.pastille{position:absolute; right:40px; top:148px; z-index:9999; width:171px; height:171px;}
.pastille a{display: block;position: relative;}
.pastille a img{width: 100%;}
.pastille a .normal{opacity: 1;position: absolute;top: 0;left: 0;z-index:0;}
.pastille a .hover{opacity: 0;position: absolute;top: 0;left: 0;z-index:1;-webkit-transition: opacity .3s ease;-moz-transition: opacity .3s ease;-o-transition: opacity .3s ease;-ms-transition: opacity .3s ease;transition: opacity .3s ease;}
.pastille a:hover .hover{opacity: 1;}
			
/**** GENERAL STYLING ****/
h1 { color: #297fb6; font-size: 30px; font-family: 'CenturySchoolbook', serif;  font-weight: normal; border-bottom: 2px solid #82b3b3; margin-bottom: 30px; margin-top: 5px; padding-bottom: 4px; padding-left: 5px;position: relative; }
h2 { font-size: 20px; color: #297fb6; font-weight: lighter; font-family: 'CenturySchoolbook', serif; margin-bottom: 1em; }
h3 { font-size: 12px; color: #297fb6; margin-bottom: 1em; line-height: 14px; margin-right: 5px }
h4 { font-size: 12px; color: #414552; margin-bottom: 0.5em; line-height: 14px;}
h5 { font-size: 12px; color: #414552; margin-bottom: 0.5em; line-height: 14px; font-weight: normal; }
p { margin-bottom: 1.5em; line-height: 1.3em; margin-right: 10px; }
#intro p { font-size: 15px; font-family: Georgia, serif; color: #414552; font-style: italic; line-height: 20px; }
.copy { font-size: 10px; font-style: italic; }
.light { color: #818284; }
h1 .bt_back { position: absolute; right: 0; margin-top: 15px; }
.link_arrow { display: block; height: 13px; line-height: 13px; background: url(../images/arrow_circle.png) left 0 no-repeat; padding-left: 17px; color: #012345; font-family: 'GillSans', sans-serif; font-size: 11px; text-transform: uppercase; margin-bottom: 10px; }
.link_arrow:hover { color: #2178b0; background-position: 0 -13px; }
.small_hr { background: url(../images/small_sep.gif) center bottom no-repeat; padding-bottom: 20px; margin-bottom: 20px; height: 1px; clear: both;}
.hr { color: #79b5b5; background-color: #79b5b5; height: 1px; margin-bottom: 25px; clear: both; }
.hr2 { color: #79b5b5; background-color: #79b5b5; height: 1px; margin-bottom: 15px; clear: both; }
.space1 { margin-bottom: 15px; }
ul[style="list-style-type: disc;"] { list-style-position: outside;  }
ul[style="list-style-type: disc;"] li{ line-height: 1em; line-height: 14px; }
p a { color: #414552; text-decoration: underline; }

/**** BUTTONS ****/
.bt_back { background: url(../images/arrow_circle_back.png) 0 0 no-repeat; padding-left: 17px; color: #012345; font-family: 'GillSans', sans-serif; font-size: 11px; text-transform: uppercase; height: 13px; line-height: 13px;  }
.bt_back:hover { color: #2178b0; background-position: 0 -13px; }

.bt_book_now { display: block; width: 100px; height: 100px; background: url(../images/bt_book_now.png) 0 0 no-repeat; text-indent: -9999px; margin-bottom: 15px; }
.bt_book_now_over {display: block; width: 100px; height: 100px; background: url(../images/bt_book_now.png) 0 -100px no-repeat; text-indent: -9999px; margin-bottom: 15px;}

.bt_read_reviews { display: block; width: 100px; height: 100px; background: url(../images/bt_read_reviews.png) 0 0 no-repeat; text-indent: -9999px;}
.bt_read_reviews_over { display: block; width: 100px; height: 100px; background: url(../images/bt_read_reviews.png) 0 -100px no-repeat; text-indent: -9999px; }

/**** HEADER ****/
.language-selector { display: block; display: none; line-height: 10px; width: 70px; text-align: right; padding: 0 12px 0 0; margin-top: 7px; color: #012345; font-family: 'GillSans', sans-serif; font-size: 10px; text-transform: uppercase; background: url(../images/down_arrow.png) right 2px no-repeat; float: right; }
.language-selector:hover { background-position: right -5px; color: #2178b0; }

/**** MAIN NAV ****/
#mainnav-container { width: 618px; padding: 15px 25px 25px 35px; background: url(../images/bg_tile.gif) 2px 1px repeat; overflow: hidden; }
#mainnav-container.mainnav_container_index { top:-200px; position: relative }
#mainnav-container.mainnav_container_gallery { top:0px; position: relative }
#mainnav-container.mainnav_container_gallery .mainnav_container_gallery_display { display: none; position: relative; top:15px; text-align: center; width: 50px; color: #012345; font-family: 'GillSans', sans-serif; font-size: 10px; text-transform: uppercase; background: url(../images/down_arrow.png) right 2px no-repeat;  float: left;}
#logo { display: block; width: 143px; height: 91px; margin-right: 35px; background: url(../images/matachica_logo.png) no-repeat; text-indent: -9999px; float: left; }
#mainnav { display: block; float: left; width: 440px; margin-top: 10px;  }
#mainnav li { width: 120px; border-left: 1px solid #79b5b5; float: left; }
#mainnav li.second { width: 125px; }
#mainnav li.last { width: 190px; } 
#mainnav li.logo { margin:-3px 0 0 0;} 
#mainnav li.logo a{background:none!important;}
#mainnav li a { display: block; width: 88px; margin: 0 10px; font-family: 'CenturySchoolbook', serif; font-size: 18px; color: #09163f; padding: 3px 6px; background-color: white  transparent; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
#mainnav li.over a, #mainnav li.active a { background: #09163f; color: #ffffff; }

#mainnav li.middle a { margin: 10px; }
#mainnav li.second a { width: 93px; }
#mainnav li.last a { width: 158px; } 
.mainnav_container_gallery_display { display: block; position: relative; top:15px; text-align: center; width: 50px; color: #012345; font-family: 'GillSans', sans-serif; font-size: 10px; text-transform: uppercase; background: url(../images/down_arrow.png) right 2px no-repeat;  float: left;}
#mainnav li.img{width:82px; height:23px;}


/**** FOOTER ****/
#footer > .wrapper { width: 910px; overflow:hidden; }
#footer ul.awards { padding-top: 0px;float: left;width:246px;padding-left: 0px;}
#footer ul.awards li { display: inline; margin-left: 15px; }
#footer ul.awards li .award2011{margin-top: 7px;}
#footer ul#footer-nav {float: left; padding: 28px 5px 0 0; text-align: right; }
#footer ul#footer-nav li { display: inline; border-right: 1px solid #82b3b3; }
#footer ul#footer-nav li a { color: #012345; font-family: 'GillSans', sans-serif; font-size: 11px; text-transform: uppercase; margin: 0 10px; }
#footer ul#footer-nav li a:hover { color: #2178b0; }
#footer .logo{float:left; height:23px; width:82px; margin:21px 0 0 10px;}

/**** STAY / EAT / INDULDGE****/
#stay #left_col { width: 290px; }
#stay #right_col { width: 608px; }

/* intro */
#intro { background: url(../images/small_sep.gif) center bottom no-repeat; padding-bottom: 20px; margin-bottom: 30px; }
#stay #intro { background: none; padding-bottom: 0; margin-bottom: 0;}

/* rates */
#accomodations .content .rates { margin: 0 0 25px 0; overflow: hidden; }
#accomodations .content .rates li{ width: 150px; border-left: 1px solid #79b5b5; float: left; padding-left: 7px; font-family: 'CenturySchoolbook', serif; font-size: 14px; color: #297fb6; }
#accomodations .content .rates li ul{ margin-top: 20px; overflow: hidden;}
#accomodations .content .rates li li{ border-left: none; padding: 0; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 11px; color: #414552; line-height: 14px; height: 70px; }
#accomodations .content .rates li li h3{ font-size: 11px; font-weight: bold; color: #297fb6; }


/*** MENU ***/
#tab_container { width: 450px; overflow: hidden}
#tab_container #tab_contain_container {width: 1800px; position: relative}
#tab_container #tab_contain_container ul { width: 450px; float: left;}

/*** LATES FIXES BY J-M ***/

#hiddenText{
	padding-bottom: 72px;
	width: 100%;
	height: auto;
}

#textContent {
	width: 910px;
	margin: 0 auto;
	padding: 20px 0;
	height: auto;
	text-align: center;
}

#blackBorder {
	width: 100%;
	height: 1px;
	background-color: #579943;
}

.fixedHeader {
	position: fixed !important;
}