@font-face {
	font-family: verdana;
	font-weight: bold;
	font-style: normal;
}


@font-face {
	font-family: verdana;
	font-weight: 300;
	font-style: normal;
}


@font-face {
	font-family: verdana;
	font-weight: normal;
	font-style: normal;
}



/*******************/

body { font-family: verdana, Arial, sans-serif; font-size: 12px; background: #fff; }

* { margin: 0; padding: 0; }

p { margin: 1.5em 0; }

a, p { transition: color 0.4s ease; -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease; -o-transition: color 0.4s ease; -ms-transition: color 0.4s ease; }

a  {font-weight: bold; font-size: 12px; text-decoration: undeline; color:#ffffff;}
a:hover  {font-weight: bold; font-size: 12px; text-decoration: none; color:#ffffff;}



/*******************/

body > .section { overflow-x: hidden; min-width: 960px; }

.section .wrap { width: 940px; margin: 0 auto; position: relative; }

.section .menu { padding-top: 1px; /* retarded margins fix */ height: 144px; }
.section .menu ul { list-style-type: none; position: absolute; right: 0; top: 64px; }
.section .menu ul li { float: left; }
.section .menu ul li a {
	display: block; float: left; background: url('../image/arrow_yellow.png') 9px 50% no-repeat;
	text-transform: uppercase; font-weight: bold; font-size: 13px; padding: 10px 20px; text-decoration: none;
}
.section .menu ul li.last a { padding-right: 0; }

.section h2 { color: #f9edc6; font-size: 24px; font-weight: 300; text-transform: uppercase; margin: 50px 0 45px 0; }





/*******************/

body > .section1 { height: 701px; background: url('../image/bg1.gif') 50% 0; color: #fff; }
body > .section1 .wrap { height: 701px; }

.section1 .dark {
	width: 1800px; height: 110px; right: 380px; top: 0;
	position: absolute; z-index: 1; 
}

.section1 .menu { height: 110px; position: relative; z-index: 2; }
.section1 .menu ul { top: 40px; }
/*.section1 .menu ul li a { color: #fff; background-image: url('../image/arrow_yellow.png'); }
.section1 .menu ul li a:hover { text-decoration: underline; }*/
.section1 .menu ul li a { color: #ABABAA; background-image: url('../image/arrow_grey.png'); }
.section1 .menu ul li a:hover { color: #fff; background-image: url('../image/arrow_lightgrey.png'); }
.section1 .menu ul li a.active { color: #fff; background-image: url('../image/arrow_yellow.png'); }

h1.logo {
	background: url('../image/logo.png');
	float: left; width: 246px; height: 100px; margin-top: 38px;
	text-indent: -31337px;
}

.section1 .languages { position: absolute; top: 110px; right: 0; z-index: 5; }
.section1 .languages a { color: #fff; opacity: 0.5; text-decoration: none; font-size: 13px; margin-left: 6px; }
.section1 .languages a:hover, .section1 .languages a.active { opacity: 1; }

.section1 h2.headline { margin: 60px 0 45px 0; }
.section1 .text { width: 560px; line-height: 140%; }
.section1 .buttons { margin-top: 45px; font-weight: bold; font-size: 14px;  line-height: 34px; }
.section1 p.colored { color: #f9edc6; }

.section1 .headline, .section1 .text, .section1 .buttons { position: relative; z-index: 2; }

a.contactUs { display: block; float: left; width: 177px; height: 34px; background: url('../image/btn_contactus.png') no-repeat; margin-right: 10px; text-indent: -31337px; }
a.contactUs:hover { background-position: 0% 100%; }

.section1 .earth {
	position: absolute; bottom: 0; right: -160px;
	width: 551px; height: 589px; background: url('../image/bg1_image_merged.jpg');
}



/*******************/

body > .section2 { height: 695px; background: url('../image/bg2.png') 50% 0; }
body > .section2 .wrap { height: 695px; }

.section2 .menu ul li a { color: #909090; background-image: url('../image/arrow_lightgrey.png'); }
.section2 .menu ul li a:hover { color: #181218; background-image: url('../image/arrow_grey.png'); }
.section2 .menu ul li a.active { color: #181218; background-image: url('../image/arrow_yellow.png'); }

.section2 h2 { color: #362840; position: relative; z-index: 2; width: 400px; }
.section2 .text { position: absolute; top: 154px; left: 310px; line-height: 130%; color: #808080; }

.section2 p { margin: 1.2em 0; }
.section2 p.minimalmargin { margin-top: 0.5em; }
p.small { font-size: 14px; }
p.side {
	float: right; text-align: right;
	color: #8c728a; font-size: 17px; font-weight: bold; text-transform: uppercase;
}

.section2 h3 { color: #8c728a; font-size: 17px; font-weight: bold; text-transform: uppercase; }

.section2 .matt {
	width: 341px; height: 616px; background: url('../image/matt.jpg');
	position: absolute; bottom: 0; left: -40px;
}

.section2 .buttons { position: absolute; bottom: 46px; right: 0; overflow: hidden; }
.section2 .button {
	float: left; cursor: pointer; background: url('../image/btns_tabs.png') no-repeat;
	height: 34px; text-indent: -31337px;
}


.section2 .button.one { width: 123px; }
.section2 .button.one:hover { background-position: 0 -34px; }
.section2 .button.one.active { background-position: 0 -68px; }
.section2 .button.two { width: 145px; background-position: -123px 0; }
.section2 .button.two:hover { background-position: -123px -34px; }
.section2 .button.two.active { background-position: -123px -68px; }
.section2 .button.three { width: 146px; background-position: -268px 0; }
.section2 .button.three:hover { background-position: -268px -34px; }
.section2 .button.three.active { background-position: -268px -68px; }

body.sk .section2 .button.one { width: 94px; }
body.sk .section2 .button.one:hover { background-position: 0 -34px; }
body.sk .section2 .button.one.active { background-position: 0 -68px; }
body.sk .section2 .button.two { width: 81px; background-position: -94px 0; }
body.sk .section2 .button.two:hover { background-position: -94px -34px; }
body.sk .section2 .button.two.active { background-position: -94px -68px; }
body.sk .section2 .button.three { width: 135px; background-position: -175px 0; }
body.sk .section2 .button.three:hover { background-position: -175px -34px; }
body.sk .section2 .button.three.active { background-position: -175px -68px; }



/*******************/

body > .section3 { height: 695px; background: url('../image/bg1.gif') 50% 0; color: #fff; }
body > .section3 .wrap { height: 695px;}

.section3 .menu ul li a { color: #969199; background-image: url('../image/arrow_grey.png'); }
.section3 .menu ul li a:hover { color: #fff; background-image: url('../image/arrow_lightgrey.png'); }
.section3 .menu ul li a.active { color: #fff; background-image: url('../image/arrow_yellow.png'); }

.section3 h2 { font-size: 24px; margin-top: 55px; }

.section3 .text { margin-top: 40px; width: 810px; }


.section3 .services ul { float: left; width: 190px; list-style-type: none; padding-top: 20px; margin-right: 80px; }
.section3 .services ul.last { margin-right: 0; }
body.sk .section3 .services ul { width: 220px; }
.section3 .services ul li {
	background: url('../image/arrow_lightyellow_shade.png') 0px 4px no-repeat;
	padding-left: 20px; margin: 13px 0;
	font-size: 14px; line-height: 140%;
	transition: background-position 0.3s ease; -webkit-transition: background-position 0.3s ease; -moz-transition: background-position 0.3s ease; -o-transition: background-position 0.3s ease; -ms-transition: background-position 0.3s ease;
}
.section3 .services ul li:hover { background: url('../image/arrow_yellow_shade.png') 4px 4px no-repeat; }

.section3 .earth {
	position: absolute; bottom: 0; right: -160px;
	width: 551px; height: 589px; background: url('../image/bg3_image_merged.jpg');
}

/*******************/

body > .section4 { height: 695px; background: url('../image/bg2.png') 50% 0; }
body > .section4 .wrap { height: 695px; }

.section4 .menu ul li a { color: #909090; background-image: url('../image/arrow_lightgrey.png'); }
.section4 .menu ul li a:hover { color: #181218; background-image: url('../image/arrow_grey.png'); }
.section4 .menu ul li a.active { color: #181218; background-image: url('../image/arrow_yellow.png'); }

.section4 h2 { color: #362840; position: relative; z-index: 2; width: 400px; }
.section4 .text { position: absolute; top: 154px; left: 310px; line-height: 130%; color: #808080; }

.section4 p { margin: 1.2em 0; }
.section4 p.minimalmargin { margin-top: 0.5em; }
p.small { font-size: 14px; }
p.side {
	float: right; text-align: right;
	color: #8c728a; font-size: 17px; font-weight: bold; text-transform: uppercase;
}

.section4 h3 { color: #8c728a; font-size: 17px; font-weight: bold; text-transform: uppercase; }

.section4 .signature { font-size: 14px; }
.section4 .signature strong { font-size: 15px; color: #362840; }

.section4 .matt {
	width: 341px; height: 616px; background: url('../image/matt1.jpg');
	position: absolute; bottom: 0; left: -40px;
}

.section4 a  {font-weight: bold; font-size: 12px; text-decoration: undeline; color:#8c728a;;}
.section4 a:hover  {font-weight: bold; font-size: 12px; text-decoration: none; color:#8c728a;;}