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

* {margin:0;padding:0;}
a img {border:0;}
.wrapper {width:100%;height:0;overflow:hidden;clear:both;}

*.toggle a {text-decoration:none;}
*.toggle a:hover {text-decoration:underline;}

.navigation {display: block;text-align: center;margin: 20px 0 0 0;}
.alignright {float: right;}
.alignleft {float: left}
img.alignleft {margin: 0 15px 15px 0;}
img.alignright {margin: 0 0 15px 15px;}

/***************************** body + fonts */

body {text-align:center;background: #000 url(/wp-content/themes/khaya/images/animals.gif) 760px 20px no-repeat fixed;color:#fff;font: 12px Arial, Helvetica, sans-serif;padding: 0 0 100px 0;position:relative;}
p {line-height:150%;padding: 10px 0;}

a {outline:none;color:#aaa;}
a:hover, #sidebar a:hover, #nav li.current_page_parent a, #nav .current_page_item a {text-decoration:none;color:#39b2f1;}

ul, ol {padding: 10px 0 10px 15px;}
li {line-height:150%;list-style:square;}
ol li {list-style:inherit;}

/*travel tips page*/.post-891 ul {margin:-10px 0 0 0;padding: 0 0 0 25px;}
/*entertainment*/.post-913 ul {margin:-10px 0 0 0;padding: 0 0 0 25px;}

a#logo {width:240px;height:75px;display:block;margin: 0 0 20px 0;}
h1 {color:#3fac21;letter-spacing:-1px;font-size:20px;}
h1 span {font-size:10px;text-transform:uppercase;float:right;margin: -20px 0 0 0;}
h3, h3 a, h2 {color:#3fac21;font-size:18px;letter-spacing:-1px;}
h4 {font-size:18px;margin: 10px 0;color:#fff;letter-spacing:-1px;}
h3 {color:#fff;}

table {margin: 15px 0;width:100%;}
td {padding: 3px;border:1px solid #111;}

/***************************** containers */

#wrap {text-align:left;padding: 20px 0 0 0;}
#sidebar {width:240px;padding: 0 0 0 20px;position:absolute;top:20px;text-align:right;left:0;}
*+html #sidebar {left: expression( ( 20 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top: expression( ( 10 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}
#content {width:450px;padding: 0 30px 0 300px;float:left;}
#sidebar-right {width:220px;float:left;}
#sidebargrey {padding: 10px 10px 1px 10px;background:#111;}

/***************************** sidebar */

#flags img{margin: 0px 5px 10px 5px;width:20px;float:left;}

#nav {padding:0 0 0 0;}
#nav li {list-style:none;font-weight:bold;text-transform:uppercase;height:25px;display:block;}
#nav a {text-decoration:none;color:#fff;display:block;}

#nav li.page-item-87 li {display:none;}

/*submenu*/
#nav ul {display:none;position:absolute;padding:0 0 0 20px;left:255px;width:180px;margin:-18px 0 0 0;font-size:11px;}
* html #nav ul {margin:-3px 0 0 0;}
#nav li li {text-align:left;display:block;height:25px;width:200px;}
#nav li li a {background:#111;display:block;padding: 2px 4px;height:17px;width:188px;display:block;border:2px solid #222;margin: -2px 0 0 0;}
#nav ul ul li {display:none;}

/***************************** content */

iframe {border:0;}

#flashblock {color:#000;}
body #flash h1 {color:#000;}
body #flash a, body #flash a:hover {color:#000;}

/*gallery*/
.attachment-thumbnail {width:80px;height:80px;}
.attachment-thumbnail:hover {border: 2px solid #111;}

/*who is khaya staff pictures*/
.post-7 .subpage h2 {font-size:12px;margin: 0 0 5px 0;}
.post-7 .subpage {float:left;margin: 0 50px 20px 0;height:150px;display:block;overflow:hidden;width:130px;}

.post-227 .attached-image, .post-225 .attached-image {width:80px;height:80px;}
.post-227 .subpage, .post-225 .subpage {border:0;width:100px;float:left;}
.post-227 .subpage h2, .post-225 .subpage h2 {font-size:12px;letter-spacing:0;}
.post-227 .subpage h2 a, .post-225 .subpage h2 a {color:#fff;}

/*testimonials*/
.subpage {border-bottom: 1px dotted #333;padding: 0 0 15px 0;margin: 0 0 15px 0;}
.smallimg {width:105px;height:105px;float:left;margin: 5px 0 0 0;}
.smallimg img {width:100px;height:100px;border:2px solid #666;}
.excerpt {float:right;width:330px;}
.excerpt p {padding:0;}
.post-84 h3 a {color:#fff;}

/*accordion*/
#accordion {border:1px solid #444;}
.accwrap h3 a {display:block;text-decoration:none;padding: 2px;background:#111;font-size:14px;}
.accordioncontent {padding: 0 10px;}

/*wknd tours*/
.post-863 .subpage, .post-1096 .subpage, .yrly {margin: 15px 0;}
.post-863 .subpage h3, .post-884 .subpage h3, .post-1096 .subpage h3, .yrly h3 {color:#fff;font-size:16px;}
.post-863 .subpage h3 span, .post-884 .subpage h3 span, .post-1096 .subpage h3 span, .yrly h3 span {display:inline-block;float:right;}
.post-863 .subpage h3 span a, .post-884 .subpage h3 span a, .post-1096 .subpage h3 span a, .yrly span a {color:#f00;font-size:12px;letter-spacing:0;}

.price {display:block;font-weight:bold;font-size:20px;color:#00b5ef;padding: 2px 0 0 0;letter-spacing:-2px;}

/***************************** right sidebar */

.widget {padding: 10px;background:#000;margin: 0 0 10px 0;}
.weather div {background:#000;color:#000;border:0;overflow:hidden;height:120px;}
.logos {margin:15px auto;display:block;text-align:center;}

#contacttable th {vertical-align:top;}
#contacttable td {border:0;}

/*bookingform*/
#bookingform p {padding: 5px 0;font-size:11px;}
#bookingform h4 {font-size:18px;}
#bookingform h5 {font-size:14px;border-bottom:1px dotted #333;padding: 0 0 3px 0;margin: 10px 0 5px 0;}
.personaldetails label {display:block;float:left;width:150px;}
.personaldetails input, .personaldetails textarea {width:200px;padding:2px;border:1px solid #555;}
.personaldetails textarea {height:80px;width:250px;}
#bookingform label span {color:#00b5ef;font-weight:bold;}
#bookingform .alignleft {width:215px;margin: 0 20px 0 0;}
#bookingform .alignright {width:215px;float:right;margin:0;}
#bookingform .h5margin {margin: 65px 0 0 0;}

/*prices table*/
#prices {font-size:11px;border-collapse:collapse;}
#prices th {padding: 5px;background:#222;border:1px solid #000;}
#prices td {padding:5px;}
#prices .highlight {font-weight:bold;background:#111;}

/*cforms*/
#li--5items label, #li--8items label {width:30px;}
#li--5items label span, #li--8items label span {width:30px;}


.post-1514 .personaldetails p input.textinput {width:200px;}
.post-1514 .personaldetails p input {width:auto;}

.formmsg {padding: 5px;margin: 10px 0;}
.fail {background:red;color:#fff;font-weight:bold;}
#bookingform {margin: 15px 0;}
label.error {clear:both;display:block;text-align:right;width:360px;margin: 0 0 5px 0;}
input.error {border:2px solid red;background:#ffffa0;}
.personaldetails p {clear:both;height:25px;}
input.date {float:left;}
img.ui-datepicker-trigger {float:left;margin: 2px 0 0 5px;}
.post-1508 .bookingdetails, .post-931 .bookingdetails {margin: 80px 0 0 0;}

.choosedate {display:block;clear:both;width:100%;height:40px;}
.choosedate input {font-size:11px;padding: 2px;width:180px;}
.choosedate label {display:block;font-size:11px;}




/*---------- bubble tooltip -----------*/
a.tt img {margin:auto;display:block;}

a.tt{
position:relative;
		z-index:24;
    color:#000000;
		text-decoration:none;
		font-family:arial;
		font-size:8pt;
		cursor:hand;
}
a.tt span{ display: none; }
a.tt ul {
margin:5px 0px 5px 15px;
}
a.tt li {
margin-left:5px;

}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #000000; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-470px; left:20px;
	padding: 15px 0 0 0;
	width:200px;
	color: #000000;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(http://www.satib.co.za/satibseal/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(http://www.satib.co.za/satibseal/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}