#background { 
	background-image:url(images/clouds.PNG);   position:absolute; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:100%; 
    z-index:-1;
 }
 
body {    background: url(images/cloud-background.jpg) no-repeat top left;  margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;/* background-color:#7a7a7a;  */}
#page{ margin-left:5px; width:911px; height:706px; text-align:left; background-color:black; background: url(images/pageback.jpg) repeat-y center bottom; padding:0px;  margin-left:auto; margin-right:auto; }
#outerpage{ width:920px; height:766px; border:3px double #ccc; margin-top:150px; }
#header { 	width: 911px; 	height: 152px;	margin: 0 auto;	background: url(images/header_logo.jpg) left top;  }
#header h1 {padding-left:105px; padding-top:20px;color:white; font-size:26px; margin-top:0px; margin-bottom:0px;}
#header h2 { color:#eee; margin-left:150px; font-size:16px; margin-top:0px; margin-bottom:0px; }
#header img { position:absolute; top:0px; z-index:0;}
#bookarea { float: left; overflow:auto;  /* background: url(images/bookback.jpg) no-repeat;*/ width:448px; height:200px; margin-top:25px;}
#bookarea h1 { font-size:16px; }
#bookarea h2 { font-size:14px; }
#bookarea p { font-size:12px; }


#bookarea2 { float: left;  /* background: url(images/bookback.jpg) no-repeat;*/ width:748px; height:350px; margin-top:25px;  }
#bookarea2 h1 { font-size:16px; }
#bookarea2 h2 { font-size:14px; }
#bookarea2 p { font-size:12px; }


#activebookarea { float: left;  background: url(images/bookback.jpg) no-repeat; width:448px; height:300px; margin-top:25px;}
#activebookarea h1 {font-size:14px; margin-top:15px; margin-left:25px; }

#contentblock { float: left; margin-left:50px; /*background: url(images/bookback.jpg) no-repeat;*/ width:845px; height:500px; margin-top:25px;  overflow:auto;}
#contentblock h1 { font-size:18px; }
#contentblock h2 { font-size:14px; }
#contentblock p { font-size:12px; }


#leftblock { margin:8px; float:left; width:160px; height:200px; background-color:#333; background: url(images/city.jpg); }
#leftblock p { margin-left: 25px; margin-top: 30px; }
#rightblock { margin:8px; float: left; width:240px; height:200px; background-color:#fff;   no-repeat top center; }
#rightblock h1 { font-size:14px; margin-top:30px; }
#lowerleftblock { margin:8px; margin-left:15px; float:left; width:150px; height:200px;  }
#lowerrightblock { margin:8px; float: left; width:240px; height:200px;  }
#lowerrightblock h1, h2 { font-size:14px; }
#lowerrightblock p { text-align:justify; margin-right:15px; }
#contentarea { margin:8px; float:left; width:460px; height:200px; overflow:auto; /* background: url(images/footerlogos.jpg) no-repeat left bottom; */}
#contentarea img { position:relative; top:50px;}
#contentarea a { font-weight:bold; font-size:14px; text-decoration:none; color:#555; margin-top:25px; }
#contentarea a:hover { color:#000; text-decoration:underline;}
#bookingform { float:left; width:400px; margin-left:20px; padding-left:20px; margin-top:10px;padding:10px; background: url(images/sidebackground.jpg); } 
#bookleft { float: left; padding:0px; margin:0px; width:160px;   margin-left:0px; margin-top:10px; }
#bookright { padding:0px; margin:0px; width:170px; float:left;  margin-top:10px;  }
#footer { text-align:center; color: white; font-size: 14px; font-weight:600; width:909px; height:35px; background: url(images/footerback.jpg); padding-top:5px;}
.menu{ width: 902px; font-weight: bold; margin-left:4px; }
.menu:after{ content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
.menu ul{ border: 1px solid #BBB; width: 100%; background: url(images/menu-background.jpg) left center no-repeat;  background-color:#b11; padding: 5px 0; margin: 0; text-align: left; /*set value to "right" for example to align menu to the left of page*/ }
.menu ul li{  display: inline;  }
 .menu ul li a{ color: #fff; padding: 5px 8px;  margin: 0; text-decoration: none; border-right: 1px solid #BBB; }
.menu ul li a:hover, .menu ul li a.current{ background: url(images/chrome2.gif) center center repeat-x; color:black; }

.menulower{ width: 452px; font-weight: bold; margin-left:4px; font-size:5px;  }
.menulower ul{ border: 1px solid #BBB; width: 100%; background: url(images/chrome.gif) center center repeat-x; padding: 5px 0; margin: 0; text-align: left; /*set value to "right" for example to align menu to the left of page*/ font-size:5px; }
.menulower ul li{  display: inline;  }
 .menulower ul li a{ color: #494949; padding: 5px 8px;  margin: 0; text-decoration: none; font-size:5px; border-right: 1px solid #BBB; }
.menulower ul li a:hover, .menu ul li a.current{ background: url(images/chrome2.gif) center center repeat-x; text-decoration:none; }