html { 
    /*height: 100%;*/
    margin-bottom: 275px;
	font-family:arial;
	margin: 0px;
	padding: 0px;
} 

body {
	background-image: url('../images/BGimage-bigFIN.jpg'); 
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center; 
	background-color: #052136;
	margin: 0px;
	padding: 0px;
} 
                                                                                                          
/* hide outline */
a {
	outline: none;
}
/*end*/

p {
	color: #4D4D4D;
	line-height: 18px;
}


div.clear_both {
	clear: both;
	height: 1px;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

#wrapper {     
	width: 1000px;
	/*height: 100%;*/
	margin: 10px auto 0px;
	padding: 0px 0px 10px;
	border: none; 
}
 
#wrapper_project {     
	/*position: relative;*/
	width: 1000px;
	/*height: 100%;*/
	margin: 10px auto 0px;
	padding: 0px 0px 10px; 
	border: none; 
}

.inner_wrapper_project {
	/*position: relative;    
	top: 65px;*/
}


#stagecontent_wrapper, #land_stage, #create_stage, #transform_stage, #evolve_stage, #align_stage {
	position: relative;
	background-color: transparent;   
	width: 1000px; 
	height: 241px;
	margin: 0;
	padding: 0;
}
  
#stagecontent_wrapper .in, #land_stage .in, #create_stage .in, 
#transform_stage .in, #evolve_stage .in, #align_stage .in {
	margin: 57px 0px 0px 20px;
	padding: 0;
}

#stagecontent_wrapper .in img{
	position: absolute;
	height: 241px;
	bottom: 25px;
	margin: 0;
	padding: 0;
}

/*div#drawer_wrapper {
	width: 1000px;
	height: 241px;
	margin: 0;
	padding: 0;
}*/

#transform .header,
#create .header,
#evolve .header,
#align .header{
	margin: 0px 0px 0px 20px; 
	position: relative;
}

div.drawer {    
	width: 920px;
	height: 34px;
	position: relative;    
	/*float: left;*/
	margin: 0px 0px 10px 0px; 
	padding: 0;
}

div.drawer[class] {
	background:transparent url(../images/drawer_back.png);
	background-repeat:repeat;
}

div.drawer in{    
	background-repeat:repeat;
	position: relative;    
	/*float: left;*/
	padding: 0;
}

div.drawer img {
	position: absolute;
	top: 5px;
	left: 10px;
}

div.drawer_active {    
	width: 920px;
	height: 34px;
	margin: 0;
	/*margin: 0px 0px 10px 0px;*/
	background-color: white;
	position: relative;    
	/*float: left;*/
	padding: 0;
}

div.drawer_active div.in{    
	position: relative;    
	float: left;
	padding: 0;
}

div.drawer_active img {
	position: absolute;
	top: 5px;
	left: 10px;
}

/* --------------------------------- New Transform styles --------------------------------- */

div.hover_top {
	/*float: left;*/
	/*width: 400px;*/
	/*height: 150px;*/
	color: #373737;
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
div.hover_top_people {
	/*float: left;*/
	/*width: 400px;*/
	/*height: 150px;*/
	color: #373737;
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	padding: 20px 0 0 0;
}

div.hover_top p , div.hover_top_people p {

	/*width: 445px;*/
	color: #373737;
	width: 860px;  
    /*margin: 10px 0px 0px 20px;*/    
	margin: 10px 0px 0px 21px;
	padding: 0px;
	font-size: 14px;
	line-height: 20px;
	height: 100px;
}

div.thumb_single_row {
	margin: 0px;
	padding: 16px 0px 0px 19px;
	height: 100px;
}
div.orange_box p {
	float:right;
	margin: -20px 20px 0 20px;
	background-color: #F5402D;
	color: white;
	width: 295px;
	padding: 18px 15px;
	font-size: 12px; /* was 14px; */
	line-height: 20px;
	text-transform: uppercase;
}

span.new_orange_box p {
 	float:right; 
 	/* margin: -20px 20px 0 20px; */ 
 	width: 295px; 
 	height: 160px; 
 	padding: 8px 15px; 
 	color: #fff; 
 	font-size: 12px; 
 	line-height: 20px; 
 	text-transform: uppercase;
	}

div.hover_bottom {
	/*height: 150px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 21px 0px;
}

/* --------------------------------- section 2 styles --------------------------------- */

div.hover_top_2 {
	/*float: left;*/
	/*width: 400px;*/
	/*height: 150px;*/
	color: #373737;
	font-size: 15px;
	padding: 0;
	float: left;
	width:540px;
	/*top:auto;*/
}

div.hover_top_2 p{
	/*width: 445px;*/
	color: #373737;
	/* width: 540px; */
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 0px 0px;
	font-size: 15px;
	line-height: 20px;
}

div.thumb_single_row_2 {
/*	margin: 20px 0px 0px 0px; before M.S.*/
	margin: 15px 0px 0px 0px;
	float:right;
	width: 320px;
	float: right;
}

div.hover_bottom_2 {
	/*height: 150px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 21px 0px;
}

div.image_link {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

/* --------------------------------- END--------------------------------- */


div.border_bottom {
	width: 909px;
	/*margin: 0px 0px 0px 20px;*/
	margin: 0px;
	padding: 0px;
	background-color: white;
}

div.inner_border {
	margin: 0 auto;
	background: url(../images/dotted.png) repeat-x bottom;
	background-color: white;
	height: 1px;
	width: 869px;
	padding: 0;
}

/*---------------------------------- New Transform styles END --------------------------------- */

/*#transform_hover {
	background-color: none;
	width: 1000px;
	margin: 0;
	padding: 0;
}

div#transform_hover div.in{
	background-color: white;
	width: 920px;
	height: 190px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}*/

div.hover_left {
	float: left;
	width: 400px;
	height: 150px;
}

div.hover_left p{
	width: 445px;
	margin: 10px 0px 0px 10px;
	padding: 0;
}

div.hover_right {
	float: right;
	/*width: 520px;*/
}

div.thumb_row_top{
	display: block;
	width: 407px;
	/*height: 88px;*/
	margin: 10px 0px 0px 0px;
	padding: 0;
	/*position: relative;*/
}

div.thumb_row {
	/*display: block;*/
	width: 407px;
	/*height: 88px;*/
	margin: 0px 0px 0px 0px;
	padding: 0;
	position: relative;
}

div.thumb_row_top div.thumb_float img{
	float: left;
	border: 0;
	/*margin: 0px 24px 0px 0px;*/
	padding: 0;
	width: 90px;
	height: 60px;
}

div.thumb_row div.thumb_float img{
	float: left;
	border: 0;
	/*margin: 0px 24px 0px 0px;*/
	padding: 0;
}

div.thumb_float {
	float: left;
	position: relative;
	height: 100px;/*100px before m.s.*/
	/*margin: 0px 16px 0px 0px;*/
	margin: 0px 0px 0px 0px;
	/*padding: 0px 11px 0px 0px;*/
	/*padding: 0px 8px 0px 0px;*/
	padding: 0px 11px 0px 0px;
}

div.thumb_float_last {
	float: left;
	position: relative;
	height: 87px;
	margin: 0px 0px 0px 0px;
}

div.thumb_float div.captions,
div.thumb_float_last div.captions
{
	color:#373737;
	float:left;
	font-size:10px;
	margin-top:5px;
	width:99px;
	text-transform: capitalize;
}

div.image, div.image_second {
	/*width: 90px;
	height: 60px;*/
	width: 99px;
	height: 66px;
	/* background-color: #F5402D; */
}

div.image_empty {
	width: 90px;
	height: 60px;
	background-color: #cfcfcf;
}

/* --------------------------------- FORM --------------------------------- */

label {
	color: #333333;
	font-size: 11px;
	padding-bottom: 3px;

}

.form input, .form textarea {
	border: 1px solid #CCCCCC;
	font-family: arial,sans-serif;
	font-size: 11px;
	margin: 0 0 6px;
	padding: 0px;
	width: 265px;
}

.form textarea {
	height: 125px;
}

input.submit-button  {
	text-align: center;
	background-color: white;
	background-color: none;
	color: #F5402D;
	border: 0px;
	vertical-align: middle;
	width: 45px;
	height: 21px;
}

/* --------------------------------- Active_item --------------------------------- */

div#transform_active {
	width: 1000px;
	margin: 0;
	padding: 0;
}

div#transform_active .in{
	width: 920px;
	height: 338px;
	background-color: #fff;
	margin: 0px 0px 10px 20px;
	padding: 0;
}

div.left_active {
	/*border: 1px solid #000;*/
	float: left;
	width: 436px;
	height: 338px;
	position: relative;

}

div.left_active_2 {
	/*border: 1px solid #000;*/
	float: left;
	width: 540px;
	/*height: 338px;*/
	position: relative;
	/*padding-bottom: 20px; */
}
div.left_active_2 p { 
	margin-left: 21px;
	line-height: 20px;
	font-size: 18px;
}
div.left_active_2a {
	float: left;
	width: 48%;
	padding: 0px 0px 0px 0px;
}
div.left_active_2b {
	float: right;
	width: 48%;
	padding: 0px 20px 0px 0px;
}

div.left_active_3 {
	/*border: 1px solid #000;*/
	float: left;
	width: 290px;
	/*height: 338px;*/
}

div.left_active_3 div.title {
	width: 280px;
	margin: 20px 0px 0px 20px;
	width: 280px;
	height: 80px;
	/*background-color: red;*/
}

div.middle_active_2 {
	float: left;
	/*width: 436px;*/
	width: 280px;
}

div.middle_active_2 div.title {
	margin: 20px 0px 0px 0px;
	width: 280px;
	height: 80px;
	/*background-color: red;*/
}

div.middle_active_2 div.form {
	margin: 85px 0px 0px 0px;
	width: 280px;
	/*	height: 150px; */
	
	/*background-color: grey;*/
}

div.middle_active {
	/*border: 1px solid #afafaf;*/
	bottom: 15px;
	position: absolute;
	right: 35px;
}
div.title img {
	float: left;
	clear: both;
}

div.detail_content {
	height: 320px;
	padding-bottom: 20px;
}

div.detail_content_2 {
	padding-bottom: 20px;
}

div.middle_contain {
}

div.title {
	position: relative;
	margin: 20px 0px 0px 21px;
	height: 20px;
	width: 400px;
}

div.title_2 {
	position: relative;
	margin: 20px 0px 0px 21px;
	height: 35px;
	width: 400px;
}

div.left_active p {
	color: #373737;
/*	line-height: 16px; */
	line-height: 21px;
	margin: 14px 0px 0px 21px;
	padding: 0;
	width: 354px; /* was 394px; */
/*	font-size: 13px; */
	font-size:17px;
	

}
/*M.S.*/

a.captions_a
{
	text-decoration:none;
	color:#373737;
	float:left;
	font-size:10px;
	margin-top:5px;
	width:99px;
	/*(text-transform: capitalize;     */
}

a.captions_a:hover, a.active_a{
	text-decoration:none;
	color:#FF4500 ;
	float:left ;
	font-size:10px ;
	margin-top:5px ;
	width:99px ;
	/*text-transform: capitalize ; */
}

a#no_text{
	text-decoration:none;
	border: 0;
}  

div.project_desc p{
	font-size: 12px;
	bottom: 15px;
	position: absolute;
	line-height: 16px; 
	width: 150px /* was 220px; */  
	
}
.project_slides_images{
	
	border: 1px solid #e6e6e6;
}

div.image img,div.image_second img{

	border: 1px solid #e6e6e6;
	
	}

div.email a.email, div.location_note a{
	text-decoration:none;
	color: #F5402D;
}
div.email a.email:hover, div.location_note a:hover{
	color: #F5402D;
	text-decoration:underline;
}
#logo_hover:hover,.stop_button:hover,.arrow_left:hover,.arrow_right:hover {
	cursor:pointer;
}
/*END: M.S.*/
div.left_active_2 p.section_2 {

	color: #373737;
	line-height: 20px;
	margin: 14px 0px 0px 21px;
	padding: 0;
	width: 560px;
	font-size: 18px;
}

div.left_active_2 p.exception {
	color: #373737;
	line-height: 20px;
	margin: 14px 0px 0px 21px;
	padding: 0;
	width: 340px;
	font-size: 18px;
}

div.a_line_first {
	color: #666666;
	line-height: 18px;
	margin: 21px 0px 0px 21px;
	padding: 0;
/*	width: 560px; */
	font-size: 12px;
}

div.a_line {
	color: #666666;
	line-height: 18px;
	margin: 0px 0px 0px 21px;
	padding: 0;
/*	width: 560px; */
	font-size: 12px;
}

span.a_line_title {
	color: #333333;
	font-weight: bold;
}

a.download, a.download:hover, a.download:active, a.download:visited {
	color: #F5402D;
	font-size: 11px;
	margin-left: 21px;
	text-decoration: none;
}
div.download_static {
	position: absolute;
	bottom: 15px;
}
div.download_static2 {
	position: absolute;
	top: 306px;
}
.orange {
	color: #F5402D;
}
div.download .in {
	margin: 20px 0px 20px 21px;
	padding: 0;
}

div.contact_info {
	color: #4D4D4D;
	font-size: 13px;
	margin: 0px 0px 20px 21px;
	padding: 0;
}

div.location_sub_title{
	color: #F5402D;
	font-size: 15px;
	margin: 0px 0px 20px 21px;
	padding: 0;
}
div.contact_info div{
	margin: 0;
	padding: 3px 0px 0px 0px;
}

/*div.right_active img {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	right: 20px;
}*/

div.right_active {
	float: right;
	/* fix ie double margin */
	display: inline;
	/*padding: 20px 20px 0px 0px;*/
	margin: 20px 19px 21px 0px;
	/*margin: 20px 20px 20px 0px; */
	overflow: hidden;
}
div.right_active_people {
	float: right;
	/* fix ie double margin */
	display: inline;
	/*padding: 20px 24px 0px 0px;*/
	margin: 20px 20px 20px 0px;
}

div.hold_counter {
	width: 60px;
	height: 20px;
}

div.image_counter {
	font-size: 11px;
	color: #F5402D;
	float: left;
	width: 32px;
	height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

div.arrow_left {
	float: left;
	margin: 0px 6px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.stop_button {
	float: left;
	margin: 0px 6px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.arrow_right {
 	float: left;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*div.left_padd {
	width: 20px;
	height: 100%;
}*/

div#drawer_wrapper{
	width: 909px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

/*--- header arrow and image text ---


div.header_active img.title_arrow{
	visibility: hidden;
	
}

div.section div.header img.title_arrow {
	margin: 5px 0px 0px 15px; 
	padding: 0px;
}

div.section div.header img.title_image {
	margin: 5px 0px 0px 5px; 
	padding: 0px;
}

div.section div.header_active img.title_image{
	margin: 5px 0px 0px -10px;
	padding: 0px;
}
*/

div.header_active div.arrow img.title_arrow{
	visibility: hidden;
	border: 0 none;
	
}

div.arrow {
	margin: 0;
	padding: 0;
	border: 0 none;
}

div.name {
	margin: 0;
	padding: 0;
	border: 0 none;
}

div.name img {
	margin: 0;
	padding: 0;
	border: 0 none;
}


div.section div.header div.arrow img.title_arrow {
	position: absolute;
	top: 0px;
	left: 20px;
	border: 0 none;
}

div.section div.header img.title_image {
	position: absolute;
	top: 0px;
	left:20px;
}
div.section_link div.header img.title_image {
	position: relative;
	top: 0px;
	left:20px;
}

div.section div.header_active img.title_image{
	position: absolute;
	top: 0px;
	left: 20px;
}
div.section_link div.header_active img.title_image{
	position: absolute;
	top: 0px;
	left: 20px;
}

div.section {
	margin: 10px 0px 0px 0px;
	padding: 0;
}
div.section_link {
	margin: 10px 0px 0px 0px;
	padding: 0;
}

div.section_link:hover {
	margin: 10px 0px 0px 0px;
	padding: 0;
	cursor:pointer;
	background-color:#FFFFFF;
	width: 910px;
	height: 41px;
}

div.section div.header {
	background: transparent url('../images/drawer_back.png') repeat;
	margin: 0px !important;
	padding: 0px;
	height: 41px;
	position: relative;
}
div.section_link div.header {
	background: transparent url('../images/drawer_back.png') repeat;
	margin: 0px !important;
	padding: 0px;
	height: 41px;
	position: relative;
}

div.section div.header_active div.close {
	position: absolute;
	top: 7px;
	right: 7px;
	font-size: 13px;
	color: #F5402D;
	cursor: pointer;
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0 none;
}

div.close {
	position: absolute;
	top: 7px;
	right: 7px;
	font-size: 13px;
	color: #F5402D;
	cursor: pointer;
	display: none;
	margin: 0px;
	padding: 0px;
	border: 0 none;
}

div.close img{
	position: absolute;
	top: 7px;
	right: 7px;
	font-size: 13px;
	color: #F5402D;
	cursor: pointer;
	display: none;
	margin: 0px;
	padding: 0px;
	border: 0 none;
}


/*div.section[class] {
	background:transparent url(../images/drawer_back.png);
	background-repeat:repeat;
}*/

div.section div.header_active{
	background: white;
}




div.section div.header img{
	display: block;
}

div.hover_section {
	background: white;
	/*padding-bottom: 5px;*/
	overflow: hidden !important;
}

.menu_item {
	float:left;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

#menu_item_left{
	float:left;
	padding: 0px;
	/*width: 182px;*/
	height: 31px;
	margin-right: 5px;
}

#menu_item_left .inner{
	margin-left: 15px;
	padding: 0px;

}

/*div.hover_section div.hover_bottom{
	background: white url('../images/dotted.png') repeat-x bottom left;
}*/

#navstrip {
	margin: 0px 0px 0px 5px;
	width: 909px;
	height: 31px;
	overflow: hidden;
}

#navstrip .in{
	/*margin: 20px 0px 0px 5px;*/
}

element.style {
	display:block;
	height:18px;
	width:84px;
}

div.section div.header img{
	float: left;
	margin-top: 9px;
}
div.section_link div.header img{
	float: left;
	margin-top: 9px;
}

div.section div.header div.close img{
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 11px;
	height: 11px;
	top: 0;
	right: 0;
}

div#stage {
	margin: 10px 0px 0px 20px;
	height: 241px;
	padding: 0 0 0 16px;
	overflow: hidden;
	width: 909px;
}

div#stage div.item {
	height: 241px;
	width: 909px;
}
div#stage_rotator {
	width: 909px;
}
div#stage_rotator div.item img {
	display: block;
}

div#test_slideshow {
	width: 100%;
}

div#test_slideshow div.item {
	width: 100%;
}

div#test_slideshow div.item img{
	float: right;
}
/* -------------------------  added 11.06.08 -------- */
#logo_hover {
	float: right;
}
#logo_hover a,
#logo_hover img {
	display: block;
}
.logo {
	margin: 0px 0px 0px;
}
.language {
	margin:0 0 0 960px;
	position:fixed;
	top: 240px;
}
/* --------------------------------- Second section --------------------------------------------- */

div.image_second a img{
	opacity: 1.0;
}

div.image_second a:hover img{
	opacity: 0.8;
}

div.image a img{
	opacity: 0.8;
	
}

div.image a:hover img{
	opacity: 1.0;
}

div.image a img.active,
div.image a:hover img.active{
	opacity: 1.0 !important;
}

/* ------------------------------ added by Olaf 2009-02-12 ---------------------------------- */

.footer {
	float: right;
	padding: 10px 0px 0px 0px;
	font-size: 11px;
	color: #FFF;
}

.footer a, .footer a:active, .footer a:visited {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FF4500;
	text-decoration: none;
}

/* ------------------------ tooltip styles ----------------------- */
a.en_tooltip {
	margin-top: 5px;
}

.tooltip {
	background: transparent;
	padding-top: 19px;
}
.tooltip div.stem {
	position: absolute;
	top: 0px;
	right: 20px;
	background: url('/assets/images/stem_top_right.png') no-repeat;
	width: 20px;
	height: 20px;
}
.tooltip div.content {
	color: #222;
	background: white;
	padding: 10px;
	font-size: 11px;
	line-height: 17px;
	width: 250px;
	border: 1px solid #ccd1d5;
}