body {background: black url(images/hotel5-bg.jpg) 0 0 no-repeat fixed;}
body {position: relative; margin: 0; padding: 0;}

div#content { 
   background-color: white;
   background-image: url(images/hotel5-blue.jpg);
   background-position: 0 0;
   background-repeat: no-repeat;
   background-attachment: fixed;
   }

div#content {position: absolute; top: 0px; left: 300px; right: 25px;
   color: black; font: 13px Verdana, sans-serif; padding: 10px; font-weight: 300; 
   border: none;}

div#content p  {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}

div#content2 { 
   background-color: #addfff;
   background-image: url(images/hotel5-blue.jpg);
   background-position: 0 0;
   background-repeat: no-repeat;
   background-attachment: fixed;
   }

div#content2 {position: absolute; top: 0px; left: 300px; right: 25px;
   color: white; font: 14px Verdana, sans-serif; padding: 10px; 
   border: solid #FFCC99; font-weight:normal}

div#content2 p  {margin: 0 1em 1em;}
div#content2 h3 {margin-bottom: 0.25em;}

div#links a {background: transparent url(images/hotel2-fade.jpg) 0 0 no-repeat fixed;}
div#links a:hover {background: transparent url(images/hotel2-wash.jpg) 0 0 no-repeat fixed;}

div#links a {display: block; text-align: center; font-size: 16px; font-family: sans-serif;  
   padding: 2px 2px; margin: 0 0 2px; border-width: 0; 
   text-decoration: none; color: yellow; font-weight: 900; font-style: italic}
div#links a:hover {color: black; font-weight: 900; font-style: italic}

div#links {position: absolute; top: 48px; left: 0; width: 160px; height: 2000px; font-size: 14px; font-family: Verdana, sans-serif; font-weight: 900}

h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: orange; color: #024; letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}

td.maroon {color:maroon; font: bold 12px sans-serif;}
td.orange {color:orange; font: bold 12px sans-serif;}

p.maroon {color:maroon; font: bold 16px sans-serif;} 
p.green {color:green; font: bold 16px sans-serif;} 

A.maroonlink {color:#ff9c4a;
           border-left:0px solid #000;
           border-right:0px solid #000; 
	   border-bottom:0px solid #000;
           border-top:0px solid #000;
           padding-left:2px;
           padding-right:2px;
	   float:left;
	   width:280px;
           background:#468;
	   margin:2px 2px 2px 2px;
           border-color:#616d7e;
           font-size: 15px;
           text-decoration: underline;}

A.orangelink {color:#ff9c4a;
           border-left:0px solid #000;
           border-right:0px solid #000; 
	   border-bottom:0px solid #000;
           border-top:0px solid #000;
           padding-left:2px;
           padding-right:2px;
	   float:left;
	   width:400px;
           background:#468;
	   margin:2px 2px 2px 2px;
           border-color:#616d7e;
           font-size: 16px;
           text-decoration: underline;}

A.yellowlink {color:yellow;
           border-left:0px solid #000;
           border-right:0px solid #000; 
	   border-bottom:0px solid #000;
           border-top:0px solid #000;
           padding-left:2px;
           padding-right:2px;
	   float:left;
	   width:400px;
           background:#468;
	   margin:2px 2px 2px 2px;
           border-color:#616d7e;
           font-size: 16px;
           text-decoration: underline;}
A:hover.maroonlink {color:yellow}
A:hover.orangelink {color:yellow}
A:hover.yellowlink {color:#ff9c4a}
A:hover.languages {color:black}

A.languages {color:yellow;
           border-left:0px solid #000;
           border-right:0px solid #000; 
	   border-bottom:0px solid #000;
           border-top:0px solid #000;
           padding-left:2px;
           padding-right:2px;
	   float:left;
	   width:80px;
           height:30px;
           background:#468;
	   margin:2px 2px 2px 2px;
           border-color:#616d7e;
           font-size: 20px;
           font-weight: bold;
           text-decoration: underline;}

div.figure {
  float: left;
  width: 45%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.figurer {
  float: right;
  width: 45%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figurer p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

img.scaled {
  width: 100%;
}

#nav {
		margin:0;
		padding:0;
		background: transparent url(images/hotel5-wash.jpg) 0 0 repeat-x;
		width:100%;
		float:left;
		border:1px solid #42432d;
		border-width:1px 0;
	}
	#nav li {
		display:inline;
		padding:0;
		margin:0;
	}
	#nav a:link,
	#nav a:visited {
		color:yellow;
		background:maroon;
		padding:20px 40px 4px 10px;
		float:left;
		width:auto;
		border-right:1px solid #42432d;
		text-decoration:none;
		font:bold 0.9em/0.9em Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-shadow: 2px 2px 2px #555;
	}
	#nav a:hover {
		color:black;
		background:#63c6de;
	}
	#nav li:first-child a {
		border-left:1px solid #42432d;
	}
	#chichenitza #nav-chichenitza a,
	#valedolid #nav-valedolid a,
	#izamal #nav-izamal a,
	#merida #nav-merida a,
	#progreso #nav-progreso a,
        #celestun #nav-celestun a,
	#cancun #nav-cancun a {
		background: transparent;
		color:#fff;
		text-shadow:none;
	}
	#chechenitza #nav-chichenitza a:hover,
	#valodolid #nav-valedolid a:hover,
	#izamal #nav-izamal a:hover,
	#merida #nav-merida a:hover,
	#progreso #nav-progreso a:hover,
        #celestun #nav-celestun a:hover,
	#cancun #nav-cancun a:hover {
		background: transparent ;
	}
	#nav a:active {
		background:#e35a00;
		color:#fff;
	}