@charset "UTF-8";
body  {
	background: #ffffff url(images/bb_background.jpg) top left repeat-x;
	font: 12px Tahoma, Geneva, sans-serif;
	text-align: center; 
	color: #000000;
}

*, div { 
	margin: 0;
	padding: 0;
}

img, div { 
	behavior:url(iepngfix.htc); 
}

#content { 
	width: 960px;  
	margin: 0px auto 0px; 
}

#mainarea {
	background: url(images/bb_maincontent.png) top left repeat-y;
	margin-left: 0px;
}


/* ------------ HEADER ------------ */




#header {
	margin: 0px;
	padding-top: 10px;
	text-align: left;
	width: 960px;
	height: 157px;
}


#header a, #header img {
	text-decoration: none;
	border: none;
}

#mainimage {
	float: left;
	margin: 0px;
	border: none;
	width: 930px;
	height: 292px;
	padding: 0 14px;
}


/* ------------ MAIN CONTENT ------------ */

#texthome { 
	margin: 0px;
	padding: 42px 267px 27px 247px;
	text-align: left;
}

#textarea { 
	float: right;
	width: 640px;
	margin: 0px;
	padding: 32px 67px 27px 57px;
	text-align: left;
} 

#texthome h1, #textarea h1 {
	font-size: 175%;
	font-weight: normal;
	color: #006633;
	margin-bottom: 21px;
	padding-top: 10px;
}

#texthome h2, #textarea h2 {
	font-size: 175%;
	font-weight: normal;
	color: #006633;
	margin-bottom: 21px;
	padding-top: 10px;
}

#texthome h3, #textarea h3 {
	font-size: 125%;
	font-weight: normal;
	color: #006633;
	margin-bottom: 14px;
	padding-top: 10px;
}

#texthome h4, #textarea h4 {
	font-size: 125%;
	font-weight: normal;
	color: #006633;
	margin-bottom: 8px;
	padding-top: 0px;
}

#texthome p, #textarea p {
	font: Tahoma, Geneva, sans-serif;
	font-size: 100%;
	line-height: 150%;
	color: #000000;
	margin-bottom: 14px;
}

#texthome a, #textarea a {
	color: #006633;
}

#texthome ul, #textarea ul {
	font-size: 100%;
	line-height: 150%;
	margin-left: 24px;
	margin-bottom: 21px;
}

.fright {
	border: solid #bfbfbf 1px;
	padding: 3px;
	margin-left: 24px;
	margin-bottom: 5px;
	float: right;
}
	
.fleft {
	border: solid #bfbfbf 1px;
	padding: 3px;
	margin-right: 24px;
	margin-bottom: 5px;
	float: left;
}
	
.break {
	clear:both;
}


/* ------------ NAVIGATION ------------ */
	

#navigation {
	float: left; 
	width: 167px; 
	text-align: left;
	margin-top: 14px;
	margin-bottom: 100px;
}

.top {
	border-top: solid #bfbfbf 2px;
}

#navigation ul {
	width: 167px; 
	list-style: none;
	margin-left: 24px;
	margin-top: 14px;
}

#navigation li {
	border-bottom: solid #bfbfbf 1px;
}

#navigation li  a:link, #navigation li a:visited {
	font: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-variant: small-caps;
	padding: 13px;	
	text-decoration: none;
	display: block;
	border-bottom: solid #bfbfbf 1px;
}
	
#navigation li a:hover {
	color: #ffffff;
	background: #006633;
}

#home li#navigation-home a,
#services li#navigation-services a,
#projects li#navigation-projects a, 
#partners li#navigation-partners a,
#team li#navigation-team a,
#contact li#navigation-contact a {
	color: #ffffff;
	background: #006633;
	padding: 13px;
}


 /* Hide from IE5-Mac \*/
#navigation li a
{
float: none
}
/* End hide */

/* ------------ NEWS ------------ */

#news {
	float: right; 
	width: 197px; 
	text-align: left;
	margin-top: 28px;
	margin-right: 28px;
	display:inline; 
}

#news h1 {
	background: url(images/newsheader.jpg) top left no-repeat;
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #006633;
	padding: 14px;
}

#news p {
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 200%;
	color: #6b6b6b;
	padding: 14px;
}

#news ul {
	list-style: none;
}

#news li {
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6b6b6b;
	padding: 14px;
	background: url(images/newsbackground.jpg) top left repeat-y;
}

#news li a {
	color: #6b6b6b;
	text-decoration: none;
}

.newsfooter{
	background: url(images/newsfooter.jpg) top left no-repeat;
	float: right;
	width: 197px;
	height: 18px;
}

.divider {
	background: url(images/divider.jpg) top left repeat-y;
	width: 197px;
	height: 9px;
}

/* ------------ FOOTER ------------ */

#footer { 
	background: url(images/bb_footer.png) top left no-repeat;
	text-align: center;
	margin: 0 0 14px 0;
	padding-top: 46px;
}

#footer p{
	text-align: center;
	font: 10px Arial, Helvetica, sans-serif;
	line-height: 150%;
	color: #6b6b6b;
} 

#footer a {
	text-decoration: none;
	color: #006633;
}

#footer a:hover {
	text-decoration: none;
	color: #000000;
}


/* ------------ FIX ------------ */


.fix {
height: 1px;
clear: both;
overflow: hidden;
}


/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }