body{
	margin:0px;
	background-color:#D4D4D4;
}
#main_bg{width:100%; height:auto;background-image:url(../images/header_bg.jpg);	background-repeat:repeat-x; background-color:#FFFFFF;}
#main{width:922px; height:auto; margin:0 auto;}
/*---------- HEADER----------*/
#header{width:922px; height:157px;}
#logo{width:320px; height:auto; float:left;}
#seo{width:350px; height:auto; float:right; text-align:right; padding-top:15px;}
.common_div{width:100%;}
/* TOP NAV */
.nav{width:833px; height:auto; padding-left:0px; padding-top:20px;}
.nav ul{list-style:none;padding:0px;margin:0px;}
.nav li{float:left;	list-style:none;padding-top:0px; padding-right:40px;}
.nav li a{display:block; color:#2E2E29; text-decoration:none;	font-family:Arial, Helvetica, sans-serif;	font-size:12px;  background-image:url(../images/arrow.gif);  background-repeat:no-repeat;  background-position: 0 .2em; padding-left:15px;	}
.nav li a:hover{color:#B4CB2B;}
.nav li.current a{color:#B4CB2B; }
.nav li.current a:hover{color:#B4CB2B;}
/*---------- MIDDEL ----------*/
#middel_contant{width:922px; height:auto; }
#contant{width:560px; height:auto; padding-right:10px; float:left; }
#right_img{width:352px; height:auto; float:right; }
#right_img_button01{width:352px; height:auto; float:left; }
#scroll{width:922px; height:90px; }
#scroll_left_arrow{width:45px; height:auto; float:left;  padding-top:30px; }
#scroll_right_arrow{width:45px; height:auto; float:left; padding-top:30px; }
#scroll_images{width:832px; height:90px; float:left; }
/*---------- FOOTER----------*/
#footer{width:100%; height:315px; padding-top:51px; background-image:url(../images/footer_bg.jpg); background-repeat:repeat-x;}
#footer_con{width:850px; height:auto; padding-top:38px; padding-left:72px; border-bottom:1px solid #434343; margin:0 auto; padding-bottom:30px; }
#Success_Stories{width:217px; height:auto; float:left;} 
#our_blog {width:215px; height:auto; float:left;} 
#online_marketing {width:252px; height:auto; float:left;} 
#make_contact {width:165px; height:auto; float:left;} 
#bottom{width:922px; height:auto; margin:0 auto; padding-top:17px;} 
#bottom_left{width:252px; height:auto; float:left;} 
#bottom_right {width:300px; height:auto; float:right; text-align:right;} 
/*---------- FOOTER LINK----------*/
.footernav h1{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#EFEFEF;	text-decoration:none; font-weight:bold; margin: 0px; padding:0px; display:block; height:30px;  }
.footernav ul{list-style-type: none;	margin: 0px; padding:0px;}
.footernav li{margin: 0px; padding-bottom:5px; }
.footernav li a{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#B5CC2D;text-decoration:underline; line-height:18px;  }
.footernav li a:hover{text-decoration:none;}

/*---------- WHAT WE DO----------*/
#wedo_contant{width:642px; height:auto; padding-right:20px; float:left; }
#wedo_right_img{width:260px; height:auto; float:right; }
#wedo_box1 , #wedo_box3{width:332px; height:auto; float:left; }
#wedo_box2 , #wedo_box4{width:310px; height:auto; float:right; }
.heading_box{width:45px; height:auto; float:left;}
#box_contant1, #box_contant3{width:285px; height:auto; float:right; padding-top:45px;}
#box_contant2, #box_contant4{width:265px; height:auto; float:right; padding-top:45px;}

/*---------- LINK----------*/
.wedo h1{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#555555;	text-decoration:none; font-weight:bold; margin: 0px; padding:0px; display:block; height:30px;  }
.wedo ul{list-style-type: none;	margin: 0px; padding:0px;}
.wedo li{margin: 0px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#555555;text-decoration:none; line-height:15px; background-image:url(../images/dot.jpg);  background-repeat:no-repeat;  background-position: 0 .3em; padding-left:15px;}

/*---------- WHO WE ARE----------*/
#whoweare_right{width:277px; height:auto; float:right; background-image:url(../images/bird.jpg); background-position:right; background-repeat:no-repeat; padding-top:145px; padding-left:75px; }

/*---------- PRICE GUIDE----------*/
#price_contant{width:595px; height:auto;  float:left; }
#price_right{width:232px; height:auto; float:right; padding-left:90px; }
.price_box{width:595px; height:auto;  padding-bottom:25px; }
.price_box1{width:176px; height:auto;  float:left; padding-top:5px;}
.price_box2{width:66px; height:auto;  float:left;}
.price_box3{width:94px; height:auto;  float:left; padding-top:5px;}
.price_box4{width:259px; height:auto;  float:left; padding-top:5px;}

/*---------- OUR CLIENTS---------*/
#falcor{width:143px; height:auto; padding-right:57px;  float:left; }
#macadams{width:94px; height:auto; padding-right:57px;  float:left; }
#multifix{width:173px; height:auto; padding-right:65px;  float:left; }
#aska{width:100px; height:auto; padding-right:61px;  float:left; }
#elwierda{width:172px; height:auto; float:left; }
#africa_in_focus{width:164px; height:auto; padding-right:93px;  float:left; }
#selectinks{width:175px; height:auto; padding-right:82px;  float:left; }
#iceclean{width:128px; height:auto; padding-right:82px;  float:left; }
#sandydiogo{width:198px; height:auto; float:left; }
#villastsimon{width:193px; height:auto; padding-right:83px;  float:left; }
#kidorable{width:176px; height:auto; padding-right:97px;  float:left; }
#canopyking{width:136px; height:auto; padding-right:96px;  float:left; }
#theeventmanager{width:141px; height:auto; float:left; }

/*---------- WEBSITE PORTFOLIO---------*/
#portfolio_kidorablesa{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_tc{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_vox{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_pp{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_golf{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_head_south{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_aska{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_macadams{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_fig{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_select_inks{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_sandy{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_feedjit{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_secaware{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_rivonia{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_aif{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_offshore{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_multifix{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_ozonewash{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_pointb{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_spinnakers{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_villa{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_event{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_balmoral{width:243px; height:auto; padding-right:57px;  float:left; }
#portfolio_falcor{width:243px; height:auto; padding-right:57px;  float:left; }

/*---------- GLOSSARY----------*/
#glossary_contant{width:570px; height:auto;  float:left; }
#glossary_right{width:180px; height:auto; float:right; padding-left:40px; padding-right:130px; }

/*---------- CONTACT----------*/
#contact_box1{width:243px; height:auto; float:left;  }
#contact_box2{width:210px; height:auto; float:left; padding-top:40px;  }
#contact_box3{width:200px; height:auto; float:left; padding-top:40px;}
#contact_box4{width:269px; height:auto; float:left; }
#contact_box{width:243px; height:40px;  }
#contact_submit{width:150px; height:auto;  padding-left:45px; padding-top:15px; }

/* Light box */
#lightbox{width:662px; height:210px; padding:10px; margin:0 auto; }
#lightlogo{width:210px; height:auto; padding-top:10px; padding-left:9px; padding-right:28px; float:left;}
#lightboxbo{width:390px; height:auto; padding:10px; float:right; border:1px solid #D4D4D4;}
#the_challenge{width:183px; height:auto; padding-left:40px; float:left; }
#the_process{width:172px; height:auto; padding-left:24px; padding-right:34px; float:left; }
#the_solution{width:187px; height:auto;  padding-right:20px; float:left; }

/*---------- CSS ----------*/
.clr{clear:both;font-size:0; line-height:0; height:0px;}
.common{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	color:#555555;
	text-decoration:none;
	line-height:18px;
}
.heading{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:16px;
	color:#2E2E29;
	text-decoration:none;
	line-height:18px;
}
.heading1{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:14px;
	color:#2E2E29;
	text-decoration:none;
	line-height:24px;
}
.common_light{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	color:#2E2E29;
	text-decoration:none;
	line-height:18px;
}
.bottom_link{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:11px;
	color:#BEBEBD;
	text-decoration:none;
}
a.bottom_link:hover{text-decoration:underline;}
.green_heading{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:70px;
	color:#88AB40;
	text-decoration:none;
}
.green_heading1{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:18px;
	color:#B5CC2D;
	text-decoration:none;
}
.read_stories{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	color:#88AB40;
	text-decoration:underline;
	background-image:url(../images/arrow2.jpg);
	background-position:right;
	padding-right:10px;
	background-repeat:no-repeat;
}
a.read_stories:hover{text-decoration:none;}
.para_link{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	color:#88AB40;
	text-decoration:underline;
}
.para_link_green{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	color:#B4CB2B;
	text-decoration:underline;
}
a.para_link:hover{text-decoration:none;}
.common_underline{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	color:#999999;
	text-decoration:underline;
}
a.common_underline:hover{text-decoration:none;}
.common_active{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	color:#B4CB2B;
	text-decoration:none;
	line-height:18px;
}
a.common_active:hover{text-decoration:underline;}
.common_bold{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	line-height:18px;
}
.error{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	color:#FF7709;
	text-decoration:none;
	line-height:18px;
}
.input{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	color:#999999;
	text-decoration:none;
	width:175px;
	height:18px;
	border:1px solid #A09B96;
}
.comment{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	color:#999999;
	text-decoration:none;
	width:190px;
	height:110px;
	border:1px solid #A09B96;
}
/******************* Enquiry Form ********************/
#enquiry{width:813px; height:auto; margin:0 auto; background-image:url(../images/header_bg.jpg); background-repeat:repeat-x; background-color:#FFFFFF;}
#enquirytop{ width:522px; float:right; padding-top:50px;}
#form_main{ width:350px; margin:0px auto;  padding-left:20px; background-image:url(../images/whitebg.jpg); float:left;}
#form_right{ width:380px; margin:0px auto; padding:10px; background-image:url(../images/whitebg.jpg); float:right;}
.formField { float: left; vertical-align: top; padding: 1px;}
.text_field{ width:200px; height:15px; border:1px solid #999999; padding-top:2px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; text-decoration:none;}
.select_field{ width:200px; height:20px; border:1px solid #999999; padding-top:2px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; text-decoration:none;}
.formField2 { float: left; width:83px; padding-top:3px;}
.formField3 { float: left; width:210px; padding-bottom:12px;}
.text_field2 {
	width:200px;
	height:15px;
	border:1px solid #999999;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-decoration:none;
	float: right;
	margin-right: 10px;
	line-height: 20px;
	margin-top: 8px;
	position: relative;
}
.text_field5 { float: left; padding: 10px; margin-left: 30px; clear: right; margin-right: 30px;}
.sep { border:0px; float: left; width: 2px;}
.headingBlack{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; text-decoration:none;}
.commonText{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; text-decoration:none; line-height:18px;}
.headingBlue{ font-family:"myriad Pro"; font-size:27px; color:#012751; text-decoration:none;}
.bottomText{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration:none;}
/*******************************************/