html {
	height:100%;
	background:#009b49;
}
body{
	margin:0;
	height:100%;
	color:#000;
	font:12px/14px Arial, Verdana,sans-serif;
	background:#009b49;
	min-width:964px;
}
img{border-style:none;} 
a{
	color:#005a2a;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
.page-home {
	width:100%;
	background:#8dc63f url(../images/bg-page.gif) no-repeat 50% 0;
}
.page-home:after {
	content:"";
	display:block;
	clear:both;
}
.page {
	width:100%;
	background:#8dc63f url(../images/bg-page2.gif) no-repeat 50% 0;
}
.page:after {
	content:"";
	display:block;
	clear:both;
}
#wrapper-home {
	width:100%;
	margin:0 auto;
	position:relative;
	padding:131px 0 0;
}
#wrapper{
	width:100%;
	margin:0 auto;
	position:relative;
	padding:170px 0 0;
}
.header-area {
	width:100%;
	background:url(../images/bg-nav.gif) no-repeat 50% 0;
	position:absolute;
	top:0;
	overflow:hidden;
}
#header-home {
	height:131px;
	overflow:hidden;
	width:960px;
	margin:0 auto;
}
#header {
	height:170px;
	overflow:hidden;
	width:960px;
	margin:0 auto;
}
.nav-area {
	overflow:hidden;
	padding:13px 12px 15px 20px;
	/*height:40px;*/
}
#nav {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	overflow:hidden;
}
#nav li {
	float:left;
	display:inline;
	margin:0 10px 0 0;
}
#nav a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
#nav .home,
#nav .home:hover{
	width:50px;
	height:22px;
	background:url(../images/bg-home.gif) no-repeat;
}
#nav .home:hover{background-position:0 -44px;}
#nav li.active .home {background-position:0 -22px;}
#nav .about,
#nav .about:hover{
	width:79px;
	height:34px;
	background:url(../images/bg-about.gif) no-repeat;
}
#nav .about:hover{background-position:0 -68px;}
#nav li.active .about {background-position:0 bottom;}
#nav .business,
#nav .business:hover{
	width:66px;
	height:34px;
	background:url(../images/bg-business.gif) no-repeat;
}
#nav .business:hover{background-position:0 -68px;}
#nav li.active .business {background-position:0 bottom;}
#nav .financial,
#nav .financial:hover{
	width:70px;
	height:34px;
	background:url(../images/bg-financial.gif) no-repeat;
}
#nav .financial:hover {background-position:0 -68px;}
#nav li.active .financial {background-position:0 bottom;}
#nav .sustainability,
#nav .sustainability:hover{
	width:98px;
	height:25px;
	background:url(../images/bg-sustainability.gif) no-repeat;
}
#nav .sustainability:hover {background-position:0 -50px;}
#nav li.active .sustainability {background-position:0 bottom;}
#nav .corporate,
#nav .corporate:hover{
	width:83px;
	height:38px;
	background:url(../images/bg-corporate.gif) no-repeat;
}
#nav .corporate:hover {background-position:0 -76px;}
#nav li.active .corporate {background-position:0 bottom;}
#nav .additional,
#nav .additional:hover{
	width:83px;
	height:38px;
	background:url(../images/bg-additional.gif) no-repeat;
}
#nav .additional:hover {background-position:0 -76px;}
#nav li.active .additional {background-position:0 bottom;}
.download {
	float:right;
	background:url(../images/ico-pdf.gif) no-repeat;
	width:26px;
	height:26px;
	display:inline;
	margin:0 5px 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
.logo-area{
	float:left;
	width:340px;
	height:300px;
	padding:0 0 0 18px;
	overflow:hidden;
}
.logo {
	background:url(../images/logo.gif) no-repeat;
	float:left;
	display:inline;
	height:49px;
	width:339px;
	overflow:hidden;
	text-indent:-9999em;
	margin:5px 0 0;
}
#header .logo{margin:22px 0 0;}
.logo a{
	display:block;
	height:100%;
}
#header-home .slogan,
#header .slogan  {
	float:right;
	position:relative;
	margin:-7px 0 0;
	font:16px VAG Rounded, Arial, Helvetica, sans-serif;
	color:#ffde00;
	letter-spacing:-1px;
}
.download-area {
	float:right;
	display:inline;
	width:171px;
	height:27px;
	padding:4px 5px 6px;
	margin:62px 15px 0 0;
	background:url(../images/bg-download.gif) no-repeat;
}
.download-area img {
	float:left;
	margin:0 5px 0 0;
}
.download-area a {
	float:left;
	font:12px VAG Rounded, Arial, Helvetica, sans-serif;
	color:#005a2a;
}
.download-area a:hover{text-decoration:none;}
#main {
	width:960px;
	margin:0 auto;
	min-height:500px;
}
#main:after {
	content:"";
	display:block;
	clear:both;
}
* html #main {
	height:500px;
	overflow:visible;
}
.inner {padding: 15px 0 130px;}
#main .media {
	width:960px;
	overflow:hidden;
	height:395px;
	margin:0 0 20px;
}
#main .media img {display:block;}
#main .blocks {
	width:960px;
	background:url(../images/bg-blocks-mid.gif) repeat-y;
}
#main .blocks .holder {
	background:url(../images/bg-blocks-top.gif) no-repeat;
	height:1%;
	overflow:hidden;
	padding:22px 0 230px;
}
#main .blocks .block {
	float:left;
	margin:0 10px 0 0;
	overflow:hidden;
	padding:0 0 0 17px;
}
#main .blocks .b1 {width:290px;}
#main .blocks .b2 {
	width:275px;
	padding:0 10px 0 25px;
}
#main .blocks .b3 {width:290px;}
.blocks h2 {
	color:#fff;
	font:24px/26px VAG Rounded, Arial, Helvetica, sans-serif;
	margin:0;
}
.blocks p {
	color:#005a2a;
	font:12px/14px VAG Rounded, Arial, Helvetica, sans-serif;
	margin:0 0 25px;
}

.extra-menu-area {
	width:880px;
	background:url(../images/bg-extra-menu.gif) no-repeat;
	overflow:hidden;
	padding:12px 40px 0;
}
.menu-area {
	width:880px;
	background:url(../images/bg-menu.gif) no-repeat;
	overflow:hidden;
	padding:12px 40px 0;
}
.menu {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}
.menu li {
	float:left;
	margin:0 15px 0 0;
}
.menu a {
	display:block;
	font:14px VAG Rounded, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 10px;
}
.menu a:hover,
.menu li.active a{
	color:#ffde00;
	text-decoration:none;
	padding:0 0 6px;
	border-bottom:4px solid #ffde00;
}
.content {
	width:960px;
	background:url(../images/bg-content-mid.gif) repeat-y;
}
.content .holder {
	width:100%;
	background:url(../images/bg-content-top.gif) no-repeat;
}
.content .holder .frame {
	width:882px;
	background:url(../images/bg-content-bottom.gif) no-repeat 0 100%;
	overflow:hidden;
	padding:35px 39px 110px;
}
.content .media2 {
	width:100%;
	overflow:hidden;
}
.content .media2 img {display:block;}
.footer-holder{
	width:100%;
	background:url(../images/bg-footer2.png) repeat-x;
	padding:385px 0 0;
	position:relative;
	margin:-220px 0 0;
}
#footer {
	width:930px;
	margin:0 auto;
	padding:0 15px 20px;
}
#footer p {
	margin:0;
	color:#fff;
	text-align:right;
}

