/**************************************************
1. Style Reset
**************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	line-height: 1;
	font: normal 62.5% 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	background: #red;
	color: #333;
	}

/* Unordered Lists */
ul {
	list-style: none;
	}

/* Blockquote / Quote */
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* Focus styles */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
p {
	margin: 0;
	line-height: 1.6em;
	}	
	
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	.clearfix { display: inline-table; }
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	*+html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* End hide from IE-mac */
	
	
/* Layout */

body {
background: url('../img/bg.gif');
background-repeat:repeat-x;
background-color:#FFF;
}

#outerwrapper{
width:879px;
height:100%;
background:url(../img/dropshadow.gif);
background-repeat:no-repeat;
margin: 0px auto;
}

#wrapper {
width: 860px;
height:100%;
background-color:#FFF;
border:1px solid #333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
line-height:150%;
margin-left:8px;
}	

#wrapper p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
padding-left:5px;
}

#wrapper a:link, #wrapper a:visited{
color:#DCC440;
text-decoration:none;
}

#wrapper a:hover{
text-decoration:underline;
}
#nav {
width: 860px;
height: 50px;
}
	#nav ul { height: 50px;}
	#nav ul li { display: inline;}
	#nav ul li a {
			display: block;
			float: left;
			padding: 0px 0px 0;
			margin: 0 0 0px 0px;
			font-size: 1.3em;
			color: #5c8134;
			text-indent: -9000px;
			text-decoration: none;
			}
			#nav ul li a:hover {
			color: #333333;
	
			}
			
			#nav li#naboutus a { background: url('../img/nav.png') 0px 0px; width: 115px; height:50px; }
			#nav li#naboutus a:hover { background: url('../img/nav.png') 0px -52px;}
			#nav li#naboutus a.current, #main-nav li#home a.current:hover { background: url('../img/nav.png') 0px -104px; }

			#nav li#naccomodation a { background: url('../img/nav.png') -117px 0px; width: 168px; height:50px; }
			#nav li#naccomodation a:hover { background: url('../img/nav.png') -117px -52px;}
			#nav li#naccomodation a.current, #main-nav li#home a.current:hover { background: url('../img/nav.png') -117px -104px; }
			
			#nav li#nrates a { background: url('../img/nav.png') -282px 0px; width: 86px; height:50px; }
			#nav li#nrates a:hover { background: url('../img/nav.png') -282px -52px;}
			#nav li#nrates a.current, #main-nav li#home a.current:hover { background: url('../img/nav.png') -282px -104px; }
			
			#nav li#nfacilities a { background: url('../img/nav.png') -369px 0px; width: 117px; height:50px; }
			#nav li#nfacilities a:hover { background: url('../img/nav.png') -369px -52px;}
			#nav li#nfacilities a.current, #main-nav li#home a.current:hover { background: url('../img/nav.png') -369px -104px; }
			
			#nav li#nlocation a { background: url('../img/nav.png') -484px 0px; width: 117px; height:50px; }
			#nav li#nlocation a:hover { background: url('../img/nav.png') -484px -52px;}
			#nav li#nlocation a.current, #main-nav li#home a.current:hover { background: url('../img/nav.png') -484px -104px; }
			
			#nav li#nvirtualtour a { background: url('../img/nav.png') -600px 0px; width: 142px; height:50px; }
			#nav li#nvirtualtour a:hover { background: url('../img/nav.png') -600px -52px;}
			#nav li#nvirtualtour a.current, #main-nav li#home a.current:hover { background: url('../img/nav.png') -600px -104px; }
			
			#nav li#ncontact a { background: url('../img/nav.png') -744px 0px; width: 115px; height:50px; }
			#nav li#ncontact a:hover { background: url('../img/nav.png') -744px -52px;}
			#nav li#ncontact a.current, #main-nav li#home a.current:hover { background: url('../img/nav.png') -744px -104px; }

#centerpiece{
width:835px;
height:195px;
margin-top:15px;
margin-left:12px;
}

#centerpiece img{
border: 1px solid #AFCBF0;
}

#top-content{
width:835px;
height:133px;
margin-top:33px;
margin-left:12px;
padding-bottom:10px;
border-bottom:1px dotted #666;
}

#content-upper-left{
float:left;
width:174px;
height:103px;
margin-right:12px;
padding-left:0px;
}

#content-upper-right{
float:left;
width:647px;
height:auto;
margin-bottom:20px;
}

content-upper-right img{
float:left;	
}

#bottom-content{
clear:left;
width:835px;
height:265px;
margin-top:20px;
margin-left:12px;
}

#bottom-content-right li{
list-style-image:url(../img/bullet.gif);
padding-bottom:5px;
}

#bottom-content-right ul{
margin-left:10px;	
}

#bottom-content-headings{
width:835px;
height:40px;
}

#bottom-content-left{
float:left;
width:257px;
height:210px;
background-color:#F4F4F9;
padding-left:13px;
padding-top:13px;
margin-right:12px;
}

#bottom-content-centre{
float:left;
width:259px;
height:210px;
background-color:#EBEBF3;
padding-left:8px;
padding-top:13px;
margin-right:12px;
}

#bottom-content-right{
float:left;
width:259px;
height:210px;
background-color:#E6E9F0;
padding-left:13px;
padding-top:13px;
}

#footer{
clear:left;
width:860px;
height:40px;
background:url(../img/footerbg.gif);
background-repeat:repeat-x;
margin-top:7px;
border-top:1px dotted #666;
}

#footer-copyright{
float:left;
width:580px;
margin-top:9px;
}

#footer-copyright p{
padding-left:18px;
padding-top:5px;
}

#footer-links{
float:left;
width:270px;
margin-top:9px;
padding-top:5px;
}

#footer-links a:link{
padding:7px;
}

/* Interior Layout */
#interior-content-upper-right{
float:left;
width:647px;
height:auto;
margin-left:5px;
}

#interior-content-upper-left{
float:left;
width:181px;
height:auto;

}

#interior-top-content{
width:835px;
height:auto;
margin-top:33px;
margin-left:12px;
padding-bottom:10px;
}

#interior-contact{
float:left;
width:175px;
height:160px;
background-color:#F4F4F9;
padding-left:5px;
padding-top:13px;
}

#interior-offers{
float:left;
width:175px;
height:160px;
background-color:#EBEBF3;
padding-left:5px;
padding-top:13px;
margin-top:10px;
}

#interior-offers li{
list-style-image:url(../img/bullet.gif);
}

#interior-offers ul{
margin-left:15px;
}

#interior-contact a:link, #interior-contact a:visited{
color:#DCC440;
text-decoration:none;
}

#bottom-content a:link, bottom-content a:visited{
color:#DCC440;
text-decoration:none;	
}

#interior-contact a:hover, bottom-content a:hover{
color:#DCC440;
text-decoration:underline;
}

#contact-form{
margin-top:10px;
margin-left:5px;
width:600px;
}

#bottom-shadow{
width:879px;
height:12px;
background:url(../img/bottomshadow.jpg);
background-repeat:no-repeat;
margin:auto;
}

/* button */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../img/btn2.gif') no-repeat scroll top right;
    display: block;
    float: left;
    font: normal arial, sans-serif;
    height: 20px;
    margin-right: 2px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
	margin-left:5px;
	margin-top:5px;
}

a.button span {
    background: transparent url('../img/btn1.gif') no-repeat;
    display: block;
    line-height: 10px;
    padding: 5px 0 5px 14px;
} 


/*sifr*/
h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 2em;
}


h1 {
	font-size: 20px;
}

h2 {
	font-size: 17px;
	line-height:2em;
	float:left;
	width:240px;
	height:40px
}

h2#today{margin-right:37px;}
h2#viewaccomodation{margin-right:37px;}


#pullquote {
	float: right;
	margin: 0 0 .4em 1em;
	width: 165px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 20px;
	line-height: 1.3em;
}