@charset "utf-8";
/*
Design and Developed by Cape Town Media 
http://www.capetownmedia.co.za
*/



/* General Sheet Start ---------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #070707 url(../images/ht-bg.jpg) repeat-x left top;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #4d4b4b;*/
	color: #7D7B7B;
}
a {text-decoration: underline;	color:#94a909;}
a:hover {text-decoration: none;	color:#94a909;}
p {	margin: 15px 0px;}

h1 { 
	font-weight:bold;
	font-size:13px;
	color:#c20000;
}
b{
	color:#3d3b3b;
}

/* General Sheet End ---------------------------*/

























/* HEADER SHEET START ------------------------------------------------------------------------------------ */	
	
	
#ht-header {
	margin: 0 auto;
	height:82px;
	}	
.ht-header-split {
	width:39px;
	height:82px;
	background: #171717 url(../images/ht-header-profile-marker.jpg) no-repeat left top;
	}
.ht-header-portfolio {
	width:146px;
	height:82px;
	background: #0C0C0C url(../images/ht-promo-right-bg.jpg) repeat-x left top;
	}
	.ht-header-portfolio a{
	margin: 2px 0px;
	display:block;
	text-align:center;
	
	font-size:10px;
	font-weight:bold;
	color:#93A909;
	text-transform:uppercase;
	text-decoration:none;
	}
	.ht-header-portfolio a:hover{
	font-size:10px;
	font-weight:bold;
	color:#93A909;
	text-transform:uppercase;
	text-decoration:none;
	}
	.ht-header-portfolio .ht-header-portfolio-tpadding{
	padding-top:5px;
	}
	
.ht-header-portfolio2 {
	width:206px;
	height:82px;
	background: #0C0C0C url(../images/ht-promo-right-bg.jpg) repeat-x left top;
	}
	.ht-header-portfolio2 a{
	margin: 2px 0px;
	display:block;
	text-align:center;
	
	font-size:10px;
	font-weight:bold;
	color:#93A909;
	text-transform:uppercase;
	text-decoration:none;
	}
	.ht-header-portfolio2 a:hover{
	font-size:10px;
	font-weight:bold;
	color:#93A909;
	text-transform:uppercase;
	text-decoration:none;
	}
	.ht-header-portfolio2 .ht-header-portfolio-tpadding{
	padding-top:5px;
	}	
			
.ht-header-right {
	background: #0C0C0C url(../images/ht-promo-right-bg.jpg) repeat-x left top;
	}	
/* HEADER SHEET END ------------------------------------------------------------------------------------ */
































/* MENU SHEET START ------------------------------------------------------------------------------------ */

#ht-menu {
	margin:0 auto;
	height: 51px;
	width: 1000px;
	}
/*#ht-menu ul {
	margin: 0 auto;
	list-style:none;
	}*/		
.ht-menu-split {
	height: 51px;
	width:2px;
	background: #0B090A url(../images/ht-menu-split.jpg) no-repeat left top;
	float:left;
	}
	
	
	
	
	
	/*SAFARI PROFILE MENU*/
	.ht-menu-btn a{
	height: 33px;
	display:block;
	font-size:10px;
	font-weight:bold;
	color:#5B5B5B;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	}
	.ht-menu-btn a:hover{
	font-size:10px;
	font-weight:bold;
	color:#5B5B5B;
	text-transform:uppercase;
	text-decoration:none;
	background: #0B090A url(../images/ht-menu-over.jpg) repeat-x left top;
	/*background-color:#333333;*/
	}
	
	
	
	.ht-menu-btn-stat a{
	height: 33px;
	display:block;
	font-size:10px;
	font-weight:bold;
	color:#5B5B5B;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	background: #0B090A url(../images/ht-menu-over.jpg) repeat-x left top;
	}
	.ht-menu-btn-stat a:hover{
	font-size:10px;
	font-weight:bold;
	color:#5B5B5B;
	text-transform:uppercase;
	text-decoration:none;
	background: #0B090A url(../images/ht-menu-over.jpg) repeat-x left top;
	/*background-color:#333333;*/
	}
	
	
	
	
	/*TV PROFILE MENU*/
	.ht-menu-btn-tv a{
	height: 33px;
	display:block;
	font-size:10px;
	font-weight:bold;
	color:#5B5B5B;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	}
	.ht-menu-btn-tv a:hover{
	font-size:10px;
	font-weight:bold;
	color:#5B5B5B;
	text-transform:uppercase;
	text-decoration:none;
	background: #0B090A url(../images/ht-menu-over.jpg) repeat-x left top;
	/*background-color:#333333;*/
	}
	.ht-menu-btn-stat-tv a{
	height: 33px;
	display:block;
	font-size:10px;
	font-weight:bold;
	color:#5B5B5B;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:20px;
	background: #0B090A url(../images/ht-menu-over.jpg) repeat-x left top;
	padding-left:20px;
	padding-right:20px;
	}
	.ht-menu-btn-stat-tv a:hover{
	font-size:10px;
	font-weight:bold;
	color:#5B5B5B;
	text-transform:uppercase;
	text-decoration:none;
	background: #0B090A url(../images/ht-menu-over.jpg) repeat-x left top;
	/*background-color:#333333;*/
	}
	
	
	
	
	.ht-menu-btn-text{
	padding-left:10px;
	padding-right:10px;
	}	
	
	
	
	
.ht-sub-nav	 a{
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#5B5B5B;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px;
	background: #0A0A0A;
	}
.ht-sub-nav	 a:hover{
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#94a909;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px;
	background: #0E0E0E;
	}
.ht-sub-nav-stat a{
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#94a909;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px;
	background: #0E0E0E;
	}	
.ht-sub-nav-stat a:hover{
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#94a909;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px;
	background: #0E0E0E;
	}	
.ht-sub-nav-split{
	border-top: 1px #181717 dashed;
	height:1px;
	}
.ht-sub-nav-split-space	{
	height:1px;
	}
				
/* MENU SHEET END ------------------------------------------------------------------------------------ */
































/* PROMO SHEET START ------------------------------------------------------------------------------------ */
#ht-promo {
	margin: 0 auto;
	width: 1000px;
	padding-top:8px;
	}
	
.ht-promo-left {
	width:11px;
	height:415px;
	background: url(../images/ht-promo-left.jpg) no-repeat left top;
	}
.ht-promo-right {
	width:11px;
	height:415px;
	background: url(../images/ht-promo-right.jpg) no-repeat left top;
	}
#ht-promo-mid {
	height:415px;
	background: url(../images/ht-promo-middle.jpg) repeat-x left top;
	}		
	#ht-promo-mid .ht-promo-mid-item {
	padding-top: 13px;
	}	
	
	
	
.ht-promo-left2 {
	width:11px;
	height:215px;
	background: url(../images/ht-promo-left.jpg) no-repeat left top;
	}
.ht-promo-right2 {
	width:11px;
	height:215px;
	background: url(../images/ht-promo-right.jpg) no-repeat left top;
	}
#ht-promo-mid2 {
	height:215px;
	background: url(../images/ht-promo-middle.jpg) repeat-x left top;
	}		
	#ht-promo-mid2 .ht-promo-mid-stat {
	padding-top: 13px;
	padding-right: 4px;
	float:left;
	}
	#ht-promo-mid2 .ht-promo-mid-stat-last {
	padding-top: 13px;
	float:left;
	}
	
	
	
	
.ht-promo-left3 {
	width:11px;
	background: url(../images/ht-promo-left3.jpg) repeat-y left top;
	}
.ht-promo-right3 {
	width:11px;
	background: url(../images/ht-promo-right3.jpg) repeat-y left top;
	}	
#ht-promo-mid3 {
	background: #171717 url(../images/ht-promo-middle.jpg) repeat-x left top;
	padding-top: 13px;
	padding-bottom: 13px;
	}	
.ht-promo-mid3-inner {
	background: #141414;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	}			
/* PROMO SHEET END ------------------------------------------------------------------------------------ */
































/* CONTENT SHEET START ------------------------------------------------------------------------------------ */
#ht-content {
	margin: 0px auto;
	width:1000px;
	}
#ht-content-container {
	padding-left:3px;
	padding-right:3px;
	background-color:#0D0D0D;
	}
#ht-content-container .ht-black-box {
	padding:20px;
	background-color:#0A0A0A;
	}
	
#ht-content-container .ht-light-box {
	padding:20px;
	background-color:#0D0D0D;
	}
#ht-content-container .ht-black-box2 {
	padding:20px;
	}
	.ht-black-box2 .ht-black-box2-ctn {
	padding:20px;
	background-color:#0A0A0A;
	}	
#ht-content-container .ht-black-box3 {
	padding:0px;
	}
	.ht-black-box3 .ht-black-box3-ctn {
	padding:20px;
	background-color:#0A0A0A;
	}	
		
#ht-content-container .ht-content-unit {
	float:left;
	}		
#ht-content-container .ht-content-unit-split {
	float:left;
	padding-left:10px;
	border-right:1px #181717 dashed; 
	/*float:left;
	background: url(../images/ht-split-v.gif) repeat-y left top;
	width:21px*/
	}
#ht-content-container .ht-content-unit-split2{
	background: url(../images/ht-split-h.gif) repeat-x left top;
	height:21px;
	}	
#ht-content-container .ht-content-unit-split-pad{
	float:left;
	padding-right:15px;
	}	
	
	
	
#ht-content-container .ht-content-unit-split-tbl{
	border-right:1px #181717 dashed;
	}
#ht-content-container .ht-content-unit-split-tbl-top{
	border-top:1px #181717 dashed;
	}	
#ht-content-container .ht-content-unit-tbl-color{
	padding:20px;
	background-color:#0A0A0A;
	}				
/* CONTENT SHEET END ------------------------------------------------------------------------------------ */
































/* FOOT SHEET START ------------------------------------------------------------------------------------ */
#ht-foot {
	margin: 0 auto;
	width:970px;
	
	font-size:11px;
	color:#181818;
	}
#ht-foot-split {
	height:10px;
	background-color:#0D0D0D;
	}



	
	.ht-foot{
		display:block;
		width:970px;
	}
	.ht-foot *{
	  display:block;
	  height:1px;
	  overflow:hidden;
	  font-size:.01em;
	  background:#0D0D0D}
	.ht-foot1{
	  margin-left:3px;
	  margin-right:3px;
	  padding-left:1px;
	  padding-right:1px;
	  border-left:1px solid #0D0D0D;
	  border-right:1px solid #0D0D0D;
	  background:#0D0D0D}
	.ht-foot2{
	  margin-left:1px;
	  margin-right:1px;
	  padding-right:1px;
	  padding-left:1px;
	  border-left:1px solid #0D0D0D;
	  border-right:1px solid #0D0D0D;
	  background:#0D0D0D}
	.ht-foot3{
	  margin-left:1px;
	  margin-right:1px;
	  border-left:1px solid #0D0D0D;
	  border-right:1px solid #0D0D0D;}
	.ht-foot4{
	  border-left:1px solid #0D0D0D;
	  border-right:1px solid #0D0D0D}
	.ht-foot5{
	  border-left:1px solid #0D0D0D;
	  border-right:1px solid #0D0D0D}


#ht-foot a{
	font-size:11px;
	color:#242424;
	text-decoration:none;
	}
#ht-foot a:hover{
	color:#373737;
	text-decoration:none;
	}	
/* FOOT SHEET END ------------------------------------------------------------------------------------ */







































/* GENERAL SHEET START ------------------------------------------------------------------------------------ */
.ht-row {
	margin: 0 auto;
	}
.ht-col {
	margin: 0 auto;
	float:left;
	}
.ht-col-right {
	margin: 0 auto;
	float:right;
	}
.ht-img	 {
	border:7px #080808 solid;
	}
.ht-img-float-left {
	float:left;
	padding-right:15px;
	padding-bottom:15px;
	}	
.ht-img-float-left-htm{
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:85px;
	width:130px;
	cursor:pointer;
	}	
.ht-green {
	color:#94a909;
	}
.ht-green-caps {
	color:#94a909;
	text-transform:uppercase;
	}
.ht-light-caps {
	color:#999999;
	text-transform:uppercase;
	}	
.ht-float-right {
	float:left;
	}		

.ht-subtitle-icon-search{
	height:56px;
	width:70px;
	background:url(../images/ht-icon-search.gif) no-repeat 0 0;
	background-position:0px 5px;
	
	margin:-20px 0px;
	padding-top:20px;
	padding-left:45px;
}
.ht-subtitle-icon-testimonials{
	height:26px;
	width:25px;
	background:url(../images/ht-ico-testimonials2.jpg) no-repeat 0 0;
	background-position:0px 9px;
	
	margin:0px 0px;
	padding-top:3px;
	padding-left:35px;
}
.ht-space {
	padding-top:20px;
	}	
.ht-space2 {
	padding-top:15px;
	}		
/* GENERAL SHEET END ------------------------------------------------------------------------------------ */





























/* LISTS SHEET START ------------------------------------------------------------------------------------ */
.ht-lists p{ 
display: list-item;
margin: 2px 28px;
list-style-image: url(../images/ht-ico-dot.gif);
}
.ht-lists a { 
	color:#94a909;
	text-decoration: underline;
	}

.ht-lists a:hover { 
	text-decoration: none;
	color:#94a909;
	}
/* LISTS SHEET END ------------------------------------------------------------------------------------ */


















/* FORM SHEET START ------------------------------------------------------------------------------------ */
.ht-form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	border: 3px solid #2A2A2A;
	background:#fafafa;
	padding: 2px;
	color: #ACA4A9;
	
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	}
	
/*textarea:focus, input:hover, input:focus {
	background-image: url(../images/sl-from-field2.jpg);
	background:#f6f6f6;
}
radio{
	background-image:none;
}
radio:hover{
	background-image:none;
}*/


.ht-form-btn-go{
	width:48px;
	height:21px;
	overflow:hidden;
	border:0;
	background:url(../images/ht-btn-go.gif) no-repeat 0 0;
	/*display:block;*/
	cursor:pointer !important; cursor:hand;
}
.ht-form-btn-go:hover {
	background:url(../images/ht-btn-go.gif) no-repeat 0 0;
	background-position:0 -21px;
}
/* FORM SHEET END ------------------------------------------------------------------------------------ */











/* BTN SHEET START ------------------------------------------------------------------------------------ */
.ht-btn {
	width:120px;
	height:26px;
	overflow:hidden;
	border:0;
	
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	
	background:url(../images/ht-btn.gif) no-repeat 0 0;
	/*display:block;*/
	cursor:pointer !important; cursor:hand;
}
.ht-btn:hover {
	background:url(../images/ht-btn.gif) no-repeat 0 0;
	background-position:0 -26px;
}


.ht-btn2 {
	width:180px;
	height:26px;
	overflow:hidden;
	border:0;
	
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	
	background:url(../images/ht-btn2.gif) no-repeat 0 0;
	/*display:block;*/
	cursor:pointer !important; cursor:hand;
}
.ht-btn2:hover {
	background:url(../images/ht-btn2.gif) no-repeat 0 0;
	background-position:0 -26px;
}
/* BTN SHEET END ------------------------------------------------------------------------------------ */







/* CALENDAR SHEET START ------------------------------------------------------------------------------------ */
.ht-cal-title{
	font-size:11px;
	font-weight:bold;
	color:#94a909;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px;
	border-right:1px #111111 solid;	
	background:#0A0A0A;
}
.ht-cal-item{
	font-size:11px;
	color:#414141;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px;
	border-right:1px #0A0A0A solid;
}
.ht-cal-brd{
	border:1px #252525 solid;
	background:#111111;	
}


/* CALENDAR SHEET END ------------------------------------------------------------------------------------ */