@charset "utf-8";
/* CSS Document */

body{
	background:url(../images/body-bg.jpg) top repeat-x ;
	margin: 8px 0px 0px 0px;
	font-size:1.0em;
}

h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#666666;
	margin:0px;
} 

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight:bold;
	color:#333;
	margin:0px;
	padding:0px
} 

h2 a, h2 a:visited {
	color:#0065BC;
	margin:0px;
	text-decoration:none;
} 

h2 a:hover {
	font-weight:bolder;
	color:#4EE433;
	text-decoration:none;
} 

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#333;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

ul {
	margin:0px;
	padding:0px;
}

li {
	margin:0px;
	padding:0px;
}

a, a:visited {
	color:#0065BC;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#4EE433;
	text-decoration:none;
}

.link, .link a, .link a:visited, .link a:hover {
	font-weight:normal;
	color:#333;
}

#breadcrums {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#999;
	margin:0px 0px 7px 0px;
	font-weight:normal;
}

#breadcrums a, breadcrums a:visited {
	
	font-weight:normal;
	text-decoration:underline;
	color:#777;
}
#breadcrums a:hover {
	
	font-weight:normal;
	text-decoration:underline;
	color:#999;
}

/*----------------------- Home Page Content ------------------------*/

#container{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	background:#fff;
}

#content{
	background:url(../images/content-bg.jpg) top no-repeat ;
	padding: 20px 15px 0px 15px;
	clear:both;
	width:770px;
}
	
#contentleft{
	margin: 0px 0px 0px 0px;
	width:355px;
	float:left;
	clear:left;
	border-right: #CaCaCa 1px solid;
	padding: 0px 20px 0px 0px;
}
	
#contentright{
	margin: 0px 0px 0px 0px;
	width:375px;
	float:right;
	clear:right;
}

/*----------------------- Top Menu --------------------------*/

	
#topmenu{
	margin: 0px;
	width:800px;
	background:url(../images/topmenu-bg.jpg) top repeat-x ;
	padding: 0px 0px 0px 0px;
	float:left;
}
	
#topmenu ul{
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

#topmenu ul li{
	display:inline;
}

#topmenu li a, #topmenu li a:visited  {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#cacaca;
	font-weight:bold;
	font-size:0.8em;
	height:27px;
	float:left;
	padding: 8px 32px 0px 32px;
	margin:0px;
}	

#topmenu li a:hover  {
	background:url(../images/topmenu-bg-hover.jpg) top repeat-x ;
}	

.active  {
	background:url(../images/topmenu-bg-hover.jpg) top repeat-x ;
}	
	
#banner {
	background:url(../images/banner2.jpg) top no-repeat;
	height:164px;
	clear:both;
	width:800px;
}

#home a {
	height:56px;
	width:400px;
	display:block;
	position:relative;
	top:45px;
}

#home a, #home a:visited {
	border:none;
	height:56px;
	width:400px;
	
}

#home a:hover {
	background:url(../images/banner3.jpg) top left no-repeat;
}


/*----------------------- Main Navigation ------------------------*/
	
	
#nav {
	background:url(../images/nav-bg2.jpg) top no-repeat;
	height:80px;
	width:800px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:normal;
	color:#487E9A;
}

#navleft {
	float:left;
	padding:0px 0px 27px 0px;
}

#titleleft {
	padding: 0px 0px 0px 0px;
	margin: 27px 0px 0px 0px;
}

/*---hide ie---*/
html>/**/body #titleleft {
	width:266px;
}

#navleft a {
	text-decoration:none;
	color:#487E9A;
	margin:0px 0px 0px 0px;
	padding:27px 17px 27px 93px;
	font-weight:normal;
}

#navleft a:hover {
	text-decoration:none;
	color:#4EE433;
	background:url(../images/nav-bg-hover-left.jpg) top left no-repeat;	
}

#navcenter {
	float:left;
	padding:0px 0px 27px 0px;
}

#navcenter a {
	text-decoration:none;
	color:#487E9A;
	margin:0px 0px 0px 0px;
	padding:27px 14px 27px 86px;
	font-weight:normal;
}

#titlecenter{
	padding: 0px 0px 0px 0px;
	margin: 27px 0px 0px 0px;
}

/*---hide ie---*/
html>/**/body #titlecenter {
	width:265px;
}

html>/**/body #navcenter a:hover {
	text-decoration:none;
	color:#4EE433;
	background:url(../images/nav-bg-hover-center.jpg) top left no-repeat;		
}

#navcenter a:hover {
	text-decoration:none;
	color:#4EE433;
	background:url(../images/nav-bg-hover-center2.jpg) top left no-repeat;		
}

#navright {
	float:right;
	padding:0px 0px 27px 0px;
}

#navright a {
	text-decoration:none;
	color:#487E9A;
	margin:0px 0px 0px 0px;
	padding:27px 16px 27px 142px;
	font-weight:normal;
}

#titleright{
	padding: 0px 0px 0px 0px;
	margin: 27px 0px 0px 0px;
	
}

#navright a:hover {
	text-decoration:none;
	color:#4EE433;
	background:url(../images/nav-bg-hover-right.jpg) top left no-repeat;	
}

/*---hide ie---*/
html>/**/body #titleright {
	width:267px;
}

.and {
	font-size:0.8em;
	text-decoration:none;
	
}

.and a, .and a:visited{
	font-size:0.8em;
	text-decoration:none;
}

.and a:hover{
	font-size:0.8em;
	text-decoration:none;
	color:#4EE433;
}

/*------------------------- Footer -------------------------*/


#footer {
	clear:both;
	margin:15px 0px 5px 0px;
	background:url(../images/footer-bg.jpg) top repeat-x;
	height:30px;
	border-left: solid #999999 1px;
	border-right: solid #999999 1px;

}

#footerleft {
	margin: 9px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	float:left;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#666666;
}

#footerright {
	float:right;
	clear:right;
	padding: 0px 0px 0px 0px;
	margin: 5px 15px 0px 0px;
	text-align:right;
}

#footerright a, #footerright a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#666;
	text-decoration:none;
	font-weight:normal;
}

#footerright a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#333;
	text-decoration:none;
}


/*---------------------- Product List Home Page ----------------------*/


.thumb {
	border: solid 1px #0065BC;
	float:left;
	margin-right:10px;
}



.feature{
	margin:3px 3px 4px 143px;
	padding:3px 0px 4px 0px;
	border-bottom:solid 1px #cacaca;
	font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif;
}

.details{
	float:left;
	margin:3px 0px 0px 0px;
	padding: 0px 9px 0px 0px;
	width:44px;
	height:14px;
	border-right:solid 1px #cacaca;
	background:url(../images/feature/details.jpg) left top no-repeat;
}

.details a, .details a:visited{
	float:left;
	margin:0px 0px 0px 0px;
	padding: 1px 8px 0px 2px;
	width:44px;
	height:14px;
	background:url(../images/feature/details.jpg) left top no-repeat;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:normal;
	color:#fff;
}
	
.bookings{
	margin:3px 8px 0px 0px;
	padding:0px;
	float:right;
	clear:right;
}

.featuredproducts{
	height:100px;
	margin:0px 0px 10px 0px;
	border-bottom:solid 1px #cacaca;
}

/*-------------------------- Product List --------------------------*/

	
#contentmain{
	margin: 0px 0px 0px 0px;
	float:left;
	clear:left;
	padding: 0px 20px 0px 0px;
}

.titlebar{
	background: url(../images/title-bar.jpg) #0065BC top right no-repeat;
	width:740px;
	height:15px;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	padding: 0px 0px 0px 4px;
	margin:0px 0px 4px 0px;
}

.titlebar a, .titlebar a:visited{
	text-decoration:none;
	color:#FFF;
}

.titlebar a:hover{
	color:#4EE433;
}

.thumb2{
	border:#0065BC 1px solid;
	float:left;
	clear:left;
	margin: 0px 10px 0px 0px;
	width: 150px;
	height:100px;
}

.para{
	margin: 0px 15px 10px 0px;
	padding:0px;
}

.details2{
	float:right;
	clear:right;
	margin:2px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:41px;
	height:14px;
	background:url(../images/feature/details.jpg) left top no-repeat;
}

.details2 a, .details2 a:visited{
	float:right;
	clear:right;
	margin:0px 0px 0px 0px;
	padding: 1px 0px 0px 3px;
	width:41px;
	height:14px;
	background:url(../images/feature/details.jpg) left top no-repeat;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:normal;
	color:#f1f1f1;
}

.details2 a:hover{
	color:#f1f1f1;

}
	
.bookings2{
	
	padding:0px;
	float:left;
}
	
.products{
	height:135px;
	width:730px;
}


/* ---------------------- Feature Page -------------------- */
	
#featurecontentleft{
	margin: 0px 0px 0px 0px;
	width:410px;
	float:left;
	clear:left;
	padding: 0px 10px 0px 0px;
}
	
#featurecontentright{
	margin: 0px 0px 0px 0px;
	width:330px;
	float:right;
	clear:right;
}

.featurepic{
	margin: 30px 0px 6px 0px;
	padding:6px;
	border: 1px #497F9A solid;
}

#featureaccom{
	margin: 0px 0px 0px 0px;
	width:410px;
	float:left;
	clear:left;
	padding: 20px 25px 0px 0px;
}
	
#featurefac{
	margin: 0px 0px 0px 0px;
	width:317px;
	float:right;
	clear:right;
	padding: 20px 13px 0px 0px;
}
#featuregallery{
	margin: 15px 0px 5px 0px;
	width:745px;
	float:left;
	padding: 8px 5px 10px 10px;
	background: #fefefe;
	border:#cacaca 1px solid;
}

#loadarea{
	float:left;
	clear:left;
	margin: 15px 15px 0px 15px;
	width:250px;
	height:150px;
	text-align:left;
	border:#0065BC 1px solid;
}

#gallerythumbs{
	margin: 2px 15px 0px 0px;
	width:397px;
	float:right;
	clear:right;
	height:175px;
	padding: 10px 0px 0px 26px;
	border-left: #cacaca solid 1px;
}

.thumb3 {
	width:115px;
	height:69px;
	margin:3px 0px 4px 8px;
	border: 1px #0065BC solid;
	padding:0px
	
}

.standard{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#333;
	margin: 10px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	line-height:120%;
}

#bookings{
	text-align:center;
	padding: 0px 15px 0px 0px;
}

#featuretop {

	display:table;
	width:770px;
}

/* ---------------------- Information -------------------- */

.infoimage {
	float:right;
	clear:right;
	margin: 0px 0px 15px 15px;
	padding:8px;
	border:#0065BC solid 1px;
	width:300px;
	height:200px;
}


/* -------------------- Accommodation Anchor Menu ------------------ */ 

.accom{
	float:left; 
	margin:2px 15px; 
	padding:0px;
}
.accom a, accom a:visited{
	font-weight:normal;
	text-decoration:underline;
	color:#999;
}
.accom a:hover{
	
	
	color:#666;
}

/* ----- button headings for home page ---- */

a.boldbuttons{
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}
a.blue {
background: transparent url(../images/roundedge-blue-left.gif) no-repeat top left;
	}
a.red {
background: transparent url(../images/roundedge-red-left.gif) no-repeat top left;
	}
a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
span.blue {
background: transparent url(../images/roundedge-blue-right.gif) no-repeat top right;
	}
span.red {
background: transparent url(../images/roundedge-red-right.gif) no-repeat top right;
	}
a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}



.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}

/* ---------------------- self clearing -------------------- */


/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.clearfloat:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
}
 
.clearfloat { 
	display: inline-block; 
}
 
/* Hides from IE-mac */
* html .clearfloat { 
	height: 1%; 
}

.clearfloat { 
	display: block; 
}
/* End hide from IE-mac */
/*** end clearing hack ***/