/*
		You can choose whether to use or delete
		this first declaration.
		It sets a 0 margin & padding on the most
		regularly used tags. You can then customise
		each individual tag (or group of tags) to
		provide the spacing required.
		It seems to be better to use padding for
		consistency as different browsers use 
		different rules for collapsing margins.
*/
body, form,
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 0;
        padding: 0;
}

/* Start */

#frame	{
	border-top: solid #ffffff 10px;
	border-left: solid #ffffff 10px;
	border-right: solid #ffffff 10px;
	border-bottom: 0;
	background-color: #ffffff;
}

#home_frame	{
	border: solid #ffffff 10px;
}

h1	{
	font-family: Arial, Helvetica, sans-serif;
	color: #666060;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
}

h2	{
	font-family: Arial, Helvetica, sans-serif;
	color: #898484;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 15px;
}

p	{
	font-family: Arial, Helvetica, sans-serif;
	color: #666060;
	font-size: 13px;
	padding-bottom: 10PX;
}

.content_pad	{
	padding-left: 25px;
	padding-right: 25px;
	text-align: justify;
}

.site_link	{
	color: #B3290E;
	text-decoration: underline;
	font-weight: bold;
}

.site_link:hover	{
 color: #A1B5B8;
 text-decoration: underline;
 font-weight: bold;
}

.contact_link	{
	color: #A1B5B8;
	text-decoration: underline;
	font-weight: bold;
}

.contact_link:hover	{
 color: #B3290E;
 text-decoration: underline;
 font-weight: bold;
}

.to_top_link	{
	color: #A5B7BB;
	text-decoration: none;
}

.to_top_link:hover	{
	color: #A5B7BB;
	text-decoration: underline;
}

a.check_availability_home  {
	background: transparent url('../images/home/check_availability.gif') no-repeat;
	background-position: 0px 0px;
	height: 35px;
	width: 269px;
	display: block;
}

a.check_availability_home:hover {
	background-position: 0px -35px;
}

a.check_availability_accom  {
	background: transparent url('../images/accom/check_availability.gif') no-repeat;
	background-position: 0px -35px;
	height: 35px;
	width: 269px;
	display: block;
}

a.check_availability_accom:hover {
	background-position: 0px 0px;
}

a.check_availability_contact  {
	background: transparent url('../images/home/check_availability.gif') no-repeat;
	background-position: 0px -35px;
	height: 35px;
	width: 269px;
	display: block;
}

a.check_availability_contact:hover {
	background-position: 0px 0px;
}

.activities_border	{
	border: solid #EEEDE4 3px;
}

.border_pad_1	{
	border: solid #ffffff 1px;
	margin-right: 3px;
	margin-bottom: 3px;
}

.border_pad_2	{
	border: solid #ffffff 1px;
	margin-bottom: 3px;
}

.wb1	{
	border: solid #ffffff 1px;
}


/***********	NAVIGATION	****************/
.current_home	{
	background: url(../images/home_button.gif) repeat 0px -36px;
	width: 71px; 
	height: 36px; 
	display: block;  
}
.current_home span { 
        display: none; 
}

a.button_home { 
        background:url(../images/home_button.gif) repeat 0px 0px; 
        width: 71px; 
        height: 36px; 
        display: block; 
}
a.button_home span { 
        display: none; 
}
a.button_home:hover  { 
        background: url(../images/home_button.gif) repeat 0px -36px; 
}
a.button_home:active	{
	background: url(../images/home_button.gif) repeat 0px -36px; 
}

/**************/

.current_accom	{
	background: url(../images/accom_button.gif) repeat 0px -36px;
	width: 156px; 
	height: 36px; 
	display: block;  
}
.current_accom span { 
        display: none; 
}

a.button_accom { 
        background:url(../images/accom_button.gif) repeat 0px 0px; 
        width: 156px; 
        height: 36px; 
        display: block; 
}

a.button_accom span { 
        display: none; 
}

a.button_accom:hover { 
        background: url(../images/accom_button.gif) repeat 0px -36px; 
}

/**************/

.current_oudtshoorn	{
	background: url(../images/oudtshoorn_button.gif) repeat 0px -36px;
	width: 127px; 
	height: 36px; 
	display: block;  
}
.current_oudtshoorn span { 
        display: none; 
}

a.button_oudtshoorn { 
        background:url(../images/oudtshoorn_button.gif) repeat 0px 0px; 
        width: 127px; 
        height: 36px; 
        display: block; 
}

a.button_oudtshoorn span { 
        display: none; 
}

a.button_oudtshoorn:hover { 
        background: url(../images/oudtshoorn_button.gif) repeat 0px -36px; 
}

/**************/

.current_virtual_tour	{
	background: url(../images/virtual_tour_button.gif) repeat 0px -36px;
	width: 137px; 
	height: 36px; 
	display: block;  
}
.current_virtual_tour span { 
        display: none; 
}

a.button_virtual_tour { 
        background:url(../images/virtual_tour_button.gif) repeat 0px 0px; 
        width: 137px; 
        height: 36px; 
        display: block; 
}
a.button_virtual_tour span { 
        display: none; 
}
a.button_virtual_tour:hover { 
        background: url(../images/virtual_tour_button.gif) repeat 0px -36px; 
}

/**************/

.current_contact	{
	background: url(../images/contact_button.gif) repeat 0px -36px;
	width: 138px; 
	height: 36px; 
	display: block;  
}
.current_contact span { 
        display: none; 
}

a.button_contact { 
        background:url(../images/contact_button.gif) repeat 0px 0px; 
        width: 138px; 
        height: 36px; 
        display: block; 
}
a.button_contact span { 
        display: none; 
}
a.button_contact:hover { 
        background: url(../images/contact_button.gif) repeat 0px -36px; 
}

/**************/




/***********	HOME NAVIGATION	 ****************/


.current_home_home	{
	background: url(../images/home_home_button.gif) repeat 0px -34px;
	width: 73px; 
	height: 34px; 
	display: block;  
}
.current_home_home span { 
        display: none; 
}

a.button_home_home { 
        background:url(../images/home_home_button.gif) repeat 0px 0px; 
        width: 72px; 
        height: 34px; 
        display: block; 
}
a.button_home_home span { 
        display: none; 
}
a.button_home_home:hover  { 
        background: url(../images/home_home_button.gif) repeat 0px -34px; 
}
a.button_home_home:active	{
	background: url(../images/home_home_button.gif) repeat 0px -34px; 
}

/**************/

.current_home_accom	{
	background: url(../images/home_accom_button.gif) repeat 0px -34px;
	width: 161px; 
	height: 34px; 
	display: block;  
}
.current_home_accom span { 
        display: none; 
}

a.button_home_accom { 
        background:url(../images/home_accom_button.gif) repeat 0px 0px; 
        width: 161px; 
        height: 34px; 
        display: block; 
}

a.button_home_accom span { 
        display: none; 
}

a.button_home_accom:hover { 
        background: url(../images/home_accom_button.gif) repeat 0px -34px; 
}

/**************/

.current_home_oudtshoorn	{
	background: url(../images/home_oudtshoorn_button.gif) repeat 0px -34px;
	width: 122px; 
	height: 34px; 
	display: block;  
}
.current_home_oudtshoorn span { 
        display: none; 
}

a.button_home_oudtshoorn { 
        background:url(../images/home_oudtshoorn_button.gif) repeat 0px 0px; 
        width: 122px; 
        height: 34px; 
        display: block; 
}

a.button_home_oudtshoorn span { 
        display: none; 
}

a.button_home_oudtshoorn:hover { 
        background: url(../images/home_oudtshoorn_button.gif) repeat 0px -34px; 
}

/**************/

.current_home_virtual_tour	{
	background: url(../images/home_virtual_tour_button.gif) repeat 0px -34px;
	width: 139px; 
	height: 34px; 
	display: block;  
}
.current_home_virtual_tour span { 
        display: none; 
}

a.button_home_virtual_tour { 
        background:url(../images/home_virtual_tour_button.gif) repeat 0px 0px; 
        width: 139px; 
        height: 34px; 
        display: block; 
}
a.button_home_virtual_tour span { 
        display: none; 
}
a.button_home_virtual_tour:hover { 
        background: url(../images/home_virtual_tour_button.gif) repeat 0px -34px; 
}

/**************/

.current_home_contact	{
	background: url(../images/home_contact_button.gif) repeat 0px -34px;
	width: 105px; 
	height: 34px; 
	display: block;  
}
.current_home_contact span { 
        display: none; 
}

a.button_home_contact { 
        background:url(../images/home_contact_button.gif) repeat 0px 0px; 
        width: 105px; 
        height: 34px; 
        display: block; 
}
a.button_home_contact span { 
        display: none; 
}
a.button_home_contact:hover { 
        background: url(../images/home_contact_button.gif) repeat 0px -34px; 
}



/*********************************************/



/* Contact & Form */
#contact_page {
	text-align: center;
}
.contact_message {
	color: #c00; 
	font-size: 24px; 
	font-weight: bold; 
	margin: 15px 0;
}
.form wrapper {
	text-align: center;
	width: 400px;
}
.form_inputs {
	color: #837E7C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;
	margin: 12px 0;
	text-align: right;
	width: 340px;
}
.form_inputs span {
	color: #C00;
	font-size: 16px;
}
.form_inputs input {
	border: solid #434300 1px;
	color: #313100;
	font-size: 13px;
	height: 20px;
}
.form_enquiry {
	color: #A3B5BA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 12px;
}
.form_enquiry textarea {
	border: solid #434300 1px;
	color: #313100;
	font-family: verdana, sans-serif;
	font-size: 13px;
}
.textfield {
	color: #6C6D01;
}
.form_text {
	color: #dd5500;	font-size: 11px; font-weight: normal ; font-size: 12px;
	font-family: Verdana, sans-serif;	padding-top: 8px; padding-bottom: 8px;
}
.form_captcha {
	border: solid #ffffff 1px;
}
.form_security {
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	margin: 15px 45px; 
	color: #dd5500; 
	text-align: left;
	width: 400px;
}
.button {
	font-family: Arial, sans-serif; background-color: #B3520E; font-weight: bold;
	font-size: 12px; color: #ffffff; cursor: pointer; border: 1px solid #ffffff;	
}


/* WebWorX */
#wwx { 
	clear: both;
	color: #A3B5B8; 
	font-family: arial, verdana, san-serif; 
	font-size: 0.8em;
	padding: 1.2em 0 0.7em 0;
	text-align: center;
}
#wwx_site { 
	border: solid #007700 1px; 
	background-color: #ffffff;
	padding: 0 0.3em 0.05em 0.2em;
}
#wwx_link { 
	color: #007700;
	font-family: verdana, arial, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: none;
}
#wwx_link:hover {  
	color: #ff7700;
	font-family: verdana, arial, sans-serif; 
	font-weight: bold; 
	text-decoration: none;
}
#wwx_link span {
	color: #FF7700;
}
#wwx_link:hover span { 
	color: #007700;
}