/* CSS Document */
body{padding:0px; margin:0px; font:10px/12px Arial, Helvetica, sans-serif; background-image:url(../images/saza-bg.jpg); background-repeat:repeat-x;background-attachment:scroll;background-color:#010101;margin-top: 10px;}
div, p, ul, h2, h3, h4, img, form, input, textarea{padding:0px; margin:0px; border:0}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{ font:14px/14px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; }
p a:hover{ color:#C3171F; text-decoration:none;}

.headline1{font:16px/16px Arial, Helvetica, sans-serif; color:#C1A98B}
.headline2{font:16px/16px Arial, Helvetica, sans-serif; color:#C1A98B; text-transform:uppercase}

ul.bullet li{ background: url(../images/arrow.gif) 0 4px no-repeat; padding-left:10px; height:18px;}
ul.bullet li a{font:10px/12px Arial, Helvetica, sans-serif; color:#1385b2; text-decoration:none;}
ul.bullet li a:hover{color:#20b51b; text-decoration:none}


#container{width:775px; margin:0 auto; background:url(../images/heading_top.png) 0 0 no-repeat}


/* HEADER */

#headerPan{width:775px; height:405px; position:relative;}

#headerPan img#logo{position:absolute; top:0; left:100px}

#headerPan img#twitter{position:absolute; top:36px; left:535px}

#headerPan ul.menu{
	position:absolute;
	top:122px;
	left:19px;
	width:545px;
	height:22px
}
#headerPan ul.menu li{float:left; height:22px;  margin-right:20px }
#headerPan ul.menu li a{height:22px;  display:block; text-indent:-20000px; }
#headerPan ul.menu li a:hover{height:22px; }

#headerPan ul.menu li.b01 a{ width:43px;  background:url(../images/home-1.png) 0 0 no-repeat; }
#headerPan ul.menu li.b01 a:hover{ width:43px;  background:url(../images/home-1b.png) 0 0 no-repeat;}

#headerPan ul.menu li.b02 a{ width:156px;  background:url(../images/about-1.png) 0 0  no-repeat; }
#headerPan ul.menu li.b02 a:hover{ width:156px;  background:url(../images/about-2.png) 0 0  no-repeat;}

#headerPan ul.menu li.b03 a{ width:91px;  background:url(../images/contact-1.png) 0 0  no-repeat; }
#headerPan ul.menu li.b03 a:hover{ width:91px;  background:url(../images/contact-2.png) 0 0  no-repeat;}

#headerPan ul.menu li.b04 a{ width:106px;  background:url(../images/media-centre-1.png) 0 0  no-repeat; }
#headerPan ul.menu li.b04 a:hover{ width:106px;  background:url(../images/media-centre-2.png) 0 0  no-repeat;}

#headerPan ul.menu li.b05{margin-right:0 }
#headerPan ul.menu li.b05 a{ width:62px;  background:url(../images/btn_5.jpg) 0 0  no-repeat; }
#headerPan ul.menu li.b05 a:hover{ width:62px;  background:url(../images/btn_5_over.jpg) 0 0  no-repeat;}


/* CONTENT */

#contentPan{width:775px; position:relative; background-color:#36372F;) 0 0 repeat-y}
#contentPanPages{background:url(../images/b_content.jpg) 0 0 repeat-y; padding:100px 0; text-align:center}
#leftPan{width: 705px; float:left; margin:0 35px 0 30px; color:#FFF; font-size:14px; line-height:16px}
#homeleftPan{width: 530px; float:left; margin:0 0px 0 30px; color:#FFF; font-size:14px; line-height:16px}
#amazon-logo {width: 88px; height:29px; float:left; padding-left:40px; padding-right:4px; padding-top:10px;}
#loot-logo {width: 99px; height:29px; float:left; padding-right:4px; padding-top:10px;}
#kalahari-logo {width: 138px; height:29px; float:left; padding-right:4px; padding-top:10px;}
#porcupine-logo {width: 103px; height:29px; float:left; padding-right:4px; padding-top:10px;}
#authortop{width: 705px; float:left; margin:0 35px 0 30px; color:#FFF; font-size:14px; line-height:16px}
#authorleftPan{width: 405px; float:left; margin:0 35px 0 30px; color:#FFF; font-size:14px; line-height:16px}
#contactPan{width: 395px; float:left; margin:0 15px 0 30px; color:#FFF; font-size:14px; line-height:16px}
#contactPanform{width: 295px; float:left; margin:0 15px 0 10px; color:#FFF; font-size:14px; line-height:16px}
#rightPan{width: 275px; float:left; margin:0 0 0 0}
#homerightPan{width: 199px; float:right; margin:0 0 0 0}

#attractions h2{width:245px; height:47px; background:url(../images/h_attractions.jpg) 0 0 no-repeat; margin-bottom:11px}
#attractions img{float:left; margin-right:18px}
#attractions p.headline1{padding-top:3px; margin-bottom:5px}

#magic{margin:0 0 20px 0}
#magic h2{width:245px; height:47px; background:url(../images/h_magic.jpg) 0 0 no-repeat; margin-bottom:11px}
#magic img{float:left; margin-right:15px}
#magic ul.bullet{float:left}

#offers h2{width:245px; height:47px; background:url(../images/h_offers.jpg) 0 0 no-repeat; margin-bottom:11px}
#offers img{float:left; margin-right:18px}
#offers p.headline2{padding-top:3px; margin-bottom:5px}

/* Contact form */
#contact-form {
	display:block; 
	position:relative;
	margin:0;
}
#contact-form label {
	display:block; 
	min-height:36px;
	position:relative;
	overflow:hidden;
}
#contact-form span {
	float:left;
	width:65px;
	margin:6px 4px 0 0;
}
#contact-form input {
	width:467px;
	font-size:12px;
	padding:6px 5px 7px 5px !important;
	background:#fff;
	outline:none;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	color:#000;
	margin:0;
	box-shadow:none;
	border:1px solid #dcdcdc;
	float:left;
	height:15px;
}
#contact-form textarea {
	width:467px;
	font-size:12px;
	padding:6px 5px 7px 5px !important;
	background:#fff;
	outline:none;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	color:#000000;
	margin:0;
	box-shadow:none;
	border:1px solid #dcdcdc;
	float:left;
	height:190px;
	overflow:auto;
	resize:none;
}
#contact-form .btns {
	padding:15px 0 0 0;
	text-align:right;
	overflow:hidden;
}
	#contact-form .btns a {
		margin:0 0 0 25px;
	}



.button2, .button2:visited{
	padding:10px 20px 12px 20px;
	cursor:pointer;
	font-family: 'Open Sans', Arial;
	font-size:14px;
	line-height:14px;
	-moz-border-radius:4px;

	-webkit-border-radius:4px;
	border-radius:4px;
}

form{margin:0; padding:0;}
#contact-form {
	max-width:480px;
	font-size:12px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#2C2D26;
	padding:5px;
}
#contact-form h3 {
	color:#333333;
	display:block;
	font-size:13px;
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}
#contact-form label span {
	cursor:pointer;
	color:#000;
	display:block;
	margin:5px 5px;

}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
	width:90%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#fff;
	margin:0 0 5px;
	padding:5px;
	border-radius:5px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:100px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#710000;
	background-image:linear-gradient(bottom, #1E429B 0%, #990000 52%);
	background-image:-moz-linear-gradient(bottom, #8C1C50 0%, #990000 52%);
	background-image:-webkit-linear-gradient(bottom, #8C1C50 0%, #990000 52%);
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form button[type="submit"]:hover {
	background-image:linear-gradient(bottom, #003399 0%, #003399 52%);
	background-image:-moz-linear-gradient(bottom, #003399 0%, #003399 52%);
	background-image:-webkit-linear-gradient(bottom, #003399, #003399 52%);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}	
	



/* FOOTER */
#footerPan{width:775px; height:92px; margin:0 auto; background:url(../images/b_footer.png) 0 0 no-repeat}
#footerPan p{padding: 50px 0 0 0; font:10px/16px Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#90948d;}