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

/* 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);
			}

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