/* Uyaphi.com CSS - Copyright Uyaphi Safaris - all rights reserved */

/* ------------------------------------------------------------------------------ header & body ***** */
body,td,th,h1,h2,h3,h4,h5,h6 {
	font-family: verdana, helvetica, arial, sans-serif !important;
	font-size: 10px;
	color: #000000;
	line-height: 120%;
}
body {
	background-color: #E1B606;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	background-image: url();
	background-repeat: no-repeat;
}
/* ------------------------------------------------------------------------------ header text ***** */


/* ------------------------------------------------------------------------------ links ***** */
a {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
a:visited {
	color: #FFFF00;
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/* ------------------------------------------------------------------------------ headers ***** */
h1 {
	font-size: 21pt;
	text-align: center;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:normal;
	padding-bottom: 5px;
}
h2	{
	font-size: 10px;
	text-align: left;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold
}
h3 {
	font-size: 10px;
	color: #3F340A;
	text-align: left;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
	background: #EFDFA0;
}
h4 {
	font-size: 11px;
	color: #3F340A;
	text-align: centre;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
	background: #EFDFA0;
}
h5 {
	color:#3f340a;
	font-size: 11px;
	background-color:#efdfa0;
	width:200px;
	margin-bottom:2px;
	margin-top:0px;
	font-weight:bold;	
	height:13px;
	overflow:hidden;
}
.lodge-info {
	font-size:12px;
	font-weight:bold
}
/* ------------------------------------------------------------------------------ search ***** */
.searchform	{
	margin: 0px;
}
.searchbox	{
	border: 1px solid #CBA921; 
	background-color: #EFDFA0;
	font-size:8pt;
	color:#3F340A
}
.searchbutton	{
	border-style:solid;
	border-width:0px;
	color: #000000;
	background-color: #FFFFFF;
	font-size:7pt;
}
.formboxes	{
	border: 1px solid #CBA921; 
	background-color: #EFDFA0;
	font-size:10pt;
	color:#3F340A
}
/* ------------------------------------------------------------------------------ header text ***** */
.main {
	font-size: 7.5pt;
	font-variant:normal;
	font-weight: normal;
	color:#000000;
	letter-spacing:-0.5pt;
	margin:0px
}
/* ------------------------------------------------------------------------------ bestquest text ***** */
.bestquest {
	color: #FF9900;
	font-family: Arial;
}
.style1 {
	font-family: Tahoma;
	font-size: 10px;
}
.style3 {
	font-size: 14px;
	font-weight: bold;
}
/* ------------------------------------------------------------------------------ tables ***** */
table {
	border-collapse: collapse;
}
th {
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #3F340A;
}
.style4 {
	font-size: 9pt;
	text-align: center;
	margin-right:0px;
	margin-bottom:0px;
	font-weight:normal;
	padding-bottom: 5px;
}
.featured {
	border:1px solid #3F340A;
	padding-left: 2px;
	padding-right: 2px;
}
td.rates {
	border-width: 1px;
	background-color: #EFDFA0;
	border-color: #000000;
	border-style: solid
}
/* ------------------------------------------------------------------------------ images ***** */
/*.image {
	border:1px dotted #3F340A;
	border-color: #3F340A;
}*/
.image-map {
	margin-left: 1px;
}
.imagejoinuson {
	border:0px;
	margin-bottom: 3px;
	margin-top: 3px;
}
/* *************************************************** */
/* ------------ rates container --------------------------- */
#special-rates {
	width:550px;
	height:65px;
	background:#8AAD1F;
	position:relative;
	overflow:hidden;
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
	-o-border-radius: 8px;
	-icab-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}/* main container */

#special-rates .left-block {display:block; width:150px; height:65px; background:#690; position:absolute; left:0; top:0;
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; }/* left container */

#special-rates .right-block {display:block; width:175px; height:65px; background:#78A310; position:absolute; right:0; top:0;
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; }/* right container */

/* ------------ end containers --------------------------- */

/* ------------ start text --------------------------- */
/* ------------ text in left container --------------------------- */
#special-rates .prop-rates {font-size:26px; color:#fff; position:absolute; left:3px; top:20px; margin:0; padding:0; font-family:arial, sans-serif; text-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.7);
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out; }/* property rates text - left container */

#special-rates .prop-rates span {font-weight:normal; margin-left:-5px; color:#fff;} /* property rates text - left container */

#special-rates .rates-from {font-size:14px; color:#fff; position:absolute; left:5px; top:1px; margin:0; padding:0; font-family:arial, sans-serif; text-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.7);
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out; }/* from text - left container */ 


/* ------------ text in main container --------------------------- */
#special-rates .whats-included {font: 18px/14px arial, sans-serif;} /* what is included - middle container */

#special-rates .whats-included {font-size:10px; color:#fff; position:absolute; line-height: 12px; left:155px; top:0px; margin:0; padding:0; text-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.7);
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out; }/* what is included - middle container */

#special-rates a {
	font: 11px arial, sans-serif;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	position:absolute;
	left:156px;
	top:50px;
	margin:0;
	padding:0;
	text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.7);
	opacity:1;
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}/* contact us for a free quotation */

#special-rates:hover a {opacity:1;} /* contact us for a free quotation */
#special-rates:hover a:hover {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);} /* contact us for a free quotation */

/* ------------ text in right container --------------------------- */
#special-rates .flight-rates {font-size:10px; color:#fff; font-family:arial, sans-serif; position:absolute; left:385px; top:1px; margin:0; padding:0; text-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.7);
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out; }/* flight rates text - right container */

#special-rates:hover {background:#9CB72E;} /* hover main colour change */
#special-rates:hover .prop-rates {color:#000;} /* hover on request colour change */


/* ------------ end text --------------------------- */
/* ------------------------------------------------------------------------------ call to action ***** */
a.myButton {
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	background-color:#3F340A; /* background colour DOES NOT SEEM TO DO ANYTHING CBA921 */
	border:1px solid #CBA921; /* border colour  */
	display:inline-block;
	font-size:9px;
	color:#FFF;
	font-weight:bold;
	padding-top:5px;
	padding-bottom: 5px;
	text-decoration:none;
	text-align: center;
	width: 198px;
	margin-bottom: 3px;
	cursor:pointer;
	overflow:hidden;
}
.myButton:hover {
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	background-color:#7A6512;
	width: 198px;
}
.myButton:active {
	position:relative;
	top:1px;
	width: 198px;
}
.at {
	font-size:25px;
	float:left;
	padding-right: 2px;
}


/* --- value add --- */
.value-add {
	width: 544px;
	-moz-border-radius: 10px; /* Firefox */
	border-radius: 10px;
	border: 1px solid #ffcc33; /* border colour  */
	background: #8AAD1F;
	display: block;	
	padding: 2px 2px 2px 2px;
	overflow: hidden;
}
#value-add-inner {
	-moz-border-radius: 8px; /* Firefox */
	border-radius: 8px;
	width: 540px;
	background-color: #ffcc33;
	padding: 2px 2px 2px 2px;
}
/* --- end value add --- */


/* *************************************************** */
/* RIGHT MENU CSS */
/* ------------------------------------------------------------------------------ CSS for the right slide menu ***** */
.titlesoc, 
.titles{
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	background-color:#3F340A; /* background colour DOES NOT SEEM TO DO ANYTHING CBA921 */
	border:1px solid #CBA921; /* border colour  */
	display:inline-block;
	font-size:9px;
	color:#FFF;
	font-weight:bold;
	padding-top:5px;
	padding-bottom: 5px;
	text-decoration:none;
	text-align: left;
	width: 198px;
	margin-bottom: 3px;
	cursor:pointer;
}
	/* *************************************************** overflow:hidden; */
.titlesoc:hover, 
.titles:hover {
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	background-color:#7A6512;
	width: 198px;
}
.titlesoc:active, 
.titles:active {
	position:relative;
	top:1px;
	width: 198px;
}
.content{
	background-color: #A5891B;
	width: 198px;
	visibility: hidden;
	height: 0px;
	overflow: hidden;
	position: relative;
	padding-left: 1px;
}
/* *************************************************** */
/* ------------------------------------------------------------------------------ Preview mouse over - pop up photograph ***** */
a.screen, a.screen:visited {
position:relative; 
z-index:1;
}
a.screen b {
visibility:hidden; /* hide the image */
position:absolute; 
width:0; /* make the image zero size */ 
height:0; /* for Opera bug */
left:auto; /* position:the image */
top:-70px;
border:0; /* with no border */
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */ 
width:200px; /* give it the actual size */
height:135px; 
border:1px dotted #345; /* add a border */
cursor:pointer; /* for IE */
background-color: #E1B606;
padding: 2px;
}
a.screen:hover b img {
border:0; /* get rid of the default link border */
}
/* *************************************************** */
/* style for rates display */
/* ------------------------------------------------------------------------------ no idea what the fuck this is for ***** */
#height258 {
	height:258px;
	vertical-align:top;
}
#heights250 {
	height:250px;
	vertical-align:top;
}
#heights255 {
	height:255px;
	vertical-align:top;
}
#heights240 {
	height:240px;
	vertical-align:top;
}
#heights260 {
	height:260px;
	vertical-align:top;
}
#heights270 {
	height:270px;
	vertical-align:top;
}
#heights230 {
	height:230px;
	vertical-align:top;
}
#heights220 {
	height:220px;
	vertical-align:top;
}
#heights225 {
	height:225px;
	vertical-align:top;
}

/* ------------------------------------------------------------------------------ top adverts in css3 ***** */
.advert {
	-moz-border-radius: 10px; /* Firefox */
	border-radius: 10px;
	border: 1px solid #ffcc33; /* border colour  */
	background: #8AAD1F;
	display: block;	
	width: 182px;
	padding: 2px 1px 2px 1px;
	overflow: hidden;
}
.advert-image {
	/* -moz-border-radius: 10px; /* Firefox */
	/* border-radius: 10px; */
	background: #8AAD1F;
	display: block;
	overflow: hidden;
	position: relative;
	left: 0px;
	top: 0px;
}
#advert-toptext {
	-moz-top-left-radius: 8px; /* Firefox */
	-moz-top-right-radius: 8px; /* Firefox */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	width: 178px;
	font-size: 11px;
	font-weight: bold;
	color: #3F340A;
	background-color: #ffcc33;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 1px;
}
#advert-bottomtext {
	-moz-bottom-left-radius: 8px; /* Firefox */
	-moz-bottom-right-radius: 8px; /* Firefox */
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	font-size: 10px;
	color: #3F340A;
	background-color: #ffcc33;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 1px;
	width: 178px;
}
/* *************************************************** */
.fb_share,
.plusone { 
   padding:0 15px 0 25px;
   float:left;
}

#fb-root {
    display: none;
}