/*-------------------------------basic--------------------------*/
html {
	height: 100%;
	}	
* {
	padding: 0;
	margin: 0;
	border: 0;
	font-family: arial,helvetica, sans-serif;
	}
ul {
	list-style: none;
	font-size: 0.85em;
	margin-bottom: 1em;
	display: block;
	overflow: hidden;
	}
	ul li {
		float: left;
		width: 100%;
	}
a:visited {
	color: #7B7B7B;
	}
a:hover {
	text-decoration: none;
}

p {
	font-size: 0.75em;
	padding: 0 40px 1em 70px;
	line-height: 1.5em;
	color: #777;
}
p.date {
	float: right;
	color: #808080;
	}
h2 {
	font-size: 1em;
	font-weight: normal;
}	
	h2 strong {
		font-weight: normal;
		display: block;
		line-height: normal;
		padding: 1em 1em 1em 230px;
		font-size: 0.75em;
		}
	h2 span {
		display: none;
		}	
h3, h3 a {	
	font-family: Times New Roman, Times, serif;
	font-weight: normal;	
}

	h3 span {
		color: #F00;
		font-family: Times New Roman, Times, serif;
	}
	
h3 {
	font-size: 2em;
	padding: 1em 0;
	line-height: 0.85em;
}
/*-------------------------------index------------------------------------------------*/
body#index {
	background: #010102 url("../images/system/big_01.jpg") no-repeat center center;
	position: relative;
	height: 100%;
	}		
h1 span {
	display: none;
	}
#guide {
	position: absolute;
	width: 1px;
	height: 1px;
	top: 50%;
	left: 50%;
	overflow: visible;
	}
a.overall {			
	width: 100%;
	height: 100%;		
	display: block;		
	}			
a.overall span {
	display: none;
	}
a.back {
	font-size: 0.85em;
	padding: 0 0 0 20px;
	display: block;
	color: #808080;
	background: url("../images/system/arrow.jpg") no-repeat left center;
}		
#flies {
	display: block;
	position: absolute;
	top: -235px;
	left: -12px;
	width: 50px;
	height: 70px;
	z-index: 1;
	background: url("../images/system/flies.gif");
	}
.shift li {
	padding: 0 0 0.5em 80px;
	font-size: 0.85em;
	color: #777;
}
.shift .vcard .given-name {
	background: none;
	padding-left: 0;
}
/*--------------------------------------inner------------------------------------------*/
body#inner {
	position: relative;
	height: 100%;
	background: #010102 url("../images/system/big_01.jpg") no-repeat -770px center fixed;
}	
	#inner #guide {
		min-height: 100%;
		top: 0;
	}	
	#inner h1 {
		background: url("../images/system/logo_big.png") no-repeat;
		width: 255px;
		height: 481px;
		position: absolute;
		left: -170px;
		top: 30px;
	}
	#inner img.big {
		padding: 20px 0;
		display: block;
	}
#wrapper {
	width: 750px;
	position: absolute;
	min-height: 100%;
	height: auto;
	left: -320px;
	top: 2.5em;
	background: #FFF;
	overflow: visible;	
}
#content {
	padding: 70px 50px 100px 100px;
	position: relative;
	height: 1%;
}
#content img {
	display: block;
	margin: 20px auto;
}
#intro {
	background: #E0E4E8 url("../images/system/intro.gif") no-repeat left top;
	padding: 75px 10px 0 0;
	margin-bottom: 50px;
	clear: both;
	position: relative;
	height: 1%;
}
	
#about {
	background: #E0E4E8 url("../images/system/about.gif") no-repeat left top;
	padding: 75px 10px 0 0;
	margin-bottom: 50px;
	clear: both;
	position: relative;
	height: 1%;
}
#blog {
	background: #E0E4E8 url("../images/system/blog.gif") no-repeat left top;
	padding: 95px 10px 0 0;
	margin-bottom: 50px;
	clear: both;
	position: relative;
	height: 1%;
}
#contacts {
	background: #E0E4E8 url("../images/system/contacts.gif") no-repeat left top;
	padding: 95px 10px 0 0;
	margin-bottom: 50px;
	clear: both;
	position: relative;
	height: 1%;
}	
#izo {
	background: #E0E4E8 url("../images/system/izo.gif") no-repeat left top;
	padding: 95px 0 0 0;
	margin-bottom: 50px;
	clear: both;
	overflow: hidden !important;
	overflow: visible;
	position: relative;
	height: 1%;
	}
	#izo strong {
		font-weight: normal;
		display: block;
		line-height: normal;
		padding: 1em 1em 1em 230px;
		font-size: 0.75em;
		}
	#izo #sub_menu {
		float: left;
		width: 220px;
		margin: 1em 0 0 0;
		padding: 0 0 0 10px;
		position: relative;
		height: 1%;
		}
		#izo #sub_menu li {
			padding: 0 0 0.5em 0;
			}
	
#web {
	background: #E0E4E8 url("../images/system/web.gif") no-repeat left top;
	padding: 95px 10px 0 0;
	margin-bottom: 50px;
	clear: both;
	position: relative;
	height: 1%;
	}
#style {
	background: #E0E4E8 url("../images/system/style.gif") no-repeat left top;
	padding: 95px 10px 0 0;
	margin-bottom: 50px;
	clear: both;
	position: relative;
	height: 1%;
	}
#my {
	width: 75px;
	height: 296px;
	position: absolute;
	bottom: 0;
	right: -35px;
	background: url("../images/system/logo_small2.png") no-repeat;
}
/*--------------------------------------hCard-----------------------------------------*/
.copyright {
	position: absolute;
	left: -13em;
	top: 200px;
	font-size: 0.85em;
	color: #40474F;
	width: 30em;
	}
.copyright span {
	float: left; 
	}
.vcard .given-name {
	background: url("../images/system/sq.gif") no-repeat 7px center;
	padding: 0 0.5em 0 25px;
	}
/*-----------------------------------------service_menu---------------------------------------------*/
.service_menu {
	width: 100%;
	float: left;
	margin-top: -2em;
	position: relative;
	height: 1%;
	} 
.service_menu li {
	float: right;
	width: auto;
	margin: 0 20px 0 0 !important;
	margin: 0 10px 0 0;
	}
.service_menu li a {
	font-size: 0.85em;
	color: #FFF;
	}
.service_menu li a:hover {
	text-decoration: none;
	}
/*-----------------------------------------navigation---------------------------------------------*/
.navigation {
	float: right;
	position: relative;
	height: 1%;
	width: 100%;
	} 
.navigation li {
	float: left;
	width: auto;
	margin: 0 20px 0 0 !important;
	margin: 0 10px 0 0;
	padding-bottom: 10px;
	}
.navigation li a {
	font-size: 0.85em;
	color: #000;
	}
.navigation li a:hover {
	text-decoration: none;
	}
/*----------------------------------announce-------------------------------------*/
#announce li {
	margin: 10px 0 40px 0;
	overflow: hidden;
	clear: both;
	}

	#announce li div {
		float: right;
		width: 370px;
		position: relative;
		height: 1%;
		}
	#announce li img {
		float: left;
		border: 1px #FFF solid;
		width: 150px;
		height: 91px;		
		margin: 0 10px 0 0;
		}
	#announce li h3 {
		color: #000;
		font-size: 1.5em;
		width: 200px;
		float: left;
		padding: 0;
		line-height: normal;
		}	
	#announce li h3 a {
		color: #000;
		font-size: 1em;
		}
	#announce li .comment {
		color: #81B1A5;
		}
	#announce li p {
		font-size: 0.85em;
		color: #555;
		padding: 0 0 1em 0;
		}
/*----------------------------------------gallery--------------------------------------*/
#gallery {			
			}
	#gallery li {
			float: left;
			width: 220px;
			min-height: 250px !important;
			margin: 0 2px 20px 0;						
			text-align: center;	
			font-size: 0.85em;
			color: #777;					
			}
	#gallery li.right {
			float: right;			
			}		
	#gallery li a {					
			text-decoration: none;
			color: #777;
			display: block;
			width: 100%;
			height: 100%;
			border: 1px #FFF solid;
			}
	#gallery li a:hover {								
			border: 1px #AAA solid;
			} 
	#gallery li img {								
			padding-top: 1.5em;
			display: inline;
			margin: 0;
			}
/* -----------------------------------------Popup Styles -----------------------------*/
		.popup-frame {
			position:fixed;
			top:0;
			left:0;
			z-index:999;
			width:100%;
			height:100%;
			}
		.popup-closed {
			position:absolute;
			width:0;
			height:0;
			}
		.popup-shadow {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:#000;
			opacity:0;
			}
		.popup-loader {
			position:absolute;
			top:50%;
			left:50%;
			overflow:hidden;
			margin:-40px 0 0 -40px;
			width:80px;
			height:80px;
			background:#000 url(../files/spinner.gif) 25px 25px no-repeat;
			-webkit-border-radius:15px;
			-moz-border-radius:15px;
			border-radius:15px;
			opacity:.7;
			}
			.popup-loader IMG {
				display:block;
				height: 550px;
				width: auto;				
				opacity:0;
				border: 2px #FFF solid;
				}
		.popup-loaded {
			background-image:none;
			-webkit-border-radius:0;
			-moz-border-radius:0;
			border-radius:0;
			}
		.popup-canvas {
			overflow:visible;
			opacity:1;
			}
			.popup-canvas SPAN {
				position:absolute;
				top: 10px;
				right: 10px;
				width:32px;
				height:32px;
				background:url(../files/close.png) no-repeat;
				cursor:pointer;
				}	
				
		 	
/*------------------------------------form-----------------------------------------*/
form { 
	float: left;
	font-size: 0.75em;
	margin-bottom: 50px; 
	position: relative;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	border: 1px #AAA dotted;
	}
fieldset {
	padding: 10px; 	
	float: left; 	 
	width: 95%;
	border: 0;
	}
legend {
	color: #BABABA;	
	padding: 1em 0 2em 0;
	white-space: normal;
	line-height: 1em;
	}
	legend strong {
		color: #F00;
		}
label {  	
	float: left;
	width: 100%;
	margin: 0 0 10px 0; 	 	
	}
	label input {
		float: left;
		width: 283px;
		height: 1.5em;
		border: 1px #888 solid;
		}
	label select, label textarea {
		float: left;
		width: 283px;
		border: 1px #888 solid;
		}
		
		#nick input, #soap input {
			 width: 200px;
			} 
		
label textarea {
	font-size: 0.97em;
	width: 400px;
	}
label span {
	float: left;
	width: 150px;
	}
	label span strong {
		color: #F00;
		}
#submit {
	float: left; 
	margin: 20px 0 0 150px; 
	width: 146px;
	height: 24px;
	cursor: pointer;
	background: url("../images/system/button.jpg") no-repeat;
}