/* GENERAL STYLES */

* {
	margin: 0;
}

blockquote{
	display: block;
	width: 378px;
	height: 68px;
	padding: 10px;
	padding-top: 6px;
}

.for_background, .blaf{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: -9999;
}

html, body {
	height: 100%;
	font: 16px/1.2em Arial, Verdana sans-serif;
	color: #54585e;
	width: 100%;
	margin: 0;
	padding: 0;
}

a{
	outline: none;
}

.hps{
	font-size: inherit !important;
	color: inherit !important;
}

.mytable td{
	width: 188px;
	padding-right: 16px;
}

.mytable tr td:last-child{
	padding: 0;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px;
	background-repeat: no-repeat;
	position: relative;
	background-position: top left;
}
.footer, .push {
	height: 30px;
	width: 800px;
	position: relative;
}

.footer{
	width: 100%;
	background: url('../img/footer.png') repeat top center;
}

	.facebook_link{
		display: block;
		float: right;
		width: 20px;
		height: 20px;
		background: url('../img/facebook-link.png') no-repeat 0px 0px;
		text-indent: -9999px;
		margin-top: 5px;
		margin-right: 50px;
	}
	
	.facebook_link:hover{
		background-position: 0px -20px;
	}

#bottom_holder{
	width: 800px;
	position: absolute;
	bottom: 25px;
	left: 50%;
	margin-left: -400px;
}

.push{
	height: 50px;
	clear: both;
}

.border-none{
	border: none !important;
}

.border-top{
	border-top: 1px solid #909499;
	padding-top: 15px;
}

div#wrap{
	overflow: hidden;
	width: 800px;
	height: 100%;
	margin: 0 auto;
	clear: both;
}

div#content{
	padding-top: 100px;
	width: 800px;
	margin: 0 auto;
}

div#blaf, div#blaf1{
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
}

/* NAVIGATION & LOGO*/

a#logo{
	display: block;
	text-indent: -9999px;
	width: 140px;
	height: 55px;
	float: left;
	margin-top: 29px;
	margin-left: 50px;
	background: url('../img/logo.png') no-repeat center;
}

ul#nav {
	/*overflow: hidden;*/
	height: 30px;
	width: 725px;
	float: right;	
	margin-top: 50px;
}

	ul#nav li{
		float: left;
		text-align: left;
		font-size: 11px;
		display: block;
		position: relative;
		background: #282a2d;
		width: 130px;
		z-index: 500;
		margin-left: 5px;
		padding-left: 10px;
	}
	
	ul#nav li:hover{
		background-color: #54585e;
	}
	
	ul#nav .first_menu{
		padding-left: 10px;
		width: 130px;
	}
	
		ul#nav li a{
			color: white;
			text-decoration: none;
			line-height: 2.8em;
			display: block;
			width: 100%;
			height: 100%;
		}

ul#nav li.headlink ul{
	display: none; 
	position: absolute;
	left: 0;
	width: 140px !important;
	/*background-color: #54585e;*/
}

ul#nav li.headlink ul li{
	float: none;
	width: 130px !important;
	padding-left: 10px;
	margin: 0;
	background-color: #54585e;
}

ul#nav li.headlink ul li:hover{
	color: #353d48 !important;
}

/*CONTACTSS*/
#contact_form{
	width: 360px;
	position: absolute;
	top: 55px;
	left: 0;
	color: #fff;
	font: normal 17px/1.2em Verdana;
}

#contact_form legend{
	padding-bottom: 10px;
}

#contact_form li{
	list-style :none;
}

#contact_form label{
	display: block;
	font-size: 10px;
}

#contact_form input, #contact_form textarea{
	margin-bottom: 10px;
	padding: 3px 5px;
	color: white;
}

#contact_form input{
	width: 200px;
	background-color: #353d48;
	border: none;
}

#contact_form textarea{
	background-color: #353d48;
	border: 1px solid #c56b00;
	color: #fff;
	width: 100%;
	resize: none;
}

p.errors{
	color: red;
	font-size: 10px;
	margin-bottom: 10px;
}

input.order{
	border: 1px solid #c56b00 !important;
}

#contact_form input[type=submit]{
	width: 99px;
	height: 23px;
	background: url('../img/button.png') no-repeat 0px 0px;
	cursor: pointer;
}

#contact_form input[type=submit]:hover{
	background: url('../img/button.png') no-repeat 0px -23px;
	cursor: pointer;
	color: #c56b00;
}
		
/*BOTTOM FIELDS*/
div.grid_half{
	width: 398px;
}

	div.grid_half h2, div#news_block h2{
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: 6px center;
		padding-left: 6px;
		margin-bottom: 6px;
		height: 22px;
	}
	
	div.grid_half div, div.grid_half ul{
		position: relative;
		width: 378px;
		border-top: 2px solid #335d8b;
		background: #599ebc;
		padding: 10px;
		color: #fff;
		font-style: italic;
		padding-top: 4px;
		font-size: 12px !important;
		line-height: 1em;
	}
	
	#rave_corner{
		position: absolute;
		width: 11px;
		height: 6px;
		background: url('../img/corner.png') no-repeat 0px 0px;
		bottom: -6px;
		left: 14px;
	}
	
	div.grid_half ul{
		background: #878a8e;
		border-top: 2px solid #535557;
		padding: 6px;
		width: 386px;
		height: 72px;
	}
	
	div.grid_half ul#white{
		background: transparent;
		padding: 0;
		width: 398px;
	}
	
		div.grid_half ul li{
			color: #fff;
			font-size: 11px;
			font-style: normal;
			overflow: hidden;
			margin-bottom: 3px;
		}
		
		div.grid_half ul#white li{
			color: #599ebb;
			font-size: 12px !important;
			border-bottom: 1px solid #c7cbd1;
			padding: 4px 0 4px 10px;
		}
			
			div.grid_half ul li strong{
				float: right;
				color: #b6b6b6;
				font-size: 10px;
				font-weight: 100;
			}
			
			div.grid_half ul li a{
				color: #fff;
				text-decoration: none;
			}
	
	div.grid_half span{
		font: italic 12px 'Times New Roman';
		margin-left: 13px;
		position: absolute;
		bottom: -30px;
		height: 27px;
		display: block;
		color: #54585e;
	}
		
		div.grid_half span em{
			padding-left: 10px;
			font-weight: normal;
			color: #878b92;
			font-size: 10px;
		}
		
	div#small-footer{
		height: 30px;
		overflow: hidden;
		color: #e3e3e3;
		font-size: 9px;
		position :absolute;
		bottom: 0;
		left: 50%;
		margin-left: -400px;
		background: transparent;
		width: 800px;
		
	}
	
		div#small-footer ul{
			overflow: hidden;
			list-style: none;
			margin: 0 8px;
			height: 30px;
		}
		
			div#small-footer ul li{
				float: left;
				margin: 0 0 0 10px;
				text-transform: uppercase;
				line-height: 30px;
			}
			
				div#small-footer ul li a{
					color: #fff;
					text-decoration: none;
					border-right: 1px solid #b5b5b5;
					padding-right: 10px;
				}
				
				a.active-language{
					font-weight: bold;
					color: #335D8B !important;
				}
				
				div#small-footer ul li a:hover{
					color: #335D8B;
				}
		
			
/* SLOGAN STYLES */
div#agency-image, div#agency-info-image{
	padding-top: 100px;
	width: 800px;
	margin: 0 auto;
}

	div#agency-image ul{
		padding-top: 300px;
		padding-left: 150px;
	}
	
	div#agency-image ul li{
		background: url('../img/corner_left.png') no-repeat 0px 6px;
		padding-left: 12px;
	}
	
	div#agency-image ul li a{
		font: normal 14px Arial,Verdana sans-serif;
		color: #d18416;
		text-decoration: none;
	}

	div#agency-image ul li a:hover{
		color: #fff;
	}

	div#agency-image div, div#agency-info-image div{
	
		width: 800px;
		height: 501px;
		background-repeat: no-repeat;
		background-position: right center;
	}
	
div#offerings-image{
	padding-top: 100px;
	width: 800px;
	margin: 0 auto;
}
	div#offerings-image div{
		width: 810px;
		height: 530px;
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}

	div#contacts-image{
		padding-top: 100px;
		width: 800px;
		margin: 0 auto;
	}
		div#contacts-image div{
			width: 800px;
			height: 700px;
			background-repeat: no-repeat;
			background-position: left top;
			position: relative;
		}
		
	div#contact_back_image{
		width: 520px;
		height: 471px;
		position: absolute;
		right: 0;
		bottom: 40px;
		background: url('../img/contact_im.png') no-repeat center;
	}
	
/*NEWS*/
	
div#news_block{
	padding-top: 100px;
	width: 800px;
	background-color: transparent;
	margin: 0 auto;
	margin-bottom: 20px;
	line-height: .8em;
}

	div#news_block h2{
		height: 40px;
		margin-bottom: 20px;
		line-height: 1.2em;
	}
	
	div#news_block h3{
		font-size: 24px;
		border-bottom: 1px solid #c7cdd6;
		padding-bottom: 1px;
		font-weight: 100;
		line-height: 1.2em;
		padding-top: 5px;
	}
	
	div#news_block div#news_content{
		width: 760px;
		/*background-color: #fff;
		/*opacity: 0.9;**/
		padding: 20px;
		color: #54585e;
		position :relative;
		z-index: 10;
	}
	
	#news_opacity{
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: -1000;
		top: 0;
		opacity: .9;
		left: 0;
		background: #fff;
	}
	
	div.news_holder{
		margin: 10px 0;
		width: 760px;
	}
	
	div.news_holder h4 a{
		font-size: 14px;
		text-decoration: none;
		color: #54585e;
		font-weight: 100;
	}
	
	div.news_holder h4 a:hover{
		color: #D18416;
	}
	
	div.news_holder p{
		color: #8b929c;
		font-size: 12px;
		text-align: justify;
		line-height: 1.2em;
	}
	
	div.news_holder span{
		color: #b6b6b6;
		font-size: 10px;
	}
	
	a.krest{
		text-indent: -9999px;
		position: relative !important;
		left: 760px;
		margin-bottom: 10px;
	}
/* CONTETNT STYLE */
	div#content h3, div#content h1, div#content h2#clients{
		height: 33px;
		text-indent: -9999px;
		display: block;
		position: relative;
		/*background: url('../img/en/works.png') no-repeat left top;*/
	}
	
	div#content h1{
		height: 19px;
		/*background-image: url('../img/en/ideas.png');*/
		margin: 6px 0 18px 0;
		text-indent: -9999px;
	}
	
	div#content h2#clients{
		height: 51px;
		width: 501px;
		/*background-image: url('../img/en/clients.png');
		margin: 0 auto;*/
	}
	
		div#content h3 a, a.krest{
			display: block;
			height: 24px;
			width: 24px;
			position: absolute;
			bottom: 0;
			right: 0;
			background: url('../img/krest.png') no-repeat 0px 0px;
		}
		
		div#content h3 a:hover, a.krest:hover{
			background-position: 0px -24px;
		}
		
	div#content ul{
		width: 800;
		margin: 0 auto;
		overflow: hidden;
		clear: both;
	}
	
	div#content ul#clients_ul{
		border: none;
		margin-top: 20px;
	}
	
		div#content ul li{
			width: 240px;
			float: left;
			margin-right: 40px;
			margin-bottom: 18px;
		}
		
		div#content ul#clients_ul li, .mytable td{
			width: 188px;
			margin-right: 16px;
			margin-bottom: 16px;
		}
		
		.mytable td{
			margin-bottom: 0px;
			font: normal 10px Tahoma;
		}
		
		.main_li{
			margin-top: 15px;
		}
		
		.ini{
			width: 188px;
   			display: inline-block;
		    vertical-align: top
		}
		
			.mytable td li a{
				color: #dae7ed;
				text-decoration: none;
			}
		
		div#content ul li.last{
			margin-right: 0 !important;
		}
		
		.mytable td ol li:first-child{
			font: normal 14px Tahoma;
			color: #3972da;
			margin-bottom: 1px;
		}
		
			div#content ul li img{
				border: 0;
			}
			
			div#content ul li p{
				font-size: 12px;
				margin: 0;
				line-height: 1.1em;
			}
			
			div#content ul li p a{
				color: #54585e;
				font-size: 14px;
				text-decoration: none;
			}
			
			div#content ul li p span{
				display: block;
				font-size: 10px;
				color: #a8adb3;
			}
			
			div#content ul li p span{
				display: block;
				
			}
		
	div#content h2{
		font-size: 25px;
		margin: 22px 0 6px 0;
		font-weight: 500;
		font-family: 'Menu Light';
	}
	
	div#content .image{
		width: 100%;
		/*height: 310px;*/
		background-color: #fff;
		background-position: center;
		background-repeat: no-repeat;
		text-align: center;
		position: relative;
		height: auto;
		
	}
	
	.image img{

	}
	
	div#content .text{
		font-size: 12px;
		text-align: justify;
		line-height: 1.1em;

	}
	
	div#content .project_launch a{
		font-size: 14px;
		color: #335c8b;
		text-decoration: none;
		display: block;
		margin-top :18px;
	}
	
	div#content .project_launch a:hover{
		color: #163353;
	}
	
	div#content span{
		font-size: 9px;
		color: #b4b4b4;
	}
	
/* PAGINATION */
	div#pagination{
		margin-bottom: 5px;
		text-align: center;
	}

	div#pagination div{
		display: inline-block;
	}
	
	div#pagination div.pagination_link{
		margin-top: -20px;
	}
	
	div#pagination a, div#pagination strong{
		
		font-size: 12px;
		text-decoration: none;
		color: #54585e;
		padding: 0px 8px 0 6px;
		border-right: 1px solid #54585e;
		cursor: pointer;
		
	}
	
	div#pagination strong{
		color: #D18416;
	}
	
	div#pagination a:hover, div#pagination strong:hover{
		color: #D18416;
	}
	
	div#prev_not_active, div#next_not_active{
		background-repeat: no-repeat;
		vertical-align: bottom;
		padding-top :5px;
	}

	div#pagination div#prev a, div#pagination div#next a, div#next_block a, div#prev_block a{
		display: block;
		padding: 0;
		padding-top: 12px;
		background-repeat: no-repeat;
		background-position: center;
		text-indent: -9999px;
		border: none;
		padding: none;
	}
	
	div#pagination div#prev a, div#prev_not_active, div#prev_block a{
		background-image: url('../img/nav_l_active.png');
		width: 30px;
		height: 30px;
		margin-right: 35px;
	}
	
	div#pagination div#prev a:hover, div#prev_not_active{
		background-image: url('../img/nav_l_notactive.png');
	}
	
	div#pagination div#next a, div#next_not_active, div#next_block a{
		background-image: url('../img/nav_r_active.png');
		width: 30px;
		height: 30px;
		margin-left: 35px;
		
	}
	
	div#pagination div#next a:hover, div#next_not_active{
		background-image: url('../img/nav_r_notactive.png');
	}