body {
	margin:0;
	padding:0;
}

h3 {
	padding-left: 5px;
	color:#666;
	font-weight: bold;
}

#news h3 {
	color: #FFF;
}


#news li {
	color: #FFF;
	list-style: disc;
}

#news img {
	float: left;
	display: block;
}
.bold {
	font-weight: bold;
}


li {
	list-style-image: url('../images/bullet.jpg');
}

blockquote {
	color: #4e9119;
	font-size: 1.2em;
	margin-left:0px;
	margin-right:0px;
}

#content_frame {
	width:900px;
	margin:0 auto;
}

#header {
	padding-top:20px;
	vertical-align: top;
	position: relative;
	left: -100px;
	top: 0px;
}

#header h1 {
	float: right;
	height:1px;
	text-indent: -9999px;
	width:1px;
}

#header h2 {
	background: #fff url('../images/header_home.jpg') no-repeat;
	float:left;
	height:139px;
	text-indent:-9999px;
	width:900px;
}

#header h2.our_people{
	background: #fff url('../images/header_people.jpg') no-repeat;
	float:left;
	height:139px;
	text-indent:-9999px;
	width:895px;
}
#header h2.about_us{
	background: #fff url('../images/header_aboutsts.jpg') no-repeat;
	float:left;
	height:139px;
	text-indent:-9999px;
	width:895px;
}
#header h2.approach {
	background: #fff url('../images/header_whatwedo.jpg') no-repeat;
	float:left;
	height:139px;
	text-indent:-9999px;
	width:895px;
}

#header h2.partners {
	background: #fff url('../images/header_partners.jpg') no-repeat;
	float:left;
	height:139px;
	text-indent:-9999px;
	width:895px;
}

#header h2.green {
	background: #fff url('../images/header_green.jpg') no-repeat;
	float:left;
	height:139px;
	text-indent:-9999px;
	width:895px;
}

#header h2.support {
	background: #fff url('../images/header_support.jpg') no-repeat;
	float:left;
	height:139px;
	text-indent:-9999px;
	width:895px;
}

#header h2.contact {
	background: #fff url('../images/header_contact.jpg') no-repeat;
	height:139px;
	text-indent:-9999px;
	width:900px;
}

#main_menu_bar {
	height: 60px;
	overflow: hidden;
}

#main_menu_bar ol {
	margin:0;
	padding:0;
}

#main_menu_bar li {
	display:block;
	width:113px;
	height:60px;
/*	background-color:#cf0;*/
	float:left;
	text-indent: -9999px;
}

#main_menu_bar li {
	background-image: url('../images/menu_bar.jpg'); 
}

#main_menu_bar li a{
	display:block;
	height:100%;
}

#main_menu_bar li.item2 {
	background-position-x:-112px;
}

#main_menu_bar li.item3 {
	background-position-x:-226px;
}

#main_menu_bar li.item4 {
	background-position-x:-339px;
}

#main_menu_bar li.item5 {
	background-position-x:-452px;
}

#main_menu_bar li.item6 {
	background-position-x:-565px;
}

#main_menu_bar li.item7 {
	background-position-x:-678px;
}

#main_menu_bar li.item8 {
	width: 109px;
	background-position-x:-791px;
}

#main_menu_bar li:hover {
	background-position-y:-60px;
}

#main_menu_bar li:active {
	background-position-y:-120px;
}

#main_menu_bar li.current {
	background-position-y:-180px;
}

#page_content {
	padding:9px;
	background: url(../images/whitebgshadows.png) repeat-y;																				
	border-top:0;
	min-height: 400px;
}

#news a {
	text-decoration: none;
	color: #FFF;
	background-color: inherit;
}

#news a:link {
		text-decoration: none;
	color: #FFF;
	background-color: inherit;
}
#news a:visited {
		text-decoration: none;
	color: #FFF;
	background-color: inherit;
}

#news a:hover {
		text-decoration: underline;
	color: #FFF;
	background-color: inherit;
}
#news a:active {
		text-decoration: none;
	color: #FFF;
	background-color: inherit;
}

#page_content_blog {
	padding:9px;
	background: url(../images/whitebgshadows.png) repeat-y;																				
	border-top:0;
	min-height: 400px;
}

#blogTopShadow {
	width: 900px;
	height: 6px;
	background: #FFF url(../images/blogtopshadow.jpg); 
}

.clownfish {
	background:#fff;
}
.exceptional_people {
	background: #fff url('../images/SBP0315093_Veer.jpg') no-repeat scroll bottom right;
}
.about_us_bg {
	background: #fff url('../images/logo_bg.jpg') no-repeat scroll center right;
}

.support {
	background: #fff url('../images/office_back.jpg') no-repeat scroll bottom left;
}

.contact {
	background: #fff;
}

.job_description {
	color: #59a51c;
}

.green {
	background: #fff url('../images/green_credentials2.jpg') no-repeat scroll bottom left;
}

.home {
	padding:9px;																			
	border-top:0;
	min-height: 400px;
	background: #366515 url('../images/homebg.jpg') no-repeat top left;
}

.green_margin {
	padding-bottom: 30px;
}

.white_background {
	background: #fff;
}
.white p {
	color: white;
}

form li {
	list-style: none;
	margin:0;
	padding:1em 0;
}

.focus {
	background-color:#cf0;
}

form ol {
	list-style: none;
	margin:0px;
	padding:0px;
	margin-bottom:1em;
}

label {
	display:block;
	color:#666;
	margin-left:1em;
}

input {
	width:100%;
	margin-left:1em;
}

#logos {
 	width: 430px;
 	height: 747px;
 	background: url(../images/logos.jpg);
 	margin: auto; padding: 0;
 	position: relative;
}
#logos li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#logos a {
	display: block;
	width:100%;
	height:100%;

}

#logo1 {left: 20px; top: 15px; width: 103px; height: 65px;}
#logo2 {left: 170px; top: 35px; width: 105px; height: 27px;}
#logo3 {left: 325px; top: 30px; width: 65px; height: 35px;}
#logo4 {left: 20px; top: 110px; width: 165px; height: 40px;}
#logo5 {left: 320px; top: 370px; width: 90px; height: 35px;}
#logo6 {left: 25px; top: 350px; width: 115px; height: 65px;}
#logo7 {left: 230px; top: 80px; width: 120px; height: 65px;}
#logo8 {left: 85px; top: 170px; width: 157px; height: 45px;}
#logo9 {left: 280px; top: 155px; width: 110px; height: 35px;}
#logo10 {left: 16px; top: 235px; width: 145px; height: 50px;}
#logo11 {left: 195px; top: 225px; width: 45px; height: 65px;}
#logo12 {left: 275px; top: 225px; width: 150px; height: 50px;}
#logo13 {left: 20px; top: 300px; width: 155px; height: 45px;}
#logo14 {left: 220px; top: 305px; width: 185px; height: 35px;}
#logo15 {left: 145px; top: 360px; width: 165px; height: 50px;}
#logo16 {left: 235px; top: 420px; width: 175px; height: 35px;}
#logo17 {left: 23px; top: 510px; width: 112px; height: 60px;}
#logo18 {left: 200px; top: 480px; width: 175px; height: 25px;}
#logo19 {left: 149px; top: 516px; width: 265px; height: 40px;}
#logo20 {left: 40px; top: 435px; width: 145px; height: 50px;}
#logo21 {left: 215px; top: 570px; width: 175px; height: 45px;}
#logo22 {left: 40px; top: 605px; width: 185px; height: 45px;}
#logo23 {left: 226px; top: 645px; width: 185px; height: 40px;}
#logo24 {left: 25px; top: 680px; width: 220px; height: 60px;}

#logo1 a:hover {background: url(../images/logos.jpg) -20px -762px no-repeat;}
#logo2 a:hover {background: url(../images/logos.jpg) -170px -782px no-repeat;}
#logo3 a:hover {background: url(../images/logos.jpg) -325px -777px no-repeat;}
#logo4 a:hover {background: url(../images/logos.jpg) -20px -857px no-repeat;}
#logo5 a:hover {background: url(../images/logos.jpg) -320px -1117px no-repeat;}
#logo6 a:hover {background: url(../images/logos.jpg) -25px -1097px no-repeat;}
#logo7 a:hover {background: url(../images/logos.jpg) -230px -827px no-repeat;}
#logo8 a:hover {background: url(../images/logos.jpg) -85px -917px no-repeat;}
#logo9 a:hover {background: url(../images/logos.jpg) -280px -902px no-repeat;}
#logo10 a:hover {background: url(../images/logos.jpg) -16px -982px no-repeat;}
#logo11 a:hover {background: url(../images/logos.jpg) -195px -972px no-repeat;}
#logo12 a:hover {background: url(../images/logos.jpg) -275px -972px no-repeat;}
#logo13 a:hover {background: url(../images/logos.jpg) -20px -1047px no-repeat;}
#logo14 a:hover {background: url(../images/logos.jpg) -220px -1052px no-repeat;}
#logo15 a:hover {background: url(../images/logos.jpg) -145px -1107px no-repeat;}
#logo16 a:hover {background: url(../images/logos.jpg) -235px -1167px no-repeat;}
#logo17 a:hover {background: url(../images/logos.jpg) -23px -1257px no-repeat;}
#logo18 a:hover {background: url(../images/logos.jpg) -200px -1227px no-repeat;}
#logo19 a:hover {background: url(../images/logos.jpg) -149px -1263px no-repeat;}
#logo20 a:hover {background: url(../images/logos.jpg) -40px -1182px no-repeat;}
#logo21 a:hover {background: url(../images/logos.jpg) -215px -1317px no-repeat;}
#logo22 a:hover {background: url(../images/logos.jpg) -40px -1352px no-repeat;}
#logo23 a:hover {background: url(../images/logos.jpg) -226px -1392px no-repeat;}
#logo24 a:hover {background: url(../images/logos.jpg) -25px -1427px no-repeat;}



#list {
	width: 439px;
	height: 512px;
	margin-top: 30px;
}	

#footer {
	background: url(../images/footershadow.png) no-repeat;
	padding: 5px 0 0 10px;
}

.fader {
	opacity:0;
	display:none;
}


#jFlowSlide{ background:#FFF; }  
#myController {padding:2px 0;  width:380px; }  
#myController span.jFlowSelected {;margin-right:0px; }
  
.slide-wrapper { padding: 5px; }  
.slide-thumbnail { width:300px; float:left; }  
.slide-thumbnail img {max-width:300px; }  
.slide-details { width:290px; float:rightright; margin-left:10px;}  
.slide-details h2 { font-size:1.2em; font-weight:bold; margin-top:5px; line-height: 1em;color:#666; }  
.slide-details .description { margin-top:10px; }
.description {width: 400px; line-height: 1.3em; font-size: 0.9em;}
  
 .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }  


#stickmen {
 	width: 380px;
 	height: 356px;
 	background: url(../images/stickmen.jpg);
	padding: 0;
 	position: relative;
}
#stickmen li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#stickmen a {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: white;
	text-decoration: none;
	display: block;
}

#clickkatie {left: 214px; top: 30px; width: 10px; height: 10px;}
#clickpeter {left: 177px; top: 98px; width: 10px; height: 10px;}
#clickbarrie {left: 321px; top: 117px; width: 10px; height: 10px;}
#clickalex {left: 263px; top: 109px; width: 10px; height: 10px;}
#clickmartin {left: 118px; top: 187px; width: 10px; height: 10px;}

#tag {
	position: relative;
	left:897px;
	top:280px;
	float: left;
}


.post h2 { font-size:1.2em; font-weight:bold; margin-top:5px; line-height: 1em;color:#666;padding-left: 5px;} 

.post h2 a {font-weight:bold; margin-top:5px; line-height: 1em;color:#666;text-decoration: none;} 
.post h2 a:link {font-weight:bold; margin-top:5px; line-height: 1em;color:#666;text-decoration: none;} 
.post h2 a:visited {font-weight:bold; margin-top:5px; line-height: 1em;color:#666;text-decoration: none;} 
.post h2 a:hover {font-weight:bold; margin-top:5px; line-height: 1em;color:#666;text-decoration: underline;} 
.post h2 a:active {font-weight:bold; margin-top:5px; line-height: 1em;color:#666;text-decoration: none;} 

.post small {padding-left: 5px;}