@charset "utf-8";

*{
	margin:0;
	padding:0;
}

body {
	background: #b8c0a5;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5c5278;
}

a {
	color: #5c5278;
	text-decoration:none;
	outline: none;
}

h1 {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	color:#90d500;
}

h2 {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:14px;
}

p {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5c5278;
}

img {
	border: 0;
}

#copyright {
	float:left;
	margin-left:20px;
	font-size:9px;
}

#photo_credits {
	text-align:right;
	margin-right:20px;
	color:#6C5280;
	font-size:9px;
}

form textarea{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5c5278;
}

form input{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5c5278;
}



/*--------------Layout elements----------------*/

.main_container {
	width: 1003px;
	height: 603px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -301px;
	margin-left: -501px;
}

.content_container {
	margin:0 auto;
	padding:0;
	width:1003px;
	height:603px;
	vertical-align:middle;
}

.corner_top_left {
	position:absolute;
	z-index: 1000;
	top:0;
	left:0;
}

.corner_top_right {
	position:absolute;
	z-index: 1000;
	top:0;
	left:990px;
}

.corner_bottom_left {
	position:absolute;
	z-index: 1000;
	top:590px;
	left:0;
}

.corner_bottom_right {
	position:absolute;
	z-index: 1000;
	top:590px;
	left:989px;
}

/*--------------Navigation elements----------------*/

.nav_trans_bg {
	position:absolute;
	top:40px;
	left:85px;
	z-index:300;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	background-image:url(../images/home_green_area.gif);
	background-repeat:no-repeat;
	height:512px;
	width:402px;
}	

#nav_buttons {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:28px;
	color: #5d5376;
}
	

#but_home {
	z-index:400;
	position:absolute;
	top:86px;
	left:129px;
	padding: 0px 35px 0px 10px;
	margin: 0 0 0 0;
}

#but_home2 {
	z-index:600;
	position:absolute;
	top:86px;
	left:129px;
}

#but_home2 a{
	color: #99cc00;
	background-color:#FFFFFF;
	padding: 0px 35px 0px 10px;
	margin: 0 0 0 0;
}


#but_aboutus {
	z-index:400;
	position:absolute;
	top:120px;
	left:129px;
	padding: 0px 35px 0px 10px;
	margin: 0 0 0 0;
}

#but_aboutus2 {
	z-index:600;
	position:absolute;
	top:120px;
	left:129px;
}

#but_aboutus2 a{
	color: #99cc00;
	background-color:#FFFFFF;
	padding: 0px 35px 0px 10px;
	margin: 0 0 0 0;
}


#but_whatwedo {	
	z-index:400;
	position:absolute;
	top:154px;
	left:129px;
	padding: 0px 35px 0px 10px;
	margin: 0 0 0 0;
}

#but_whatwedo2 {	
	z-index:600;
	position:absolute;
	top:154px;
	left:129px;
}

#but_whatwedo2 a{
	color: #99cc00;
	background-color:#FFFFFF;
	padding: 0px 35px 0px 10px;
	margin: 0 0 0 0;
}


#but_howwedoit {
	z-index:400;
	position:absolute;
	top:188px;
	left:129px;
	padding: 0px 35px 0px 10px;
	margin: 0 0 0 0;
}

#but_howwedoit2 {
	z-index:600;
	position:absolute;
	top:188px;
	left:129px;
}

#but_howwedoit2 a{
	color: #99cc00;
	background-color:#FFFFFF;
	padding: 0px 35px 0px 10px;
	margin: 0 0 0 0;
}


#but_ourwork {
	z-index:400;
	position:absolute;
	top:222px;
	left:129px;
	padding: 0px 35px 0px 10px;
	margin: 0 0 0 0;
}

#but_ourwork2 {
	z-index:600;
	position:absolute;
	top:222px;
	left:129px;
}

#but_ourwork2 a{
	color: #99cc00;
	background-color:#FFFFFF;
	padding: 0px 35px 0px 10px;
	margin: 0 0 0 0;
}


#but_contactus {
	z-index:400;
	position:absolute;
	top:256px;
	left:129px;
	padding: 0px 35px 0px 10px;
	margin: 0 0 0 0;
}

#but_contactus2 {
	z-index:600;
	position:absolute;
	top:256px;
	left:129px;
}

#but_contactus2 a{
	color: #99cc00;
	background-color:#FFFFFF;
	padding: 0px 35px 0px 10px;
	margin: 0 0 0 0;
}

.content_container .logo {
	position:absolute;
	top:451px;
	left:137px;
	z-index:380;
}




/*--------------Content elements----------------*/

.content_panel {
	position:absolute;
	top:40px;
	left:515px;
	z-index:350;
	background-image:url(../images/home_white_area.gif);
	background-repeat:no-repeat;
	height:512px;
	width:402px;
}

.content_panel a{
	color:#5c5278;
}

.content_panel a:hover{
	color:#8fd400;
}

.content_highlight {
	background-color:#c7e97f;
}

.subnav {
	padding:20px 0px 0px 0px; 
	color:#999999; 
	font-size:16px; 
	font-weight:bold
}

.home_copy {
	left:25px;
	position:relative;
	top:375px;
	width:345px;
}

.about_copy {
	left:35px;
	position:relative;
	top:50px;
	width:338px;
}

.whatwedo_copy {
	left:35px;
	position:relative;
	top:50px;
	width:338px;
}

.whatwedo_copy p {
	line-height:120%;
}

.subcontent {
	font-size:11px;
	position:absolute;
	top:250px;
	left:0px;
	width:310px;
}

.howwedoit_copy {
	left:35px;
	position:relative;
	top:50px;
	width:338px;
}

.ourwork_copy {
	left:35px;
	position:relative;
	top:50px;
	width:338px;
}

.ourwork_copy .left_column {
	width:195px;
	float:left;
	line-height:1.2;
}

.ourwork_copy .right_column {
	float:left;
	line-height:1.2;
}

.contactus_copy {
	left:35px;
	position:relative;
	top:50px;
	width:338px;
}

.contactus_copy .subcontent {
	font-size:11px;
	position:absolute;
	top:150px;
	left:0px;
	width:310px;
}

.subcontent a{
	color:#8fd400;
	text-decoration:underline;
}

.greenbox {
	font-size:12px;
	position:absolute;
	top:260px;
	left:0px;
}
	
.purplebox {
	font-size:11px;
	position:absolute;
	top:260px;
	left:0px;
}

.purplebox_header {
	color:#5c5278;
	margin-top:-10px;
}

.purplebox_text a{
	color:#669900;
}

#sub_nav {
	list-style-image:url(../images/green_arrow_tiny.gif);
}

/*--------------Floating phots ----------------------*/

#photos {
	position:absolute;
	z-index:390;
}

.photos {
	border:solid #999999 1px;
	width:300px;
	height:180px
}

#photo_credits a{
 color:#6C5280;
}

#photo_credits a:hover{
	color: #669900;
}

#popup_clients{
	left:520px; position:absolute; top:0; z-index:382;
}

#photo_dstv{
	left:293px; position:absolute; top:0; z-index:391;
}

#photo_nedbank{
	left:793px; position:absolute; top:0; z-index:398;
}

#photo_peermont{
	left:53px; position:absolute; top:275px; z-index:394;
}

#photo_barloworld{
	left:0; position:absolute; top:178px; z-index:393;
}

#photo_toyota{
	left:0; position:absolute; top:386px; z-index:395;
}

#photo_pnp{
	left:364px; position:absolute; top:459px; z-index:396;
}

#photo_moneyweb{
	left:856px; position:absolute; top:51px; z-index:397;
}

#photo_neotel{
	left:797px; position:absolute; top:356px; z-index:398;
}

#photo_appletiser{
	left:709px; position:absolute; top:357px; z-index:399;
}

#photo_wwb{
	left:631px; position:absolute; top:450px; z-index:399;
}



/*--------------Flash elements----------------*/

#flash_element {
	position:absolute;
	top:0px;
	left:0px;
	z-index: 100;
}

#intro_flash {
	position:absolute;
	top:0px;
	left:0px;
	z-index: 500;
}