* {margin:0;padding:0; border: 0px none;}


ul, ol, li {list-style-type:none;}
a { text-decoration: none; color: #fcb13d; }
a:hover {text-decoration: underline;}
body {font: 62.5% "Trebuchet MS", Arial, san-serif;  background: #23343c url(../img/bg.gif) center 0 no-repeat;color: #899aa6;}
#wrapper {width: 993px;margin: 0 auto;}


/* logo  --------------------------------*/
#header {width: 856px;height: 133px;margin: 13px auto 0;padding-left: 100px;}
h6 {
	float: left;
	font-family: "Trebuchet MS", Arial, san-serif;
	font-size: 1.2em;
	line-height: 1.1em;
	font-weight: normal;
	width: 219px;
	text-align: right;
}
h6 img {padding-left: 20px;}

#fading-text {height:20px; overflow:hidden;}
#fading-text h6 {font: 1em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;	color: #8193A0;	background:none !important;}

#header p {float: right;text-align: right;line-height: 1.6em;margin: 25px 0 0;}
#header p span { color: #fcb13d;}
#header p a.more { line-height: 3em; color: #899aa6;}

/* common font styles */
h1 {color: #fcb13d; font: normal 1.6em/1.2em "Trebuchet MS", Arial, san-serif; margin: 0 0 5px;}
h2 {color: #fcb13d; font: normal 1.4em/1.2em "Trebuchet MS", Arial, san-serif; margin: 0 0 5px;}
h3 {font: normal 1.2em/1.5em "Trebuchet MS", Arial, san-serif;  }
h4 {color: #DAA95F; font: normal 1.2em/1.2em "Trebuchet MS", Arial, san-serif;margin: 0 0 5px;}

p { font: normal 1.2em/1.5em "Trebuchet MS", Arial, san-serif;  }
blockquote {padding-left: 12px; font-size: 1.2em; line-height: 1.5em; }
blockquote a{color: #899AA6;}

/* 2 columns */
#leftcol {float: left; width: 467px;padding: 0 0 0 16px;}
#copy {float: right; width: 509px;}
#map {width: 856px; top: 300px; float: right; padding-right: 12px;}
#copy p { margin: 0 0 17px;}
#copy p a {color:#B7C0C8;text-decoration: underline;}
#copy p a:hover {color: #ab7e3c;}
#wn img {border: 1px solid #C9A95A; margin-bottom: 5px; margin-left: 10px;}


/* main navigtion (4 buttons) */
#nav {	float: left; width: 496px; height: 34px; font: normal 1.2em/1.5em "Trebuchet MS", Arial, san-serif;}
#nav a { color: #899aa6; height: 26px; padding: 7px 21px 0;float: left;display: block;border-left: 1px solid #202f35;}
#nav a:hover { background: #293941;text-decoration: none;border-left: 1px solid #394d57;}
#nav a.current { color: #fcb13d; height: 27px; border-left: 1px solid #030506;background: #23343c url(../img/nav-bg.gif) right 0 no-repeat;}
/* main navigtion (map page) */
#nav-map {	float: right; width: 496px; height: 34px; font: normal 1.2em/1.5em "Trebuchet MS", Arial, san-serif;}
#nav-map a { color: #899aa6; height: 26px; padding: 7px 21px 0;float: left;display: block;border-left: 1px solid #202f35;}
#nav-map a:hover { background: #293941;text-decoration: none;border-left: 1px solid #394d57;}
#nav-map a.current { color: #fcb13d; height: 27px; border-left: 1px solid #030506;background: #23343c url(../img/nav-bg.gif) right 0 no-repeat;}

/* sub navigation */
ul#subnav {float: right; width: 140px;margin-top: 34px;}
ul#subnav li {float: left; width: 140px;}
ul#subnav li a {color: #9aadba;padding: 10px 15px 0 0;height: 24px;float: left; width: 125px;font: normal 1.1em/1.2em "Trebuchet MS", Arial, san-serif; text-align: right;background: url(../img/subnav-bg.png) bottom left no-repeat;}
ul#subnav li a:hover {background: url(../img/subnav-hover-bg.png) bottom left no-repeat;text-decoration: none;}
ul#subnav li.current a {background: url(../img/subnav-current-bg.png) bottom left repeat-y;color: #fcb13d;}
ul#subnav li ul {padding-bottom: 5px;float: left;background: url(../img/subnav-current-btm.png) bottom left no-repeat;}
* html ul#subnav li ul {background: none;padding-bottom: 0;}
ul#subnav li ul li {float: left; display: block;width: 140px;}
ul#subnav li ul li a, ul#subnav li.current ul li a {color: #9aadba;padding: 0 15px 4px 0;float: left; display: block;width: 125px;height: auto;font: normal 1em/1.5em "Trebuchet MS", Arial, san-serif; text-align: right;background: url(../img/subnav-current-bg.png) 0 0 repeat-y;}
ul#subnav li ul li.current a {color: #fcb13d;}
ul#subnav li ul li a:hover, ul#subnav li.current ul li a:hover {text-decoration: underline;}


/* clear everything (sometimes needed for IE 6) */
#clearall { width: 100%;clear: both;}

/* scrollbar */
 div#scrollbar { display:block;  }
div#wn	{	position:relative; width:490px; height:500px; overflow:hidden; float: left;}
div#lyr1 {padding:15px;}
div#scrollbar {	position:relative; width:13px; height:505px; float: right; font-size:1px;  
/* so no gap or misplacement due to image vertical alignment */
}
div#track {	position:absolute; padding: 0; left:0; right:0; top:12px; width:11px; height:485px; background: #1a262c; border-right: 1px solid #293c45; border-left: 1px solid #293c45;}
div#dragBar {position:absolute; left:0; right: 0;top:1px;width:9px; height:20px;background-color:#545f66;}
  div#up { position:absolute; left:0; top:0; }
  div#down { position:absolute; left:0; bottom:0; }
div#scrollbar, div#track, div#dragBar, div#up, div#down {-moz-user-select: none; -khtml-user-select: none;}
div#scrollbar img {display:block; }
 
/* slideshow */
 #slideshow {position:relative;height:325px;float: left;margin: 114px 0 0 0;}
#slideshow IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
#slideshow IMG.active {z-index:10;opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}

/* footer elements */
 		#footer { 	width: 870px; 	height: 50px; float: right; 	clear: both; 	}
		#footer p {		color: #4d5a62; 	padding: 15px 15px 0 0; 	font: normal 1em/1.2em "Trebuchet MS", Arial, san-serif;   		}
		#footer p.left {float:left;}
		#footer p a {color: #4d5a62;}
		#footer p.right {float:right;}
		
#contact-label {	font-size: 1em; color: #899aa6; text-align: right;}
#contact-details {	font-size: 1.2em; color: #FFB13A; text-align: left;}
#copyright {	bottom: 0px; margin-left: auto; width: 960px; margin-right: auto; padding-top: 25px;}
#mapinfo {	width: 340px; background-color: #10181C; position: absolute; margin: 10px; padding: 10px;}
#mapinfo p {	font-size: 1.1em;}
#mapinfo h2 img {	border: 1px solid #C9A95A; margin-bottom: 5px; margin-left: 10px;}
.price {	font-size: .9em;}

