body {background-color: #131640;
	 font: 1em Century Gothic, Arial, Helvetica, sans-serif}
#header {width: 100%;
		 height: 150px;
		 border-bottom: solid 2px #1A204C;
		 margin-top:-20px}
#header-left {float:left;
			  margin-left:25px}
		 
#header-right {margin-top:65px;
			   margin-right:50px;
			   float:right}
h1 {font-size:46pt;
	color: #FFFFFF; 
    font-weight: normal;
    font-family:violation, century gothic}
		 
#navigation {float:left;
			 width: 200px}
#home {width: 200px}
#home ul {list-style: none;
			  margin: 0;
		   	  padding: 0}
#home li {border-bottom: 1px solid #131640}
#home li a:link, #home li a:visited {font-size: 100%;
					  				 text-align:center;
					  				 display: block;
  					  				 padding: 0.4em 0 0.4em 0.4em;
  									 background-color: #1A204C;
			  						 color: #FFFFFF;
			  						 text-decoration: none}
#home li a:hover {background-color: #DCDEE2; color: #131640;}
#accom {width: 200px}
#accom ul {list-style: none;
		   margin: 0;
		   padding: 0}
#accom li {border-bottom: 1px solid #131640}
#accom li a:link, #accom li a:visited  {font-size: 100%;
				   						text-align:center;
				   						display: block;
  			 	   						padding: 0.4em 0 0.4em 0.4em;
  				   						background-color: #212656;
				   						color: #FFFFFF;
			  	   						text-decoration: none}
					  
#accom li a:hover {background-color: #DCDEE2;color: #131640;}
#accom ul ul {margin-top: 1px;
			  margin-left: 12px;}
			  
#accom ul ul li {border-bottom: 1px solid #131640; 
				 margin:0}
#accom ul ul a:link, #accom ul ul a:visited {background-color: lightblue; 
												 color: #131640;}
#accom ul ul a:hover {background-color: #212656;
					  color: #FFFFFF;}
#rates {width: 200px}
#rates ul {list-style: none;
		   margin: 0;
		   padding: 0}
#rates li {border-bottom: 1px solid #131640}
#rates li a:link, #rates li a:visited  {font-size: 100%;
				   					    text-align:center;
				   					    display: block;
  				   					    padding: 0.4em 0 0.4em 0.4em;
  				  					    background-color: #323766;
				   					    color: #FFFFFF;
			  	   					    text-decoration: none}
#rates li a:hover {background-color: #DCDEE2;color: #131640;}
#at {width: 200px}
#at ul {list-style: none;
		margin: 0;
        padding: 0}
#at li {border-bottom: 1px solid #131640}
#at li a:link, #at li a:visited  {font-size: 100%;
							      text-align:center;
		  	    			      display: block;
  							      padding: 0.4em 0 0.4em 0.4em;
  		 	    			      background-color: #4A5080;
			    			      color: #FFFFFF;
			    			      text-decoration: none}
#at li a:hover {background-color: #DCDEE2;color: #131640;}
#massage {width: 200px}
#massage ul {list-style: none;
		   margin: 0;
		   padding: 0}
#massage li {border-bottom: 1px solid #131640}
#massage li a:link, #massage li a:visited  {font-size: 100%;
					 					    text-align:center;
					 					    display: block;
  				    					    padding: 0.4em 0 0.4em 0.4em;
  					 					    background-color: #616591;
				    					    color: #FFFFFF;
				   					        text-decoration: none}
#massage li a:hover {background-color: #DCDEE2;color: #131640;}
#how {width: 200px}
#how ul {list-style: none;
		   margin: 0;
		   padding: 0}
#how li {border-bottom: 1px solid #131640}
#how li a:link, #how li a:visited  {font-size: 100%;
			     					text-align:center;
			     					display: block;
  			 	 					padding: 0.4em 0 0.4em 0.4em;
  			 	 					background-color: #797EA5;
				 					color: #FFFFFF;
				 					text-decoration: none}
#how li a:hover {background-color: #DCDEE2;color: #131640;}
#book {width: 200px}
#book ul {list-style: none;
		   margin: 0;
		   padding: 0}
#book li {border-bottom: 1px solid #131640}
#book li a:link, #book li a:visited  {font-size: 100%;
				  					  text-align:center;
				  					  display: block;
  				  					  padding: 0.4em 0 0.4em 0.4em;
  				  					  background-color: #9398B4;
				  					  color: #FFFFFF;
				  					  text-decoration: none}
#book li a:hover {background-color: #DCDEE2;color: #131640;}
#contact {width: 200px}
#contact ul {list-style: none;
		   margin: 0;
		   padding: 0}
#contact li {border-bottom: 1px solid #131640}
#contact li a:link, #contact li a:visited  {font-size: 100%;
											  text-align:center;
											  display: block;
  
											  padding: 0.4em 0 0.4em 0.4em;
    
											  background-color: #B2B7C2;
											  color: #FFFFFF;
											  text-decoration: none}
											  
#contact li a:hover {background-color: #DCDEE2;color: #131640;}
#acred {float:left;
		margin-left:40px;
		margin-top:10px}
			 
#content {float:left;
		  margin-left: 100px;
		  width:900px;
		  height:750px}
#suite {float:left;
		margin-top: 50px}
.suites {position:relative;
		 display:block;
		 height: 373px;
		 width: 280px;
		 border: solid 2px #4A5080;
		 background:url(suites.jpg) 0 0 no-repeat;}
	
.suites * {display: none;}
	
.suites span.hover {position: absolute;
				  top: 0;
				  left: 0;
				  display: block;
				  height: 373px;
				  width: 280px;
				  cursor: pointer;
				  background:url(suites.jpg) 0 -373px no-repeat;}
#cottage {float:left;
		  margin-left: 20px;			  
		  margin-top: 50px}	
		  		  
.cottages {position:relative;
		 display:block;
		 height: 373px;
		 width: 280px;
		 border: solid 2px #4A5080;
		 background:url(cottage.jpg) 0 0 no-repeat;}
	
.cottages * {display: none;}
	
.cottages span.hover {position: absolute;
				  top: 0;
				  left: 0;
				  display: block;
				  height: 373px;
				  width: 280px;
				  cursor: pointer;
				  background:url(cottage.jpg) 0 -373px no-repeat;}
				  
#studio {float:left;
		 margin-left: 20px;			  
		 margin-top: 50px}
.studios {position:relative;
		 display:block;
		 height: 373px;
		 width: 280px;
		 border: solid 2px #4A5080;
		 background:url(studios.jpg) 0 0 no-repeat;}
	
.studios * {display: none;}
	
.studios span.hover {position: absolute;
				  top: 0;
				  left: 0;
				  display: block;
				  height: 373px;
				  width: 280px;
				  cursor: pointer;
				  background:url(studios.jpg) 0 -373px no-repeat;}