/**********************************/
/*STYLING THE FRAME ELEMENTS START*/
/**********************************/
.page_header_outer{
	width: 100%;
}
#hp_container .page_header_outer,
.page_container_inner .page_header_outer{
	background-repeat: repeat-x;
}
	.page_header{
		width: 980px;
		margin: 0 auto;
	}
	#hp_container .page_header{
		background-repeat: no-repeat;
	}
	.page_container_inner .page_header{
		background-repeat: no-repeat;
	}
		.page_header .main_menu_area{
			min-height: 98px;
		}
			.page_header .col_1{
				width: 230px; /* 170 original */
				float: left;
				margin: 22px 0 0 0;
			}
			.page_header .col_2{
				width: 750px;
				float: right;
			}
		.page_header .blockTeaser{
			width: 980px;
			height: 223px;
			overflow: hidden;
			position: relative;
		}
.page_content_outer{
	background-repeat: repeat-x;
	min-height: 100px;
}
	.page_content{
		width: 980px;
		margin: 0 auto;
	}
	#hp_container .page_content{
		padding: 0 0 20px 0;
	}
.common_section{
	background-repeat: repeat-x;
	min-height: 186px;
}
	.inner_common_section{
		width: 980px;
		margin: 0 auto;
	}
.footer{
	min-height: 46px;
}
	.inner_footer{
		width: 980px;
		margin: 0 auto;
	}

/********************************/
/*STYLING THE FRAME ELEMENTS END*/
/********************************/

/****************************/
/*STYLING THE INNER ELEMENTS*/
/****************************/

/* Home page START */

/* Home page END */

/* Portfolio page START */

#portfolio_container .page_content{
	padding: 0 0 35px 0;
}
	#portfolio_container .column1 .pagination{
		float: right;
		padding-top: 20px;
	}
	#portfolio_container .page_content .column1 h1{
		float: left;
		font-family: Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 20px;/* decreased from 21px to 20px */
		line-height: 123%;
		padding: 21px 0 22px 0;
		font-weight: normal;
	}
	#portfolio_container .page_content .column1 .hr{
		width: 725px;
		height: 1px;
		font-size: 1px;
		overflow: hidden;
		background-repeat: repeat-x;
/* 		clear: both; */
	}
/* Portfolio page END */

/* One_project page START */
#one_project_container .page_content{
	padding: 0 0 33px 0;
}
	#one_project_container .column1 h1{
		float: left;
		font-family: Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 20px;/* decreased from 21px to 20px */
		line-height: 123%;
		padding: 21px 0 22px 0;
		font-weight: normal;
	}
	#one_project_container .column1 .hr{
		width: 725px;
		height: 1px;
		font-size: 1px;
		overflow: hidden;
		background-repeat: repeat-x;
		clear: both;
	}
		#one_project_container .column1 .buttons_section{
			margin: 20px 0 0 0;
		}
		
	#one_project_container .column1 .similar_projects{
		padding: 25px 0 0 0;
	}
	#one_project_container .blockProjectImages{
		margin: 30px 0 13px 0;
	}
	#one_project_container .blockProjectInfo{
		margin: 8px 0 4px 0;
	}
	/* predefining userText for this page */
	#one_project_container .userText{
		margin: 16px 0 0 0;
	}
		#one_project_container .userText h2{
			padding-top: 5px;
			padding-bottom: 0;
		}
		#one_project_container .userText p{
			padding-top: 2px;
		}
/* One_project page END */

/* Contact_us page START - used also for /online-job-application-form */
#contact_us_container .page_content{
	padding-bottom: 55px;
}
	#contact_us_container .column1 .content_subcol_1{
		width: 390px;
		float: left;
		margin: 27px 0 0 0;
	}
	#contact_us_container .column1 .content_subcol_2{
		width: 303px;
		float: right;
		margin: 27px 0 0 23px;
	}
	#contact_us_container .column1 .content_subcol_2 .firstP{
	   margin-top: 59px;
	}
	
	#contact_us_container .column1 .content_subcol_2 p{
	   text-align: justify;
	}
	
	
	#contact_us_container .page_content .column1 h1{
		float: left;
		font-family: Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 20px;
		line-height: 123%;
		padding: 21px 0 22px 0;
		font-weight: normal;
	}
	#contact_us_container .page_content .column1 .hr{
		width: 725px;
		height: 1px;
		font-size: 1px;
		overflow: hidden;
		background-repeat: repeat-x;
		clear: both;
	}
/* Contact_us page END */

/* Contact_us page START */
#onlineinquiry_container .page_content{
	padding-bottom: 55px;
}
	#onlineinquiry_container .column1 .content_subcol_1{
		width: 390px;
		float: left;
		margin: 27px 0 0 0;
	}
	#onlineinquiry_container .column1 .content_subcol_2{
		width: 303px;
		float: right;
		margin: 27px 0 0 23px;
		color: #636363;
	}
	#onlineinquiry_container .column1 .content_subcol_2 .firstP{
	   margin-top: 31px;
	}
	
	#onlineinquiry_container .column1 .content_subcol_2 p{
	   text-align: justify;
	}
	#onlineinquiry_container .page_content .column1 h1{
		float: left;
		font-family: Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 20px;
		line-height: 123%;
		padding: 21px 0 22px 0;
		font-weight: normal;
	}
	#onlineinquiry_container .page_content .column1 .hr{
		width: 725px;
		height: 1px;
		font-size: 1px;
		overflow: hidden;
		background-repeat: repeat-x;
		clear: both;
	}
/* Contact_us page END */

/* News page START */
#news_container .page_content{
	padding: 0 0 50px 0;
}
	#news_container .column1 .pagination{
		float: right;
		padding-top: 20px;
	}
	#news_container .column1 .blockNews{
		margin: 26px 0 0 0;
		padding: 0 0 26px 0;
	}
	#news_container .page_content .column1 h1{
		float: left;
		font-family: Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 20px;/* decreased from 21px to 20px */
		line-height: 123%;
		padding: 21px 0 22px 0;
		font-weight: normal;
	}
	#news_container .page_content .column1 .hr{
		width: 725px;
		height: 1px;
		font-size: 1px;
		overflow: hidden;
		background-repeat: repeat-x;
		clear: both;
	}
/* News page END */

/* Service_detail page START */
#service_detail_container .page_content{
	padding: 0 0 35px 0;
}
#service_detail_container .page_content .column1 h1{
	float: left;
	font-family: Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 20px;/* decreased from 21px to 20px */
	line-height: 123%;
	padding: 21px 0 22px 0;
	font-weight: normal;
}
#service_detail_container .page_content .column1 .hr{
	width: 725px;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	background-repeat: repeat-x;
	clear: both;
}
#service_detail_container .userText{
	margin: 21px 0 0 0;
	padding: 0 0 20px 0;
}
#service_detail_container .buttons_section{
	margin: 20px 0 0 0;
}
/* Service_detail page END */

/* Recommendations page START */
#recommendations_container .page_content{
	padding: 0 0 35px 0;
}
	#recommendations_container .column1 .pagination{
		float: right;
		padding-top: 20px;
	}
	#recommendations_container .page_content .column1 h1{
		float: left;
		font-family: Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 20px;/* decreased from 21px to 20px */
		line-height: 123%;
		padding: 21px 0 22px 0;
		font-weight: normal;
	}
	#recommendations_container .page_content .column1 .hr{
		width: 725px;
		height: 1px;
		font-size: 1px;
		overflow: hidden;
		background-repeat: repeat-x;
		clear: both;
	}
	#recommendations_container .blockRecommendation{
		margin: 27px 0 0 0;
		padding: 0 0 19px 0;
	}
	.blockOneService .itemImageFrame{
		width: 100px;
		height: 71px;
		background-repeat: no-repeat;
		padding: 4px;
	}
/* Recommendations page END */

/* Services page START */
#services_container .page_content{
	padding: 0 0 35px 0;
}
	#services_container .column1 .pagination{
		float: right;
		padding-top: 20px;
	}
	#services_container .page_content .column1 h1{
		float: left;
		font-family: Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 20px;/* decreased from 21px to 20px */
		line-height: 123%;
		padding: 21px 0 22px 0;
		font-weight: normal;
	}
	#services_container .page_content .column1 .hr{
		width: 725px;
		height: 1px;
		font-size: 1px;
		overflow: hidden;
		background-repeat: repeat-x;
		clear: both;
	}
	#services_container .services_wrapper{
		padding: 5px 0 4px 0;
	}
		#services_container .services_wrapper .servicesRow{
			margin: 22px 0 0 0;
			padding: 0 0 24px 0;
		}
		#services_container .services_wrapper .servicesRowNotFirst{
			margin: 0;
			padding: 0 0 24px 0;
		}
			#services_container .services_wrapper .servicesRow .blockOneService,
			#services_container .services_wrapper .servicesRowNotFirst .blockOneService{
				float: left;
			}
			#services_container .services_wrapper .servicesRow .notFirstService,
			#services_container .services_wrapper .servicesRowNotFirst .notFirstService{
				margin-left: 22px;
			}
			#services_container .services_wrapper .servicesRowNotFirst .blockOneService,
			#services_container .services_wrapper .servicesRowNotFirst .notFirstService{
				padding: 23px 0 0 0;
				background-repeat: repeat-x;
				background-position: 0 0;
			}
/* Services page END */

/* About page START */
#about_container .page_content{
	padding: 0 0 35px 0;
}
	#about_container .page_content .column1 h1{
		float: left;
		font-family: Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 20px; /* decreased from 21px to 20px */
		line-height: 123%;
		padding: 21px 0 22px 0;
		font-weight: normal;
	}
	#about_container .page_content .column1 .hr{
		width: 725px;
		height: 1px;
		font-size: 1px;
		overflow: hidden;
		background-repeat: repeat-x;
		clear: both;
	}
	#about_container .page_content .userText{
		margin: 29px 0 0 0;
	}
#about_container .buttons_section{
	margin: 20px 0 0 0;
}
/* About page END */


/**************************/
/* ALL PAGES STYLES START */
/**************************/



/************************/
/* ALL PAGES STYLES END */
/************************/

/***********************************/
/* INNER PAGES COMMON STYLES START */
/***********************************/
#about_container .column1,
#contact_us_container .column1,
#onlineinquiry_container .column1,
#news_container .column1,
#one_project_container .column1,
#portfolio_container .column1,
#recommendations_container .column1,
#service_detail_container .column1,
#services_container .column1{
	width: 725px;
	float: left;
	padding-right: 20px;
}
#about_container .column2,
#contact_us_container .column2,
#onlineinquiry_container .column2,
#news_container .column2,
#one_project_container .column2,
#portfolio_container .column2,
#recommendations_container .column2,
#service_detail_container .column2,
#services_container .column2{
	width: 235px;
	float: left;
}
/*********************************/
/* INNER PAGES COMMON STYLES END */
/*********************************/

/********************************************************************************************************************/
/*Level 1 - correspondes to the header whick includes horizontal menu, carousel, logo and probably a flash animation*/
/********************************************************************************************************************/
.logo{
	background-repeat: no-repeat;
	display: block;
	margin-top: 12px;
	width: 226px; /* 170px original */
	height: 53px;
	text-indent: -9999px;
	cursor: pointer;
}
.contact_us{
	float: right;
	margin: 15px 0 0 0;
}
	.contact_menu{
		list-style-type: none;
		float: right;
	}
		.contact_menu li{
			float: left;
			display: inline;
		}
		.contact_menu  .notFirst{
			margin: 0 0 0 19px;
		}
			#contact_menu li a{/* using id because IE6 won's change the font color */
				display: block;
				height: 16px;
				float: left;
				font-family: Arial, Tahoma, Verdana, sans-serif; /* Helvetica */
				font-size: 12px;
				padding-top: 4px;
				padding-left: 30px;
				font-weight: bold;
			}
			.contact_menu li .item1{
				background-position: 0 3px;
				background-repeat: no-repeat;
			}
			.contact_menu li .item1:hover{
				background-position: 0 -47px;
			}
			.contact_menu li .item2{
				background-position: 0 -100px;
				background-repeat: no-repeat;
			}
			.contact_menu li .item2:hover{
				background-position: 0 -150px;
			}
			.contact_menu li .item3{
				background-position: 0 -197px;
				background-repeat: no-repeat;
				padding-left: 25px;
			}
			.contact_menu li .item3:hover{
				background-position: 0 -247px;
			}
			.contact_menu li .item4{
				background-position: 0 -300px;
				background-repeat: no-repeat;
			}
			.contact_menu li .item4:hover{
				background-position: 0 -350px;
			}
			.contact_menu li .item5{
				background-position: 0 2px;
				background-repeat: no-repeat;
			}
			.contact_menu li .item5:hover{
				background-position: 0 -28px;
			}
/* Horizontal menu START */

.horizontal_menu{
	/* width: 548px; */
	height: 31px;
	float: right;
	margin: 22px 0 0 0; /* IE6 fix removed 2009-10-23 */
}
	.horizontal_menu .menu_round_right,
	.horizontal_menu .menu_round_left{
		float: left; /* float: right; */
		width: 3px;
		height: 31px;
		background-repeat: no-repeat;
		overflow: hidden;
		font-size: 1px;
	}
	.horizontal_menu .menu_round_right{
		background-position: right top;
	}
	.horizontal_menu .menu_round_left{
		background-position: left top;
	}
	.horizontal_menu ul{
		list-style-type: none;
		float: left; /* float: right; */
		background-repeat: repeat-x;
		height: 31px;
	}
		.horizontal_menu li{
			float: left;
			padding: 0 0 0 2px;
			
			background-repeat: no-repeat;
			background-position: 0 4px;
		}
/*
		.horizontal_menu ul .notFirst{
			background-repeat: no-repeat;
			background-position: 0 4px;
		}
*/
		.horizontal_menu li.first{
			padding: 0 0 0 1px; /* left 1 px */
		}
		.horizontal_menu li.last{
			padding: 0 1px 0 2px; /* right 1px */
		}
			#horizontal_menu li a{
				/*display: block;*/
				float: left;
				height: 21px;
				font-family: Tahoma, Verdana, sans-serif;
				font-size: 10px;
				font-weight: bold;
				text-align: center;
				text-transform: uppercase;
				padding: 4px 4px 0 4px;
				/* line-height: 11px; */
				cursor: pointer;
			}
			#horizontal_menu li.first a{
				padding: 4px 4px 0 0;
			}
			#horizontal_menu li.last a{
				padding: 4px 0 0 4px;
			}
				.horizontal_menu .round_left,
				.horizontal_menu .round_right{
					/*display: block;*/
					float: left;
					width: 5px;
					height: 22px;
					font-size: 1px;
					overflow: hidden;
				}
				.horizontal_menu .selected .round_left,
				.horizontal_menu .selected .round_right,
				.horizontal_menu .hovered .round_left,
				.horizontal_menu .hovered .round_right{
					background-repeat: no-repeat;
				}
				.horizontal_menu .selected .round_left,
				.horizontal_menu .hovered .round_left{
					background-position: 0 0;
				}
				.horizontal_menu .selected .round_right,
				.horizontal_menu .hovered .round_right{
					background-position: -5px 0;
				}
				.horizontal_menu .link_text{
					/*display: block;*/
					float: left;
					height: 16px;
					padding: 6px 4px 0px 4px;
					line-height: 100%;/* Needed! */
				}
				/* Option - if needed use the background in the comment, it should look the same */
				.horizontal_menu .selected .link_text,
				.horizontal_menu .hovered .link_text{
					padding: 5px 4px 0 4px;
					/* background-repeat: repeat-x; */
				}
/* Horizontal menu END */

.projects_carousel{
	height: 95px;
	width: 980px;
	overflow: hidden;
	margin: 0 auto;
}
	.projects_carousel .topcorners{
		width: 980px;
		height: 7px;
		background-repeat: no-repeat;
		overflow: hidden;
	}
	.projects_carousel .carousel{
		width: 980px;
		height: 88px;
		background-repeat: no-repeat;
	}

/* Header inner - images - Add alternative GIF-s for IE6 OR PGN Fix! */
.headerImage {
	height: 120px;
	margin: 20px 0 7px 0;
	background-repeat: no-repeat;
}
.headerImageEmpty {
	height: 20px;
	margin: 20px 0 7px 0;
}
	/* Use PNG-s. PNG FIX was implemented, but it may not work for background-position!!! Test if necessary */
	.headerImage_About {
		background-image: url('/images/header_images/exsisto_about.png');
	}
	.headerImage_Apple {
		background-image: url('/images/header_images/exsisto_apple.png');
	}
	.headerImage_CaseStudies {
		background-image: url('/images/header_images/exsisto_case_studies.png');
	}
	.headerImage_Clients {
		background-image: url('/images/header_images/exsisto_clients.png');
	}
	.headerImage_Contacts {
		background-image: url('/images/header_images/exsisto_contacts.png');
	}
	.headerImage_Faq {
		background-image: url('/images/header_images/exsisto_faq.png');
	}
	.headerImage_iPhone {
		background-image: url('/images/header_images/exsisto_iphone_app.png');
	}
	.headerImage_News {
		background-image: url('/images/header_images/exsisto_news.png');
	}
	.headerImage_Projects {
		background-image: url('/images/header_images/exsisto_projects.png');
	}
	.headerImage_Services {
		background-image: url('/images/header_images/exsisto_services.png');
	}
	.headerImage_Useful {
		background-image: url('/images/header_images/exsisto_useful.png');
	}


/* Breadcrumbs */
.breadcrumbs{
	width: 734px;
}
	.breadcrumbs ul{
		list-style-type: none;
	}
		#breadcrumbs_list li{
			float: left;
			padding-right: 5px;
			white-space: nowrap;/* for IE6/7 */
			line-height: 130%;
		}
		#breadcrumbs_list .notFirst{
			padding-left: 11px;
			background-repeat: no-repeat;
			background-position: 0 center;
		}
			#breadcrumbs_list a{
				font-size: 12px;
				font-family: Arial, Tahoma, Helvetica, sans-serif;
			}
			#breadcrumbs_list .current_position{
				font-family: Arial, Tahoma, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
			}

#services_container .breadcrumbs, #portfolio_container .breadcrumbs, #one_project_container .breadcrumbs, #contact_us_container .breadcrumbs, #onlineinquiry_container .breadcrumbs, #news_container .breadcrumbs, #service_detail_container .breadcrumbs, #recommendations_container .breadcrumbs, #about_container .breadcrumbs {
	/*margin: 29px 0 0 0;*/
	margin: 0px 0 0 0;
	/*padding: 0 0 12px 0;*/
	padding: 0 0 5px 0;
}

/****************************************************/
/*Level 2 - correspondes to the content of the page */
/****************************************************/

/*Level 2 - HOME PAGE STYLING*/

#hp_container .outer_services,
#hp_container .outer_projects,
#hp_container .outer_case_studies{
	float: left;
}
#hp_container .outer_services{
	margin-left: 15px;
}
	#hp_container .services{
		width: 265px;
	}
#hp_container .outer_projects{
	margin-left: 44px;
}
	#hp_container .projects{
		width: 279px;
	}
#hp_container .outer_case_studies{
	margin: 0 0 0 66px;
}
	#hp_container .case_studies{
		width: 294px;
	}
	
		#hp_container .services .section_heading,
		#hp_container .projects .section_heading,
		#hp_container .case_studies .section_heading{
			font-family: Arial, Tahoma, sans-serif;
			font-size: 22px;
			line-height: 100%;
			padding: 33px 0 13px 0;
			font-weight: normal;
		}
		#hp_container .case_studies .section_heading_under{
		  padding-bottom: 0px;
		  padding-top: 26px;
		} 
		#hp_container .services .section_heading a,
		#hp_container .projects .section_heading a,
		#hp_container .case_studies .section_heading a,
		#hp_container .case_studies .section_heading_under a{
			font-family: Arial, Tahoma, sans-serif;
			font-size: 22px;
			line-height: 100%;
			font-weight: normal;
		}
	
	/*Column 1*/
	
	#hp_container .services ul{
		padding: 6px 0 0 0;
	}
		#hp_container .services ul li{
			margin: 8px 0 0 0;
		}
		#hp_container .services ul li.first_of_category{
			background-position: 0 0;
			padding: 8px 0 0 0;
			margin: 8px 0 0 0;
			background-repeat: repeat-x;
		}
			#hp_container .services a{
				/* float: left; */
				font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
				font-weight: bold;
				font-size: 12px;
			}
			#hp_container .services .first{
				margin: 14px 0 0 0;
			}
			#hp_container .services .last{
				margin: 8px 0 15px 0;
			}
			#hp_container .services .hr{
				background-repeat: repeat-x;
				width: 265px;
			}
	
	/*Column 2*/
	
	#hp_container .outer_projects .one_project .heading{
		font-family: Arial, Tahoma, sans-serif;
		font-weight: bold;
		font-size: 12px;
		line-height: 100%;
	}
	#hp_container .outer_projects .one_project .frame{
		width: 279px;
		height: 102px;
		margin-top: 8px;
		background-repeat: no-repeat;
		overflow: hidden;
	}
		#hp_container .outer_projects .one_project .frame a{
			display: block;
			width: 271px;
			height: 94px;
			margin: 4px 0 0 4px;
		}
	#hp_container .outer_projects .hr{
		margin: 12px 0 10px 0;
		background-repeat: repeat-x;
	}
	#hp_container .outer_projects .projects_slider_wrapper{
		/* These values are used together with makeScrollable(); Now we don't need them!
		Added margin-bottom
		
		height: 460px;
		overflow: auto;
		*/
		margin-top: 13px;
		margin-bottom: 10px;
		
		/* Defined position: relative, unless IE6/7 breaks the vertical strip with projects on the home page */
		position: relative;
	}
		#hp_container .outer_projects .dots_up,
		#hp_container .outer_projects .dots_down
		{
			width: 28px;
			height: 8px;
			background-repeat: no-repeat;
			margin-left: 125px;
		}
			
	/*Column 3*/
	
	#hp_container .outer_case_studies ul{
		padding: 6px 0 0 0;
	}
		#hp_container .outer_case_studies li{
			background-position: 0 0;
			background-repeat: repeat-x;
			padding: 10px 0 0 0;
			margin: 11px 0 0 0;
		}
		#hp_container .outer_case_studies .firstInList{
			/* padding-top: 12px; */
			padding: 0;
			margin: 8px 0 0 0;
		}
			#hp_container .outer_case_studies li a{
				line-height: 100%;
				font-size: 13px;
				font-family: Arial, Tahoma, Helvetica, sans-serif;
				font-weight: bold;
			}
			#hp_container .outer_case_studies li p{
				line-height: 127%;
				font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
				font-size: 11px;
				font-weight: 500;
				padding-top: 5px;
			}
    #hp_container .outer_case_studies .column1_link{
        padding-top: 5px;
    }
    #hp_container .outer_case_studies .link_all{
		font-family: Arial, Tahoma, Helvetica, sans-serif;
		font-size: 12px;
		padding-left: 7px;
		background-repeat: no-repeat;
		background-position: 0 4px;
		text-decoration: underline;
	}
	#hp_container .outer_case_studies .link_all:hover{
		background-position: 0 -41px;
		text-decoration: none;
	}
	/*Link all styling*/
	
	#hp_container .link_all_section{
		margin-top: 4px;
	}
		#hp_container .link_all_section .column1_link{
			width: 265px;
			margin-left: 15px;
			float: left;
		}
		#hp_container .link_all_section .column2_link{
			width: 	279px;
			margin-left: 44px;
			float: left;
		}
		#hp_container .link_all_section .column3_link{
			width: 294px;
			margin-left: 66px;
			float: left;
		}
			#hp_container .link_all_section .link_all{
				font-family: Arial, Tahoma, Helvetica, sans-serif;
				font-size: 12px;
				padding-left: 7px;
				background-repeat: no-repeat;
				background-position: 0 4px;
				text-decoration: underline;
			}
			#hp_container .link_all_section .link_all:hover{
				background-position: 0 -41px;
				text-decoration: none;
			}

/***************************************************************************************************************/
/* Level 3 - consists of useful information section, RSS, apple icon and logo of the Bulgarian Web Association */
/***************************************************************************************************************/


.common_section .useful_section{
	width: 317px; 
	float: left;
	/*padding-left: 15px; together with width: 302px*/
	margin-top: 38px;/* was 35px padding-top of .level3 .useful_section .heading */
}
.common_section .useful_section .useful_section_top{
	width: 302px;
}
	.common_section .useful_section .heading{
		font-family: Arial, Helvetica, Tahoma, sans-serif;
		font-size: 17px;
		line-height: 100%;
		/* padding: 35px 0 0 0; */
	}
	.common_section .useful_section a.seeAll{
	   color: #FFF;
	   display: inline-block;
	   margin-top: 10px;
	   float: right;
	}
	.common_section .useful_section a.seeAll:hover{
	   color: #8EA606;
	}
		.common_section .useful_section ul{
			margin: 8px 0 0 0;
		}
			.common_section .useful_section ul li{
				background-repeat: no-repeat;
				background-position: 0 6px;
				padding: 0 15px 0 15px;
				width: 272px;
				margin: 2px 0;
				float: left;
			}
				.common_section .useful_section ul li a{
					font-family: Helvetica, Tahoma, Verdana, sans-serif;
					font-size: 12px;
					line-height: 110%;
				}
		.common_section .useful_section .copyright{
			font-family: Arial, Helvetica, Tahoma, sans-serif;
			font-size: 10px;
			margin: 15px 0 6px 0;
			padding: 9px 0 0 0;
		}
.common_section .little_menu_section{
	width: 360px;
	float: left;
}
	.common_section .little_menu_section .little_menu{
		margin-top: 36px;
	}
		.common_section .little_menu_section .little_menu .col_1{
			width: 75px;
			float: left;
			margin-left: 11px;
		}
		.common_section .little_menu_section .little_menu .col_2{
			width: 69px;
			float: left;
			margin-left: 31px;
		}
		.common_section .little_menu_section .little_menu .col_3{
			width: 125px;
			float: left;
			margin-left: 39px;
		}
			.common_section .little_menu_section li{
				padding: 4px 0 3px 0;
				background-position: 0 0;
				background-repeat: no-repeat;
			}
			.common_section .little_menu_section li.first{
				padding: 0 0 3px 0;
			}
				.common_section .little_menu_section .little_menu a{
					font-size: 11px;
					font-family: Tahoma, Arial, Helvetica, sans-serif;
					line-height: 100%;
				}
	.common_section .little_menu_section .rss{
		display: block;
		float: left;
		font-family: Arial, Tahoma, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		height: 16px;
		background-repeat:  no-repeat;
		background-position: left top;
		margin: 15px 0 6px 0;
	}
	.common_section .little_menu_section .rss:hover{
		background-position: left bottom;
	}
	.common_section .little_menu_section .rss_news{
		padding: 8px 0 0 37px;
		width: 55px;
	}
	.common_section .little_menu_section .rss_projects{
		margin-left: 14px;
		width: 71px;
		padding: 8px 0 0 37px;
	}
	.common_section .little_menu_section .rss_applelist{
		margin-left: 0px;/* IE6 margin-left: 3px; */
		width: 90px;
		padding: 8px 0 0 37px;
	}
.common_section .logos{
	float: left;
	width: 302px;
}
	.common_section .logos .inner_logos{
/* 		height: 150px; */
/* 		margin-top: 10px; */
	}
	.common_section .logos .row1{
		margin: 33px 0 0 0;
	}
	.common_section .logos .row2{
		margin: 23px 0 0 0;
	}
		.common_section .logos .logos_separator{
			width: 2px;
			height: 55px;
			float: left;
			background-repeat: no-repeat;
		}
		.common_section .logos a{
			background-repeat: no-repeat;
			display: block;
			text-indent: -9999px;
			float: left;
		}
		.common_section .logos .apple{
			width: 161px;
			height: 55px;
			background-position: 0 0;
		}
		.common_section #logos .image_1_hovered{
			background-position: 0 -150px;
		}
		.common_section .logos .inner_logos .bwa{
			width: 139px;
			height: 55px;
			background-position: -176px 0; /* -163px ORIG */
		}
		.common_section #logos .image_2_hovered{
			background-position: -176px -150px;
		}
		.common_section .logos .inner_logos .iphone{
			width: 161px;
			height: 72px;
			background-position: 0 -73px;
		}
		.common_section #logos .image_3_hovered{
			background-position: 0 -223px;
		}
		/*
		.common_section .logos .inner_logos .android{
			width: 139px;
			height: 73px;
			background-position: -163px -78px;
		}
		*/
		.common_section .logos .inner_logos .novmak{
			width: 139px;
			height: 73px;
			background-position: -176px -75px;
		}
		.common_section #logos .image_4_hovered{
			background-position: -176px -225px;
		}
		
/******************/
/*Level 4 - footer*/
/******************/

.footer .inner_footer p{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	padding: 10px 0 0 0px;
	line-height: 122%;
}

/********/
/*BLOCKS*/
/********/

/* BLOCK Pagination Start */

.pagination{
	height: 22px;
}
.bottom_pagination{
	padding: 19px 0 0 0;/* padding: 19px 0 23px 0; */
}
	.pagination .round_left, .pagination .round_right{
		background-repeat: no-repeat;
		width: 4px;
		height: 22px;
		overflow: hidden;
		font-size: 1px;
		float: left;
	}
	.pagination .round_left{
		background-position: left top;
	}
	.pagination .round_right{
		background-position: right top;
	}
	.pagination .blockContent{
		height: 22px;
		background-repeat: repeat-x;
		float: left;
	}
		.pagination .prev{
			width: 7px;
			height: 5px;
			background-repeat: no-repeat;
			background-position: left top;
			float: left;
			overflow: hidden;
			font-size: 1px;
			margin: 9px 10px 0 6px;
		}
		.pagination .next{
			width: 7px;
			height: 5px;
			background-repeat: no-repeat;
			background-position: right top;
			float: left;
			overflow: hidden;
			font-size: 1px;
			margin: 9px 6px 0 10px;
		}
			.pagination .prev a, .pagination .next a{
				display: block;
				width: 7px;
				height: 5px;
			}
		.pagination .page{
			height: 13px;
			float: left;
			margin-top: 3px;
		}
			.pagination .page a{
				font-size: 13px;
				font-family: Tahoma, Helvetica, Verdana, sans-serif;
			}
		.pagination .selected{
			font-family: Tahoma, Helvetica, Verdana, sans-serif;
			font-size: 13px;
		}
		.pagination .separator{
			background-repeat: no-repeat;
			width: 2px;
			height: 11px;
			margin: 6px 8px 0 8px;
			float: left;
		}

/* BLOCK Pagination End */

/* BLOCK Portfolio project START */

.item_portfolio_project{
	margin: 36px 0 33px 0;
}
	.item_portfolio_project .item_description{
		width: 198px;
		float: left;
		padding: 0 20px 0 0;
	}
		.item_portfolio_project .item_title{
			font-family: Arial, Helvetica, Verdana, sans-serif;
			font-size: 17px;
		}
		.item_portfolio_project .item_link{
			padding: 6px 0 0 0;
		}
			.item_portfolio_project .item_link a{
				font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
				font-size: 13px;
				padding: 6px 0 0 0;
			}
		.item_portfolio_project .item_info{
			font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
			font-size: 12px;
			padding-top: 5px;
			line-height: 125%;
			min-height: 124px;
		}
		.item_portfolio_project .item_link_more{
			padding: 7px 0 0 0;
		}
			.item_portfolio_project .item_link_more a{
				font-family: Tahoma, Helvetica, Verdana, sans-serif;
				font-size: 12px;
				background-repeat: no-repeat;
				background-position: 0 6px;
				padding-left: 7px;
				text-decoration: underline;
			}
			.item_portfolio_project .item_link_more a:hover{
				background-position: 0 -39px;
				text-decoration: none;
			}
	.item_portfolio_project .item_image{
		width: 499px;
		height: 179px;
		padding: 4px;
		float: right;
		background-repeat: no-repeat;
	}
		.item_portfolio_project .item_image a{
			display: block;
			width: 499px;
			height: 179px;
		}
		
/* BLOCK Portfolio project END */

/* BLOCK content_description_box START */

	.content_description_box{
		width: 235px;
		margin-top: -35px;
		/*margin-top: -55px;*/
		position: relative;
	}
		.content_description_box .topcorners{
			width: 100%;
			height: 5px;
			overflow: hidden;
			font-size: 1px;
			background-repeat: no-repeat;
			background-position: left top;
		}
		.content_description_box .bottomcorners{
			width: 100%;
			height: 6px;
			overflow: hidden;
			font-size: 1px;
			background-repeat: no-repeat;
			background-position: left bottom;
		}
		/* Borders start */
		.content_description_box .middle .border_right{
			background-position: right top;
			width: 100%;
		}
		.content_description_box .middle .border_left{
			background-position: left top;
			width: 100%;
		}
		/* Borders end */
		.content_description_box .box_content{
			padding: 0 15px;
			margin: 0 1px;
			background-repeat: repeat-x;
			min-height: 465px;
		}
			.content_description_box .item_separator{
				height: 1px;
				background-repeat: repeat-x;
				overflow: hidden;
				font-size: 1px;
				padding-bottom: 3px;
			}
			.content_description_box .item_content{
				padding: 0 0 17px 0;/*padding: 16px 0 16px 0;*/
			}
				.content_description_box .item_title{
					font-family: Tahoma, Helvetica, Verdana, sans-serif;
					font-size: 16px;
					padding: 16px 0 0 0;
					padding: 7px 0 0 0; /* Only for 1st title! */
				}
				.content_description_box .last_item{
					padding: 0 0 13px 0;
				}
					.content_description_box .common_list{
						margin: 12px 0 0 0;
					}
					.content_description_box .first_item .common_list{
						margin: 0;
						padding: 12px 0 0 0;	
					}
					.content_description_box .by_year_list{
						margin: 11px 0 0 0;
					}
						.content_description_box .common_list li{
							padding-left: 8px;
							background-repeat: no-repeat;
							background-position: 0 7px;
							margin-top: 2px;
							width: 195px;
							float: left;
							clear: both;
						}
						.content_description_box .by_year_list li{
							float: left;
							white-space: nowrap;
							background-repeat: no-repeat;
							background-position: 0 6px;
							padding: 0 8px;
							margin: 2px 0 0 0;
						}
							.content_description_box .common_list li a,
							.content_description_box .by_year_list li a{
								font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
								font-size: 12px;
							}
							.content_description_box .common_list .selected,
							.content_description_box .by_year_list .selected{
								font-weight: bold;
							}
/* BLOCK content_description_box END */

/* BLOCK Send question START */
.send_question{
	width: 235px;
	height: 50px;
	overflow: hidden;
	font-size: 1px;
	/* If somewhere else placed the margin declaration should be used through some parent element */
	margin-top: 13px;
}
	.send_question a{
		display: block;
		width: 100%;
		height: 50px;
		background-position: left top;
		background-repeat: no-repeat;
		text-indent: -9999px;
		text-transform: uppercase;
	}
		.send_question a:hover{
			background-position: left bottom;
		}
		
/* BLOCK Send question END */

/* BLOCK Thumbnail from one_project page START */

.blockThumbnail{
	width: 235px;	
}
	.blockThumbnail .blockImage{
		width: 227px;
		height: 140px;
		padding: 4px;
		background-repeat: no-repeat;
	}
		.blockThumbnail .blockImage a{
			width: 227px;
			height: 140px;
			display: block;
		}
	.blockThumbnail .blockTitle{
		font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding: 12px 0 0 0;
	}
		.blockThumbnail .blockTitle a{
			font-size: 12px;
		}
	.blockThumbnail .blockInfo{
		font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		padding: 2px 0 0 0;
	}
	/*
	used parent element with id beacause of IE6 - if this block is used somewhere elese the <a> element should be styled
	through .blockThumbnail class
	 */
	#thumbnail_type .blockThumbnail .blockLinkMore{
		font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		background-repeat: no-repeat;
		background-position: 0 5px;
		padding: 0 0 0 10px;
	}
	#thumbnail_type .blockThumbnail .blockLinkMore:hover{
		background-position: 0 -40px;
	}

/* BLOCK Thumbnail from one_project page END */

/* blockContactForm START */

.blockContactForm{
	width: 289px;
}

.blockContactFormOffer{
	/*margin-top: 26px;*/
	width: auto;
}
.blockContactForm_long{
	width: 289px;
}
	.blockContactForm .itemTitle{
		font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
		font-size: 13px;
	}
	.blockContactForm .itemContent{
		margin: 19px 0 0 0;
	}
		.blockContactForm .itemRow{
			width: 289px;
			margin: 8px 0 0 0;
		}
		.blockContactForm .itemRow_long{
		    width: 390px;
		}
		.blockContactForm .itemRow_very_long{
		    width: 600px;
		}
			.blockContactForm .form_label{
				float: left;
				font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
				font-size: 11px;
			}
				.blockContactForm .form_label span{
					font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
					font-size: 11px;
				}
			.blockContactForm .form_input_back,
			.blockContactForm .form_textarea_back{
				float: right;
				width: 168px;
				padding: 0 5px 0 5px;
				background-repeat: no-repeat;
				overflow: hidden;
			}
			
			.blockContactForm .form_input_back_select {
			    padding: 0px;
			    background: #FFFFFF;
			    float: right;
			    width: 255px;
			}
			
			.blockContactForm .form_input_back_select select {
			     width: 244px;
			}
			
			.blockContactForm .normalSelect select {
			     width: auto;
			}
			
			.blockContactForm .form_input_back{
				height: 18px;
				background-position: 0 0;
			}
			.blockContactForm .form_textarea_back{
				height: 100px;
				background-position: 0 -26px;
			}
				.blockContactForm .form_input_back input{
					width: 168px; /* IE6 fix */
					font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
					font-size: 11px;
				}
				.blockContactForm .form_textarea_back textarea{
					width: 174px;
					height: 97px;
					font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
					font-size: 11px;
					overflow: auto;
				}
				.blockContactForm .form_textarea_back_long textarea{
					width: 240px;
				}
				.blockContactForm .form_input_back_long input{
					width: 240px; /* IE6 fix */
					font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
					font-size: 11px;
				}
				.blockContactForm .form_input_back_long textarea{
					width: 240px;
					height: 100px;
					font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
					font-size: 11px;
					overflow: auto;
				}
			.blockContactForm .captcha_container{
				float: right;
			}
			.blockContactForm .captcha_container_long{
				float: right;
				width: 246px;
			}
			.blockContactForm .obligatory_fields{
				float: left;
				font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
				font-size: 10px;
				padding: 11px 0 0 0;
			}
			.blockContactForm .submit_btn{
				float: right;
				width: 79px;
				height: 24px;
				background-repeat: no-repeat;
				background-position: 0 0;
				font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
				font-size: 11px;
				padding: 0 0 2px 0;
				cursor: pointer;
				font-weight: 500;
			}
			.blockContactForm .submit_btn_hovered{
				background-position: 0 -30px;
			}
		.blockContactForm .itemSubmitRow{
			margin: 19px 0 0 0;
			width: 386px;
		}	
		.blockContactForm .itemSubmitRow_long{
			width: 597px;
		}			
		.blockContactForm .form_input_back_long,
		.blockContactForm .form_textarea_back_long{
		   width: 242px;
		}
		.blockContactForm .col {
		  width: 720px;
		}
		.blockContactForm .col div {
		  display: inline-block;
		  padding: 1px;
		  width: 175px;
		}

/* blockContactForm END */

/* blockContactInfo START */

.blockContactInfo{
	width: 303px;
}
	.blockContactInfo .itemTitle{
		font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
		font-size: 13px;
	}
	.blockContactInfo .itemContent{
		margin: 17px 0 0 0;
	}
		.blockContactInfo .itemInfo{
			
		}
			.blockContactInfo .itemInfo .col_1_2_wrapper{
				margin: 7px 0 0 0;
			}
				.blockContactInfo .itemInfo .col_1{
					width: 141px;
					float: left;
				}
				.blockContactInfo .itemInfo .col_2{
					width: 150px;
					float: left;
				}
				.blockContactInfo .itemInfo .officeTitle{
					font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
					font-size: 11px;
				}
				.blockContactInfo .itemInfo .officeInfo{
					font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
					font-size: 11px;
				}
					.blockContactInfo .itemInfo .officeInfo a{
						text-decoration: underline;
					}
					.blockContactInfo .itemInfo .officeInfo a:hover{
						text-decoration: none;
					}
					.blockContactInfo a.mapLinkOffset { /* 2009-12-30 */
						display: block;
						float: left;
						padding-top: 8px;
					}
				.blockContactInfo .itemInfo .officeInfoName{
					font-size: 11px;
					font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
					font-weight: bold;
				}
				.blockContactInfo .itemInfo .secondAddress{
					margin: 22px 0 0 0;	
				}
				.blockContactInfo .itemInfo .supportDep{
					margin: 15px 0 0 0;
				}
				.blockContactInfo .itemInfo .secondAddressInfo{
					padding: 5px 0 0 0;
				}
		.blockContactInfo .itemMap{
			width: 393px;
			height: 252px;
			overflow: hidden;
			margin: 33px 0 0 0;
		}
			.blockContactInfo .itemMap iframe{
				width: 393px;
				height: 252px;
			}

/* blockContactInfo END */

/* blockNews START */

.blockNews{
	width: 725px;
}
	.blockNews .col_1{
		width: 425px;
		float: left;
		padding: 0 50px 0 0;
	}
	.blockNews .col_2{
		width: 240px;
		float: left;
	}
		.blockNews .itemTitle{
			padding: 0;
		}
			.blockNews .itemTitle a{
				font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
				font-size: 13px;
			}
		.blockNews .itemDate{
			font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
			font-size: 11px;
			padding: 13px 0 0 0;
		}
		.blockNews .itemText{
			font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
			font-size: 12px;
			line-height: 125%;
			min-height: 96px;
			
		}
		.blockNews .itemLinkMore{
			padding: 13px 0 0 0;
		}
			.blockNews .itemLinkMore a{
				font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
				font-size: 11px;
				text-decoration: underline;
				padding: 0 0 0 7px;
				background-repeat: no-repeat;
				background-position: 0 5px;
				line-height: 125%;
			}
			.blockNews .itemLinkMore a:hover{
				text-decoration: none;
				background-position: 0 -40px;
			}
		.blockNews .itemImageFrame{
			width: 232px;
			height: 159px;
			background-repeat: no-repeat;
			padding: 4px;
		}
			.blockNews .itemImageFrame a{
				width: 232px;
				height: 159px;
				display: block;
			}

/* blockNews END */

/* buttons_section START */

.buttons_section .send_inquiry{
	display: block;
	width: 237px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
.buttons_section .other_projects{
	display: block;
	width: 237px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-left: 7px;
}
.buttons_section .other_services{
	display: block;
	width: 237px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-left: 7px;
}
.buttons_section .send_inquiry:hover,
.buttons_section .other_projects:hover,
.buttons_section .other_services:hover{
	background-position: left bottom;
}
	.buttons_section .send_inquiry span,
	.buttons_section .other_projects span,
	.column1 .buttons_section .other_services span{
		display: block;
		margin: 12px 0 0 16px;
		padding-left: 22px;
		font-family: Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 17px;
		background-repeat: no-repeat;
		background-position: 0 7px;
		line-height: 24px;
	}
	.buttons_section .send_inquiry:hover span,
	.buttons_section .other_projects:hover span,
	.buttons_section .other_services:hover span{
		background-repeat: no-repeat;
		background-position: 0 7px;
	}

/* buttons_section END */

/* userText START */

.userText{
	font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
	line-height: 140%;
}
	.userText .picleft,
	.userText .frameleft{
		float: left;
		margin: 7px 25px 15px 0;
	}
	.userText .picright {
		float: right;
		margin: 0 0 15px 25px;
	}
	.userText .frameright{
		float: right;
		margin: 7px 0 15px 25px;
	}
	.userText .frameleft,
	.userText .frameright{
		width: 314px;
		height: 263px;
		padding: 4px;
		background-repeat: no-repeat;
		text-align: center;
	}
		/* 2009-12-30 */
		.userText .blockNewsImageFrame{
			float: right;
			margin: 7px 0 15px 25px;
			
			width: 232px;
			height: 159px;
			background-repeat: no-repeat;
			padding: 4px;
			
			text-align: center;
		}
	.userText p{
		font-size: 12px;
		padding: 7px 0 7px 0;
	}
	.userText h2{
		font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
		font-size: 15px;
		clear: both;
		padding: 7px 0 7px 0;
		font-weight: normal;
	}
	.userText a{
		font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 12px;
	}
	
	.userText a.itemLinkAll{
    	font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
    	font-size: 11px;
    	text-decoration: underline;
    	padding: 0 0 0 7px;
    	background-repeat: no-repeat;
    	background-position: 0 5px;
    	line-height: 125%;
    }
    .userText a.itemLinkAll:hover{
    	text-decoration: none;
    	background-position: 0 -40px;
    }
	
	.userText strong{
		font-weight: bold;
		/*font-size: 11px;*/ /* 2010-01-05 - Removed font-size declaration */
	}
	.userText ul{
		margin: 7px 0;
	}
		.userText ul li{
			font-size: 12px;
			padding: 0 0 0 17px;
			background-repeat: no-repeat;
			background-position: 0 5px;
		}
	.userText ol{
		margin: 7px 0;
		list-style-type: decimal;
		list-style-position: inside;
	}
		.userText ol li{
			font-size: 11px;
		}
	.userText h3{
		font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		clear: both;
		padding: 7px 0 7px 0;
	}
	.userText blockquote{
		padding: 7px 0;
		font-size: 11px;
	}
	.userText sub,
	.userText sup{
		font-size: 11px;
	}

/* userText END */

/* blockRecommendation START */

.blockRecommendation{
	width: 725px;
}
	.blockRecommendation .itemTitle{
		padding: 0;
	}
		.blockRecommendation .itemTitle a{
			font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
			font-size: 13px;
			font-weight: 600;
		}
	.blockRecommendation .itemType{
		font-size: 11px;
		font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
		padding: 13px 0 0 0;
		line-height: 125%;
	}
	.blockRecommendation .itemDate{
		font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		padding: 11px 0 0 0;
	}
	.blockRecommendation .itemText{
		font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 12px;
		line-height: 125%;
	}
	.blockRecommendation .itemLinkMore{
		padding: 3px 0 0 0;
	}
		.blockRecommendation .itemLinkMore a{
			font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
			font-size: 11px;
			text-decoration: underline;
			padding: 0 0 0 7px;
			background-repeat: no-repeat;
			background-position: 0 5px;
		}
		.blockRecommendation .itemLinkMore a:hover{
			text-decoration: none;
			background-position: 0 -40px;
		}
	

/* blockRecommendation END */

/* blockOneService START */

.blockOneService{
	width: 220px;				
}
	.blockOneService h2{
		padding: 0;
		min-height: 33px;
		font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
		font-size: 13px;
		font-weight: normal;
	}
		.blockOneService h2 a{
			font-size: 13px;
		}
	.blockOneService .itemText{
		font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
		font-size: 12px;
		line-height: 125%;
		min-height: 41px;
		padding: 10px 0 0 0;
	}
	.blockOneService .itemImageArea{
		margin: 11px 0 0 0;
	}
		.blockOneService .itemImageFrame{
			width: 188px;
			height: 132px;
			background-repeat: no-repeat;
			padding: 4px;
		}
			.blockOneService .itemImageFrame a{
				display: block;
				width: 188px;
				height: 132px;
			}
	.blockOneService .itemLinkMore{
		padding: 16px 0 0 0;
	}
		.blockOneService .itemLinkMore a{
			font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
			font-size: 11px;
			text-decoration: underline;
			padding: 0 0 0 7px;
			background-repeat: no-repeat;
			background-position: 0 5px;
		}
		.blockOneService .itemLinkMore a:hover{
			text-decoration: none;
			background-position: 0 -40px;
		}

/* blockOneService END */

/* blockTeaser START */

#hp_teaser{
	width: 980px;
	height: 223px;
}
	#hp_teaser .teaser{
		width: 980px;
		height: 223px;
		/* position: relative; */
	}

/* Buttons container */
#teaser_nav{
	top: 208px;
	/* left: 490px; */
	position: absolute;
	z-index: 95;
	float: left; /* to fix the float bug under IE6/7 */
}
	/* Buttons with dynamic text/shape */
	#teaser_nav .button{
		float: left;
		font-size: 1px;
		width: 8px;
		height: 8px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 0 0;
		cursor: pointer;
	}
	#teaser_nav .notFirst{
		margin: 0 0 0 5px;
	}
	#teaser_nav .button_hovered,
	#teaser_nav .button_selected{
		background-position: 0 -21px;
	}
	/* End of Buttons with dynamic text/shape */

/* blockTeaser END */

/* blockProjectImages START */

.blockProjectImages{
	width: 725px;
}
	.blockProjectImages .itemLargeImg{
		float: left;
		width: 506px;
		height: 350px;/* 316px/324px */
		background-repeat: no-repeat;
		padding: 0 4px; /* padding: 4px; */
		overflow: hidden;
	}
	.blockProjectImages .itemSmallImgWrapper{
		float: left;
		width: 195px;
		height: 354px;
		margin-left: 16px;
		position: relative;
		overflow: auto;
	}
		.blockProjectImages .itemSmallImg{
			width: 187px;/*195px = 187px + padding declaration */
			height: 102px;/*110px = 102px + padding declaration */
			background-repeat: no-repeat;
			/*float: left; - float breaks the sliding of the images */
			padding: 4px;
		}
		.blockProjectImages .itemSmallImgWrapper .notFirst{
			margin-top: 11px;
		}
			.blockProjectImages .itemSmallImg a{
				width: 187px;
				height: 102px;
				display: block;
			}
				/*.blockProjectImages .small_image a img{
					display: block;
				}*/
	.blockProjectImages .itemYear{
		padding-top: 15px;
		font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
		font-size: 13px;
	}
	.blockProjectImages .itemLink{
		padding: 5px 0 0 0;
		line-height: 24px; /* IE6 fix, maybe IE7/8... */
	}
		.blockProjectImages .itemLink a{
			font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
			font-size: 16px;
		}
	.blockProjectImages .imagesNav{
		position: relative;
		/*top: -18px;*/
		float: left;
		margin: 8px 0 0 0;
	}
		.blockProjectImages .imagesNav .button{
			width: 8px;
			height: 8px;
			float: left;
			background-repeat: no-repeat;
			background-position: 0 0;
			cursor: pointer;
			font-size: 1px;
		}
		.blockProjectImages .imagesNav .button_hovered,
		.blockProjectImages .imagesNav .button_selected{
			background-position: 0 -21px;
		}
		.blockProjectImages .imagesNav .notFirst{
			margin-left: 2px;
		}

/* blockProjectImages END */

/* similar_projects START */

.similar_projects .title{
	font-family: Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 18px;
	padding: 0 0 16px 0;
}
	.similar_projects .inner_similar_projects{
		position: relative;
		padding: 28px 0 0 0;
	}
	.similar_projects .list_type{
		padding: 0px 0 14px 0;/* padding: 28px 0 14px 0; */
		margin-top: 6px;
	}
	.similar_projects .thumbnail_type_wrapper {
	   margin-top: 6px;
	}
		.similar_projects .list_type .column{
			width: 349px;
			float: left;
		}
		.similar_projects .list_type .notFirst{
			margin-left: 27px;
		}
			.similar_projects .list_type li{
				font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
				font-size: 12px;
				padding-bottom: 3px;
			}
				.similar_projects .list_type .project_name{
					font-weight: bold;
				}
	.similar_projects .thumbnail_type{
		padding: 2px 0 12px 0;/* padding: 30px 0 12px 0; */
		/* height: 237px; */
		/* overflow: hidden; */
		float: left;
	}
		.similar_projects .thumbnail_type .inner_thumbnail_type{
			/* 
			The width of this container should be calculated dynamically.
			It depends on the number of projects shown and the margins between them!
			*/
		}
			.similar_projects .thumbnail_type .blockThumbnail{
				float: left;
			}
			.similar_projects .thumbnail_type .notFirst{
				margin-left: 10px;
			}
			
	/* Select bar */
	
	.similar_projects .select_bar{
		/*padding: 10px 0 0 0;*/
		position: absolute;
		top: 0;
		left: 0;
		z-index: 120;
	}
	   
		.similar_projects .select_bar .select_type{
			float: left;
			/*padding: 0 5px;*/
		}
			.similar_projects .select_bar .select_type a{
				font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
				font-size: 11px;
				float: left;
				line-height: 13px;
				padding: 1px 5px 0 5px;
			}
			.similar_projects .select_bar .select_type .round_left{
				width: 3px;
				height: 14px;
				display: block;
				float: left;
			}
			.similar_projects .select_bar .selected .round_left{
				background-repeat: no-repeat;
			}
			.similar_projects .select_bar .select_type .round_right{
				width: 3px;
				height: 14px;
				display: block;
				float: left;
			}
			.similar_projects .select_bar .selected .round_right{
				background-repeat: no-repeat;
			}
			.similar_projects .select_bar .selected{
				display: block;
			}
			.similar_projects .select_bar .selected a{
				font-weight: bold;
			}
			.similar_projects .select_type_list a {
			    background-image: url('/images/one_project/list_icon_thumb_list.png');
			    background-position: 0 0;
			    background-repeat: no-repeat;
			}
			.similar_projects .select_type_thumbnail a {
			    background-image: url('/images/one_project/list_icon_thumb_list.png');
			    background-position: 0 -80px;
			    background-repeat: no-repeat;
			}
			.similar_projects .select_type_list a:hover {
				/*background-image: url('/images/one_project/list_icon_thumb_list.png');*/
			    background-position: 0 -40px;
			    background-repeat: no-repeat;
			}
			.similar_projects .select_type_thumbnail a:hover {
			    /*background-image: url('/images/one_project/list_icon_thumb_list.png');*/
			    background-position: 0 -120px;
			    background-repeat: no-repeat;
			}
			.similar_projects .select_type_thumbnail a,
			.similar_projects .select_type_list a {
			     display: block;
			     text-indent:26px;
			     min-width: 26px;
			     height: 23px;
			}
			.similar_projects .select_type_thumbnail a div,
			.similar_projects .select_type_list a div {
			     margin-top: 4px;
			}
			.similar_projects .select_type_list a div {
			    display: none;
			    
			}

/* similar_projects END */

/* Home page carousel styles START */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 186px;
    height: 88px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-skin-projects .jcarousel-container-horizontal {
    width: 955px;
    padding-left: 25px;
}
.jcarousel-skin-projects .jcarousel-clip-horizontal {
    width:  930px;
    height: 88px;
}
.jcarousel-skin-projects .jcarousel-item {
    width: 186px;
    height: 88px;
}
.jcarousel-skin-projects .jcarousel-item-horizontal {
    margin-right: 0px;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-projects .jcarousel-next-horizontal {
	position: absolute;
	top: 35px;
	right: 11px;
	width: 12px;
	height: 20px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
}
.jcarousel-skin-projects .jcarousel-next-horizontal:hover {
	background-position: 0 -21px;
}
.jcarousel-skin-projects .jcarousel-next-disabled-horizontal,
.jcarousel-skin-projects .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-projects .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -42px;
}
.jcarousel-skin-projects .jcarousel-prev-horizontal {
    position: absolute;
    top: 35px;
    left: 11px;
    width: 12px;
    height: 20px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left top;
}
.jcarousel-skin-projects .jcarousel-prev-horizontal:hover {
    background-position: 0 -21px;
}
.jcarousel-skin-projects .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-projects .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-projects .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -42px;
}
.jcarousel-skin-projects li a{
	display: block;
	width: 186px;
	height: 88px;
}

/* Home page carousel styles END */

/**************/
/* BLOCKS END */
/**************/

/*************************/
/* CONTACT & OFFER START */
/*************************/
p.success {
    color: #38bb5a;
}
p.error {
    color: #d52626;
}

.pageTestimonialDetail .testimItemTitle {
	float: left;
}
.pageTestimonialDetail .testimItemType {
	clear: left;
}
.pageTestimonialDetail .testimItemImage {
	float: right;
}

/* Styled select for inquiry form */
#inquiryStyledSelect {
	display:none;
}
.styledSelect {
	font-size: 14px;
	position: relative;
	background: url(../images/common/styled_select/select_box_2.jpg) 0 5px no-repeat;
	z-index: 5;
	width: 255px;
	height: 28px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.styledSelect ul li.closed {
	padding-top: 8px;
}
.styledSelect ul {
	list-style: none;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 249px;
	height: 28px;
	padding: 0px;
	margin: 0 0 0 5px;
}

.styledSelect.open {
	background-position: 0 -29px;	
}

.styledSelect ul li {
	margin: 0;
	display: block;
	background: transparent;
	padding: 0 10px;
	color: #636363;
	font-size: 11px;
	/*font-weight:bold;*/
	cursor: pointer;
	width: 222px; /* +padding+border=244px */
}
.styledSelect.open ul {
	top: 29px;
}
.styledSelect.open ul li {
	background: #ffffff;
}
.styledSelect.open ul li.selected {
	background: #3875d7;
	color: #ffffff;
}
.styledSelect.open ul li {
	border-right: 1px solid #777777; /* 000000 */
	border-left: 1px solid #777777; /* 939393 */
}
.styledSelect.open ul li.first {
	border-top: 1px solid #777777; /* 939393 */
}
.styledSelect.open ul li.last {
	border-bottom: 1px solid #777777; /* 000000 */
}

.styledSelect.open ul li.hover {
	background: #3875d7;
	color: #ffffff;
}

/*
.styledSelect.open ul li.first,
.styledSelect.open ul li.first:hover,
.styledSelect.open ul li.hover.first,
.styledSelect.open ul .closed {
	width:auto;
	background:transparent;
	padding-top:0px;
}
.styledSelect.open ul .selected {
	background: #ffffff url(../images/select-opt-back.jpg) no-repeat;
}
.styledSelect.open ul li:hover {
	background: #BCEAFF url(../images/select-opt-back.jpg) no-repeat;
}

.styledSelect.open ul .first ,
.styledSelect.open ul li.selected.first{
	background:transparent;
}
.styledSelect.open ul .last {
	background:url(../images/select-bg.png) no-repeat -253px bottom;
}
.styledSelect.open ul .hoverLast:hover,
.styledSelect.open ul li.hoverLast,
.styledSelect.open ul .lastSelected {
	background:url(../images/select-bg.png) no-repeat left bottom;
}
*/

.sitemap_col_1 {
	float: left;
	width: 330px; /* 725px total - 2 cols + padding */
	padding: 0 50px 0 0;
}
.sitemap_col_2 {
	float: left;
	width: 340px; /* 725px total - 2 cols + padding */
}

.b_FacebookGroup {
	display: block;
	background: url('/images/common/buttons/facebook-exsisto-2.jpg') no-repeat left top;
	width: 235px;
	height: 43px;
	text-indent: -9999px;
}

.b_FacebookGroup:hover {
	background-position: 0 -50px;
}