/* css Zen Garden submission 190 - 'Lonely Flower', by Mitja Ribic, http://mitja.impresija.com/mic/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, Mitja Ribic */
/* Added: November 10th, 2005 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */



/* ----- BASICS ELEMENTS ------------------------------------------------------------------------------------------------- */
body { 
	font-family: Arial, sans-serif;
	font-size: 11px;
	color:#6F6F6E;
	margin: 0px; 
	padding: 0px;
	line-height:14px;

	background-image : url(../images/mainback.gif);
	background-repeat: repeat-x;
	background-position: top left; 
	text-align:center;

	}
	
	
	.cut { 
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	color:#A0A0A0;
	margin: 0px; 
	padding: 0px;
	line-height:15px;

	background-image : url(../simages/mainback_cut.jpg);
	background-repeat: repeat-x;
	background-position: top left; 
	}


p {
	
	padding: 0px;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 10px;
	/*text-align: justify;*/
	}



h3 {
font-size: 11px;
	margin-top: 30px;
	margin-bottom: 5px;
	padding: 0px;
	}

	
	h2 {
	color:#7D7D7C;
font-size: 11px;
	margin-top: 8px;
	margin-bottom: 10px;
	padding: 0px;
	}


a:link { 
	/*font-weight: bold; */
	text-decoration: none; 
	color: #C14E4E;
	}

a:visited { 
	/*font-weight: bold;*/
	text-decoration: none;
	color: #C14E4E;
	}

a:hover { 
	text-decoration: underline; 
	/*color: #3C9A35;*/
	color: #666666;
	}
	
	
ul { 
list-style-type: none;
padding-left: 0;
margin-left: 0;
} 


	
li {
font-size: 11px;
background: url(../images/smallarrow2.gif) left 1px no-repeat;
padding-left: 25px;
margin-bottom: 5px;
} 
	
	
	
	/* ----- NEW HOME LAYOUT ------------------------------------------------------------------------------------------------------ */
	#strapline {
	margin:0px;
	position:absolute;
	top:45px;
	left:506px;
	width:280px;
	}
	
	#strapline H1 {
	margin:0px;
	color:#6bb35c;
	text-align:right;
	font-size:11px;
	}
	
	#strapline H2 {
	margin:0px;
	color:#A3A3A3;
	text-align:right;
	font-size:11px;
	}
	
	
	
	
	.homebox {
	font-size: 11px;
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px; 
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: #ACAEAB;
	width:250px;
	height:132px;
	background-color:#CCCFBC
	}

	#photos {
	margin-bottom:15px;
	}
	
	
	#photos td {
	padding-left:0px;
	padding-right:12px;
	/*margin-left:5px;
	margin-right:5px;
	height:10px;
	background-color:white;*/
	
	}
	
	#photos a {
	font-size:12px;
	font-weight:bold;
	}
	
	#spec {
	background-color:#F4F4F4;
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 1px; 
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-color: #D4D5D3;
	
	
	
	}
	
	#spec td {
	font-size: 11px;
	text-align:center;
	padding:5px;
	width:125px;
		border-style: solid;
	border-top-width: 1px;
	border-left-width: 0px; 
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-color: #D4D5D3;
	
	}
	
	#mainimages {
	
	margin-left:25px;
	margin-top:22px;
	margin-bottom:5px;
	vertical-align:top;
	}
	
	#mainimages img {
	float:left;
	margin-right:25px;
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px; 
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: #CCCCCC;
	}
	
	#mainimages p {
	
	margin-top:10px;
	margin-right:30px;
	
	}
	
	
	#logos img {
	margin-bottom:12px;
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px; 
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: #D4D5D3;
	}
	
	#logos a {
	padding-right:10px;
	}
	
	#logos p {
	font-weight:bold;
	}
	

	
	
	#ido_partners {
	font-size: 11px;
line-height:15.5px;

	width:195px;
	margin-top:2px;
	margin-left:10px;
	}
	
		#ido_partners div {
	margin-left:12px;
	font-weight:bold;
	margin-top:5px;
}

	#ido_partners p {
	width:180px;
	margin-top:3px;
	margin-left:13px;
	margin-bottom:5px;
	margin-right:0px;
	line-height:13px
	}
	
	
	
	
	#ido {
	font-size: 11px;
	line-height:15.5px;

	width:195px;
	margin-top:2px;
	margin-left:10px;
	}
	
	#ido div {
	margin-left:12px;
	font-weight:bold;
	margin-top:5px;
}
	
	
	/*#ido a {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:12px;
	padding-right:0px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 9px;
	}*/
	
	
	#ido p {
	width:180px;
	margin-top:3px;
	margin-left:13px;
	margin-bottom:15px;
	margin-right:0px;
	line-height:13px
	}
	
	
	#ido h3 {
	margin-top:5px;
	margin-left:14px;
	margin-bottom:0px;
	margin-right:0px
	}
	
		#ido img {
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 1px; 
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: #D2DCE8;
	}
	
	
	
		#ido_product2 div {
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 1px; 
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: #D2DCE8;
	line-height:15.5px;
	height:16px;
	width:720px;
	background-image : url(../images/button_back_long.gif);
	background-repeat: repeat-y;
	background-position: bottom left; 
	padding-left:4px;
	margin-left:12px;
	margin-top:12px;
    }
	
	
	#ido_product2 h3 {
	margin-top:12px;
	margin-left:22px;
	margin-bottom:8px;
	margin-right:0px
	}
	
	
	#ido_contact {
	font-size: 11px;
	line-height:15.5px;
	width:450px;
	margin-top:2px;
	margin-left:10px;
	}
	
	#ido_contact div {
	margin-left:12px;
	font-weight:bold;
	margin-top:5px;
}
	
	
	#ido_contact p {
	width:450px;
	margin-top:3px;
	margin-left:13px;
	margin-bottom:15px;
	margin-right:0px;
	line-height:13px
	}
	
	
	
	
	
	
	
	
	
	
	
	
	#product_layout {
	vertical-align:top;
	/*width:122px;*/
	width:2px;
	padding-right:22px;
	}
	
	#product_layout img {
	
	margin-top:2px;
	margin-bottom:12px;
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px; 
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: #D4D5D3;
	}
	
	
	
	
	.contentpositioner_products {
	position: absolute;
	width:756px;
	left:34px;
	top:290px;
	}
	
	.contentborder_products {
	margin-top:0px;
	padding-top:9px;
	background-image:url(../images/contenttopback_product.gif);
	background-repeat: repeat-y;
	}
	
	.contentbox_products {
	margin-top:0px;
	padding:0px;
	background-image : url(../images/contentback_product.gif);
	background-repeat: repeat-y;
	background-position: top left;
	background-color:#FFFFFF;
	}
	
	
	
	.contentpositioner_products2 {
	position: absolute;
	width:756px;
	left:34px;
	top:290px;
	}
	
	.contentborder_products2 {
	margin-top:0px;
	padding-top:9px;
	background-image:url(../images/contenttopback_product2.gif);
	background-repeat: repeat-y;
	}
	
	.contentbox_products2 {
	margin-top:0px;
	padding:0px;
	background-image : url(../images/contentback_product2.gif);
	background-repeat: repeat-y;
	background-position: top left;
	background-color:#FFFFFF;
	}
	
	
	
	
	.contentpositioner {
	position: absolute;
	width:756px;
	left:34px;
	top:290px;
	}
	
	.contentborder {
	margin-top:0px;
	padding-top:9px;
	background-image:url(../images/contenttopback_company.gif);
	background-repeat: repeat-y;
	}
	
	.contentbox {
	margin-top:0px;
	padding:0px;
	background-image : url(../images/contentback_company.gif);
	background-repeat: repeat-y;
	background-position: top left;
	background-color:#FFFFFF;
	}
	
	
	.textbox1  {
	width:271px;
	height:200px;
	position: absolute;
	left:35px;
	top:387px;
	border: 1px solid #D4D5D3;
	margin:0px;
	padding:0px;
	padding-bottom:0px;
	background-image : url(../images/textboxback1.gif);
	background-repeat: repeat-x;
	background-position: top left; 
	}
	
	
		
	.textbox2 {
	width:468px;
	height:200px;
	position: absolute;
	left:320px;
	top:387px;
	border: 1px solid #D4D5D3;
	margin:0px;
	padding-left:0px;
	padding-top:0px;
	background-image : url(../images/textboxback1.gif);
	background-repeat: repeat-x;
	background-position: top left;
	}
	
	
	.border {
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px; 
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: #D4D5D3;
	
	}
	
	
	#sidenav1 {
	margin-top:15px; padding-left:22px;
	}
		
	#sidenav1 p {
	padding: 0px;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 4px;
	}
	
	
	#sidenav1_product2 {
	margin-top:0px; margin-left:24px; padding-left:0px;
	}
		
	#sidenav1_product2 p {
	padding: 0px;
	font-size: 12px;
	margin-top: 6px;
	margin-bottom: 4px;
	}
	
	
	#sidenav1_product2 a {
	/*font-weight:bold;*/
	font-size:11px;
	padding-right: 12px;
	}
	
	
	.labelcell2 { 
 font-size: 11px; 
 color: #000000; 
 background-color: #FFFFFF;
 width: 240px;
 line-height:22px;
 padding:4px;
}


/*	.leftnavheader {
	
	font-weight:bold;
	padding-top:5px;
	margin-top:12px;
	margin-left:2px;
	margin-bottom:0px;
	margin-right:0px
	
	}
*/

	
		
	/* ----- END OF NEW HOME LAYOUT ------------------------------------------------------------------------------------------------------ */

	

	
	

	
	
	#homecontainer { 
	background: url(../images/greenheart_mainback.gif) no-repeat; 
	width: 820px;
	height: 653px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	}
	
	
	
	#secondcontainer { 
	background: url(../images/greenheart_mainback_second.gif) no-repeat; 
	width: 820px;
	height: 653px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	}
	
	
	
	.homecontentbox  {
	width:728px;
	position: absolute;
	left:20px;
	top:430px;
	}
	
	
	.homecontentbox2  {
	border: 1px solid #B2BECC;
	margin:6px;
	padding:10px;
	background-image : url(../images/homecontentback.gif);
	background-repeat: repeat-x;
	background-position: top left; 
	background-color:#FFFFFF;
	}
	
	
	.homecontentfield  {
	padding-left: 190px;
	padding-top:30px;
	width:450px;
	margin:0px;
	}
	



/* ----- LAYOUT ------------------------------------------------------------------------------------------------------ */


	#container { 
	background: url(../images/containerback.jpg) no-repeat; 
	width: 820px;
	height: 653px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	}

	.homeheader { 
	width: 731px;
	height: 244px;
	position: absolute;
	top: 92px;
	left: 47px;
	margin: 0px;
	padding: 0px;
	}
	
	.logo  {
	position: absolute;
	width:106px;
	height:57px;
	left:30px;
	top:16px;
	}
	
	
	/*.contentbox1  {
	background-color:#EBE9DC;
	border: 1px solid #D1CEBE;
	width:730px;
	position: absolute;
	left:20px;
	top:302px;
	}*/
	
	
		.border1  {
	background-color:#EBE9DC;
	border: 1px solid #D1CEBE;
	/*width:728px;
	position: absolute;
	left:20px;
	top:302px;*/
	}
	
	
	.contentbox2  {
	margin:6px;
	padding:10px;
	border: 1px solid #D1CEBE;
	background-image : url(../images/contentback.gif);
	background-repeat: repeat-x;
	background-position: top left; 
	background-color:#FFFFFF;
	}
	
	
	
	.contentfield  {
	padding-left: 220px;
	padding-top:85px;
	width:450px;
	margin:0px;
	}
	
	
	#gerfooter { 
	
	/*background: url(../images/containerback.jpg) no-repeat; */
	width: 770px;
	/*height: 896px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	}
	
	
	#footer {
	
	color:#A3A3A3;
	font-size:10px;
	margin-top: 12px;
	}
	
	#footer a {
	padding-left:4px;
	padding-right:4px;
	font-size:10px;
	color:#A3A3A3;
	text-align:left;
	}
	

/* ----- TOP NAVIGATION------------------------------------------------------------------------------------------------------ */
	
	#mainnav {
	background-color:white;
	margin:0px;
	position: absolute;
	width:415px;
	height:15px;
	left:106px;
	top:70px;
	}
	
	#mainnav span {
	font-size:12px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:12px;
	white-space: nowrap;
	}


	#mainnav a {
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	font-size:12px;
	color:#939393;
	}
	
		#mainnav a:hover {
		text-decoration:none;
	 font-weight:bold;
	margin:0px;
	font-size:12px;
	color:#b0d2a1;
	}
	
	
	
	
/* ----- LEFT NAVIGATION------------------------------------------------------------------------------------------------------ */
	
	
	#linkList h3 {
	font-size: 11px;
	padding: 3px 3px 3px 1px;
	color: #E98523;
	margin-bottom: 10px;
	margin-top: 20px;

	}
	
	
	.navimage  {
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 0px; 
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-color: #D2DCE8;
	padding-top:0px;
	padding-bottom:12px;
	padding-left:0px;
	padding-right:0px;
	}
	
	
	.navimagebdr  {
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 0px; 
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-color: #D2DCE8;
	}


	.lselect {
    border-bottom: 1px solid #EEEEEE;
    padding-top:6px;
	padding-bottom:6px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
    }
	
	

	
	.sectionimage {
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px; 
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: #D2DCE8;
	margin: 0px;
	padding:0px;
	}
	
	
	
	.linkList {
	background-color: #EEF2FA;
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 0px; 
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-color: #D2DCE8;
	position: absolute;
	top:166px;
	margin: 0px;
	}
	
	
	
	.leftnav {
	position: absolute;
	left:53px;
	top:336px;
	margin: 0px;
	padding:0px;
	}
	
	/* -----CENTRE NAVIGATION------------------------------------------------------------------------------------------------------ */
	
	
	#breadcrumb {
	color:#A4AFBD;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:7px;
	text-decoration:none;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 9px;
	color:#718297;
	}
	
	#breadcrumb a {
	color:#A4AFBD;
	}

		/* -----CONTENT IMAGES------------------------------------------------------------------------------------------------------ */
		
	img.floatRight { 
	float: right; 
	margin-left: 18px;
	margin-right: 0px;
	margin-top: 4px;
	margin-bottom: 8px;
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px; 
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: #D4D5D3;
	} 
	
	
	img.floatLeft { 
	float: left; 
	margin-left: 0px;
	margin-right: 18px;
	margin-top: 4px;
	margin-bottom: 8px;
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px; 
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: #D4D5D3;
	}
	
	
		img.floatLefthome { 
	float: left; 
	
	margin-right: 10px;
	
	
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px; 
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: #ACAEAB;
	}
	
	
/* -----POPUP------------------------------------------------------------------------------------------------------ */
		#popcontainer { 
	background: url(../images/containerback.jpg) no-repeat; 
	width: 770px;
	height: 896px;
	margin-left: -12px;
	margin-right: 0;
	margin-top: -12px;
	padding-top: 0px;
	text-align: left;
	}
	
	
	#directors p {
	margin-left: 105px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 8px;
	}
	
	#directors img {
	float:left;
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px; 
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: #D2DCE8;
	}
	
	#directors h3 {
	font-size: 13px;
	font-weight:bold;
	margin-left: 105px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
	



#rightcontainer {
margin:10px;
}

#rightcontainer img {
margin-bottom:6px;
background-color:white;
padding:2px;
border-width:1px;
border-style:solid;
border-color:#d3d3d3;
}


#rightcontainer h2 {
margin-left:4px;
margin-right:4px;
margin-top:0px;
margin-bottom:4px;
}

#rightcontainer p {

margin-left:4px;
margin-right:4px;
}

#centrecontainer {


background-color:#f3f4ec;
}

#centrecontainer img {

background-color:#FFFFFF;
padding:2px;
border-width:1px;
border-style:solid;
border-color:#d3d3d3;
}


/*#centrecontainer h2 {
margin-left:4px;
margin-right:4px;
margin-top:0px;
margin-bottom:4px;
}

#centrecontainer a {
font-weight:bold;
}


#centrecontainer p {
margin-left:4px;
margin-right:4px;
}*/ 
#blog {
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 6px;
	margin-bottom: 22px;

}

#blog a {
font-weight:bold;
}

#blog p {
margin-left:6px;
margin-right:6px;
margin-top:0px;
padding-left:22px;
background: url(../images/smallarrow3.gif) left 1px no-repeat;
}

#blog h2 {
margin-left:6px;
margin-right:6px;
}


/*#blogcontainer {
margin-left: 10px;
	margin-right: 6px;
	margin-top: 10px;
	margin-bottom:0px;


}

#blogcontainer img {
margin:0px;
background-color:#FFFFFF;
padding:2px;
border-width:1px;
border-style:solid;
border-color:#d3d3d3;
}*/