/* Crow How CSS  */

/* ---- container ---- */

div#container{
    position: relative;
    width: 810px;
    height: 1756px;
    margin: 0 auto;
 }
  

 
/* ---- global styles ---- */

body {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
	background-image: url(../images/bodybground.jpg);
	margin: 0;
	padding: 0;
 }
 
 p, h1, h2, h3, h4, li {
    margin: 1ex 1em;
	color: #596A59;
 }

div#outerDiv {
    width: 810px;
    height: 1500px;
    background: url(../images/bground.jpg) no-repeat;
    margin: 0 0 0 0;  
 }
 
div#mediaouterDiv {
    width: 810px;
    height: 1500px;
    background: url(../images/bgroundmedia.jpg) no-repeat;
    margin: 0 0 0 0;  
 }
  
div#historyouterDiv {
    width: 810px;
    height: 1500px;
    background: url(../images/bgroundhistory.jpg) no-repeat;
    margin: 0 0 0 0;  
 }
 
div#locationouterDiv {
    width: 810px;
    height: 1500px;
    background: url(../images/bgroundlocation.jpg) no-repeat;
    margin: 0 0 0 0;  
 }
 
 div#bedroomsouterDiv {
    width: 810px;
    height: 1756px;
    background: url(../images/bgroundbedrooms.jpg) no-repeat;
    margin: 0 0 0 0;  
 }
 
div#lightboxouterDiv {
    width: 810px;
    height: 1500px;
    background: url(../images/bgroundbedroomslightbox.jpg) no-repeat;
    margin: 0 0 0 0;  
 }
 
div#breakfastouterDiv {
    width: 810px;
    height: 1500px;
    background: url(../images/bgroundbreakfast.jpg) no-repeat;
    margin: 0 0 0 0;  
 }
 
div#tariffouterDiv {
    width: 810px;
    height: 1500px;
    background: url(../images/bgroundtariff.jpg) no-repeat;
    margin: 0 0 0 0;  
 }
 
div#faqouterDiv {
    width: 810px;
    height: 1500px;
    background: url(../images/bgroundfaq.jpg) no-repeat;
    margin: 0 0 0 0;  
 }
 
div#galleryouterDiv {
    width: 810px;
    height: 1500px;
    background: url(../images/bgroundgallery.jpg) no-repeat;
    margin: 0 0 0 0;  
 }
 
div#termsouterDiv {
    width: 810px;
    height: 1756px;
    background: url(../images/bgroundterms.jpg) no-repeat;
    margin: 0 0 0 0;  
 }
 
div#findusouterDiv {
    width: 810px;
    height: 1500px;
    background: url(../images/bgroundfindus.jpg) no-repeat;
    margin: 0 0 0 0;  
 } 
 
div#aboutusouterDiv {
    width: 810px;
    height: 1500px;
    background: url(../images/bgroundaboutus.jpg) no-repeat;
    margin: 0 0 0 0;  
 }  
 
div#linksouterDiv {
    width: 810px;
    height: 1500px;
    background: url(../images/bgroundlinks.jpg) no-repeat;
    margin: 0 0 0 0;  
 }  
 
/* ---- mainContent ---- */

#outerDiv div#mainContent {
    float: right;
    width: 570px;
    margin: 235px 15px 0 0px;
    padding: 0 25px 0 0px;
 }
 
#mediaouterDiv div#mainContent {
    float: right;
    width: 570px;
    margin: 370px 15px 0 0px;
    padding: 0 25px 0 0px;
 }
  
#historyouterDiv div#mainContent {
    float: right;
    width: 570px;
    margin: 355px 15px 0 0px;
    padding: 0 25px 0 0px;
 }
 
#locationouterDiv div#mainContent {
    float: right;
    width: 570px;
    margin: 355px 15px 0 0px;
    padding: 0 25px 0 0px;
 }
 
 #bedroomsouterDiv div#mainContent {
    float: right;
    width: 570px;
    margin: 355px 15px 0 0px;
    padding: 0 25px 0 0px;
 }
 
#lightboxouterDiv div#mainContent {
    float: right;
    width: 570px;
    margin: 355px 15px 0 0px;
    padding: 0 25px 0 0px;
 }
 
#breakfastouterDiv div#mainContent {
    float: right;
    width: 570px;
    margin: 250px 15px 0 0px;
    padding: 0 25px 0 0px;
 }
 
#tariffouterDiv div#mainContent {
    float: right;
    width: 570px;
    margin: 250px 15px 0 0px;
    padding: 0 25px 0 0px;
 }
  
#faqouterDiv div#mainContent {
    float: right;
    width: 570px;
    margin: 250px 15px 0 0px;
    padding: 0 25px 0 0px;
 }
 
#galleryouterDiv div#mainContent {
    float: right;
    width: 570px;
    margin: 250px 15px 0 0px;
    padding: 0 25px 0 0px;
 } 
 
#termsouterDiv div#mainContent {
    float: right;
    width: 570px;
    margin: 355px 15px 0 0px;
    padding: 0 25px 0 0px;
 } 
 
#findusouterDiv div#mainContent {
    float: right;
    width: 570px;
    margin: 250px 15px 0 0px;
    padding: 0 25px 0 0px;
 } 
 
#aboutusouterDiv div#mainContent {
    float: right;
    width: 570px;
    margin: 230px 15px 0 0px;
    padding: 0 25px 0 0px;
 }  
 
#linksouterDiv div#mainContent {
    float: right;
    width: 570px;
    margin: 230px 15px 0 0px;
    padding: 0 25px 0 0px;
 }   
 
#mainContent p {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: medium;
    line-height: 1.3em;
    color: #505F50;
    margin: 1ex 0;  
 }   
 
#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
	text-align:center;
 }
 
#mainContent h1 {
    font-size: larger;
    color: #596A59;
    margin: 15ex 0 3ex 0;
    text-align: center; 
 }
 
  /* ---- table ---- */
 
div#table {
    float: right;
 } 
 
 /* ---- table anchors ---- */
 
a.rollover1 {
	display: block;
	width: 130px;
	height: 86px;
	text-decoration: none;
	background: url(../images/bedroom1thumb.jpg);
    
 }

a.rollover1:hover {
	background-position: -130px 0;
 }
    
a.rollover2 {
	display: block;
	width: 130px;
	height: 86px;
	text-decoration: none;
	background: url(../images/bedroom2thumb.jpg);
    
 }

a.rollover2:hover {
	background-position: -130px 0;
 } 
 
a.rollover3 {
	display: block;
	width: 130px;
	height: 86px;
	text-decoration: none;
	background: url(../images/bedroom3thumb.jpg);
 }

a.rollover3:hover {
	background-position: -130px 0;
 }   
 
a.rollover4 {
	display: block;
	width: 130px;
	height: 86px;
	text-decoration: none;
	background: url(../images/bedroom4thumb.jpg);
 }

a.rollover4:hover {
	background-position: -130px 0;
 }  
 
a.rollover5 {
	display: block;
	width: 130px;
	height: 86px;
	text-decoration: none;
	background: url(../images/bedroom5thumb.jpg);
 }

a.rollover5:hover {
	background-position: -130px 0;
 }  
 
a.rollover6 {
	display: block;
	width: 130px;
	height: 86px;
	text-decoration: none;
	background: url(../images/bedroom6thumb.jpg);
 }

a.rollover6:hover {
	background-position: -130px 0;
 }  
 
a.rollover7 {
	display: block;
	width: 130px;
	height: 86px;
	text-decoration: none;
	background: url(../images/bedroom7thumb.jpg);
 }

a.rollover7:hover {
	background-position: -130px 0;
 }  
 
a.rollover8 {
	display: block;
	width: 130px;
	height: 86px;
	text-decoration: none;
	background: url(../images/bedroom8thumb.jpg);
 }

a.rollover8:hover {
	background-position: -130px 0;
 }  
 
a.rollover9 {
	display: block;
	width: 130px;
	height: 86px;
	text-decoration: none;
	background: url(../images/bedroom9thumb.jpg);
 }

a.rollover9:hover {
	background-position: -130px 0;
 }             

.displace {
	position: absolute;
	left: -5000px;
	}
 

  /* ---- faq ---- */
 
div#faq p {
    margin: 1ex 0;
    color: #596A59;
 }
 
   /* ---- terms ---- */
   
div#terms p{
    font-size: small;
    margin: 1ex 0;
    color: #596A59;
 }
 
 /* ---- links ---- */
 
div#links ul {
    float: left;
    margin-left: -3.5em;
    color: #596A59; 
 }
 
#links ul, #links li {
    list-style-type: none;
    color: #596A59;  
 }
 
#links a:link {
    text-decoration: none;
    color: #596A59;
 }
 
#links a:hover {
	color: #596A59;
    border-bottom: 2px solid #596A59;
    
 }
 
#links a:visited {
    text-decoration: none;
	color: #596A59;
 } 
 
 
/* ---- linkstariff ---- */ 

div#linkstariff ul {
    text-align: center;
    margin: 0 0 0 -3em;
    color: #596A59; 
 }
 
#linkstariff ul, #linkstariff li {
    list-style-type: none;
    color: #596A59;
    margin-bottom:5em;  
 }
 
#linkstariff a:link {
    text-decoration: none;
    color: #596A59;
 }
 
#linkstariff a:hover {
	color: #A8A691;
    border-bottom: 2px solid #596A59;   
 }
 
#linkstariff a:visited {
    text-decoration: none;
    color: #596A59;
 } 
 
 
 /* ---- classes ---- */
 
.center {
	text-align: center;
 }
 
.applet {
    border: solid 2px #929E88;
 }
 
 .italic {
    font-style: italic;  
 }
 
 .map {
    margin: 40px 0 0 60px;
    border: solid 2px #4B321B;
 }
 
  /* ---- menu ---- */
 
div#menu {
    text-align: center;
    font-style: italic; 
 }
 
 /* ---- images ---- */
 
 img.floatlefttop {
    float: left;
    margin: 20px 7px 5px 0;
 }

img.floatleft {
    float: left;
    margin: 5px 7px 5px 0;
 }
  
img.floatright {
    float: right;
    margin: 5px 3px 5px 7px;
 }
 
 /* ---- sideBar ---- */
 
div#sideBar ul {
    float: left;
    margin: 360px 0 0 -15px; 
    line-height: 3.4em;
    font-weight: bold;
 }
 
div#sideBar ul, div#sideBar li {
    list-style-type: none;
 }
 
#sideBar a:link {
    text-decoration: none;
    color: #505F50;
 }
 
div#sideBar a:hover {
    color: #A8A691;
    border-bottom: 2px solid #505F50;
    padding-bottom: 2px;
 }
 
#sideBar a:visited {
    text-decoration: none;
    color: #505F50;
 } 
 
  /* ---- video ---- */
  
div#video p {
     font-weight: bold;
	 text-align:center;
 }  
 
#video a:link {
    text-decoration: none;
    color: #505F50;
 }

#video p a:hover {
    color: #A8A691;
    border-bottom: 2px solid #505F50;
    padding-bottom: 2px;
 }
  
#video a:visited {
    text-decoration: none;
    color: #505F50;
 }
 
/* ---- contactUs ---- */
 
div#contactUs {
	float:left;
	margin-left: 30px;
	margin-top:60px;
 }
 
#contactUs p {
    font-size: small;
    text-align: center;
 } 
 
#contactUs a:link {
    text-decoration: none;
    color: #FFFFCC;
 }
 
#contactUs a:hover {
    border-bottom: 2px solid #505F50;
    padding-bottom: 2px;
 }
 
#contactUs a:visited {
    text-decoration: none;
    color: #FFFFCC;
 }
 
 /* ---- contactUs2 ---- */
 
div#contactUs2 {
	float:;
	margin-left: 0px;
	margin-top:0px;
 }
 
#contactUs2 p {
    font-size: small;
    text-align: center;
 } 
 
#contactUs2 a:link {
    text-decoration: none;
    color: #505F50;
 }
 
#contactUs2 a:hover {
    color: #A8A691;
	border-bottom: 2px solid #505F50;
    padding-bottom: 2px;
 }
 
#contactUs2 a:visited {
    text-decoration: none;
    color: #505F50;
 }
    
 /* ---- footer ---- */ 
 
div#footer {
    margin-top: 10px;
 }
 
#footer p {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: small;
    color: #829783;
    text-align: center;
    font-style: italic;
 }