@charset "utf-8";
/* CSS Document */

/* General */
html{
	height:100%;
} 

body{
	background:url(images/bg.png) repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#999;
	padding:0;
	margin:0;
	height:100%;
}

* html .container {
	height: 100%;
}

a{
	color:#d43c3c; 
	text-decoration:none; 
	border:none; 
	outline:none; 
	outline-style:none;
}

a:hover{
	color:#666;
}

img{ 
	border-style: none;
}

input[type=text] ,textarea{
	width:80%;
	height:20px;
	background:#CCC;
	border:1px solid #999;
	color:#333;
	font-size:14px;
	text-align:left;
	padding:3px;
	margin-bottom:5px;
	float:right;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}

input[type=text]:hover, textarea:hover{
	border:1px solid #d0e9ee;
}

input[type=text]:focus, textarea:focus{
	opacity:1;
	filter:alpha(opacity=100);
}

textarea{
	height:95px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

label{
	font-size:14px;
	color:#EEE;
	cursor:pointer;
}

input[type=submit]{
	background:#CCC;
	width:110px;
	border:1px solid #999;
	color:#333;
	font-size:14px;
	padding:2px;
	float:right;
	cursor:pointer;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}

input[type=submit]:hover{
	opacity:1;
	filter:alpha(opacity=100);
}

ul{
	list-style-type:none;
	margin:0;
	padding:2px;
}

li{
	list-style-type:none;
	padding:2px;
}

.clear{
	clear:both;
}

#page{
	height:100%;
}

.container{
	position:relative;
	width:1100px;
	height:100%;
}

/* header */
.header-img{
	background:url(images/header.png) no-repeat;
	position:absolute;
	top:0;
	left:20%;
	z-index:-100;
	width:80%;
	height:90%;
}
	
.header{
	padding-top:10px;
}
	
.logo{
	font-size:24px; 
	color:#999;
	float:left;
	text-align:left;
	margin-left:100px;
}

/* menu */
.menu{
	float:right;
	margin-right:100px;
}

.menu-item{
	float:left;
	margin-left:10px;
	margin-top:2px;
	padding:4px;
	color:#CCC;
	font-size:16px;
	cursor:pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.menu-item-hover{
	background:#650202;
}

.menu-bg{
	background:#650202;
	position:absolute;
	top:0;
	left:0;
	z-index:-10;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/* lines */
.h-line{
	background:url(images/h-line.png) repeat-x; 
	width:1000px; 
	height:5px;
	margin:10px;
}

.v-line{
	background:url(images/v-line.png) repeat-y; 
	height:250px; 
	width:5px;
	margin:20px;
	float:left;
}


/*slider*/
.slider{
	position:relative;
	top:0;
	left:0;
	height:250px;
	width:1000px;
	overflow:hidden;
	text-align:center;
}

.slider-container{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.slider-blocks{
	position:relative;
	top:0;
	left:0;
}

.slider-block{
	position:relative;
	top:0;
	left:0;
	width:185px;
	height:200px;
	margin:22px;
	margin-top:30px;
	float:left;
	cursor:pointer;
	opacity:0.6;
	filter:alpha(opacity=60);
}

.slider-block-hover{
	width:195px;
	height:210px;
	margin:17px;
	margin-top:20px;
	overflow:hidden;
	opacity:1;
	filter:alpha(opacity=100);
}

.slider-block-img{
	border:1px solid #CCC;
	width:99%;
	height:90%;
}

.slider-block-data{
	height:30px;
	margin-top:0px;
	padding:5px;
	color:#EEE;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	overflow:hidden;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.slider-next{
	width:0;
	height:0;
	border-left:30px solid #CCC;
	border-top:30px solid transparent;
	border-bottom:30px solid transparent;
	float:right;
	margin-top:105px;
	margin-left:10px;
	overflow:hidden;
	cursor:pointer;
}

.slider-next:hover{
	border-left:30px solid #650202;
}

.slider-prev{
	width:0;
	height:0;
	border-right:30px solid #CCC;
	border-top:30px solid transparent;
	border-bottom:30px solid transparent;
	float:left;
	margin-top:105px;
	margin-right:10px;
	cursor:pointer;
	opacity:0.1;
	filter:alpha(opacity=10);
}

.slider-prev:hover{
	border-right:30px solid #650202;
}

/* slider-data */

.slider-data{
	position:absolute;
	top:0;
	left:0;
	color:#999;
	position:relative;
}

.slider-data-img{
	width:320px;
	height:320px;
	border:1px solid #EEE;
	float:left;
	margin:10px;
	margin-top:20px;
}

.slider-data-data{
	float:left;
	margin:10px;
	text-align:left;
	width:600px;
	height:600px;
}

.slider-data-title{
	font-weight:bold;
	font-size:24px;
	color:#EEE;
	padding:5px;
}

.slider-data-txt{
	font-size:16px;
	color:#999;
	padding:5px;
}

.slider-data-item{
	font-size:16px;
	color:#999;
	padding:5px;
}

.slider-data-item span{
	color:#EEE;
}

/* categories */

.categories{
	width:1000px;
	height:300px;
	overflow:hidden;
}

.category{
	width:290px;
	height:90%;
	float:left;
	cursor:pointer;
	text-align:left;
	padding:5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.category:hover{
	background:#333;
}

.category-hover{
	background:#333;
}

.category-img{
	display:inline;
	width:75px;
	height:75px;
	float:right;
}

.category-title{
	color:#DDD;
	text-shadow:-1px -1px #444;
	font-size:22px;
	text-align:left;
	margin-bottom:8px;
}

.category-txt{
	color:#999;
	font-size:16px;
	text-align:left;
	margin-left:5px;
}

.categories-data{
	background:#333;
	width:665px;
	height:90%;
	float:left;
	text-align:left;
	padding:5px;
	margin-left:20px;
	color:#EEE;
	font-size:14px;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.categories-data-left{
	width:250px;
	height:90%;
	margin:5px;
	border-right:1px solid #999;
	float:left;
}

.categories-data-right{
	width:370px;
	float:left;
	margin:5px;
}

.categories-data-list{
	height:200px;
}

/* contacts */
.contacts{
	height:250px;
	text-align:left;
	color:#EEE;
	overflow:hidden;
}

.contacts label{
	padding-top:5px;
	float:left;
}

.contacts-left{
	float:left;
	width:475px;
	padding:10px;
	font-size:16px;
}

.contacts-right{
	float:left;
	width:475px;
	padding:10px;
	border-left:1px solid #999;
	font-size:14px;
}

.contacts-data{
	height:150px;
}

.contacts-share{

}

.contacts-share-img{
	width:40px;
	height:40px;
	padding:5px;
	margin-right:5px;
	float:left;
	cursor:pointer;
}

.contacts-share-img:hover{
	width:50px;
	height:50px;
	padding:0;
}

.contacts-result{
	float:right;
	color:#999;
	font-size:14px;
	padding:5px;
}

.send-iframe{
	width:0;
	height:0;
	display:none;
}

/* about */
.about{
	color:#EEE;
	font-size:14px;
	text-align:left;
	padding:10px;
	height:100%;
	overflow:scroll;
}

/* projects */
.projects{
	height:80%;
}

.project-content{
	width:820px;
	margin-right:50px;
	text-align:left;
	color:#333;
	padding:10px;
	border-left:1px solid #EEE;
	float:left;
	color:#EEE;
	font-size:14px;
	overflow:auto;
	height:75%;
}

.projects-menu{
	width:150px;
	margin-left:50px;
	float:left;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.project{
	width:100%;
	padding:5px 0 5px 0;
	border-bottom:1px solid #999;
	color:#EEE;
	font-size:16px;
	cursor:pointer;
	text-align:left;
}

.project:hover{
	background:#EEE;
	color:#333;
}

.project-arrow{
	width:0;
	height:0;
	border-left:10px solid #888;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	margin-right:15px;
	float:left;
}

.project-arrow-down{
	width:0;
	height:0;
	border-top:10px solid #888;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	margin-right:5px;
	margin-top:5px;
	float:left;
}

.project-txt{
	float:left;
	color:inhirit;
	font-size:16px;
}


.project-cats{
	margin-bottom:5px;
	display:none;
}

.project-cat{
	color:#AAA;
	font-size:14px;
	padding:2px 0 2px 10px;
	border-bottom:1px solid #666;
	text-align:left;
	cursor:pointer;
}

.project-cat:hover{
	color:#EEE;
	background:#666;
}

/* cats */
.cat{

}

.cat-title{
	background:#CCC;
	font-size:25px;
	color:#333;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.cat-date{
	position:relative;
	top:-20px;
	right:10px;
	float:right;
	font-size:14px;
	color:#666;
}

.cat-txt{
	font-size:16px;
	color:#EEE;
}

/* loading */
.loading{
	position:absolute;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.loading-bg{
	color:#999;
	font-size:12px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	width:150px;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.loding-static{
	position:static;
}

.loading-small{
	width:10px;
	height:10px;
	margin-top:-3px;
	opacity:0.8;
	filter:alpha(opacity=80);
}

/* close */
.close{
	width:16px;
	height:16px;
	float:right;
	position:relative;
	top:0;
	left:0;
	color:#333;
	font-size:18px;
	margin:2px;
	cursor:pointer;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.close:hover{
	width:20px;
	height:20px;
	margin:0;
}

/* footer */
.footer-clear{
	height:60px;
}

.footer{
	position:relative;
	width:1000px;
	height:40px;
	text-align:left;
	font-size:14px;
	color:#999;
}

.footer-block{
	font-size:14px;
	font-weight:bold;
	color:#EEE;
}

.footer-left{
	float:left;
	margin-left:30px;
}

.footer-right{
	float:right;
	margin-right:10px;
}