/* http://www.exsisto.bg/css/popup.css */

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #FFF;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* http://www.exsisto.bg/css/default.css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

img, a img, :link img, :visited img { border: none; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Rarely used */
sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}
sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}
acronym, abbr {
	cursor: help;
	letter-spacing: 1px;
	border-bottom: 1px dashed;
}
/* remove italic */
address,abbr { font-style: normal }


/* http://www.exsisto.bg/css/global.css */

/******************************/
/* Global styles (whole site) */
/******************************/

body {
	font: 12px/130% Arial, Verdana, sans-serif;
	color: #2d2c2b;
}
/* font-size for tables is not inherited in IE5.x */
table, input, select, textarea {
	font: 12px Arial, Verdana, sans-serif; /* Do not define line-height for select-s, table... */
	color: #2d2c2b;
}


/***** Links *****/
 
a, a:link, a:visited {
	color: #4199c9;
	text-decoration: none;
}
a:hover { text-decoration: none; }

/***** Headings *****/
h1 {
	/*letter-spacing:-1px;*/
	font-size:16px;
}
h2 {
	/*letter-spacing:-1px;*/
	font-size:14px;
}
h3 {
	font-size:12px;
}
h4, h5, h6 {
	
}

/***** Lists *****/
ul, ol {
	/* There are diferences when nesting LISTS in IE6/7 and FF. Margin-left 20px is good in FF, ~25px is good in IE6/7 */
	/* Please, do not remove this comment, but change (or comment) declaration when needed */
	/*margin-left: 21px;*/
}
ul {
	/*list-style-type: disc;*/
	list-style-type: none;
}
ol {
	/*list-style-type: decimal;*/
	list-style-type: none;
}

/***** Paragraphs *****/
p {
	/* text-indent: 20px; */
}

/***** Forms *****/
textarea {
	
}
select {
	padding: 2px 0;
}
option {
	padding: 1px 3px;
}
.inputText, .inputPassword {
	padding: 1px 2px;
	border: 1px solid #cccccc;
}
label {
	cursor:pointer; /* Comment if not necessary */
}

/***** Common classes *****/
.clear {
	clear: both;
	width: 0px; /* 	width: 100%; for IE ??? */
	height: 0px;
	overflow: hidden;
	font-size: 1px; /* needed for IE5.x <div class="clear"></div> */
}

.clearAfter:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Now fixes for IE */
.clearAfter {display: inline-block;} /* fixes IE/Mac */
/* Hides from IE-mac \*/
* html .clearAfter {height: 1%;}
.clearAfter {display: block;} /* restores display:block for all, except IE/Mac */
/* End hide from IE-mac */

.hr { /*replaces tag 'hr' */
	/* background-color: #aeaeae; */
	margin: 0;
	padding: 0;
	border: none;
	height: 1px;
	overflow: hidden;
}

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.img-left, .picleft      { float:left; margin:4px 10px 4px 0; }
.img-right, .picright     { float:right; margin:4px 0 4px 10px; }

.center { /*replaces tag 'center' */
	margin: 0 auto;
}



/* http://www.exsisto.bg/css/style.css */

/**********************************/
/*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 */

/* Awards page START */
#awards_container .page_content{
	padding: 0 0 50px 0;
}
	#awards_container .column1 .pagination{
		float: right;
		padding-top: 20px;
	}
	#awards_container .column1 .blockNews{
		margin: 26px 0 0 0;
		padding: 0 0 26px 0;
	}
	#awards_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;
	}
	#awards_container .page_content .column1 .hr{
		width: 725px;
		height: 1px;
		font-size: 1px;
		overflow: hidden;
		background-repeat: repeat-x;
		clear: both;
	}
	#awards_container .tree-wrapper{
		margin: 21px 0 0 0;
		padding: 10px 0 30px 0;
		min-height: 600px;
		background: url('/images/awards/exsisto-water-mark.jpg') no-repeat top center;
	}
		.tree-wrapper .title{
			color: #4199c9;
			font-family: Arial, Tahoma, Verdana, sans-serif; /* Helvetica */
			font-size: 16px;
			line-height: 19px;
			font-weight: bold;
			display: block;
			padding: 10px 0 0 100px;
			min-height: 65px;
			background: url('/images/awards/cup.jpg') no-repeat 1px 0px;
		}

		.tree-wrapper ul li{
			padding-left: 170px;
			background-repeat: no-repeat;
			background-position: top left;
/* 			min-height: 108px; */
		}

		.tree-wrapper ul li.y2009{
			background-image: url('/images/awards/awards-bg-2009.png');
/* 			height: 111px;						 */
		}
		.tree-wrapper ul li.y2010{
			background-image: url('/images/awards/awards-bg-2010.png');
			height: 89px;
		}
		.tree-wrapper ul li.y2011{
			background-image: url('/images/awards/awards-bg-2011.png');
			height: 198px;
		}
		.tree-wrapper ul li.y2012{
			background-image: url('/images/awards/awards-bg-2012.png');
			height: 99px;			
		}
		.tree-wrapper ul li.y2013{
			background-image: url('/images/awards/awards-bg-2013.png');
			height: 111px;
		}
			.tree-wrapper ul li .row{
				margin-top: 10px;
				padding-top: 8px;
				color: #575757;
				font-family: Arial, Tahoma, Verdana, sans-serif; /* Helvetica */
				font-size: 13px;
				line-height: 20px;
			}
			.tree-wrapper ul li .row:first-child{
				margin-top: 0;
			}	
			.tree-wrapper ul li .row h2{
				color: #4199c9;
				font-family: Arial, Tahoma, Verdana, sans-serif; /* Helvetica */
				font-size: 14px;
				line-height: 17px;
				font-weight: bold;
				margin-bottom: 10px;
			}
			
	#awards_container .column1 .buttons_section{
		margin: 20px 0 0 0;
	}
	
	
/* 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 */
/***********************************/
#awards_container .column1,
#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;
}
#awards_container .column2,
#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;
			}

#awards_container .breadcrumbs, #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;
			line-height: 20px;
		}
		.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 4px;
							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 4px;
							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;
}




/* http://www.exsisto.bg/css/jScrollHorizontalPane.css */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 28px 0 0 0;
	/* top: -28px; */
	margin: -28px 0 0 0;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	/*left: 0;
	bottom: 0;*/
	width: 100%;/* 592px */
	background: #f1f1f1;
	top: 3px;
	left: 135px;
}

.jScrollIntervalTrack { 
	position: absolute;
}

.jScrollPaneDrag {
	position: absolute;
	background: #75b3d5;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	height: 9px;
	width: 10px;
}
a.jScrollArrowLeft:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	width: 10px;
}
a.jScrollArrowRight:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* http://www.exsisto.bg/css/apple.css */

div#container_right {
    color:#666666;
    font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;
    font-size:11px;
}

.apple_nov_mac_image_box {
    float:left;
    padding:6px 0 14px;
    width:185px;
}

ul.services {
    margin:2px 0 10px;
    padding:0;
}
ul.iban li, ul.help li, ul.services li {
    margin:0 10px 0 0;
    padding:0;
}
ul.help a:hover, ul.services a:hover {
    color:#222222;
}
.macDivs {
    float:left;
    width:240px;
}
.macTitleContainer {
    border-bottom:1px solid #5C5C5C;
    padding:5px 0;
    color: #B5D01B;
}
.macTitleContainer a{
    color: #acca02;
    font-weight: bold;
}

.macTitleContainer a span{
    font-weight: normal;
}

.macProducts td {
    font-size:11px;
    text-align:left;
}
.macProducts .col1 {
    vertical-align:top;
    width:15%;
}
.macProducts .col2 {
    color:#3E90D4;
    text-align:center;
    vertical-align:top;
    width:6%;
}
.macProducts .col3 {
    color:#F87A13;
    width:57%;
}
.macProducts .col4 {
    color:#3E90D4;
    text-align:center;
    vertical-align:top;
    width:6%;
}
.macProducts .col5 {
    color:#5C5C5C;
    text-align:right;
    vertical-align:top;
    width:10%;
}
.macProducts .col6 {
    color:#5C5C5C;
    text-align:right;
    vertical-align:top;
    width:6%;
}

.macShower {
    color:#3E90D4;
    display:none;
    float:right;
}
.macProducts {
    border-collapse:collapse;
    width:100%;
}
h2.apple_blue_title {
    color: #4199C9;
}

/* http://www.exsisto.bg/css/prettyPhoto.css */

/* ------------------------------------------------------------------------
This you can edit.
------------------------------------------------------------------------- */

div.light_rounded_2 .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded_2/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.light_rounded_2 .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
div.light_rounded_2 .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded_2/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.light_rounded_2 .pp_content { background-color: #fff; } /* Content background */
div.light_rounded_2 .pp_next:hover { background: url(../images/prettyPhoto/light_rounded_2/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.light_rounded_2 .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded_2/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_rounded_2 .pp_expand { background: url(../images/prettyPhoto/light_rounded_2/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_rounded_2 .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded_2/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_rounded_2 .pp_contract { background: url(../images/prettyPhoto/light_rounded_2/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_rounded_2 .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded_2/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_rounded_2 .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded_2/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

div.light_rounded_2 .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded_2/sprite.png) -1px -72px no-repeat; } /* The previous arrow in the bottom nav */
	div.light_rounded_2 .pp_arrow_previous.disabled { background-position: -1px -93px; cursor: default; }
div.light_rounded_2 .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded_2/sprite.png) -22px -72px no-repeat; } /* The next arrow in the bottom nav */
	div.light_rounded_2 .pp_arrow_next.disabled { background-position: -22px -93px; cursor: default; }

div.light_rounded_2 .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded_2/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.light_rounded_2 .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
div.light_rounded_2 .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded_2/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

div.light_rounded_2 .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded_2/loader.gif) center center no-repeat; } /* Loader icon */

/* ----------------------------------
	Light Square Theme
----------------------------------- */

div.light_square_2 .pp_left ,
div.light_square_2 .pp_middle,
div.light_square_2 .pp_right,
div.light_square_2 .pp_content { background: #fff; }

div.light_square_2 .pp_expand { background: url(../images/prettyPhoto/light_square_2/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square_2 .pp_expand:hover { background: url(../images/prettyPhoto/light_square_2/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square_2 .pp_contract { background: url(../images/prettyPhoto/light_square_2/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square_2 .pp_contract:hover { background: url(../images/prettyPhoto/light_square_2/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square_2 .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square_2/sprite.gif) -1px -1px no-repeat; cursor: pointer; } /* Close button */

div.light_square_2 .pp_arrow_previous { background: url(../images/prettyPhoto/light_square_2/sprite.gif) -1px -72px no-repeat; } /* The previous arrow in the bottom nav */
	/* div.light_square_2 .pp_arrow_previous.disabled { background-position: -1px -93px; cursor: default; } */
div.light_square_2 .pp_arrow_next { background: url(../images/prettyPhoto/light_square_2/sprite.gif) -22px -72px no-repeat; } /* The next arrow in the bottom nav */
	/* div.light_square_2 .pp_arrow_next.disabled { background-position: -22px -93px; cursor: default; } */

div.light_square_2 .pp_next:hover { background: url(../images/prettyPhoto/light_square_2/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.light_square_2 .pp_previous:hover { background: url(../images/prettyPhoto/light_square_2/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
	background: #000;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9500;
}

div.pp_pic_holder {
	display: none;
	position: absolute;
	width: 100px;
	z-index: 10000;
}
	
	.pp_top {
		height: 20px;
		position: relative;
	}
		* html .pp_top { padding: 0 20px; }
	
		.pp_top .pp_left {
			height: 20px;
			left: 0;
			position: absolute;
			width: 20px;
		}
		.pp_top .pp_middle {
			height: 20px;
			left: 20px;
			position: absolute;
			right: 20px;
		}
			* html .pp_top .pp_middle {
				left: 0;
				position: static;
			}
		
		.pp_top .pp_right {
			height: 20px;
			left: auto;
			position: absolute;
			right: 0;
			top: 0;
			width: 20px;
		}
	
	.pp_content {
		height: 40px;
		position: relative;
		text-align: left;
		width: 100%;
	}
	
		.pp_content .pp_details {
			display: none;
			margin: 10px 15px 2px 20px;
		}
			.pp_description {
				display: none;
				float: left;
				margin: 0;
			}
			
			.pp_nav {
				clear: left;
				float: left;
				/*margin: 3px 0 0 0;*/
				width: 100px; /* fix ie6/7 to keep the links on 1 row */
			}
			
				.pp_nav p {
					float: left;
					margin: 2px 5px;
				}
			
				.pp_nav a.pp_arrow_previous,
				.pp_nav a.pp_arrow_next {
					display: block;
					float: left;
					height: 15px;
					margin-top: 3px;
					overflow: hidden;
					text-indent: -10000px;
					width: 16px;
				}
	
	.pp_hoverContainer {
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 2000;
	}
	
	a.pp_next {
		background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		display: block;
		float: right;
		height: 100%;
		text-indent: -10000px;
		width: 49%;
	}
		
	a.pp_previous {
		background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		display: block;
		float: left;
		height: 100%;
		text-indent: -10000px;
		width: 49%;
	}
	
	a.pp_expand,
	a.pp_contract {
		cursor: pointer;
		display: none;
		height: 20px;	
		position: absolute;
		right: 30px;
		text-indent: -10000px;
		top: 10px;
		width: 20px;
		z-index: 20000;
	}
		
	a.pp_close {
		display: block;
		float: right;
		text-indent: -10000px;
	}
	
	.pp_bottom {
		height: 20px;
		position: relative;
	}
		* html .pp_bottom { padding: 0 20px; }
		
		.pp_bottom .pp_left {
			height: 20px;
			left: 0;
			position: absolute;
			width: 20px;
		}
		.pp_bottom .pp_middle {
			height: 20px;
			left: 20px;
			position: absolute;
			right: 20px;
		}
			* html .pp_bottom .pp_middle {
				left: 0;
				position: static;
			}
			
		.pp_bottom .pp_right {
			height: 20px;
			left: auto;
			position: absolute;
			right: 0;
			top: 0;
			width: 20px;
		}
	
	.pp_loaderIcon {
		display: none;
		height: 24px;
		left: 50%;
		margin: -12px 0 0 -12px;
		position: absolute;
		top: 50%;
		width: 24px;
	}
	
	#pp_full_res {
		display: none;
		line-height: 1 !important;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}

	div.ppt {
		color: #fff;
		display: none;
		font-size: 17px;
		left: 0;
		position: absolute;
		top: 0;
		z-index: 9999;
	}

/* ------------------------------------------------------------------------
Miscellaneous
------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* http://www.exsisto.bg/css/skin-default.css */

/**********************************/
/*STYLING THE FRAME ELEMENTS START*/
/**********************************/

#hp_container .page_header_outer{
	background-image: url(../images/common/level1_back.jpg);
	background-color: #3e9dd0;
}
.page_container_inner .page_header_outer{
	background-image: url(../images/common/level1_back_inner.jpg);
	background-color: #3793c6;
}
	#hp_container .page_header{
		background-image: url(../images/common/header_and_teaser_back.jpg);
	}
	.page_container_inner .page_header{
		background-image: url(../images/common/header_back_inner.jpg);
	}
.page_content_outer{
	background-image: url(../images/common/level2_back.jpg);
}
.common_section{
	background-image: url(../images/common/level3_back.jpg);
	background-color: #3d3d3d;
}
.footer{
	background-color: #1f1f1f;
}

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

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

/* Home page START */

/* Home page END */

/* Portfolio page START */

#portfolio_container .page_content .column1 h1{
	color: #4199c9;
}
#portfolio_container .page_content .column1 .hr{
	background-image: url(../images/common/content_separator.gif);
}

/* Portfolio page END */

/* One_project page START */

#one_project_container .column1 h1{
	color: #4199c9;
}
#one_project_container .column1 .hr{
	background-image: url(../images/common/content_separator.gif);
}		
	
/* One_project page END */

/* Contact_us page START */
#contact_us_container .page_content .column1 h1{
	color: #4199c9;
}
#contact_us_container .page_content .column1 .hr{
	background-image: url(../images/common/content_separator.gif);
}
/* Contact_us page END */

/* onlineinquiry_container START */
#onlineinquiry_container .page_content .column1 h1{
	color: #4199c9;
}
#onlineinquiry_container .page_content .column1 .hr{
	background-image: url(../images/common/content_separator.gif);
}
/* onlineinquiry_container END */

/* News page START */

#news_container .page_content .column1 h1{
	color: #4199c9;
}
#news_container .page_content .column1 .hr{
	background-image: url(../images/common/content_separator.gif);
}

/* News page END */


/* Awards page START */

#awards_container .page_content .column1 h1{
	color: #4199c9;
}
#awards_container .page_content .column1 .hr{
	background-image: url(../images/common/content_separator.gif);
}

/* Awards page END */


/* Service_detail page START */

#service_detail_container .page_content .column1 h1{
	color: #4199c9;
}
#service_detail_container .page_content .column1 .hr{
	background-image: url(../images/common/content_separator.gif);
}

/* Service_detail page END */

/* Recommendations page START */

#recommendations_container .page_content .column1 h1{
	color: #4199c9;
}
#recommendations_container .page_content .column1 .hr{
	background-image: url(../images/common/content_separator.gif);
}

/* Recommendations page END */

/* Services page START */

#services_container .page_content .column1 h1{
	color: #4199c9;
}
#services_container .page_content .column1 .hr{
	background-image: url(../images/common/content_separator.gif);
}
/*
	#services_container .services_wrapper .one_service_separator{
		background-image: url(../images/common/content_separator.gif);
	}
*/
	#services_container .services_wrapper .servicesRowNotFirst .blockOneService,
	#services_container .services_wrapper .servicesRowNotFirst .notFirstService{
		background-image: url(../images/common/content_separator.gif);
	}

/* Services page END */

/* About page START */

#about_container .page_content .column1 h1{
	color: #4199c9;
}
#about_container .page_content .column1 .hr{
	background-image: url(../images/common/content_separator.gif);
}

/* About page END */

/********************************************************************************************************************/
/*Level 1 - correspondes to the header whick includes horizontal menu, carousel, logo and probably a flash animation*/
/********************************************************************************************************************/

.logo{
	background-image: url(../images/logo_24.png);
}
			#contact_menu li a{/* using id because IE6 won's change the font color */
				color: #66bbe7;
			}
			#contact_menu li a:hover{
				color: #bee3f7;
			}
			.contact_menu li .item1,
			.contact_menu li .item2,
			.contact_menu li .item3,
			.contact_menu li .item4{
				background-image: url(../images/common/contact_us/contact_us_icons_24.png);
			}
			.contact_menu li .item5{
				background-image: url(../images/mobile-website-icon.png);
				
				padding-left: 24px !important; 
			}

/* Horizontal menu START */

	.horizontal_menu .menu_round_right,
	.horizontal_menu .menu_round_left{
		background-image: url(../images/common/horizontal_menu/horizontal_menu_corners_24.png);
	}
	.horizontal_menu ul{
		background-image: url(../images/common/horizontal_menu/horizontal_menu_back_24.png);
	}
		.horizontal_menu ul li{
			background-image: url(../images/common/horizontal_menu/horizontal_menu_separator.gif);
		}
		.horizontal_menu ul li.first{
			background-image: none;
		}
			#horizontal_menu a{
				color: #f7f7f7;
			}
				.horizontal_menu .selected .round_left,
				.horizontal_menu .selected .round_right,
				.horizontal_menu .hovered .round_left,
				.horizontal_menu .hovered .round_right{
					background-image: url(../images/common/horizontal_menu/horizontal_menu_selected_corners_24.png);
				}
				.horizontal_menu .selected .link_text,
				.horizontal_menu .hovered .link_text{
					color: #074264;
				}
				/* Option - if needed use the background in the comment, it should look the same */
				.horizontal_menu .selected .link_text,
				.horizontal_menu .hovered .link_text{
					background-color: #89ccec;
					border-top: 1px solid #59859a;
					/* background-image: url(../images/common/horizontal_menu/horizontal_menu_selected_back.jpg); */
				}

/* Horizontal menu END */

	.projects_carousel .topcorners{
		background-image: url(../images/common/carousel/projects_carousel_corners_24.png);
	}
	.projects_carousel .carousel{
		background-image: url(../images/common/carousel/projects_carousel_back.jpg);
	}


#breadcrumbs_list .notFirst{
	background-image: url(../images/common/breadcrumbs_arrow.gif);
}
	#breadcrumbs_list a{
		color: #ffffff;
	}
		#breadcrumbs_list a:hover{
			color: #99dbff;
		}
	#breadcrumbs_list .current_position{
		color: #ffffff;
	}
	
/****************************************************/
/*Level 2 - correspondes to the content of the page */
/****************************************************/

/*Level 2 - HOME PAGE STYLING*/

		#hp_container .services .section_heading,
		#hp_container .projects .section_heading,
		#hp_container .case_studies .section_heading{
			color: #005c95;
		}
		#hp_container .services .section_heading a,
		#hp_container .projects .section_heading a,
		#hp_container .case_studies .section_heading a{
			color: #005c95;
		}
		#hp_container .services .section_heading a:hover,
		#hp_container .projects .section_heading a:hover,
		#hp_container .case_studies .section_heading a:hover{
			color: #2084bb;
		}
		
	/*Column 1*/
	
	#hp_container .services a{
		color: #4199c9;
	}
	#hp_container .services a:hover{
		color: #B5D01B;
	}
	#hp_container .services ul li.first_of_category{
		background-image: url(../images/common/content_separator.gif);
	}
	
	/*Column 2*/
	
	#hp_container .outer_projects .one_project .heading{
		color: #4199c9;
	}
	#hp_container .outer_projects .one_project .heading:hover{
		color: #B5D01B;
	}
	#hp_container .outer_projects .one_project .frame{
		background-image: url(../images/common/frame_24.png);
	}
	#hp_container .outer_projects .hr{
		background-image: url(../images/common/content_separator.gif);
	}
		#hp_container .outer_projects .dots_up,
		#hp_container .outer_projects .dots_down
		{
			background-image: url(../images/common/dots_24.png);
		}
			
	/*Column 3*/
	
	#hp_container .outer_case_studies li{
		background-image: url(../images/common/content_separator.gif);
	}
	#hp_container .outer_case_studies .firstInList{
		background-image: none;
	}
		#hp_container .outer_case_studies a:hover{
			color: #B5D01B;
		}
		#hp_container .outer_case_studies p{
			color: #676c6f;
		}
		
	#hp_container .outer_case_studies .link_all{
		color: #8ea606;
		background-image: url(../images/common/bullet_green.gif);
	}
	#hp_container .outer_case_studies .link_all:hover{
		color: #b5d01b;
	}
		
	/*Link all styling*/
	
			#hp_container .link_all_section .link_all{
				color: #8ea606;
				background-image: url(../images/common/bullet_green.gif);
			}
			#hp_container .link_all_section .link_all:hover{
				color: #b5d01b;
			}

/*Level 2 - INNER PAGES STYLING*/

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

	.common_section .useful_section .heading, .common_section .useful_section .heading a {
		color: #ffffff;
	}
		.common_section .useful_section .heading a:hover {
			color: #dddddd;
		}
			.common_section .useful_section ul li{
				background-image: url(../images/common/bullet_green_gradient.gif);
			}
				.common_section .useful_section ul li a{
					color: #b2b2b2;
				}
				.common_section .useful_section ul li a:hover{
					color: #8ea606;
				}
		.common_section .useful_section .copyright{
			color: #8d8d8d;
		}
/*
		.common_section .little_menu_section .little_menu .hr{
			background-image: url(../images/common/little_menu_hr.gif);
		}
*/
		.common_section .little_menu_section li{
			background-image: url(../images/common/little_menu_hr.gif);
		}
		.common_section .little_menu_section li.first{
			background-image: none;
		}
			.common_section .little_menu_section .little_menu a{
				color: #929292;
			}
			.common_section .little_menu_section .little_menu a:hover{
				color: #e8e8e8;
			}
		
		.common_section .little_menu_section .rss{
			color: #ffffff;
			background-image: url(../images/common/rss_icon_24.png);
		}
		.common_section .logos .logos_separator{
			background-image: url(../images/common/logos_separator_24.png);
		}
		.common_section .logos a{
			background-image: url(../images/common/logos_24.png);
		}
		
/******************/
/*Level 4 - footer*/
/******************/

.footer .inner_footer p{
	color: #5d5d5d;
}
	.footer .inner_footer a {
		color: #777777;
	}
	.footer .inner_footer a:hover {
		color: #999999;
	}

/**************/
/*BLOCKS START*/
/**************/

/* BLOCK Pagination Start */

		.pagination .round_left, .pagination .round_right{
			background-image: url(../images/common/pagination_corners_24.png);
		}
		.pagination .blockContent{
			background-image: url(../images/common/pagination_back.jpg);
		}
			.pagination .prev{
				background-image: url(../images/common/pagination_arrow.gif);
			}
			.pagination .next{
				background-image: url(../images/common/pagination_arrow.gif);
			}
				.pagination .page a{
					color: #ffffff;
				}
				.pagination .page a:hover{
					color: #0b283f;
				}
			.pagination .selected{
				color: #0b283f;
			}
			.pagination .separator{
				background-image: url(../images/common/pagination_separator.gif);
			}
/* BLOCK Pagination End */

/* BLOCK Portfolio project START */
		.item_portfolio_project .item_title, .item_portfolio_project .item_title a {
			color: #4199c9;
		}
			.item_portfolio_project .item_title a:hover{
				color: #005c95;
			}
		.item_portfolio_project .item_link a{
			color: #4199c9;
		}
			.item_portfolio_project .item_link a:hover{
				color: #005c95;
			}
		.item_portfolio_project .item_info{
			color: #585858;
		}
			.item_portfolio_project .item_link_more a{
				color: #8ea606;
				background-image: url(../images/common/bullet_green.gif);
			}
			.item_portfolio_project .item_link_more a:hover{
				color: #b5d01b;
			}
	.item_portfolio_project .item_image{
		background-image: url(../images/common/portfolio_projects_frame_24.png);
	}
		
/* BLOCK Portfolio project END */

/* BLOCK content_description_box START */

		.content_description_box .topcorners{
			background-image: url(../images/common/portfolio_box_corners_24.png);
		}
		.content_description_box .bottomcorners{
			background-image: url(../images/common/portfolio_box_corners_24.png);
		}
		/* Borders start */
		.content_description_box .middle .border_right{
			background-image: url(../images/common/portfolio_box_border_24.png);
		}
		.content_description_box .middle .border_left{
			background-image: url(../images/common/portfolio_box_border_24.png);
		}
		/* Borders end */
		.content_description_box .box_content{
			background-image: url(../images/common/portfolio_box_back.jpg);
			background-color: #ffffff;
		}
			.content_description_box .item_separator{
				background-image: url(../images/common/content_separator.gif);
			}
				.content_description_box .item_title{
					color: #4199c9;
				}
						.content_description_box .common_list li{
							background-image: url(../images/common/portfolio_box_bullet.gif);
						}
						.content_description_box .by_year_list li{
							background-image: url(../images/common/portfolio_box_bullet.gif);
						}
							.content_description_box .common_list li a,
							.content_description_box .by_year_list li a{
								color: #585858;
							}
							.content_description_box .common_list .selected,
							.content_description_box .by_year_list .selected{
								color: #50ade0;
							}
								.content_description_box .common_list a:hover,
								.content_description_box .by_year_list a:hover{
									color: #50ade0;
								}
								
/* BLOCK content_description_box END */

/* BLOCK Send question START */

	.send_question_bg a{
		background-image: url(../images/common/send_question_btn_24.png);
	}
		
/* BLOCK Send question END */

/* BLOCK Thumbnail from one_project page START */

	.blockThumbnail .blockImage{
		background-image: url(../images/one_project/similar_projects_frame_24.png);
	}
	.blockThumbnail .blockTitle{
		color: #585858;
	}
		.blockThumbnail .blockTitle a{
			color: #4199c9;
		}
		.blockThumbnail .blockTitle a:hover{
			color: #005c95;
		}
	.blockThumbnail .blockInfo{
		color: #585858;
	}
		.blockThumbnail .blockInfo a{
			color: #4199c9;
		}
		.blockThumbnail .blockInfo a:hover{
			color: #005c95;
		}
	/*
	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{
		color: #8ea606;
		background-image: url(../images/common/bullet_green.gif);
	}
	#thumbnail_type .blockThumbnail .blockLinkMore:hover{
		color: #b5d01b;
	}

/* BLOCK Thumbnail from one_project page END */

/* blockContactForm START */

	.blockContactForm .itemTitle{
		color: #4199c9;
	}
			.blockContactForm .form_label{
				color: #636363;
			}
				.blockContactForm .form_label span{
					color: #8ea606;
				}
			.blockContactForm .form_input_back,
			.blockContactForm .form_textarea_back{
				background-image: url(../images/common/block_contact_form/contact_form_inputs_back_24.png);
			}
				.blockContactForm .form_input_back input{
					border: none;
					color: #636363;
					background-color: transparent;
				}
				.blockContactForm .form_textarea_back textarea{
					border: none;
					color: #636363;
					background-color: transparent;
				}
			.blockContactForm .obligatory_fields{
				color: #636363;
			}
				.blockContactForm .obligatory_fields span{
					color: #8ea606;
				}
			.blockContactForm .submit_btn{
				background-image: url(../images/common/block_contact_form/submit_btn.gif);
				border: 0;
				color: #ffffff;
			}	
			.blockContactForm .form_input_back_long,
			.blockContactForm .form_textarea_back_long {
			     background-image: url(../images/common/block_contact_form/contact_form_inputs_back_24_long.png);
			}
			
				

/* blockContactForm END */

/* blockContactInfo START */

	.blockContactInfo .itemTitle{
		color: #4199c9;
	}
				.blockContactInfo .itemInfo .officeTitle{
					color: #4199c9;
				}
				.blockContactInfo .itemInfo .officeInfo{
					color: #636363;
				}
					.blockContactInfo .itemInfo .officeInfo a{
						color: #8ea606;
					}
					.blockContactInfo .itemInfo .officeInfo a:hover{
						color: #b5d01b;
					}
				.blockContactInfo .itemInfo .officeInfoName{
					color: #636363;
				}

/* blockContactInfo END */

/* blockNews START */

			.blockNews .itemTitle a{
				color: #4199c9;
			}
			.blockNews .itemTitle a:hover{
				color: #005c95;
			}
		.blockNews .itemDate{
			color: #4199c9;
		}
		.blockNews .itemText{
			color: #585858;
		}
			.blockNews .itemLinkMore a{
				color: #8ea606;
				background-image: url(../images/common/bullet_green.gif);
			}
			.blockNews .itemLinkMore a:hover{
				color: #b5d01b;
			}
		.blockNews .itemImageFrame{
			background-image: url(../images/common/block_news/news_image_frame_24.png);
		}

/* blockNews END */

/* buttons_section START */

.buttons_section .send_inquiry{
	background-image: url(../images/one_project/common_button.jpg);
}
.buttons_section .other_projects{
	background-image: url(../images/one_project/common_button.jpg);
}
.buttons_section .other_services{
	background-image: url(../images/one_project/common_button.jpg);
}
	.buttons_section .send_inquiry span,
	.buttons_section .other_projects span,
	.column1 .buttons_section .other_services span{
		color: #4199c9;
		background-image: url(../images/common/common_button_bullet_blue.gif);
	}
	.buttons_section .send_inquiry:hover span,
	.buttons_section .other_projects:hover span,
	.buttons_section .other_services:hover span{
		color: #ffffff;
		background-image: url(../images/common/common_button_bullet_white.gif);
	}

/* buttons_section END */

/* userText START */

.userText{
	color: #636363;
}

    .userText a.itemLinkAll{
		color: #8ea606;
		background-image: url(../images/common/bullet_green.gif);
		background-repeat: no-repeat;
	}
	.userText a.itemLinkAll:hover{
		color: #b5d01b;
	}

	.userText .frameleft,
	.userText .frameright{
		background-image: url(../images/service_detail/service_detail_frame_24.png);
	}
		.userText .blockNewsImageFrame{
			background-image: url(../images/common/block_news/news_image_frame_24.png);
		}
	.userText .frameright_second{
		background-image: url(../images/service_detail/service_detail_frame_24_2.png);
		height: 230px;
	}
	.userText h2{
		color: #4199c9;
	}
	.userText .itemDate{
		color: #4199c9;
	}
	.userText a{
		color: #4199c9;
	}
	.userText a:hover{
		color: #005c95;
	}
		.userText ul li{
			color: #636363;
			background-image: url(../images/common/portfolio_box_bullet.gif);
		}
		.userText ol li{
			color: #636363;
		}
	.userText h3{
		color: #4199c9;
	}
	.userText blockquote{
		color: #636363;
	}

/* userText END */

/* blockRecommendation START */

		.blockRecommendation .itemTitle a{
			color: #4199c9;
		}
		.blockRecommendation .itemTitle a:hover{
			color: #005c95;
		}
	.blockRecommendation .itemType{
		color: #636363;
	}
	.blockRecommendation .itemDate{
		color: #4199c9;
	}
	.blockRecommendation .itemText{
		color: #636363;
	}
		.blockRecommendation .itemLinkMore a{
			color: #8ea606;
			background-image: url(../images/common/bullet_green.gif);
		}
		.blockRecommendation .itemLinkMore a:hover{
			color: #b5d01b;
		}
        .blockRecommendation .itemImageFrame{
        	/*
    		background-image: url(../images/common/block_one_service/one_recommendation_frame_back_24.png);
    		*/
    	}
/* blockRecommendation END */

/* blockOneService START */

	.blockOneService h2 a{
		color: #4199c9;
	}
	.blockOneService h2 a:hover{
		color: #005c95;
	}
.blockOneService .itemText{
	color: #636363;
}
	.blockOneService .itemImageFrame{
		background-image: url(../images/common/block_one_service/one_service_frame_back_24.png);
	}
	.blockOneService .itemLinkMore a{
		color: #8ea606;
		background-image: url(../images/common/bullet_green.gif);
	}
	.blockOneService .itemLinkMore a:hover{
		color: #b5d01b;
	}

/* blockOneService END */

/* blockTeaser START */


/* Buttons container */

	#teaser_nav .button{
		background-image: url(../images/home/teaser/teaser_nav_button_24.png);
	}

/* blockTeaser END */

/* blockProjectImages START */

	.blockProjectImages .itemLargeImg{
		background-image: url(../images/one_project/one_project_frame_big_24.png);
		background-image: none;
	}
		.blockProjectImages .itemSmallImg{
			background-image: url(../images/one_project/one_project_frame_small_24.png);
		}
	.blockProjectImages .itemYear{
		color: #585858;
	}
		.blockProjectImages .itemYear span{
			color: #8ea606;
		}
		.blockProjectImages .itemLink a{
			color: #4199c9;
		}
		.blockProjectImages .itemLink a:hover{
			color: #005c95;
		}
		.blockProjectImages .imagesNav .button{
			background-image: url(../images/one_project/project_images_nav_24.png);
		}

/* blockProjectImages END */

/* blockProjectInfo START */

	.blockProjectInfo .itemSubtitle{
		color: #4199c9;
	}
	.blockProjectInfo .itemInfo{
		color: #585858;
	}

/* blockProjectInfo END */

/* similar_projects START */

.similar_projects .title{
	color: #9db227;
}
		.similar_projects .list_type li{
			color: #585858;
		}
			.similar_projects .list_type a{
				color: #4199c9;
			}
			.similar_projects .list_type a:hover{
				color: #005c95;
			}
		/* Select bar */
		
		.similar_projects .select_bar .select_type a{
			color: #585858;
		}
		
		.similar_projects .select_bar .selected .round_left{
			background-image: url(../images/one_project/select_type_left.gif);
		}
		.similar_projects .select_bar .selected .round_right{
			background-image: url(../images/one_project/select_type_right.gif);
		}
		/*
		.similar_projects .select_bar .selected a{
			background-color: #f1f1f1;
		}
		*/

/* similar_projects END */

/* Home page carousel styles START */

.jcarousel-skin-projects .jcarousel-item-placeholder {
    background-color: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-projects .jcarousel-next-horizontal {
	background-image: url(../images/common/carousel/projects_carousel_btn_next_24.png);
    background-color: transparent;
}
.jcarousel-skin-projects .jcarousel-prev-horizontal {
    background-image: url(../images/common/carousel/projects_carousel_btn_prev_24.png);
    background-color: transparent;
}

/* Home page carousel styles END */

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