/* Reset styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, 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;
}

 ul {
	list-style:none;
}
.content ol {margin-left:20px}
.intro ol, .intro ul {
	list-style:disc;
}
q:before, q:after, blockquote:before, blockquote:after {
	content:"";
}

/* Site styles */

body {
	font:0.7em "Trebuchet MS";
	color:#BFC0C1;
	/*background:#07090A;*/
	background:#000;
}

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

a:hover {
	text-decoration:none;
}

/* Titles */

h1 {
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	font:normal 2em "Trebuchet MS";
}

	h1 span {
		position:absolute;
		left:2000px;
	}

h2 {
	color:#fff;
	font:normal 2em Verdana;
	text-transform:uppercase;
	margin-bottom:10px;
		text-align:left;
}

h3 {
	color:#0486BC;
	font:normal 2.2em Arial;
	margin-bottom:15px;
}

h4 {
	color:#0486BC;
	margin-bottom:10px;
	font:normal 1.6em Arial;
}
	
h5 {
	font:bold 1.25em "Trebuchet MS";
	color:#fff;
	margin-bottom:3px;
}

/* Form elements */

.textbox input {
	background:#fff;
	border:1px solid #E2E9EF;
	border-top:1px solid #AAADB2;
	color:#747474;
	font:normal 1em "Trebuchet MS";
	padding:1px 6px;
	width:275px;
}

textarea, select {
	background:#fff;
	border:1px solid #E2E9EF;
	border-top:1px solid #AAADB2;
	color:#747474;
	font:normal 1em "Trebuchet MS";
	padding:1px 6px;
}

.button input {
	font:normal 1em "Trebuchet MS";
	color:#000;
	cursor:pointer;
	border:1px solid #707070;
	background:#fff url("../images/button.gif") repeat-x center;
}

form {
	color:#6A6D75;
}

	form p {
		margin-bottom:15px;
	}

/* Structure */

.wrapper {
	width:1000px;
	margin:0 auto;
	background:url("../images/bg-index.jpg") no-repeat right top;
	position:relative;
}

	.wrapper:after {
		clear:both;
		display:block;
		content:"";
	}
	
	.wrapper.about {background:url("../images/bg-about.jpg") no-repeat right top}
	.wrapper.history {background:url("../images/bg-work.jpg") no-repeat right top}
	.wrapper.portfolio {background:url("../images/bg-portfolio.jpg") no-repeat right top}
	.wrapper.contacts {background:url("../images/bg-contacts.jpg") no-repeat right top}

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

/* Header */

.header {
	position:relative;
	height:300px;
}

	.logo {
		position:absolute;
		top:19px;
		left:10px;
	}
	
	.nav {
		position:absolute;
		top:217px;
		left:45px;
		overflow:hidden;
	}
	
		.nav li {
			float:left;
			padding:5px 5px 0;
			margin-right:42px;
		}
		
		.nav .act {background:#0276B2}
		
			.nav li img {vertical-align:top}
	
	/* Top menu */

	.top-menu {
		position:absolute;
		top:90px;
		left:275px;
	}
	
		.top-menu li {
			float:left;
			margin-right:15px;
		}
		
			.top-menu li a {
				color:#FEFEFE;
				text-transform:uppercase;
				font:1.1em/1em "Trebuchet MS";
				padding:0 5px;
			}
			
			.top-menu li a:hover, .top-menu .act a {
				color:#057EAF;
				background:#fff;
				text-decoration:none;
			}
	
	/* Top menu 2 */
	
	.top-menu-2 {
		position:absolute;
		top:123px;
		left:280px;
		color:#47AAD4;
		font-size:1.1em;
	}
	
		.top-menu-2 li {
			float:left;
			margin-right:8px;
		}
		
			.top-menu-2 a:hover, .top-menu-2 .act a {
				color:#fff;
				text-decoration:none;
			}
	
	.header .phone {
		position:absolute;
		top:185px;
		left:280px;
	}
	
/* Content */

.content {
	margin-left:198px;
	padding:0 230px 30px 0;
	text-align:justify;
}

	/* Intro */

	.intro {
		padding:0 0 40px 80px;
		position:relative;
		margin-top:-80px;
		line-height:1.7em;
	}
	
	/* Portfolio */
	
	.container .portfolio {
		overflow:hidden;
		position:relative;
		padding:0 13px;
		margin-bottom:25px;
	}
	/*.container .portfolio,*/ .container .portfolio ul.gallery li, .container .portfolio img {height:133px;}
		.container .portfolio-prev {
			top:0;
			left:0;
			position:absolute;
			display:block;
			width:13px;
			height:133px;
			background:url("../images/portfolio-arw.gif") no-repeat left top;
		}	
		.portfolio-prev:hover {background:url("../images/portfolio-arw.gif") no-repeat left bottom}
		
		.portfolio-next {
			top:0;
			right:0;
			position:absolute;
			display:block;
			width:13px;
			height:133px;
			background:url("../images/portfolio-arw.gif") no-repeat right top;
		}	
		.portfolio-next:hover {background:url("../images/portfolio-arw.gif") no-repeat right bottom}
		
		.container .portfolio ul {
			overflow:hidden;
			margin:0 auto;
		}
		
		.container .portfolio li {
				float:left;
				
				padding:0 6px 0 7px;
				position:relative;
			}
			
				.container .portfolio ul.gallery img {
					vertical-align:top;
					width:260px ;
					
				}
			
			.container .portfolio li span {
					position:absolute;
					padding:5px;
					background:#fff;
					bottom:12px;
					left:7px;
					color:#43454E;
					font-size:1.25em;
				}
	.intro .portfolio, .container .portfolio ul.gallery li, .container .portfolio ul.gallery img {height:133px;}
	/* Columns */
	
	.cols {
		overflow:hidden;
		text-align:left;
		margin-bottom:10px;
	}
	
		.col-left {
			float:left;
			width:275px;
		}
			
			.col-left p {
				margin-bottom:10px;
			}
			
				.date {
					background:#1F2424;
					border-top:2px solid #434F4F;
					padding:1px 7px 2px;
					color:#fff;
					font-family:Tahoma;
					margin:0 10px 0 0;
				}
				
				.archive {
					background:#A80432;
					border-top:2px solid #A80432;
					color:#fff;
					padding:1px 5px;
				}
		
		.col-right {
			float:right;
			width:275px;
		}
		
			/* Partner block */
	
			.partner-block img {
				vertical-align:top;
				margin:0 16px 5px 0;
			}
	
	/* Navigation */
	
	.navigation {
		color:#595D6A;
		margin-bottom:30px;
	}
	
	/* Article */
	
	.article {
		overflow:hidden;
		margin:0 -1px 25px;
		padding:0 1px;
	}
	
		.img-left {
			float:left;
			margin:3px 10px 5px 0;
		}

		.img-right {
			float:right;
			margin:3px 0 5px 10px;
		}
		
			.img-left dd, .img-right dd {
				font-style:italic;
				color:#908F8F;
			}

		.article p {
			margin-bottom:10px;
		}

		.article ul {
			margin-bottom:10px;
		}

			.article ul ul {
				margin:0 0 0 30px;
			}
		
		.article h2 {
			color:#CDC8CA;
		}
		
		.article h3 {
			color:#929191;
			font:normal 1.5em Tahoma;
		}
	
	/* Download */
	
	.download {
		margin-left:30px;
	}
	
		.download li {
			margin-bottom:7px;
		}
		
			.download img {
				vertical-align:bottom;
			}
	
	/* Content table */
	
	.explanation {
		border-top:1px solid #687880;
		padding:15px 10px 10px;
		color:#666;
		font-style:italic;
	}
	
	.note {
		color:#DC9203;
		font-weight:bold;
	}
	
	.content table {
		width:100%;
		margin-bottom:10px;
	}
	
		.content th {
			text-align:left;
			font-weight:bold;
			padding:10px;
			border-top:1px solid #2C2B2C;
			border-bottom:1px solid #2C2B2C;
		}
		
		.content td {
			padding:6px 10px;
			vertical-align:top;
		}
		
		.content .act {
			background:#2C2B2C;
		}
	
	/* Gallery */
	
	.gallery1 {
		margin-bottom:10px;
		overflow:hidden;
	}
	
		.gallery1 li {
			float:left;
			padding:0 7px 7px 0;
			position:relative;
			width:135px;
			height:135px;
		}
		
			.gallery1 img {
				vertical-align:top;
			}
		
			.gallery1 div {
				position:absolute;
				top:0;
				left:0;
				width:135px;
				height:135px;
				background:url("../images/dark.png");
				display:none;
			}
			
			.gallery1 li:hover div, .gallery1 .iehover div {display:block;}
			
				.gallery1 span {
					position:absolute;
					width:125px;
					bottom:8px;
					padding:5px;
					left:0;
					display:block;
					background:#fff;
					font:normal 1.25em "Trebuchet MS";
					color:#2c2c2c;
					text-align:left;
				}
				
					.gallery1 a {font-weight:normal;font-size:12px;text-align:left;}
	.gallery3 {
		margin:10px 0 ;
		overflow:hidden;
	}
	
		.gallery3 li {
			float:left;
			padding:0;
			margin: 5px 5px 0px 0px;
			position:relative;
		}
		
			.gallery3 img {
				vertical-align:top;
			}
/* Leftside */

.leftside {
	width:130px;
	float:left;
	padding:0 0 110px 45px;
}

	/* Thumbnail */

	.thumbnail {
		margin-bottom:50px;
		color:#EFEFEF;
	}
	
		.thumbnail .title {margin-bottom:10px}
	
			.thumbnail .title a {
				font:bold 1.3em "Trebuchet MS";
				margin-left:-16px;
				padding-left:16px;
				background:url("../images/t-title.gif") no-repeat left 6px;
				position:relative;
				color:#0485BB;
			}
	
	/* Phone */
	
	.phone {
		margin-bottom:90px;
		color:#fff;
		font:1.3em Tahoma;
	}
	
		.phone span {
			font:1.7em Tahoma;
		}
	
	/* Menu */
	
	.menu {
		margin-bottom:30px;
	}
	
		.menu li {
			margin-bottom:9px;
		}
		
			.menu a {
				color:#fff;
				text-decoration:none;
				border-bottom:1px dotted #fff;
			}
			
			.menu a:hover {
				border:none;
				color:#2E9FCF;
			}
		
		.menu .act {
			color:#47AAD4;
			padding-left:23px;
			background:url("../images/menu-act.gif") no-repeat left 8px;
		}
	
/* Copyright */

.copyright {
	position:absolute;
	bottom:35px;
	left:45px;
	color:#62768A;
}
.void li img {
width:260px !important;
}
.toggle {
	border:1px solid rgb(255, 102, 255);
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.sitemap div.first, .sitemap div.second{margin-bottom:3px;}
.sitemap div.secondmenu{margin: 10px 0 10px 20px}
.sitemap a{color:#ff66ff;}
table.prod {border:0;width:100%;border-bottom:1px solid #687880;}
table.prod tr.head {border:1px solid #2b2a2b;color:#97a3a8;font-weight:bold;}

/* Portfolio page */

.p-page {
	width:1800px;
	height:1800px;
	background:url("../images/p-page.png") left top;
	position:relative;
	color:#fff;
}

	.p-desc {
		position:fixed;
		top:0;
		left:50%;
		margin-left:-350px;
		width:425px;
		background:#000 url("../images/p-desc.jpg") no-repeat 136px top;
		color:#fff;
		padding:12px 20px 10px 255px;
		line-height:1.3em;
		min-height:107px;
	}
	
		.p-desc .title {
			text-transform:uppercase;
			font-size:1.25em;
			overflow:hidden;
			margin-bottom:5px;
		}
		
			.p-desc .title p {
				float:right;
				text-align:right;
				font-size:0.8em;
				text-transform:none;
			}
		
		.p-logo {
			position:absolute;
			top:8px;
			left:15px;
		}
		
		.back {
			position:absolute;
			top:93px;
			left:17px;
			padding-left:15px;
			display:block;
			background:url("../images/back.gif") no-repeat left;
		}
	
	.preview1 {
		position:absolute;
		bottom:859px;
		right:902px;
	}
		
		.d1 {
			bottom:-40px;
			right:40px;
		}
	
	.preview2 {
		position:absolute;
		bottom:859px;
		left:1050px;
	}
	
		.d2 {
			top:-100px;
			left:0;
		}
	
		.d3 {
			bottom:-40px;
			left:130px;
		}
		
		.d4 {
			margin-right:100%;
			right:20px;
			top:205px;
			width:260px;
		}
	
		.d5 {
			margin-left:100%;
			left:20px;
			top:125px;
			width:260px;
		}
	
	.preview3 {
		position:absolute;
		top:1063px;
		right:902px;
	}
	
	.preview4 {
		position:absolute;
		top:1063px;
		left:1050px;
	}
	
		.d1, .d2, .d3, .d4, .d5 {
			position:absolute;
			font:italic 1.1em Arial;
		}
		.news h3{text-align:left;}
		.news ul{list-style:disc;margin-left:20px;}
		.news div {line-height:1.5em;}