body {
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;
	background-image:url(Images/all_pages/bg_page.jpg);
	background-repeat:repeat;
	background-position:center;
	background-attachment:fixed;
	font-family: Arial, sans-serif;
	text-align: center;
}

.award{

float:left;
padding-right:10px;

}

.body-description {

width:832px;

}

.gallery{

float:right;
width:390px;
}

.gallery-item{

float:left;
width:95;
height:62;
padding:1px;
}

.enquirebutton{
width:390px;

}

.amenities{

width:195;
float:left;

}

.footer{

width:905px;

}

.content-left{

float:left;
width:430px;

}


#page-container {
width:905px;
background-color: #003366;
border-top:2px;
border-bottom-style:inset;
margin: 0 auto;
}

#page-container .content {

padding-left:10px;
padding-right:10px;

}
.header {

height:104px;
width:905px;
background-image: url(Images/all_pages/banner.jpg);
background-repeat:no-repeat

}

.availability {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	text-align:center;
	color: #FF9900;
}

strong {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #FFFFFF;
}
.heading {
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-style: oblique;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;

}
.textcenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;
	text-align: center;
}
.textleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	background-position: left;
	text-align: left;
	color: #FFFFFF;

}
.textright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	background-position:right;
	text-align:right;
	color: #FFFFFF;
}
.heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #FFFFFF;
	background-position: center;
}
.heading3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: underline;
	background-position: center;
	color: #FFFFFF;
}
.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FF9933;
}
.virutaltour {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #FF9933;
	background-position: center;

}
.spruch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #FF9900;
}
.renovation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #0099FF;
}

.offer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #FF9900;
}


.index {
	font-family: Garamond, Balthazar;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
}
.Exciting {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	color: #00FF00;
}
.headingblue {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-style: oblique;
	text-transform: uppercase;
	text-align: center;
	color: #003366;
	font-weight: bold;
}

.style1 {
	font-size: 12px;
	color: #FF9900;
}
.style2 {font-size: small}
.sitename {font-size: 40px; font-family: Vivaldi, Arial, sans-serif;}
.smallnav {font-size: 12px}

.toptextbold {
	color: #F1CC99;
	font-weight: bold;
	font-size:12px;
}
.toptext {

font-size:12px;
color: #F1CC99}

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 160px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 160px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(glossyback2.gif);
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
text-align:center;
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #0033CC; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #0099FF; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}




 #Menu {
 font-family: Arial, sans-serif;
 border-bottom: 10px solid #A0CEF8;
 }
 #Menu ul {
 text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
 margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */
 }
 #Menu li {
 display: inline; /* Menu links are horizontally aligned using display: inline */
 }
 #Menu li a {
 padding: 7px 0 6px 10px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
 color: #5d5350;
 text-decoration: none;
 font-weight: bold;
 background: url(Images/buttons/tabbed-menu-left.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept for the left part of the tab */
 }
 #Menu li a:hover {
 background: url(Images/buttons/tabbed-menu-left.gif) no-repeat left bottom;
 }
 #Menu li a span {
 padding: 7px 10px 6px 0;
 background: url(Images/buttons/tabbed-menu-right.gif) no-repeat right top; /* Rollover effect using "Fast rollovers without preload" concept for the right part of the tab */
 }
 #Menu li a:hover span {
 background: url(Images/buttons/tabbed-menu-right.gif) no-repeat right bottom;
 }

  [if IE]>
 <style type="text/css">
 /* Unfortunately, for some reason both IE6 and IE7 needs to be hacked. */
 .Menu1 li a {
 padding: 0 0 0 10px;
 }
 </style>
 <![endif]