BODY 
	{
	margin:0 auto;
	background-color: #ffffff;

	}	

#website-container
	{
	width:950px;
	float:none;
	margin:0 auto;
	clear:both;
	}
	
#image-container
	{
	width: 1500px;
	float:none;
	clear:both;
	margin:0 auto;
	padding:0;
	}	

.home-image
	{
	background-image: url(pix/hp1.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
	
.birthday-image
	{
	background-image: url(pix/hp3.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
	
.accom-image
	{
	background-image: url(pix/accommodation.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}
.links-image
	{
	background-image: url(pix/links.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}	
	
.facilities-image
	{
	background-image: url(pix/facilities.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}
	
.rafters-image
	{
	background-image: url(pix/rafters.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}
	
	.recipes-image
	{
	background-image: url(pix/recipes.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}
	
.cottages-image
	{
	background-image: url(pix/cottages.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}

.rooms-image
	{
	background-image: url(pix/rooms.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}
	
	.reviews-image
	{
	background-image: url(pix/reviews.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}
	
.rates-image
	{
	background-image: url(pix/rates.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}
.specials-image
	{
	background-image: url(pix/specials.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}
.spa-image
	{
	background-image: url(pix/spa.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}		
	
.activities-image
	{
	background-image: url(pix/activities.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}
	
	.other-image
	{
	background-image: url(pix/other.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}
	
.fynbos-image
	{
	background-image: url(pix/fynbosB.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}
	
.route-image
	{
	background-image: url(pix/route.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}	
.threeday-image
	{
	background-image: url(pix/threeday.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}	
	
.galleries-image
	{
	background-image: url(pix/galleries.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}	
.photogallery-image
	{
	background-image: url(pix/photogallery.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}
	
.virtualtour-image
	{
	background-image: url(pix/virtualtour.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}
.contact-image
	{
	background-image: url(pix/contact.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}	
.map-image
	{
	background-image: url(pix/map.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}	
.enquiry-image
	{
	background-image: url(pix/enquiry.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}

.gallery-image
	{
	background-image: url(pix/gallery.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}	
	
.aboutgallery-image
	{
	background-image: url(pix/aboutgallery.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}		
	
.paintings-image
	{
	background-image: url(pix/paintings.jpg);
		background-repeat:no-repeat;
	background-position:top center;
	}	
	
#header
	{
	width:950px;
    height: 520px;	
    position: relative;
    z-index: 1;
	margin: 0 auto;
	padding-top:20px;
	}	

#logo
	{
	position:absolute;
	width:578px;
	}	
	
	h a{
	height:169px; 
	width: 578px;
	text-indent: -9999px;
	float: right;
	overflow:hidden;
	background: url(pix/logo.png) no-repeat left top;
}
	
#header-right
	{
	position:absolute;
	width:300px;
	left:609px;
	  top-margin: 0px;
	}
	
.header-contacts h4
	{
    color:#000000;
    font: italic 12px Trebuchet MS;
    top-margin: 0px;
    text-align: right;
	}
	
.header-contacts .textwidget
	{
    text-align: right;
    color: #000000;
    font: bold 10pt Trebuchet MS;
    padding-bottom: 6px;
	}

.header-contacts .textwidget2
	{
    text-align: right;
    color: #ffffff;
    font: bold 10pt Trebuchet MS;
    padding-bottom: 6px;
	}

a.toplink:link, a.toplink:active, a.toplink:hover, a.toplink:visited
{  

margin:0px; 
font-weight: bold; 
font-style: normal; 
font-size: 10pt; 
color: #2f812f; 
font-family: Arial;

}


a.toplink2:link, a.toplink2:active, a.toplink2:hover, a.toplink2:visited
{  

font: bold 11pt Arial;
 font-weight: normal; 
 color: #ffffff;

}
	
h1 { margin:0px; padding-top:0px; padding-bottom:20px; font-weight: none; font-style: normal; font-size: 22px; color: #1cb4b2; font-family: century gothic; }

h2 { margin:0px; padding-bottom:10px;  padding-top:15px; font-weight: bold; font-style: normal; font-size: 12pt; color: #2f812f; font-family: Arial;}

h3 { margin:0px; padding-top:14px; padding-bottom:8px;  font-weight: bold; font-style: normal; font-size: 11pt; color: #1cb4b2; font-family: Arial; }

h4 { margin:0px; padding-top:8px; padding-bottom:8px;  font-weight: bold; font-style: normal; font-size: 13p7; color: #ffffff; font-family: Arial; text-align:center; letter-spacing: 4px;}

h5 { margin:0px; 
font-weight: bold; 
font-style: normal; 
font-size: 10pt; 
color: #2f812f; 
font-family: Arial;}


h6 { margin:0px; 
font-weight: none; 
font-style: normal; 
font-size: 17pt; 
color: #800000; 
font-family: Century Gothic;}

#content-size
	{
	position:relative;
	width: 950px;
	float:none;
	clear:both;
	margin:0 auto;
	padding-top:10px;
}

.content
{
float: left;
padding-top: 0;
text-align: justify;
line-height: 22px;
padding: 5px;
font-size: 11pt;
font-family: Trebuchet MS, Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;

}


.contentred
{

padding-top: 0;
text-align: justify;
line-height: 22px;
padding: 5px;
font-size: 10pt;
font-family: Trebuchet MS, Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
color:#ffffff;
background-color:#CC0000;

}

a.contentlinks:link, a.contentlinks:active, a.contentlinks:hover, a.contentlinks:visited
{  

font-family: Trebuchet MS, Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
 text-decoration: underline; 
font-size: 10pt;
 font-weight: normal; 
 color: #000000;
}

.content-right
{
float: right;
width: 320px;
padding: 50px;
font-size: 9pt;
font-family: Trebuchet MS, Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
line-height:normal;
 color: #3e5e86;
 line-height: 22px;
}

a.content-rightlinks:link, a.content-rightlinks:active, a.content-rightlinks:hover, a.content-rightlinks:visited
{  

font-family: Trebuchet MS, Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
 text-decoration: underline; 
font-size: 9pt;
 font-weight: bold; 
 color: #3e5e86;
}

.content-center
{
float: left;
width: 950px;
padding-top: 0;
text-align: left;
line-height: 22px;
padding: 5px;
font-size: 10pt;
font-family: Trebuchet MS, Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
line-height:normal
}

.content-packages
{
float: left;
width: 930px;
padding-top: 0;
padding-bottom: 20px;

}

.packages
{  

font-family: Trebuchet MS, Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
 text-decoration: none; 
font-size: 9pt;
 font-weight: normal; 
 color: #464b46;
 text-align: left;
line-height: 19px;
padding-left:7px;
padding-right:7px;
padding-bottom:7px;
}

a.packageslinks:link, a.packageslinks:active, a.packageslinks:hover, a.packageslinks:visited
{  

font-family: Trebuchet MS, Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
 text-decoration: underline; 
font-size: 10pt;
 font-weight: bold; 
 color: #464b46;
  text-align: right;
}

.bottom-blocks
{
float: right;
width: 950px;
padding: 0;
font-size: 10pt;
font-family: Trebuchet MS, Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
line-height:normal
}

#bottomBack {
margin:0 auto;
clear:both;
position:relative;
width:100%;
background-color: #f2f2f2;  
padding:0;
height:130px;
}
 
#bottom
{
width:950px;
background-image: url(pix/164.jpg); 
background-repeat: no-repeat;
margin:0 auto;
}

.bottomtext { font-family: Arial; font-size: 10pt; color: #202020; font-weight: normal; font-style: normal; font-family:Trebuchet MS; }
#left { float:left; margin:0; } 
#right { float:right; margin:0; } 
.bottomtext2 { font-family: Arial; font-size: 11px; color: #969697; font-weight: normal; font-style: normal;}

a.bottomlinks:link, a.bottomlinks:active, a.bottomlinks:hover, a.bottomlinks:visited
{  

font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
 text-decoration: underline; 
font-size: 10pt;
 font-weight: none; 
 color: #202020;

}
 
.imgframe
{
BORDER-BOTTOM: #bccade 5px solid; 
	BORDER-LEFT: #bccade 5px solid; 
	BORDER-RIGHT: #bccade 5px solid; 
	BORDER-TOP: #bccade 5px solid
}
 
.contactred
 {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 11pt;
font-weight: none; 
color: #b80000;
text-transform:uppercase

} 

a.contactred:link, a.contactred:active, a.contactred:hover, a.contactred:visited
{  

font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 11pt;
font-weight: none; 
color: #b80000;
text-transform:uppercase
 text-decoration: underline; 
}

/*---Main Navigation----*/

#menustrip
	{
	width:100%;
	height:40px;
	background: url(pix/153.png) left top repeat-x;
	float:none;
	margin:0 auto;
	padding-top:5px;
	top: 10px;
	}
	
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_pullup.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.menu {
z-index: 1000;
width: 950px;
height: 40px;
margin: 0 auto;
padding: 0;
font-family: Arial; 
font-size: 16px;
font-weight: normal; 
font-style: normal;
text-decoration:none;
color: #ffffff;

}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;

}
.menu ul ul {
z-index: 2000;
width:110px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-family: Arial; 
font-size: 16px;
font-weight: normal; 
font-style: normal;
color: #ffffff;
height:32px; 
border:0px; 
border-width:0px; 
padding-left:12px; 
line-height:29px;
text-decoration:none;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {

}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#d1e9e9;
width:250px;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#dfe6f5;
color:#ffffff;
width:250px;
}
.menu ul ul :hover > a.drop {
background:#dfe6f5;
width:250px;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#dfe6f5;
width:250px;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#dfe6f5;
width:250px;
}
.menu ul ul ul :hover > a {
background:#dfe6f5;
width:250px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:25px;
left:0; 

}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;

}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;

}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#1cb4b2; 
font-family: Tahoma, 'lucida grande', verdana, helvetica, arial, sans-serif;
text-decoration:none;
font-size:11pt;
color:#000; 
height:auto;
border-bottom:solid 1px #ffffff; 
line-height:1em; 
padding:10px 10px; 
width:180px;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;

}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#000000; 

}
.menu :hover > a, .menu ul ul :hover > a {
color:#ffffff;

}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}




.form_button01 {
	font-family: Georgia, Calibri, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 24px;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 13px;
	width: 920px;
	line-height: 15px;
	
}
.buttonbox {
	font-size: 22px;
	padding: 0px;
	width: 920px;
}

.nightsbridge {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
	background-image: url(pix/bookonline2.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 50px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
}

.booking-header {font-family: Arial; letter-spacing:2px; font-size:16px; color:#FFFFFF; font-weight:bold; padding: 5px 0 5px 0 ;}
.nb_searchbox {width: 60% !important; border:0px !important; font-size: 14px !important; margin:0 auto !important; float: none !important; }
.nb_searchbox_main {width: 90% !important; background:#1CB4B2 !important; color:#FFFFFF !important;}
.nb_searchbox_main input {width: 75px !important; margin-right: 5px !important; border: 0px !important;}
.nb_date label {padding-right: 8px !important;}