﻿#Wrapper {
	width: 740px;
	height: auto;
	padding: 0;
	margin: 10px auto;
	text-align: center;
	border: 1px #999 solid;
	background: #F8F5F7 url("../images/xxshade.png")top repeat-x;
	}


#Header {
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
	background-color:#0099CC;
	overflow: auto;
	}

	#Header1, #Header2 {
		float: left;
		width: 45%;
		font: 10pt Arial, Helveica, sans-serif;
		color: #333;
		background-color: transparent;
		text-align: center;
		letter-spacing: .1em;	
		padding: 0;
		margin: 10px 0 20px 0;
		}
		
	#Header2 {
		float: right;
		}

	#Header1 a, #Header2 a {
		color: #EEE;
		background-color: transparent;
		}

	#Header1 a:hover, #Header2 a:hover {
		color: #DFB5D5;
		background-color: transparent;
		}


/* Header */

h1 {
	font: bold 14pt Arial, Helveica, sans-serif;
	color: #EEE;
	background-color: transparent;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;	
	margin: 20px 0 0 0;
	padding: 0;
	}
		
	h1.title {
		font: bold 18pt Arial, Helveica, sans-serif;
		color: #36C;
		margin: 0;
		}
	
	h1.extended {
		font: bold 16pt Arial, Helveica, sans-serif;
		color: #36C;
		letter-spacing: 5px;
		margin: 5px 0;
		}

/* Header */
h2 {
	font: bold 12pt Arial, Helveica, sans-serif;
	color: #333;
	background-color: transparent;
	text-align: center;
	letter-spacing: .1em;	
	margin: 10px 0;
	padding: 0;
	}


/* Hotel Name */
h3 {
	font: bold 12pt Arial, Helveica, sans-serif;
	color: #333;
	background-color: transparent;
	text-align: center;
	letter-spacing: .1em;	
	margin: 0 0 10px 0;
	padding: 0;
	}

	h3 a {
		color: #333;
		background-color: transparent;
		text-decoration: none;
		}

h3 span {
	color: #F00;
	background-color: transparent;
	}


/* SubHeadings */
h4 {
	font: bold .75em Arial,Helvetica,sans-serif;
	color: #333;
	background-color: transparent;
	text-align: left;
	text-transform: uppercase;
	padding: 0;
	margin: .5em 0 0 20px; 
	}

p {
	font: 1em Arial, Helveica, sans-serif;
	color: #333;
	background-color: transparent;
	padding: 0;
	margin: 0 20px;
	text-align: left;
	}

	p.note {
		font: italic 1em Arial, Helveica, sans-serif;
		color: #333;
		background-color: transparent;
		margin: 0;
		padding: 0;
		}
		
	p.center {
		text-align: center;
		}


			
hr {
	width: 90%;
	height: 1px;
	padding: 0;
	margin: 20px auto 0 auto;
	text-align: center;
	}

a {
	text-decoration: none;
	}

div.bookmarkBar a {
	color:#CCC;
	background-color:transparent;
	}



/* ----------------------------------------- TABLE BOOKMARKS ----------------------------------------- */


#Bookmarks {
	clear: both;
	width: 92%;
	padding: 10px 0;
	margin: 20px auto;
	text-align: center;
	background-color:#E8EEEE;
	overflow:auto;
	}

#Bookmarks ul {
	float: left;
	width: 49%;
	list-style-type: none;
	text-align: center;
	margin: 0;	
	padding: 0;
	}

		#Bookmarks ul li {
			font: normal .8em Arial,Helvetica,sans-serif;
			color: #555;
			background-color: transparent; 
			margin: .3em 0 0 0;
			padding: 0;
			}
		
				#Bookmarks ul li a {
					color: #555;
					background: transparent; 
					text-decoration: none;
					}
					
				#Bookmarks ul li a:hover {
					color: #DFB5D5;
					background: transparent; 
					text-decoration: none;
					}


/* ------------------------------------- HOTEL ------------------------------------- */

.hotel1, .hotel2 {
	clear: both;
	width: 680px;
	text-align: center;
	border: 1px #999 solid;
	background: url('../images/Bkd-FadeBlue.jpg');
	padding: 0 0 20px 0;
	margin: 20px auto;
	}

	.hotel2 {
		background: url('../images/Bkd-FadeYellow.jpg');
		}

.bookmarkBar {
	width: 100%;
	height: 30px;
	padding: 0;
	margin: 0 0 10px 0;
	text-align: center;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#CCC;
	background-color:#CCC;
	}

.bookmarkBar a, .bookmarkBar a:visited,.bookmarkBar a:hover,.bookmarkBar a:active {
	color:#0099CC;
	background-color:transparent;
	}


.photoBlock {
	width: 580px;
	height:auto;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	}

	.photo {
		float: left;
		width: 30%;
		height: auto;
		padding: 0;
		margin: 0;
		}

	.photo img {
		border: 15px solid #CCC;
		}
	
	.intro {
		float: right;
		width: 68%;
		padding: 0;
		margin: 0;
		}

		.intro p {
			font: normal .9em Arial,Helvetica,sans-serif;
			color: #333;
			background-color: transparent; 
			text-align: justify;
			padding: 0;
			margin: 3px 10px;
			}
			
		.intro p span {
			font-weight: bold;
			}

	.copy {
		clear: both;
		padding: 10px 0;
		margin: 10px 0 0 0;
		}

	.copy p {
		font: normal .9em Arial,Helvetica,sans-serif;
		color: #333;
		background-color: transparent; 
		text-align: left;
		padding: 0;
		margin: 1em 1em 0 1em;
		}



.TableRates  {
	width: 96%;
	height: auto;
	border-collapse: collapse;
	margin: 10px auto;
	padding: 0;
	/*border: 1px solid red;*/
	}

	.TableRates td  {
		width: 49%;
		vertical-align: top;
		border-collapse: collapse;
		border: 1px #999 solid;
		margin: 0;
		padding: 0;
		}

.TableRates h1  {
	width: 100%;
	height: auto; 
	font: bold 1em Arial, Helveica, sans-serif;
	color: FFC;
	background-color: #62808F;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;	
	margin: 0 0 .5em 0;
	padding: .5em 0;
	}

	.TableRates h1.Bookmark a  {
		color: #CCC;
		background: transparent; 
		text-decoration: none;	
		}

/* Hotel Name */
.TableRates h2 {
	font: bold 12pt Arial, Helveica, sans-serif;
	color: #C30;
	background-color: transparent;
	text-align: center;
	letter-spacing: .1em;	
	margin: 0;
	padding: 0;
	}


/* Room Name */
.TableRates h3  {
	font: bold .8em Arial,Helvetica,sans-serif;
	color: #333;
	background: transparent; 
	text-transform: uppercase;
	text-align: center;
	margin: 1em 0 .5em 0;
	padding: 0;	
	}

	.TableRates h3.Highlight { 
		color: #FC0;
		background-color: transparent;
		text-align: center;
		}
		

.TableRates h4  {
	font: bold .75em Arial,Helvetica,sans-serif;
	color: #F00;
	background-color: transparent;
	text-align: left;
	text-transform: uppercase;
	padding: 0;
	margin: .5em 0 0 10px; 
	}


		
.TableRates p {
	font: normal .75em Arial,Helvetica,sans-serif;
	color: #333;
	background: transparent; 
	margin: 0 10px .3em 10px;
	padding: 0;	
	}

	.TableRates p.Highlight {
		color: #FFF;
		background-color: transparent;
		text-align: center;
		}

	.TableRates p.Important {
		font: bold 10pt Arial, Helveica, sans-serif;
		color: #F00;
		background-color: transparent;
		text-align: left;
		text-transform: uppercase;
		letter-spacing: .1em;	
		margin: 0 0 0 20px;
		padding: 0;
		}


.TableRates ul {
	list-style-type: disc;
	text-align: left;
	padding: 0;
	margin: 0 .5em 1em 1.5em; /* .8em .5em .8em 1.5em; */
	}

	.TableRates ul li {
		font: normal .8em Arial,Helvetica,sans-serif;
		color: #333;
		background: transparent; 
		margin: .5em 0 0 0;
		padding: 0;
		}

	.TableRates ul li span {
		font-weight: bold;
		color: #36C;
		background-color: transparent;
		}


	.TableRates span.SOLDOUT {
		color: #025;
		background-color: transparent;
		}


.TableHotel1 p.Center {
	text-align: center;
	}
	
.TableHotel1 p {
	font: normal .9em Arial,Helvetica,sans-serif;
	color: #333; 
	background: transparent;
	text-align: justify;
	padding: 0;
	margin: 0 20px 10px 20px;
	}

	.TableHotel1 p.Important {
		color: orange;
		background-color: transparent;
		}


/* ----------------------------------------- OPTIONS ----------------------------------------- */

ul.Options {
	clear: both;
	padding: 0;
	margin: 0 20px 10px 35px;
	}

	ul.Options li {
		list-style-type: disc;
		font: .75em Arial,Helvetica,sans-serif;
		color: #333; 
		background-color: transparent;
		text-align: left;
		margin: .2em auto 0 auto;
		}
	
	ul.Options li span {
		font-weight: bold;
		}







/* ------------------------------------- ENQUIRY/BOOKING BUTTONS ------------------------------------- */

.EnqBkg {
	width: 100%;
	height: 30px;
	padding: 0;
	margin: 20px auto 15px 0;
	}


	.EnqBkgL, .EnqBkgR {
	float: left;
	width: 200px;
	font: bold .8em Arial, Helvetica, "sans-serif normal";
	background-color: #930;
	padding: .5em 0;
	margin: 0 0 0 70px;
	text-align: center;
	border: 1px #900 solid;
}
		
	.EnqBkgR {
		float: right;
		margin: 0 70px 0 0;
		}

.EnqBkgL a, .EnqBkgR a {
	color: #EEE;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	}

	.EnqBkgL a:hover, .EnqBkgR a:hover  {
		color: #FFF;
		background-color: transparent;
		text-decoration: none;
		font-weight: bold;
		}


/* ----------------------------------------- UL ADDITIONAL INFO ----------------------------------------- */

.TableHotel1 ul.AdditionalInfo {
	list-style-type: none;
	text-align: left;
	margin: 0;	
	padding: 0 1.5em 0 1.5em;
	}

.TableHotel1 ul.AdditionalInfo li {
	font: 100 .8em Arial,Helvetica,sans-serif;
	color: #036;
	background: transparent; 
	margin: 0 0 .5em 0;
	padding: 0;
	}

.TableHotel1 ul.AdditionalInfo span {
	font-size: .95em;
	text-transform: uppercase;
	font-weight: bold;
	}


/* -------------------------------------------- TOP -------------------------------------------- */

div.top {
	font: bold .8em Arial, Helvetica, sans-serif;
	color: #F00;
	background: transparent; 
	padding: 0;
	margin: 15px 0;
	text-align: center;
	}
	
	div.top a {
		color: #F00;
		background: transparent; 
		text-decoration: none;
		}
		
	div.top a:hover {
		color: #C30;
		background: transparent; 
		text-decoration: none;
		}
		

.bottomaddress {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color : #000000;	
	background: transparent;
	padding: 0
	margin: 0;
	text-align: center;
	}

