/* CSS Document */

html {

}

body {
background-color: #644B4B;
}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#572c26;
margin:0;
padding:0 0 10px 0;
line-height:1.5em;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:900;
color:#572c26;
margin:0;
padding:10px 0 5px 0;
}

.top{
margin-top:-5px;
}

h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:900;
color:#572c26;
margin:0;
padding:5px 0 5px 0;
}

a:link {
text-decoration:none;
color:#FFCC00;
font-weight:900;
}
a:visited {
text-decoration:none;
color:#ffcc00;
font-weight:900;
}
a:hover {
text-decoration:none;
color:#572c26;
font-weight:900;
}
a:active {
text-decoration:none;
color:#572c26;
font-weight:900;
}

.centerImage {
margin:5px 0 5px 15px;
}

#wrapper {
padding:0;
position:relative;
width:760px;
margin-left:auto;
margin-right:auto;
}

#header {
width:760px;
height:250px;
background-color:#ffffff;
background:url(../images/common/logo.gif) top left no-repeat;
}

.headerImg {
float:right;
padding:0;
margin:0;
}

#menu {
	width:760px;
	height:30px;
	position:absolute;
	top:250px;
	background-color: #572c26;
}

#nav {
	margin: 0;
	padding: 0;
	float:right;
	height: 30px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}

#nav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
}

#nav a.selected{
background-position: 0 -30px;
}

#nav li a:hover {
background-position: 0 -30px;
}

#navHome a { 
width:101px;
background:url(../images/common/menuHome.gif) top left no-repeat;
}

#navArea a {
width:58px;
background:url(../images/common/menuArea.gif) top left no-repeat;
}

#navHouse a {
width:57px;
background:url(../images/common/menuHouse.gif) top left no-repeat;
}

#navThingsToDo a {
width:116px;
background:url(../images/common/menuThingsToDo.gif) top left no-repeat;
}

#navBooking a {
width:68px;
background:url(../images/common/menuBooking.gif) top left no-repeat;
}

#navImageGallery a {
width:110px;
background:url(../images/common/menuImageGallery.gif) top left no-repeat;
}

#content {
padding:0px;
margin:0px;
position:absolute;
top:280px;
width:760px;
background-color:#e0dbcf;
}

#contentLeft {
padding:5px;
margin:0;
float:left;
width:240px;
background-color:#e0dbcf;
}

#panoramas {
padding:5px;
margin:0 0 5px 0;
background-color:#FFFFFF;
}

#panoramas img{
border:1px solid #572c26;
}

#location {
padding:5px;
margin:0 0 5px 0;
background-color:#FFFFFF;
}

#location img{
border:none;
}

#bookingContact {
padding:5px;
background-color:#FFFFFF;
}

#bookingContact img{
border:none;
}

/* Fieldset content ----------------------------------- */

label, label span {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#572c26;
padding:0 0 .25em 0;

}

fieldset {
border:none;
}

fieldset input {width:90%; border:1px solid #cccccc}
fieldset input:hover {border-color: #572c26}
fieldset input:active, input:focus {border-color:#CCCCCC}

fieldset textarea {width:90%; border:1px solid #cccccc}
fieldset textarea:hover {border-color: #572c26}
fieldset textarea:active, textarea:focus {border-color:#CCCCCC}

form div input { 
padding : 0 .25em;
background-color:#cccccc;
border:2px solid #666666;
border-top-color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
text-transform:uppercase;
 }
 
form div input:hover { 
background-color:#572c26;

 }

#contentRight {
padding:5px;
margin:0;
float:right;
width:500px;
height:800px;
background-color:#ffffff;
}

#contentRightImage {
padding:0px;
margin:0 0 5px 10px;
float:right;
}

.contentRightImage {
margin:5px 0 0 0;
padding:0px;
border:1px solid #572c26;
}

.headerImage {
margin:0;
padding:0 0 5px 0;
float:left;
}

#spacer {
padding:0;
margin:0;
height:300px;
}

#contentRight ul {
margin:0;
padding:0 0 5px 15px;
list-style-type:square;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#572c26;
margin:0;
line-height:1.5em;
}

#clear {
clear:both;
}

#footer {
width:760px;
height:35px;
background-color:#572c26;
	
}

#footer p {
color:#FFFFFF;
text-align:right;
vertical-align:middle;
}

#footer img {
margin:5 0 0 5;
border:none;
}