/* ----------------  reset  -------------------- */

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, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol, ul {list-style: none; }

.clear{clear:both;font-size:0px;line-height:0px;height:0px;}



/* ----------------  basic layout  -------------------- */

body {background-color: #26252a; font-family: "Trebuchet MS", Verdana, Arial; font-size:10pt;}

#container { 	
  position:absolute;
  height:500px; 
  width:100%;
  margin-top:-250px;
  top: 50%; 
  overflow: auto; 
  background: url(images/bg.jpg) top center repeat-x;
  text-align:center;
}

#clos1 {
  position: absolute;
  background: url(images/clos1.jpg) top center no-repeat; 
  margin-left: -480px; 
  left: 50%;
  width: 960px;
  height:500px;
  text-align:left;
}

#clos2 {
  position: absolute;
  background: url(images/clos2.jpg) top center no-repeat; 
  margin-left: -480px; 
  left: 50%;
  width: 960px;
  height:500px;
  text-align:left;
}

#clos3 {
  position: absolute;
  background: url(images/clos3.jpg) top center no-repeat; 
  margin-left: -480px; 
  left: 50%;
  width: 960px;
  height:500px;
  text-align:left;
}

#clos4 {
  position: absolute;
  background: url(images/clos4.jpg) top center no-repeat; 
  margin-left: -480px; 
  left: 50%;
  width: 960px;
  height:500px;
  text-align:left;
}




#left {float:left; text-align:center; width:302px; }
#navcontainer {height:460px;}

#right {float:left; width: 300px; text-align:center; }
#content {color:#665c52; height:460px; } 


#sub {
  position: absolute;
  margin-left: -480px; 
  left: 50%;
  width: 960px;
  height:30px;
  text-align:center;
  color:#535359;
  padding-top:10px;
}

#sub a {color:#535359;}
#sub a:hover {color:#998a7a;}

#music {display:inline; color:#535359;}





/* -------------------     nav      ---------------------- */

#navlist {padding:188px 0 0 0; text-align:center;}
#navlist li {background:url(images/separator.jpg) bottom center no-repeat; padding:8px 0 10px 0;}
#navlist li a {color:#e4e1de; text-decoration:none; text-transform:uppercase; font-size:9pt; letter-spacing:1px;}
#navlist li a:hover {color:#c8a883;}
#navlist li.last {background:none; padding:8px 0 10px 0;}
#navlist li a#currentpage {color:#c8a883;}


/* ----------------  type and colors  -------------------- */

h1 {color:#e4e1de; text-transform:uppercase; font-size:9pt; letter-spacing:1px; margin-bottom:8pt;}
h1#infos {padding-top:130px; padding-bottom:10px;}
h1#tarifs {padding-top:130px; padding-bottom:10px;}
p.claude, p.michiel, p.claude a, p.michiel a {color:#666666; font-size:8pt;}
p.claude a:hover, p.michiel a:hover {color:#999999;}
#content p {line-height:225%; font-family: Georgia; font-size:9pt;}
#content p.quote {padding-top:230px; line-height:190%; font-size:11pt; font-family: Georgia; }
#content p.author {color:#c6c7c8; padding:12pt 0 84px 0; font-family: Georgia; }
#content p.contactname {color:#c6c7c8; padding:110px 0 20px 0; font-family: Georgia; }

#content p.chambre {padding-top:70px;}
#content p.chambre a {font-size:9pt; font-family: Georgia; color:#665c52; line-height:150%;}
#content p.chambre a:hover {color:#786c55;}




/* ----------------   portrait pics   ------------------- */

#marquee {float:left; width:357px; padding-top:10px;}
#gallery {position: relative; width:357px; height:475px; overflow:hidden;}
#gallery li {display: block;}