/* ECOSOUTH CSS DOCUMENT 2009 */
	@import url("http://dynamic.icecreamlovestheweb.com/labs/gallery.css");
	@import url("http://dynamic.icecreamlovestheweb.com/labs/ie6killer.css");
	@import url("http://dynamic.icecreamlovestheweb.com/labs/comment.css");

/*MILKBOX UPDATES*/

	.milk_stage_tags{display:none;}
	.milk_stage_close{display:block; color:#4e6537; cursor:pointer;}
	.milk_loading{background:url(images/load.gif) no-repeat center center;}
	.milk_stage_title{display:none;}
	
/*COMMENT UPDATES*/

	#ic_comment a{color:#4E6537;}
	#ic_comment_add h1{margin:10px 0px 20px!important;}	
	.ic_comment_box textarea{width:395px!important;}
  
/*REST OF SITE*/

	*{outline:none; margin:0px; padding:0px;}
	
	body{
		background:#292d30 url(images/body_bg.gif) repeat-x top left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:62.5%;
		color:#212121;
	}
	img{border:none;}
	h1{margin:0px 0px 20px 0px;}
	h2{margin:10px 0px 10px 0px;}
	
	.home_tags{display:none;}
	.home_date{display:none;}
	.heading_h1{display:none;}
	.clear{display:block; width:100%; clear:both;}
	.hide_me{display:none;}
	
	#social{position:fixed;}
	.social_jgh{display:none;}
	
	#site{border:6px solid #859274; width:1000px; margin:0 auto 30px;}
	
	#logo{background:transparent url(images/logo.gif) no-repeat top left; height:74px; width:1000px;}

/*SEARCH BAR*/

	#search_site{padding:47px 8px 0px 0px; text-align:right;}
	#search_site .keyword{background:transparent url(images/search_btn.png) no-repeat top left; height:24px; width:25px; border:none;}


/*BANNER HERE*/

	#banner{height:148px; width:1000px; background:transparent url(http://www.ecosouth.co.za/backend/media/Tue24Mar2009160430/BannerES.jpg) no-repeat top left;}


/*MENU HERE*/

	#menu ul{background:#4e6537; text-align:center; height:29px; padding:8px 0px 0px;}
	#menu li{display:inline; list-style:none;}
	#menu a{
		color:#fff; 
		text-decoration:none; 
		font-size:13px; 
		padding:3px 13px; 
		text-transform:capitalize; 
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:0px;
		font-weight:bold;
		text-transform:uppercase;
	}
	

	/* CSS CODING FOR A DROP DOWN MENU */
		
		/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
		#menu li {float:left;position:relative;}

		/* style the links for the top level */
		#menu a, #menu a:visited {display:block;text-decoration:none;}
		
		/* style the second level background */
		#menu ul ul a.drop, #menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}

		/* style the second level hover */
		#menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
		#menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
	
		/* hide the sub levels and give them a positon absolute so that they take up no room */
		#menu ul ul {
			visibility:hidden;
			position:absolute;
			height:0;
			top:21px;
			left:0px; 
			width:100px;
			z-index:10;
			text-align:left;
		}

		
		/* style the table so that it takes no ppart in the layout - required for IE to work */
		#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

		/* style the second level links */
		#menu ul ul a, #menu ul ul a:visited {
			background:#fff; 
			color:#0c2f59; 
			height:auto; 
			line-height:1em; 
			padding:5px 13px; 
			width:142px;
			border-width:0 1px 1px 1px;
			text-transform:capitalize;
			font-size:12px;
		}
		
		/* style the top level hover */
		#menu a:hover, #menu ul ul a:hover{color:#c2cb56;}
		#menu ul :hover > a, #menu ul ul :hover > a{color:#c2cb56;}
		
		/* make the second level visible when hover on first level list OR link */
		#menu ul li:hover ul,
		#menu ul a:hover ul{visibility:visible; }
		#menu .clicked{color:#c2cb56!important;}
		
		.menu10{display:none!important;}
		.sub4_8, .sub4_9, .sub4_10, .sub4_11, .sub4_12, .sub4_13, .sub4_14{display:none!important;}
		
		/*HIDDEN BECAUSE OF NO CONTENT*/
		.menu5, .sub3_6, .sub4_1, .sub4_2, .sub4_3, .sub4_4, .sub4_5, .sub4_6{display:none!important;}
		
		
		.site_sitesearch #menu a{padding:3px 10px;}
		

/*CONTAINER*/
		
		#box{border:7px solid #fff; background:#e1e5dd none;}
		
		#content{ float:left; width:796px;}
		
		.text{background:#fff none; padding:10px; font-size:12px; margin:7px; line-height:21px;}
		.text h1{font-size:1.4em; text-transform:uppercase; color:#4e6537;}
		.text h2{font-weight:lighter; font-size:1.3em; color:#4e6537;}
		
		.text ul{margin:10px 0px;}
		.text li{margin:0 0 0 40px;}
		.text a{color:#4e6537; text-decoration:none;}
		.text a:hover{text-decoration:underline;}

		.galbox img{
			background-repeat:no-repeat!important; 
			background-position:center center!important; 
			margin:0 6px 13px 7px;
			}
	
		.records{	
			background:#c1c8ba none repeat scroll 0% 0%;
			border:#6c7e58 1px solid;
			margin:0px 0px 7px 7px;
			width:780px;
			height:240px;
			overflow:hidden;
		}
		.records h1{background:#4E6537 none; padding:4px; color:#fff; font-size:1.4em; text-align:left; margin:0px;}
		.records p{
			float:left;
			font-size:1.2em;
			line-height:1.6em;
			margin:20px 20px 0px;
			width:360px;
		}
		
		.records img{
			margin:0px 7px 0px 0px;
			background-position:center center!important;
			background-repeat:no-repeat!important;
			}
		
		.records a{ 
			width:80px; 
			height:25px; 
			color:transparent;
			display:block;
			float:right;
		}
		
		.kruger a{background:none!important;}
		.kruger .view_btn a{padding:165px 0 0 680px;}

		
		#left{width:200px; float:left; color:#fff; background:#4e6537 none; padding:10px; height:830px;}
		#left h1{color:#fff; margin:10px 0px;}
		#left a{
			color:#fff; 
			font-size:10px; 
			text-transform:capitalize; 
			margin:0 0 0 5px;
			padding:0 0 0 15px; 
			background:transparent url(images/list_circle.png) no-repeat top left;
		}
		
		#news_content{width:500px; float:left; padding:20px;}
		#news_content h1{margin:0px 0px 10px 0px;}
		
		.news_records{border-bottom:1px dotted #4e6537; padding:10px 5px;}
		.news_records h2{font-size:17px; color:#393939;}
		.news_records img{margin:0px 5px 5px 0px;}
		.news_records a{font-weight:bold;}
		.news_records .home_date{display:block; font-size:11px; font-style:italic; margin:3px 0px;}
		.newslink{font-weight:bold; margin:5px 0px;}
		
		.record_nav_top{display:none;}
		.record_nav_bottom{text-align:right; margin:10px 0px 0px; display:block;}
		.record_nav_bottom .record_box{margin:0px 0px 0px 10px;}
		
		.search_records{
			margin:10px 0px 0px; 
			background:transparent url(images/news_records_bg.png) no-repeat top left; 
			height:110px; 
			padding:10px;
			width:740px;
		}
		.search_records h2{volor:#4E6537; font-size:1.2em; margin:0px 0px 5px 0px;}
		.search_records a{
			background:transparent url(images/readmore_btn.png) no-repeat scroll left top;
			color:transparent;
			display:block;
			float:right;
			height:25px;
			margin:10px 0px 0px;
			width:80px;
		}
		.search_records a:hover{text-decoration:underline;}
		.search_records img{margin:0px 10px 0px 0px;}
		.search_records h2 a{
			background:none;
			color:#4E6537;
			float:none;
			margin:0px 0px 5px 0px;
			height:auto;
			width:auto;
			
		}
		
/*FORM ON CONTACT*/
	
	.text form{margin:15px 0px 0px 0px;}
	.text label{text-transform:capitalize; float:left; margin:0px 0px 10px 0px; width:200px;}
	.text fieldset{border:none; margin:0px 0px 10px 0px;}
	.text input{background:#fff none;}
	.text .button{background:transparent url(images/contact_btn.png) no-repeat top left; width:91px; height:24px; border:none; color:transparent;}
	

/*HOME PAGE*/

		.home_block{
			float:left;
			height:262px;
			margin:0px 0px 0px 7px;
			width:386px;
			
		}
		.home_block h1{
			background:#4E6537 none repeat scroll 0% 0%;
			color:#FFFFFF;
			font-size:1.4em;
			padding:238px 7px 5px;
			position:absolute;
			text-transform:capitalize;
			width:376px;
		}
		.home_block img{padding:2px 0px 0px 2px; position:absolute;}
		.view_btn{position:absolute;}
		.view_btn img{width:auto;}
		.view_btn a{padding:232px 0 0 318px; display:block;}
		

/*RIGHTPANEL*/
	
		#rightpanel{width:186px; float:left; margin:0px 0px 0px 2px;}
		
		.icon_block{height:108px;}
		.icon{
			float:left;
			margin:15px 0px 15px 13px;
		}
		
		.news_block{
			background:transparent url(images/news_block_bg.png) no-repeat bottom left; 
			width:168px; 
			padding:0px 10px 10px;
			font-size:1.1em;
			height:253px;
		}
		.news_block h1{
			background:transparent url(images/news_block_h1.png) no-repeat top left; 
			text-align:center; 
			color:#fff; 
			font-size:1.2em;
			text-transform:capitalize;
			height:32px;
			padding:10px 0px 0px;
			margin:0px 0px 0px -10px;
		}
		.news_block a{color:#5d7147; text-decoration:none; display:block; clear:both; text-align:right; margin:-4px 10px 0px 0px;}
		.news_block a:hover{text-decoration:underline;}

		.newsletter_block{
			background:transparent url(images/news_block_bg.png) no-repeat bottom left; 
			width:168px; 
			padding:0px 10px 10px;
			font-size:1.1em;
		}
		.newsletter_block h1{
			background:transparent url(images/news_block_h1.png) no-repeat top left; 
			text-align:center; 
			color:#fff; 
			font-size:1.2em;
			text-transform:capitalize;
			height:32px;
			padding:10px 0px 0px;
			margin:0px 0px 0px -10px;
		}
		.newsletter_block a{color:#5d7147; text-decoration:none; display:block; clear:both; text-align:right; margin:0px 10px 0px 0px;}
		.newsletter_block a:hover{text-decoration:underline;}
		.newsletter_block label{text-transform:capitalize; font-size:1.2em;}
		.newsletter_block fieldset{border:none; margin:0px 0px 10px;}
		.newsletter_block .button{border:none; background:transparent url(images/submit_btn.png) no-repeat top left; color:transparent; padding:20px;}
		
		.news_record{margin:0px 7px 10px 0px;}
		

/*FOOTER HERE*/

	#footer{background:#4e6537 none; clear:both; font-size:1.2em; color:#fff; padding:10px; height:115px;}
	
	#bottom_menu{margin:0px 0px 0px 263px;}
	#bottom_menu li{text-transform:uppercase; list-style:none; float:left; padding:0px 15px; border-right:1px solid #fff;}
	#bottom_menu .contact{border:none!important;}
	#bottom_menu a{color:#fff; text-decoration:none;}
	#bottom_menu a:hover{text-decoration:underline;}

	.designer{float:right; margin:0px 0px 0px;}
	.designer a:hover{text-decoration:underline;}

	#satib{width:60px; float:left; margin:10px 0 0 105px;}
	#satib24{margin:10px 0px 0px;}
	#satsa{float:left; margin:0px 13px 0px 0px;}	
	#satsa img{height:69px; margin:12px 0 0;}
	
/*IE 7 FIXES*/

	*:first-child+html .records a{
		background:transparent url(images/readmore_btn_IE.png) no-repeat top left; 
		color:#fff; 
		text-decoration:none; 
		padding:4px 0px 0px 9px;
	}
	*:first-child+html .records h2 a{background:none; color:#000;}
	
	*:first-child+html .news_block .button{
		background:transparent url(images/submit_btn_IE.png) no-repeat top left; 
		color:#fff; 
		padding:1px 8px 2px 5px;
	}
	*:first-child+html .text .button{background:transparent url(images/readmore_btn_IE.png) no-repeat top left; color:#fff; width:80px;}
	*:first-child+html #bottom_menu{margin:0px 0px 0px 163px;}
	*:first-child+html #footer{height:150px;}
	*:first-child+html .search_records a{
		background:transparent url(images/readmore_btn_IE.png) no-repeat scroll left top; 
		color:#fff; 
		text-decoration:none;
		padding:5px;
	}
	*:first-child+html .search_records h2 a{
		background:transparent none repeat scroll 0 0;
		color:#4E6537;
		float:none;
		height:auto;
		margin:0 0 5px;
		width:auto;
	}
	*:first-child+html #satib{margin:10px 0px 0px 80px;}