/* ~~~~~~~~~~~~~~~~ DEFAULT STYLES  ~~~~~~~~~~~~~~~~ */
	
	html, body { font:12px/1.4em  arial, tahoma, sans-serif; color:#fff; }	
	body { margin:0; text-align:center; background: #000; }

/* ~~~~~~~~~~~~~~~~ GLOBAL STYLES  ~~~~~~~~~~~~~~~~ */

/* GLOBAL RESET */
	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
	fieldset,img { border:none; }
	caption,th { text-align:left; }
	table { border-collapse:collapse; border-spacing:0; }
	/* Hidden elements */
	.hidden, .screen_reader, hr { display:none; }
	/* Paragraph default styling, amend as desired */
	p { margin:0 0 1em 0; padding:0; }
	/* Default link styling */
	a { color:#c6ff05; text-decoration:none; }
	a:hover { color:#1c87b1; text-decoration:none; }
	.selected { color:#1c87b1; text-decoration:none; }
	/* Float an element left with a margin */
	.floatL { float:left; }
	/* Float an element right with a margin */
	.floatR { float:right; }
	/* Float an element right with a margin */
	.clear { clear:both; }
	ul li { list-style-type:none; }
	.bannerText { text-indent:-3000px; }
	.contactImg { height: 74px; margin: 0 20px; }
	.whiteBG { background: #fff; width: 429px; padding: 0 10px; margin: -10px 0 0 0 ;}
/* ~~~~~~~~~~~~~~~~ TEMPLATE ELEMENTS  ~~~~~~~~~~~~~~~~ */

	#bubblewrap { margin-right: auto;  width: 870px; margin-left:auto; text-align: center; padding: 	0px 0 0 0; }
	#container { float:left; width: 870px; text-align:left; padding: 0 20px;  background: url(../images/template/containerBGNew.jpg) no-repeat; min-height: 700px; height:auto !important;
  height:700px;
 }
/* ~~~~~~~~~~~~~~~~ FORM ELEMENTS  ~~~~~~~~~~~~~~~~ */	
	form { margin: 0 0 30px 0; }
	input, textarea, select { font-family:arial, verdana, Trebuchet MS, sans-serif; font-size:11px; padding: 2px;  background: #54504e; width:97%; border:0; font-size:1em; color:#fff; margin: 0 0 0 3px; }	
	.row { width: 440px;  background: #474442; margin: 0 0 10px 0; color: #93918e; padding: 0 0 8px 8px;  }
	label { font-size:14px; width: 100%; text-align:left; float:left; padding: 2px 0px 5px 2px;  }
	.submit { width: 448px; height: 40px; background: #c6ff05; cursor:pointer; margin: 0 0 10px 0!important; color: #2f2927; border:0; font-family: Arial, sans-serif; text-transform:uppercase; font-weight:bolder; text-align:left; font-size:13px; letter-spacing:0px; padding: 2px 10px 40px 2px!important; } 
	.textarea, textarea { overflow:hidden;}
	.success, .error, .message {
		position: relative;
		padding: 1em 2em;
		margin: 1em 0 1em 0;
		width: 460px;
		font-weight: bold;
		font-size:12px;
		color: #333;}	
		
	.success p, .error p, .message p {
		padding: 0;
		margin: 0;
		color: #333;}
		
	.success a, .error a, .message a {
		color: #333;
		text-decoration: underline;
		}
		
		
	.success {
		background-color: #c6ff05;
		border: 1px solid #54a82a;
		}
		
	.error {
		background-color:#ff5f5f;
		border: 1px solid #c60505;
		}
		
	.message {
		background-color: #f9dddd;
		border: 1px solid #edacac;
		}
		

/* ~~~~~~~~~~~~~~~~ HEADING ELEMENTS  ~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 { color:#***; line-height:normal; margin:0 0 1em 0; padding:0; font-weight:bold; }
	h1 { }
	h2 { color: #c6ff05; font-size: 18px; }
	h3 { color: #c6ff05;  font-size:16px; height: 8px!important; }
	h4 { }	
	
/* ~~~~~~~~~~~~~~~~ HEADER STYLES  ~~~~~~~~~~~~~~~~ */
	#header { float: left; 		width: 870px;
 }
 	.homeBanner { width: 890px; margin: 0 0 0 -10px; position: relative;}
	.kanjo {
		background: url(../images/template/kanjoLogoNew.gif) no-repeat;
		float: left;
		text-indent: -3000px; 
		width: 870px;
	}
	.kanjo span {
		display: block;
		height: 102px;
		cursor: pointer;
		width: 140px;
	}
	.navbar { 
		border-top: 1px solid #c6ff05; 
		border-bottom: 1px solid #73716e;
		list-style-type:none;
		width: 870px;
		float:left;
		clear:both;
		text-align:left;
		margin:0; 
		padding: 6px 0 5px 0;
	}
	.navbar li { float:left; color:#fff; margin: 0 20px 0 0; }
	.navbar li a { color: #fff; text-decoration:none; font-family: Arial, sans-serif;text-transform:uppercase; font-size:15px; font-weight: bold;}
	.navbar li a:hover { color: #1c87b1; }
	.navbar .selected { color: #1c87b1; }
	.banner { display: block; width: 870px; height: 180px; text-indent:-3000px; margin:10px 0 0 0; padding:10px 0 0 0; background-position:bottom!important; border-bottom: 8px solid #c6ff05; clear:both;  }
	.breadcrumb { clear:both;  list-style-type: none; border-bottom:1px solid #979592; float:left; width: 820px; padding: 10px 0 14px 50px; margin:0; }
	.breadcrumb li { float:left; color:#c5ff00; padding: 0 4px 0 0; font-family: Arial, sans-serif;  font-size:14px; }
	.breadcrumb li a { color:#c6ff05; text-decoration: none; }
	.whiteBread { color: #c6ff05!important; text-decoration:none; }
	.breadArrow { background: url(../images/template/breadArrow.gif) no-repeat 2px 4px; display:block; padding: 0 0 0 20px!important; }
	.breadcrumb .breadActive { color: #1c87b1; }
	#home_video_player_div { margin: 30px 0; }
/* ~~~~~~~~~~~~~~~~ CONTENT STYLES  ~~~~~~~~~~~~~~~~ */
	#scroller_div { outline:none;padding: 0; margin: 0;}
	.logo { width: 250px; }
	/* ~~~~~~~~~~~~~~~~ HOMEPAGE STYLES  ~~~~~~~~~~~~~~~~ */
	#content { margin-right: auto; margin-left: auto; padding: 0 0 40px 0; float:left; text-align:center; width:870px; position: relative; }
	.flashPlaceholder {
		background: url(../images/template/flashPlace.gif) no-repeat bottom center;
		width: 870px;
		height: 215px;
		display:block;
		margin: 60px 0 64px 0;float:left;
	}
	.portraitLImage, .portraitRImage 
		{ padding: 20px 0; width: 764px; margin-left:auto; margin-right: auto; font-size: 14px; text-align:left;  }
	.portraitLImage img { padding: 10px 40px 20px 0; width:400px;}
	 .portraitRImage img { padding: 20px 0px 20px 40px;  width:400px;}
	.portraitL h2, .portraitR h2 { padding: 20px 0 0 0; font-weight:bold; }
	.portraitL img { padding: 20px 40px 20px 0; width:300px;}
	 .portraitR img { padding: 20px 0px 20px 40px;  width:300px;}
	.landscape { margin: 20px 0 0 20px; text-align:left; margin-left:auto; margin-right:auto; float:left; }
	.landscape img { padding: 20px 40px 20px 0; }
	.landscape h2 { padding: 20px 0 0 0; font-weight:bold;}
	 .accessibilityContent h3,  .privacy-policyContent h3,  .terms-and-conditionsContent h3 { height: 26px!important; }
	.our-clientsContent, .homeText, .portraitR, .portraitL, .content, .teamContent, .accessibilityContent, .sitemapContent,  .privacy-policyContent,  .terms-and-conditionsContent, .ourClientsContent, .what-we-doContent, .who-we-areContent, .where-we-areContent, .want-to-meetContent 
	{ padding: 20px 0 0 0; width: 600px; margin-left:auto; margin-right: auto; font-size: 14px; text-align:left;  }
	.ourClientsContent { text-align:center; width: 700px; }
	.ourClientsContent p { text-align:left; margin:0px 0px 0 0; }
	.where-we-areContent { padding: 20px 0 40px 0;  }
	.where-we-areContent h2, .where-we-areContent h3 { height: 8px; padding: 0px 0 0 0; }
		.what-we-doContent ul { margin:0px 0px 30px 0px!important; }
	.what-we-doContent ul li { float:left; width: 299px; text-indent:0; text-align:left; color:#c6ff05; font-size:18px; line-height: 25px; }
	
	.back_link img {
		width: 90px;
		height: 90px;
		margin: 0px;
		position:relative;
		left: 60px;
		padding: 0;
		}
		
	.back_link {
		margin: 0;
		padding: 0;
		}
		
	.portraitRImage .back_link img {
		width: 90px;
		height: 90px;
		margin: 0px;
		position:relative;
		left: 0px;
		padding: 0;
		}


/* ~~~~~~~~~~~~~~~~ TEAM PAGE STYLES  ~~~~~~~~~~~~~~~~ */
	.teamContent h2 { font-size: 26px; font-family: Arial, sans-serif; display:block; padding: 0px!important; margin: 0px!important; height: 20px; font-weight:bold; letter-spacing:-1px;}
	.white { float:left; color:#fff; margin: 0 5px 0 0; }
	.teamContent h3 {  padding: 0px!important; margin: 0px!important; height:20px!important;  font-weight:bold; font-size: 18px; letter-spacing:-1px; font-weight:bold!important; }
	.teamContent p {  }
	.teamContent h4 { font-size: 14px; padding: 9px 0 0 0px; clear:both;font-family: Helvetica,Arial,  sans-serif; }
 	h5 { color: #c6ff05; }
	.teamContent { padding:10px 0 0 0; }
	.experience { margin: -60px 0 0px 0; }	
	.ExperienceContent { padding: 29px 0 110px 0; }
	.ExperienceContent h3 { padding: 0 0 6px 0!important;  }
	.ExperienceContent p { line-height: 18px; }
	.exp { padding: 0 0 10px 0; float:right; }
/* ~~~~~~~~~~~~~~~~ CLIENT STYLES  ~~~~~~~~~~~~~~~~ */
	#video_player_div { float:right; margin: 20px 0 0 10px; border:2px solid #c6ff05;  }
	.backToOurClients { clear: both; margin: 0px 0 10px 0; float:right; }
	.clientsScroll li { float: left;  padding:2px; height:180px; }
	.clientOverview {  text-align:center!important; margin: 0px auto; }
	/*.clientOverview span {  text-align:center!important;  font-size: 18px; line-height: 30px; padding: 0 5px 0 20px; background: url(../images/bullet.gif) no-repeat 0px 4px; font-weight: bold; }*/
	/*Updated 15.06.09 M.van Rooyen*/
	.clientOverview ul { width: auto; text-align:center!important; margin: 0px auto;  }
	.clientOverview li {  font-size: 18px; text-align:center!important; line-height: 30px; width:auto; list-style-type:none; font-weight: bold;  }

.recruitment { display:block; width:115px; height:115px; background: url(../images/button.jpg); float:right; }
	.recruitment span { display: none; }
/* ~~~~~~~~~~~~~~~~ LEFTCOLUMN STYLES  ~~~~~~~~~~~~~~~~ */

	
/* ~~~~~~~~~~~~~~~~ RIGHTCOLUMN STYLES  ~~~~~~~~~~~~~~~~ */
	#scroller { clear:both; width: 840px; float: left;  height: 180px; padding: 0px 0 10px 0; margin: 0px 0 0 0;  }
	#scrollerTeam { clear:both; width: 840px; float: left;  height: 180px; padding: 0px 0 10px 0; margin: -40px 0 0 0;  }
	.sitemapContent li { margin: 5px 0 10px 10px; list-style-type: disc!important; padding: 0 0 0 5px; color: #c6ff05; }
	.sitemapContent ul li ul { margin: 10px 0 20px 40px; font-size:13px; }
/* ~~~~~~~~~~~~~~~~ FOOTER STYLES  ~~~~~~~~~~~~~~~~ */
	#footer { padding: 0px 0 0 20px; float:left;  color:#666666; width:100%; text-align:left; }
	#footer ul { width:100%; }
	#footer p { clear:both; }
	#footer li { color:#666666;  float:left ; padding: 0 30px 10px 0; }
	#footer a { color:#666666; }
	#footer .selected { color:#1c87b1;  }