body {background: #fff url(images/blue-bg.jpg); background-repeat: repeat-x;}
* {margin: 0px;padding: 0px; font-size:12px; color: #01265d; font-family:Arial, Helvetica, sans-serif; font-style: normal;}
#pagewrapper {width:100%;float:left;}
	#wrapper {width: 900px;position:relative;top:40px;left: 50%;margin-left:-450px;}
	#subwrapper {width: 100%;float: left;background-color: #fff;margin:0px;padding: 0px 0px 0px 0px;
	border: 1px solid #e0f1f9;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	
	}
	.top-header {width: 100%;  border-bottom: 1px solid #e0f1f9; float: left;margin:0px;padding: 20px 0px 10px 0px;}
	.top-header .logo {width: 350px; float: left;}
	.top-header .banner {width: 500px;float: right; color: #006699;font-size: 10px;}
	.top-header .banner p {width: 40%;float: right; color: #01265d;text-align: left;font-size: 12px;}
	.top-header .banner p span {border: 0px solid #000;float:left;padding: 15px 0px 0px 0px;}
	.top-header .banner p img {float: left;margin: 0px 10px 0px 0px;} 
	.top-header .banner p a {text-decoration: none;margin-top: 15px;}
	.top-header .banner p a:HOVER {text-decoration: underline;}
	.top-header p {font-weight: bold; color: #FFF; font-size: 18px; text-align: center; padding: 10px 0px; font-style:italic;border-bottom: 2px solid #fff;}
	#col1 {width: 150px;float: left;padding: 10px 0px;}	
	#col1 h2 {background: #31507c url(images/blue-nav.gif) repeat-x; font-size: 12px;font-weight: none;color: #fff;padding: 4px 4px;}
	.nav {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border-bottom:0px solid #e9e9e9;}
	.nav ul#menu {list-style-type: none;}
	.nav ul#menu li {float: left;	width: auto; /* width needed or else Opera goes nuts */	list-style: none; border-bottom: 0px solid #fff; padding: 0px;margin: 1px 10px;}
	.nav ul#menu li a {font-size: 14px; display:block; text-decoration:none; margin: 0px 0px;color:#fff; padding: 0px 0px 0px 0px; }
	.nav ul#menu li a:HOVER {text-decoration: underline; color: #000;}
	.nav ul#menu li.on a {font-size: 14px; display:block; text-decoration:none; font-weight: bold; margin: 4px 0px;color:#000; padding: 2px 0px 4px 15px; /* background-image:url(images/black_bul.gif); background-position:left middle; background-repeat:no-repeat; */}
	/* .nav {width: 758px;float:left; background-color: #060803;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border-bottom:1px solid #e9e9e9;}*/
	.nav ul {list-style-type: none; font-size: 11px;margin:0px 0px;}
	.nav ul li {float: left; height:39px;background-color:#01265d; padding: 0px 28px; margin:0px 0px; font: 1.3em arial,verdana; border-right: 1px solid #ccc;border-top: 1px solid #e0f1f9; border-bottom: 1px solid #e0f1f9;}
	.nav ul li.on {height:41px !important; /*moz height*/ height:39px; /*IE height*/ padding: 0px 25px 0px 25px;background-color:#e0f1f9;border-bottom: 0px solid #fff;border-top: 0px solid #f85c5d;}
	.nav ul li.on a {display: block;color: #000;font-weight: bold; text-decoration: none;}
	.nav ul li a {margin-top: 11px;display: block;color: #fff;font-weight: bold; text-decoration: none;}
	.nav ul li a:hover {text-decoration: underline; color: #fff;}	
	#col1 .offers {background-color: #e0f1f9;width: 100%; float: left;margin: 10px 0px 10px 0px;}
	#col1 .offers p {margin: 5px 0px 5px 5px;}
	#col2 {width: 600px;float: left;margin: 0px 5px;}
	#col2 .content {margin: 0px; padding: 0px 10px;background-color: #fff;}
	#col4 {width: 99%;float: left;margin: 0px 5px;}
	#col4 .content {margin: 0px; padding: 0px 10px;background-color: #fff;}
	.content h2 {color: #006699; font-size: 20px;margin: 5px 0px;}
	.content p {margin: 15px 0px;text-align: justify; color: #01265d;}
.content a {text-decoration: none; color: #006699;}
.content a:HOVER {text-decoration: underline;}
	#col3 {width: 260px;float: right;padding: 10px 0px;background-color: #fff;border-left: 0px solid #fff; text-align: center;}
	#col3 img {width: 250px; border-bottom: 0px solid #fff;margin: 3px 0px;}
	#footer {width: 100%; float: left;background-color: #e0f1f9; margin: 0px 0px; text-align: center; color: #01265d; padding: 10px 0px;font-style: normal;}
	#footer a {color: #01265d;text-decoration:none;}
	#footer a:HOVER {color: #000;text-decoration:underline;}
	.rooms {width: 100%;float: left;}
	.rooms table {width: 100%; cellpadding: 0px;cellspacing: 0px;}
	.rooms tr th {color: #ffffff;font-weight: bold;background-color: #039ded;padding: 5px 2px;}
	.rooms tr td {border-top: 1px solid #a5cee2;padding: 4px 0px;}
	.rooms tr.even td {background-color: #e0f1f9;border-top: 1px solid #a5cee2;}
	.rooms img {float: left;margin: 0px 5px;}	
	.rooms td.rate {text-align: center; font-weight: bold;color: #006699;}
	.hoteldetails {width:100%;float:left;margin: 5px 0px 30px 0px;}
	.hoteldetails tr th {color: #ffffff;font-weight: bold;background-color: #039ded;text-align: left;padding: 5px 10px;}
	.hoteldetails tr td {border-top: 1px solid #a5cee2;padding: 0px 0px 5px 0px;}
	.hoteldetails td.titl {width: 20%;font-weight: bold;}

/* ######### CSS for PHP Photo Album itself ######### */

.photodiv{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.photodiv img{ /*CSS for each image tag*/
border: 0;
width: 200px;
cursor: hand;
cursor: pointer;
}

.albumnavlinks{ /*CSS for DIV containing the navigational links*/
}

.albumnavlinks a{ /*CSS for each navigational link*/
margin-right: 5px;
padding: 1px 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
font-weight: bold;
}


.albumnavlinks a:hover, .albumnavlinks a.current{ /*CSS for currently selected navigational link*/
border: 1px solid #2b66a5;
background-color: yellow;
}

/* ######### CSS for thumbnail viewer plugin ######### */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 8px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;  
box-shadow: 5px 5px #818181; /* Experimental box shadow properties*/
-webkit-box-shadow: 5px 5px #818181;
-moz-box-shadow: 5px 5px #818181;
-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true)"; /* IE8 drop shadow*/
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true); /* IE drop shadow*/
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 14px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
margin: 5px;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 10px;
font: bold 14px Arial;
z-index: 5;
}