/* CSS Document */

/* common elements */

body {
	margin:0;
	padding:0;
	 
}

body {
	background:#fff url(/img/mainBg.jpg) 0% 0% repeat-x;
	color:#000;
}

a img, img { 
	border: 0;
}

a:focus { 
	outline:none;
}


a.link {
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	background-color:#222;
}

a.link:hover {
	text-decoration:underline;
}
	

div, a, br, p, select, input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
  
}


h4 {
	display:block;
	padding:0;
	margin:0 0 20px 0;
	font-size:14px;
	font-weight:bold;
}

/* layout styles */

#container {
	width:820px;
	margin: 0 auto 0 auto;
	
}

#middle {
	padding:30px 0 0 0;
	width:800px;
	background-color:#222;
	background-image:url(/img/middleBg.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
}

#topshadow {
	width:820px;
	height:10px;
	background:url(/img/topshadow.png) no-repeat;
}

#leftshadow {
	float:left;
	width:10px;
	height:100%;
	background:url(/img/leftshadow.png) repeat-y;
}

#rightshadow {
	float:left;
	width:10px;
	height:100%;
	background:url(/img/rightshadow.png) repeat-y;
}

#bottomshadow {
	clear:both;
	width:820px;
	height:10px;
	background:url(/img/bottomshadow.png) no-repeat;
}

#contents {
	float:left;
	width:800px;
	
}

#title {
	width:585px;
	margin-left:50px;
}

.mainImg {
	display:block;
	position:relative;
	margin-left:50px;
	width:696px;
	padding:1px;
	border:1px solid #444;
	height:396px;
	background-image: url(../img/gallery/DSC00539.jpg);
	background-position:1px 1px;
	background-repeat:no-repeat;
	
}

#galleryImg, .tour-holder {
	position:relative;
	width:496px;
	float:left;
	padding:1px;
	border:1px solid #444;
	height:396px;
	margin-left:50px;
	background-position:1px 1px;
	background-repeat:no-repeat;
}


#thumbs {
	float:right;
	margin-right:50px;
	width:190px;
	padding:1px;
	border:1px solid #444;
	height:396px;
}
	

#highlight, #subhighlight {
	position:absolute;
	bottom:10px;
	left:1px;
	background:url(../img/highlight.png) no-repeat;
    width:696px;
	min-height:80px;
}

#subhighlight {	
	width:496px;
	left:1px;
}

.quote {
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:20px;
}

.subquote {
	font-size:10px;
	font-weight:normal;
}

.thumbnail {
	width:190px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	margin-bottom:5px;
}

/* gallery images */

.img0 {
	background-image: url(../img/gallery/P1010202.jpg);
}

.img1 {
	background-image: url(../img/gallery/P1010221.jpg);
}

.img2 {
	background-image:url(../img/gallery/P1010214.jpg);
}

.img3 {
	background-image: url(../img/gallery/large-hpim2425.jpg);
}

.img4 {
	background-image:url(../img/gallery/P1010246.jpg);
}

/* house images */

.img5 {
	background-image:url(../img/gallery/DSC00535.jpg);
}

.img6 {
	background-image:url(../img/gallery/DSC00544.jpg);
}

.img7 {
	background-image:url(../img/gallery/DSC00533.jpg);
}

.img8 {
	background-image:url(../img/gallery/DSC00552.jpg);
}

.img9 {
	background-image:url(../img/gallery/DSC00548.jpg);
}

/* roal westmoreland images */

.img10 {
	background-image:url(../img/gallery/P1010282.jpg);
}

.img11 {
	background-image: url(../img/gallery/DSC00555.jpg);
}

.img12 {
	background-image:url(../img/gallery/P1010243.jpg);
}

/* the area page */

.img13 {
	background-image:url(../img/gallery/P1010222.jpg);
}

.img14 {
	background-image:url(../img/gallery/P1010248.jpg);
}

.img15 {
	background-image:url(../img/gallery/calabaza_barbados.jpg);
}


/* booking page */

.img16 {
	background-image:url(../img/gallery/feetsand.jpg);
}

.img17 {
	background-image: url(../img/gallery/P1010322.jpg);
}

.img18 {
	background-image:url(../img/gallery/P1010304.jpg);
}

/* the facilities page */

.img19 {
	background-image:url(../img/gallery/facilities1.jpg);
}

.img20 {
	background-image:url(../img/gallery/facilities2.jpg);
}

.img21 {
	background-image:url(../img/gallery/facilities3.jpg);
}

.img22 {
	background-image:url(../img/gallery/facilities4.jpg);
}

/* tour pages */

.img23 {
	background-image:url(../img/gallery/tour1.jpg);
}

.img24 {
	background-image:url(../img/gallery/tour2.jpg);
}

.img25 {
	background-image:url(../img/gallery/tour3.jpg);
}

.img26 {
	background-image:url(../img/gallery/tour4.jpg);
}

.img27 {
	background-image:url(../img/gallery/tour5.jpg);
}

.img28 {
	background-image:url(../img/gallery/tour6.jpg);
}

.img29 {
	background-image:url(../img/gallery/tour7.jpg);
}


#dropshadow {
	width:700px;
	height:10px;
	background:url(/img/dropshadow.png) repeat-x;
}

#bottomMargin {
	height:50px;
}

#bottomInfo {
	height:207px;
}

#footer {
	width:800px;
	height:30px;
	background:url(/img/mainNav.gif) 0 -30px no-repeat;
}

#col1 {
	width:314px;
	float:left;
	padding-right:14px;
}

#divCol {
	width:1px;
	float:left;
	background-color:#ccc;
}

#col2 {
	width:315px;
	float:left;
	padding-left:15px;
}

/* navigation */

#topNav {
	position:absolute;
	width:700px;
	height:30px;
	top:40px;
	left:0;
}


ul#navigation  {
	display:block;
	height:30px;
	width:800px;
	padding:0;
	margin:0;
	list-style:none;
	
	
}

ul#navigation span {
	display:none;
}

ul#navigation li {
	position:relative;
	display:block;
	float:left;
}

ul#navigation li a {
	display:block;
	height:30px;
    letter-spacing : -1em;
    text-indent: -100000em;
    overflow: hidden;
}

li#home {
	background:url(/img/mainNav.png) 0px -30px ;	
}

li#home a { 
	width:73px;		   
}

li#home a:hover { 
	background:url(/img/mainNav.png) 0px 0px ;	  
}

li#house {
	background:url(/img/mainNav.png) -73px -30px ;	
}

li#house a { 
	width:91px;		   
}

li#house a:hover { 
	background:url(/img/mainNav.png) -73px 0px ;	  
}

li#tour {
	background:url(/img/mainNav.png) -164px -30px ;	
}

li#tour a { 
	width:94px;		   
}

li#tour a:hover { 
	background:url(/img/mainNav.png) -164px 0px ;	  
}

li#gallery {
	background:url(/img/mainNav.png) -258px -30px ;	
}

li#gallery a { 
	width:102px;		   
}

li#gallery a:hover { 
	background:url(/img/mainNav.png) -258px 0px ;	  
}

li#facilities {
	background:url(/img/mainNav.png) -360px -30px ;	
}

li#facilities a { 
	width:84px;		   
}

li#facilities a:hover { 
	background:url(/img/mainNav.png) -360px 0px ;	  
}

li#rwm {
	background:url(/img/mainNav.png) -444px -30px ;	
}

li#rwm a { 
	width:165px;		   
}

li#rwm a:hover { 
	background:url(/img/mainNav.png) -444px 0px ;	  
}

li#area {
	background:url(/img/mainNav.png) -609px -30px ;	
}

li#area a { 
	width:94px;		   
}

li#area a:hover { 
	background:url(/img/mainNav.png) -609px 0px ;	  
}

li#booking {
	background:url(/img/mainNav.png) -703px -30px ;	
}

li#booking a { 
	width:97px;		   
}

li#booking a:hover { 
	background:url(/img/mainNav.png) -703px 0px ;	  
}



/* other styles */

.pad20 {
	padding:20px;
}

.pb5 {
	padding-bottom:5px;
}


/* royal westmoreland page */

#rwmInfo, #houseContact {
	width:700px;
	margin-left:50px;
	padding-top:53px;
	color:#fff;
}

#houseContact {
	padding-top:20px;
	height:10px;
}

/* the area page */

.leftCol {
	float:left;
	width:350px;
}

.rightCol {
	float:right;
	width:340px;
}

ul#restaurants {
	margin:5px 0 0 10px;
	padding:0 0 0 20px;
}