/* Reset styles */

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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}

a img {
	border:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul {
	list-style:none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content:"";
}

/* Site styles */

html {
	height:100%;
}

body {
	font:0.7em Tahoma;
	color:#7f7f7f;
	position:relative;
	min-height:100%;
	background:#fff url("../images/bg.gif") repeat-x top;
}

a {
	text-decoration:underline;
	color:#568EC0;
}

a:hover {
	text-decoration:none;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

/* Titles */

h2 {
	font:normal 1.5em/1.5em Tahoma;
	margin-bottom:5px;
}

h3 {
	background:url("../images/h3-arrow.gif") no-repeat left 7px;
	font:bold 1.1em/1.5em Tahoma;
	margin:0 0 15px 0;
	padding-left:12px;
}

	h3 .details {
		padding-left:15px;
	}

h4 {
	font:bold 1em/1.5em Tahoma;
	margin-bottom:6px;
}

/* Form elements */

.textbox, select {
	border:1px solid #e4e4e4;
	background:#fff;
	font:normal 1em Tahoma;
	color:#7f7f7f;
}

.button {
	background:#fff url("../images/button.gif") repeat-x bottom;
	font:normal 1em Tahoma;
	border:1px solid #e4e4e4;
	color:#7f7f7f;
	cursor:pointer;
}

textarea {
	background:#fff;
	font:normal 1em Tahoma;
	border:1px solid #e4e4e4;
	color:#7f7f7f;
}

/* Structure */

.wrapper {
	width:1000px;
	padding-bottom:80px;
}

.container {
	width:100%;
	float:left;
	margin-right:-200px;
}

/* Header */

.header {
	position:relative;
	height:100px;
	margin-bottom:20px;
}

	.logo {
		position:absolute;
		display:block;
		top:19px;
		left:49px;
		width:107px;
		height:57px;
	}
	
		.logo span {
			position:absolute;
			top:0;
			left:0;
			cursor:pointer;
			background:url("../images/logo.png") no-repeat;
			width:107px;
			height:57px;
			cursor:pointer;
		}
	
	.category-select {
		position:absolute;
		top:30px;
		left:230px;
	}
	
		.category-select li {
			float:left;
			width:90px;
			padding-right:40px;
		}
		
			.category-select a {
				display:block;
				background:url("../images/cs-bg.gif") repeat-x bottom;
				text-align:center;
				padding-bottom:10px;
				font:normal 1.5em/20px Arial;
				text-transform:uppercase;
				text-decoration:none;
				color:#fff;
			}
			
			.category-select .act a {
				display:block;
				background:url("../images/cs-bg-activ.gif") repeat-x center bottom;
				text-align:center;
				padding-bottom:10px;
				font:normal 1.5em/20px Arial;
				text-decoration:none;
				color:#fff;
			}
	
	.nav {
		position:absolute;
		top:32px;
		right:225px;
	}
	
		.nav li {
			padding:0 14px;
			float:left;
		}
	
	.top-menu {
		position:absolute;
		top:72px;
		left:230px;
	}
	
		.top-menu li {
			float:left;
			margin-right:1px;
		}
		
			.top-menu a {
				display:block;
				background:url("../images/top-menu-bg.png") no-repeat left bottom;
				font:normal 1em/28px Verdana;
				color:#fff;
				padding-left:20px;
				text-decoration:none;
				float:left;
				position:relative;
			}
			
				.top-menu a span {
					display:block;
					background:url("../images/top-menu-bg.png") no-repeat right top;
					padding-right:20px;
				}
			
			.top-menu a:hover, .top-menu .act a {
				background:url("../images/top-menu-bg-activ.png") no-repeat left bottom;
				color:#000;
			}
			
				.top-menu a:hover span, .top-menu .act a span {
					background:url("../images/top-menu-bg-activ.png") no-repeat right top;
				}
	
	.searchbox {
		position:absolute;
		top:28px;
		right:55px;
		width:144px;
		height:17px;
		padding:2px 6px 0;
		background:url("../images/searchbox.png") no-repeat;
	}
	
		.searchbox .button {
			width:12px;
			height:12px;
			background:url("../images/search-button.gif") no-repeat;
			border:0;
			vertical-align:bottom;
			margin:0 3px 1px 0;
		}
		
		.searchbox .textbox {
			border:0;
			width:123px;
		}

/* Content */

.content {
	padding:20px 50px 0;
	line-height:1.5em;
}

	.content-table {
		width:100%;
	}
	
		.content-table td {
			vertical-align:top;
		}
	
	.details {
		padding-right:12px;
		background:url("../images/details.gif") no-repeat right 5px;
		font-size:11px;
		font-weight:normal;
	}
	
	.right {
		text-align:right;
	}

/* Navigation */

.navigation {
	overflow:hidden;
	margin:0 50px;
}

	.navigation li {
		display:inline;
		padding:0 19px 0 14px;
		background:url("../images/navigation-arrow.gif") no-repeat left 5px;
		margin-left:-14px;
	}

/* Image block */

.image-block {
	width:250px;
	padding-bottom:20px;
	text-align:center;
}

/* News block */

.news-block {
	padding:0 0 20px 75px;
	width:275px;
}

.news-block.one-column {
	width:245px;
}

	.news-post {
		overflow:hidden;
		margin-bottom:13px;
	}
	
	.news-block .news-post {
		margin-left:-75px;
	}

		.news-post dt {
			float:left;
			text-align:right;
			width:65px;
			padding-right:10px;
		}
		
			.news-post dd {
				display:table;
			}
			
			.news-block h3 {
				margin-left:-12px;
			}
			
				.news-post img {
					float:left;
					margin-right:15px;
				}

/* Last works */

.last-works {
	width:277px;
	padding:0 0 20px 23px;
}

	.last-works li {
		margin-bottom:10px;
	}
	
		.last-works img {
			border:1px solid #E4E4E4;
		}
		
		.last-works h3 {
			margin-left:-12px;
		}
	
/* Service block */

.service-block {
	width:250px;
	padding:0 25px 20px;
	text-align:justify;
}

	.service-block p {
		text-indent:12px;
	}
	
	.service-block h3 {
		margin-left:-12px;
	}

/* Contact block */

.contact-block {
	width:277px;
	padding:0 0 20px 23px;
}

	.contact-block dl {
		overflow:hidden;
		margin-bottom:5px;
	}
	
		.contact-block dt {
			float:left;
			width:100px;
			padding-right:5px;
		}
		
		.contact-block dd {
			display:table;
		}
		
		.contact-block h3 {
			margin-left:-12px;
		}

/* About block */

.about-block {
	padding:0 40px 0 12px;
	text-align:justify;
}

	.about-block p {
		text-indent:10px;
	}
	
	.about-block h3 {
		margin-left:-12px;
	}

/* Text block */

.text-block {
	padding:0 0 20px 23px;
}

	.text-block p {
		margin-bottom:10px;
	}
	
	.text-block ul {
		list-style:disc;
		margin:0 0 10px 20px;
	}
	
	.text-block ol {
		list-style:decimal;
		margin:0 0 10px 25px;
	}
	
	.text-block h2 {
		margin-left:-12px;
		padding-left:12px;
		background:url("../images/h3-arrow.gif") no-repeat left 10px;
	}

/* Menu */

.menu {
	padding-left:12px;
	margin-bottom:25px;
}

	.menu li {
		background:url("../images/list-arrow.gif") no-repeat left 7px;
		padding-left:15px;
		font-weight:bold;
	}
	
	.menu .act a {
		color:#7F7F7F;
		text-decoration:none;
	}

/* Suggestion block */

.suggestion {
	overflow:hidden;
	padding:10px 0 0;
	line-height:1.2em;
}

.suggestion.vertical {
	width:331px;
}

	.suggestion.vertical li {
		float:none;
		margin:0 0 20px 0;
	}

	.suggestion li {
		float:left;
		margin:0 25px 20px 0;
		width:331px;
		background:#E9ECEF url("../images/suggenstion.gif") no-repeat left top;
	}
	
		.suggestion dl {
			background:url("../images/suggenstion.gif") no-repeat right bottom;
			padding:6px 15px;
			overflow:hidden;
		}
		
			.suggestion dt {
				float:left;
				padding-right:15px;
			}
			
			.suggestion dd {
				display:table;
			}
			
				.suggestion a {
					color:#7f7f7f;
					text-decoration:none;
				}
				
				.suggestion a:hover {
					text-decoration:underline;
				}

/* Feedbackform */

.feedback {
	background:url("../images/feedback.png") repeat-y center;
	width:514px;
	margin:0 auto;
}

	.feedback div {
		background:url("../images/feedback.png") no-repeat left top;
	}
	
		.feedback div div {
			background:url("../images/feedback.png") no-repeat right bottom;
			padding:38px 54px 28px 38px;
		}
		
			.feedback dl {
				overflow:hidden;
				margin-bottom:10px;
			}
			
				.feedback dt {
					float:left;
					width:105px;
					padding-right:10px;
					font:0.9em/1.2em Tahoma;
				}
				
				.feedback dd {
					display:table;
				}
		
					.feedback .button {
						background:url("../images/feedback-button.png") no-repeat;
						width:82px;
						height:21px;
						text-align:center;
						font-size:0.9em;
						border:0;
					}
				
					.feedback .textbox {
						border:1px solid #AEADB8;
						width:233px;
					}
					
					.feedback textarea {
						border:1px solid #AEADB8;
					}
					
					.feedback .textbox.small {
						width:70px;
					}
					
					.feedback img {
						vertical-align:top;
						margin-right:10px;
					}

/* Paging */

.paging {
	text-align:center;
	padding:10px 0;
}

	.paging li {
		display:inline;
		padding:0 2px;
		line-height:15px;
		font-size:1.1em;
	}
	
		.paging img {
			vertical-align:bottom;
		}
		
/* Page 404 */

.page404 {
	width:240px;
	padding-right:360px;
	margin:80px auto 0;
	background:url("../images/page404.jpg") no-repeat right;
	min-height:256px;
}

	.page404 h1 {
		font:bold 8.5em Arial;
		color:#000;
	}

/* Footer */

.footer {
	position:absolute;
	bottom:0;
	width:100%;
}

.footer-inside {
	padding:10px 50px;
	height:40px;
	width:900px;
}

	.copyright {
		display:block;
		padding-left:135px;
		color:#7D7D7D;
		text-decoration:none;
		background:url("../images/copyright.png") no-repeat left 6px;
	}
	
	.counter-block {
		float:right;
	}
	
		.counter-block img {
			margin:0 5px;
		}
		.about-block ol, .about-block ul {
			list-style: disc;
		}