/* reset default */

	* {margin : 0; padding : 0;}
	ul {list-style : none;}
	a {text-decoration : none;padding : 0 0 2px 0;border-bottom : 1px dotted #21643C;color:#21643C}
	a:hover {border-bottom : 2px solid #21643C;}
	a:visited {border-bottom : 1px solid #21643c;}
	a:hover {border-bottom : 2px solid #21643c;}

	
/*  / reset default */

.bold {font-weight : bold;}
	
body {
	background : #fff url(../imgs/bodyBg.jpg) 0 118px repeat-x;
	font : 62.5%/2 Verdana, Helvetica, Tahoma, sans-serif;
	color : #696969;
}

td {
	vertical-align : top;
}

a.iso, a.iso img  {
	position : absolute;
	z-index : 1000;
	right : 0px;
	border : none;
	top : 0;
}

h1 {
	color : #21653D;
	font-size : 1.4em;
	border-bottom : 1px solid #21653D;
	font-weight : normal;
	text-transform : uppercase;
	margin : 0 0 20px 0;
}

img.floatRight {
  float : right;
  margin : 0 0 10px 10px;
}

#mainContainer {
	width : 999px;
}

	#topContainer {
		height : 90px;
		width : 100%;
		position : relative;
	}
				
		#topContainer .mainLogo {
			width : 521px;
			height : 57px;
			display : block;
			text-indent : -9999px;
			background : url(../imgs/mainLogo.jpg) 0 bottom no-repeat;
			position : absolute;
			border : none;
			top : 20px;
			left : 20px;
		}
	
		#topContainer .mainLogo:hover {
			top : 21px;
			left : 21px;
		}
		
		 .lang-version {
			position : absolute;
			left : 30px;
			bottom : 3px;			
		}
     .lang-version li {float:left;}	
		.lang-version li a {border:none; margin : 0 10px 0 0;}
		.lang-version li a img {border:none;}
	#middleContainer {
		height : 210px;
		background : url(../imgs/grayLinesBg.jpg) repeat;
		position : relative;
	}
	
	#middleContainer #middleContainerInside {
			position : absolute;
			top : 26px;
			height : 156px;
			width : 970px;
		}
	
			#middleContainer #middleContainerInside p {
				width : 350px;
				float : left;
				height : 100%;
				font-size : 12px;
				text-indent : -9999px;
				background : #fff url(../imgs/txt/introduction.png) 50% 50% no-repeat;
			}
			
			#middleContainer #middleContainerInside flashBanner {
				float : right;
			}
	
	#content {
		background : #fff;
		overflow : hidden;
		padding : 0 0 40px 30px;
		font-size : 1.1em;
	}
		
		#content ul {
			padding : 0 0 0 20px;
			margin : -10px 0 10px 0;
			list-style : square;
		}	
		
			#content #box2 ul li {
				margin : 5px 0;
			}
		
		#content #box1, #content #box2, #content #box3 {text-align : justify;}
		#content img.boxBg {margin : 10px auto;display : block;}
				
		#content #box1 p, #content #box2 ul, #content #box3 ul {margin : 0 0 20px 0;}
	
		#content #box1 {
			width : 250px;
			margin : 0 40px 0 0;
			float : left;
		}
		
			#content #box1 p.seeAlso {
				margin : 160px 0 5px 0;
				color : #27603D;
				border-bottom : 2px solid #27603D;
				text-transform : uppercase;
				
			}
			
			#content #box1 ul.moreDetails {
				list-style : none;
				padding : 0;
				margin : 0;
				text-align : left;
			}
			
			#content #box1 ul.moreDetails li {
			
			}
			
				#content #box1 ul.moreDetails li a {
					padding : 5px; 
					border : none;
					display : block;
					border-bottom : 1px solid #c9c9c9;
				}
				
				#content #box1 ul.moreDetails li a:hover {
					background : #F6F6F6;
					border-bottom : 1px solid #27603D;
				}
			
			
		
		#content #box2 {
			width : 370px;
			float : left;
			margin : 0 40px 0 0;
		}
		
		#content #box3 {
			width : 250px;
			float : left;
		}
			
			#content #box3  ul li {
				margin : 0 0 20px 0;
			}
		
		#content #boxWider {
			float : right;
			width : 650px;
		}
			
			#content #boxWider p.data {
				margin : 0;
				
			}
			
			#content #boxWider p {
				margin : 0 0 20px 0;
			}
			
			#content #boxWider p.cite {
				margin : 0 0 20px 30px;
				font-size : 1.1em;
			}
				#content #boxWider p.cite strong {
					display : block;
					text-align : right;
				}
			
			#content #boxWider p.citeR {
				float : right;
				width : 200px;
				line-height : 1.5em;
				font-family : Georgia, serif;
				color : #2A6445;
				font-size : 1.7em;
				margin : 0 0 10px 30px;
			}
			
			#content #boxWider p.citeL {
				float : left;
				width : 200px;
				line-height : 1.5em;
				font-family : Georgia, serif;
				color : #2A6445;
				font-size : 1.7em;
				margin : 0 30px 10px 0;
			}
			
			#content #boxWider .personDescription {
					clear : both;
					padding : 0 0 20px 0;
					overflow : hidden;
					text-align : justify;

			}
			
			#content #boxWider .personDescription img {
				border : 5px solid #A8A8A8;
				float : left;
				margin : 0 20px 0 0;
			}
			
			#content #boxWider .personDescription p.title {
				color : #24643D;		
				margin : 0 0 0px 0;
			}
			
			#content #boxWider .microsphereUsage {
        list-style : none;
      }
	  
				#content #boxWider .microsphereUsage table.contactDetails td {
					padding : 5px 30px 5px 0;
					border-bottom : 1px solid #c9c9c9;
				}
      
      #content #boxWider .microsphereUsage span {
        display : block;
        color : #20643B;
        font-weight : bold;
      }
      
      #content #boxWider .microsphereUsage li {
        clear : both;
        margin : 0 0 20px 0;
        overflow : hidden;
      }
      
      #content #boxWider .microsphereUsage li img {
        float : left;
        margin : 0 20px 0 0;
      }
      
      #content #boxWider .gallery {
        list-style : none;
        padding : 5px 0 0 0;
      }
      
      #content #boxWider .gallery li {
        float : left;
        margin : 0 15px 15px 0 ;
      }
      
      #content #boxWider .gallery li a {
        border : 10px solid #c9c9c9;
        display : block;
        padding : 0;
        opacity : 0.8;
      }
      
      #content #boxWider .gallery li a:hover {
        border-color : #21653D;
        opacity : 1;
      }
      
      #content #boxWider .gallery li a img {
        border : 1px solid #fff;
      }

#footer {
	height : 160px;
	width : 100%;
	margin : 0;
	position : relative;
	background : url(../imgs/footerBg.jpg) repeat-x;
}			
	
	#footer ul {
		margin : 0 0 0 20px;
		padding : 30px 0 0 0;
	}
	
		#footer ul li {
			float : left;
			margin : 0 20px 0 0;
		}
		
	#footer p {
		display : block;
		clear : both;
		margin : 0 0 0 20px;
		padding : 5px 0 0 0;
	}
	
	#footer #contactDetails {
		position : absolute;
		left : 640px;
		top : -70px;	
	}
		
		#footer #contactDetails p {
			padding : 105px 0 0 0;
			color : #1A673B;
		}