﻿html, body {
	height: 100%;
	margin:0;
	background-image:url(../img/background.png);
	font-family:verdana;
	background-color:#555;
	}
ul {
	list-style:none;
	}
a {
	outline:none;
	}
/*-------------------*/
.header {
	width:950px;
	margin:10px auto 10px auto;
	height:80px;
	}
	.header img {
		float:left;
		border:0;
		display:block;
		margin:0 305px 0 0;
		}
	.header ul {
		float:left;
		padding:0;
		margin:0;
		}
		.header li {
			float:left;
			margin:30px 0 0 0;
			}
			.header li a {
				color:#FFF;
				text-decoration:none;
				border-bottom:1px solid #FFF;
				margin:0 40px 0 0;
				display:block;
				}
/*-------------------*/
.about_us {
	width:950px;
	margin:10px auto;
	height:270px;
	}
	.about_us img {
		float:left;
		width:200px;
		}
	.information {
		float:left;
		}
		.information h2 {
			margin:0 0 0 10px;
			color:#e5aa1c;
			font-size:17px;
			}
		.information h3 {
			margin:40px 0 0 10px;
			font-size:11px;
			color:#CCC;
			}
		.information span {
			margin:10px 0 0 10px;
			font-size:12px;
			color:#CCC;
			display:block;
			font-style:italic;
			}
		.information p {
			margin:10px 0 0 10px;
			font-size:10px;
			color:#CCC;
			}
		.information div {
			margin:10px 0 0 20px;
			font-size:10px;
			color:#CCC;
			}
			.information div a {
				color:#e5aa1c;
				}
/*-------------------*/
form {
	width:900px;
	margin:20px auto;
	}
	form table td {
		border-collapse:collapse;
		padding:7px;
		}
	form table td img {
		width:110px;
		height:50px;
		display:block;
		}
	form table th {
		font-weight:500;
		color:#CCC;
		vertical-align:middle;
		text-align:right;
		width:110px;
		font-size:12px;
		}
	form table td span {
		color:#FFF;
		font-size:22px;
		}
	#name, #email { 
		border:2px solid #444;
		width:194px;
		height:20px;
		}
	#message {
		border:2px solid #444;
		width:400px;
		height:200px;
		}
	#captcha {
		border:2px solid #444;
		
		}
	#submit {
		width:110px;
		padding:5px;
		}
	#reset {
		display:block;
		width:80px;
		margin:0 auto;
		text-decoration:none;
		border-bottom:1px dashed;
		color:#ccc;
		font-size:12px;
	}
	#output {
		font-size:13px;
		margin:0 0 0 120px;
	}
	#output p {
		color:#CC3333;
		font-weight:bold;
	}
	#output span {
		color:green;
	}
	.hidden {
		font-size:12px;
		color:#FF9900;
		}
		.hidden div {
			display:none;
			}
	
/*-------------------*/
.breadcrumbs {
	width:922px;
	margin:0 auto;
	color:#CCC;
	font-size:10pt;
	padding:8px 10px 10px 20px;
	background-image:url(../img/breadcrumbs.png);
	background-repeat:no-repeat;
	}
	.breadcrumbs a {
		color:#CCC;
		}
/*-------------------*/
.divider {
	clear:left;
	width:950px;
	height:2px;
	margin:0 auto;
	overflow:hidden;
	background-image:url(../img/line.gif);
	}

/*-------------------*/

.wrapper {
	width:950px;
	margin:20px auto 40px auto;
	height:333px;
	}
	.new_stuff {
		width:504px;
		height:333px;
		float:left;
		}
		.new_stuff div {
			width:374px;
			font-size:8pt;
			margin:6px 0 8px 0;
			float:left;
			color:#CCC;
			}
		.new_stuff strong {
			display:block;
			float:left;
			font-size:10pt;
			width:130px;
			font-weight:500;
			padding:5px 0 8px 0;
			background-image:url(../img/new.png);
			background-repeat:no-repeat;
			text-align:center;
			color:#333;
			}
		.new_stuff a {
			display:block;
			text-decoration:none;
			color:#CCC;
			clear:left;
			}
			.new_stuff a img {
				border:2px solid #e5aa1c;
				display:block;
				width:500px;
				height:300px;
				background-color:#999;
			}
	/*-------------------*/
	.news {
		float:left;
		margin:0 0 0 20px;
		width:420px;
		}
		.news h2 {
			margin:0;
			color:#FFF;
			font-size:18px;
			font-weight:500;
			}
		.news span {
			display:block;
			margin:20px 0 0 0;
			color:#e5aa1c;
			font-size:10px;
			}
		.news p {
			margin:0;
			color:#CCC;
			font-size:11px;
			text-align:justify;
			padding:5px 0 10px 0;
			margin:0 0 10px 0;
			/*border-top:1px dotted #CCC;*/
			border-bottom:1px dotted #CCC;
			}
		.news a {
			color:#e5aa1c;
			font-size:13px;
			display:block;
			margin:20px 0 0 0;
			}
/*-------------------*/
.news_archive {
	width:950px;
	margin:0 auto;
	}
	.news_archive span {
		display:block;
		margin:20px 0 0 10px;
		color:#e5aa1c;
		font-size:11px;
		}
	.news_archive p {
		margin:0;
		color:#CCC;
		font-size:12px;
		padding:5px 0 10px 0;
		margin:0 0 10px 10px;
		border-bottom:1px dotted #CCC;
		}
/*-------------------*/

.menu {
	padding:0;
	margin:20px auto;
	width:615px;
	height:28px;
	}
	#current {
		text-decoration:none;
		background-color:#777;
		}
	.menu li {
		float:left;
		}
		.menu li a {
			color:#FFF;
			display:block;
			font-size:14px;
			padding:5px 10px 7px 10px;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			border-radius:20px;
			}
			.menu li a:hover {
				text-decoration:none;
				}
				
/*-------------------*/


.portfolio {
		width:1020px;
		-width:1041px;
		margin:0 auto;
		overflow:hidden;
	}
	.wrap {
		font-family:verdana;
		color:#fff;
		width:203px;
		height:212px;
		float:left;
		margin:0 25px 20px 25px;
		}
		.wrap span {
			font-size:8pt;
			margin:6px 0 10px 0;
			float:left;
			color:#CCC;
			}
		.wrap a {
			width:204px; 
			height:154px;
			display:block;
			text-decoration:none;
			color:#CCC;
			clear:left;			
			}
			.wrap img {
				margin:0 auto;
				display:block;
				width:200px;
				height:150px;
				border:2px solid #333;
				visibility:visible;
				}
			.wrap div{
				font-size:8pt;
				text-align:center;
				padding:5px 0 10px 0;
				background-image:url(../img/preview.png);
				background-repeat:no-repeat;
				display:none;
				width:204px;
				}
	/*-------------------*/
.hight_resolution {
	width:950px;
	margin:0 auto;
	}
	.hight_resolution h3 {
		color:#CCC;
		font-size:12px;
		margin:20px 0 0 10px;
		}
	.hight_resolution span {
		font-size:12px;
		color:#CCC;
		margin:20px 0 20px 20px;
		display:block;
		}
		.hight_resolution span i {
			color:#e5aa1c;
			}
			.hight_resolution span i a {
				color:#e5aa1c;
				text-decoration:none;
				border-bottom:1px dotted;
			}
	.social {
		margin:20px 0 20px 10px;
		}
	.hight_resolution img{
		margin:0 auto 10px auto;
		display:block;
		border:2px solid #333;
		}
	.hight_resolution object {
		width:800px;
		height:450px;
		margin:0 auto 20px auto;
		display:block;
		
		}
		.hight_resolution object embed {
			width:800px;
			height:450px;
			}
		.hight_resolution table {
			}
/*-------------------*/
.services {
	width:950px;
	margin:0 auto;
	}
	.services span {
		font-size:12px;
		color:#e5aa1c;
		display:block;
		margin:10px 0 0 20px;
		}
	.services p {
		font-size:10px;
		margin:10px 0 10px 30px;
		color:#CCC;
		}
	.services strong {
		font-size:13px;
		color:#CCC;
		margin:10px 0 10px 30px;
		display:block;
		}
/*-------------------*/
.footer {
	width:950px;
	height:100px;
	margin:20px auto;
	}
#vk_like {
	width:100px;
	}
.info {
	float:left;
	width:150px;
	height:50px;
	border-right:1px dotted #777;
	}
	.info span {
		color:#CCC;
		font-size:10px;
		display:block;
		}
	.info a {
			margin:10px 2px 0 2px;
			display:block;
			float:left;
			width:21px;
			height:21px;
		}
		.info a img {
			border:0;
			}
			#vk {background:url(../img/social/vk-logo.png) no-repeat center;width:17px;} #vk:hover {background:url(../img/social/vk-logo-c.png) no-repeat center;}
			#lj {background:url(../img/social/logo_16x16_livejournal_gray.png) no-repeat center;width:19px;} #lj:hover {background:url(../img/social/logo_16x16_livejournal.png) no-repeat center;}
			#tw {background:url(../img/social/logo_16x16_twitter_gray.png) no-repeat center;width:16px;} #tw:hover {background:url(../img/social/logo_16x16_twitter.png) no-repeat center;}
			#yt {background:url(../img/social/yt-logo.png) no-repeat center;width:38px;} #yt:hover {background:url(../img/social/yt-logo-c.png) no-repeat center;}
			#fb {background:url(../img/social/face_gray.png) no-repeat center;width:16px;} #fb:hover {background:url(../img/social/face_color.png) no-repeat center;}
.copyright {
	float:left;
	text-align:center;
	width:670px;
	height:50px;
	font-size:12px;
	color:#CCC;
	margin:10px auto 10px auto;
	border-right:1px dotted #777;
	}
.statistic {
	margin:10px 0 0 0;
	display:none;
	}
	.statistic img {
		border:0;
		}
.me {
	float:left;
	width:100px;
	height:50px;
	padding:20px 0 0 20px;
	}
	.me img {
		border:0;
		}
