
/*---------------------------------basic-------------------------------------*/
h1 {
		font-size: 1.3em;
		font-weight: normal;
		}
h3 {
		padding: 1em 0 1em 225px;
		font-family: Times, Times new Roman, serif;
		font-weight: normal;
		font-size: 1.5em;		
		line-height: 1em;
	}
	h3 span {
		font-size: 0.75em;
		color: #AAA;
		font-weight: normal;
	}
h4 {
		font-weight: normal;
		font-size: 1.2em;
		color: #016FAE;
		padding: 0 0 1em 35px;
		line-height: 1em;
		font-family: times, serif;
		width: 100px;
		float: left;
		
	}
h4 a {
		font-size: 1em;
		font-family: times, serif;
	}
p {
		padding: 0 0 1em 0;
		font-size: 0.75em;
		color: #595959;
		
	}
a {
		color: #D65500;
	}
a:hover {
		text-decoration: none;
		}

ul.special {
	
	font-size: 0.75em;
	float: left;
	margin: 0 0 10px 0;
	padding: 50px 0 50px 0;
	border-bottom: 1px #777 dotted;
	width: 100%;
}
ul.special li {
	margin-bottom: 1em;
	width: 190px;
	float: left;
	padding: 0 10px 0 0;
}

ul.headers_list {
		padding: 50px 0 50px 35px;
		width: 500px;		
	}
ul.headers_list li {
		padding: 0 0 0 20px;
		margin-bottom: 0.5em;
		font-size: 1em;
		font-weight: bold;
		font-family: times, serif;
		background: url("../images/dot.gif") no-repeat left top;
	}
ul.headers_list a {
		color: #000;
		font-size: 1.2em;
		font-family: times, serif;
		font-weight: normal;		
	}
ul.headers_list a.most {
		color: #D65500;
	}
ul.simple_list {
		padding: 0 0 1em 0;
		
	}
ul.simple_list li {
		font-size: 0.75em;		
	}
ul.simple_list a {
		
	}
* {
		padding: 0;
		margin: 0;
		border: 0;
		list-style: none;
		font-family: arial,helvetica,sans-serif;
		}
html {
		height: 100%;
		}
body {
		background: #000;
		height: 100%;
		}
#first {
		position: absolute;
		width: 250px;
		background: none;
		left: -280px;
		top: 345px;
		}
#corner {
		background: url("../images/corner.jpg");
		position: absolute;
		right: 0;
		bottom: -51px !important;
		bottom: -52px;
		height: 138px;
		width: 170px;
		z-index: 1;
		}		
div.top, div.bottom {
		display:block;
		background: #000;
		}
div.bottom {
		position: absolute;
		bottom: 0 !important;
		bottom: -1px;
		left: 0;
		width: 500px;
		z-index: 0;
		}
/*---------------------------------main page----------------------------------------------*/
#main #container {
		height: 100%;
		width: 960px;
		margin: 0 auto;
		position: relative;
		display: table;
        overflow: hidden;
		}
#main #wrapper_01 {
		display: table-cell;
		vertical-align: middle;
		}
#main #wrapper_02 {
		display: block;
		height: 520px;
		}
#main #second {
		width: 500px;
		float: right;
		height: 518px;
		position: relative;
		background: #FFF;
		}
#main #banner {
		background: url("../images/main_3.jpg");
		position: absolute;
		left: -388px;
		top: 1px;
		height: 517px;
		width: 800px;
		}
#main h1 span, #inner h2 span {
		display: none;
		}
#main .tel {
		width: 250px;
		height: 102px;
		margin: -50px 0 2em 200px;
		position: relative;
		z-index: 5;
		background: url("../images/tel.png") no-repeat; 
		}
#main .tel p {
		display: none;
		}
/*----------------------------------------inner---------------------------------*/
.inner_inside {
	padding-left: 200px;
}
.inner_inside h1.simple {
	margin: 0 0 3em 0;
}
.inner_inside h3 {
	padding: 1em 0;
}
#inner #container {
		height: 100%;
		width: 960px;
		margin: 50px auto;
		position: relative;
		padding-bottom: 100px;
		}
#inner #second {
		width: 650px;
		float: right;
		min-height: 500px;
		position: relative;
		background: #FFF;
		}
#inner #content {
		position: relative;
		z-index: 3;
		padding-bottom: 150px;
		height: 1%;
		overflow: hidden;
		}
#inner #banner {
		background: url("../images/small_03.jpg");
		position: absolute;
		left: -267px;
		top: 0;
		height: 355px;
		width: 550px;
		}
#inner #corner {
		bottom: -52px !important;
		bottom: -53px;
		}
#inner .aligner {
		margin: 0 25px;
		}
#inner div.top, #inner div.bottom {
		height: 30px;
		width: 650px;
		}
#inner div.top {
		background: url("../images/top_big.gif"); 
		}
#inner div.bottom {
		background: url("../images/bottom_big.gif"); 
		}
#inner #menu {
		position: absolute;
		top: 350px;
		left: -200px;
		z-index: 1;
		}
#inner #menu li {
		width: 150px;
		height: auto;
		margin-bottom: 1em;		
		}
#inner #menu li a {
		color: #FFF;
		font-size: 1.1em;
		font-family: times, serif;
		line-height: 1em;
		}
#inner #menu li a:hover {
		color: #FF0;
		}	
#inner .banner {
		position: absolute;
		top: 35em;
		left: -200px;
		z-index: 1;
	}
#inner h1.simple {
		margin: 0 0 3em 200px;
		height: auto;
		width: auto;
		font-family: times, serif;
		color: #555;
		border-left: 8px #F35E00 solid;
		padding-left: 10px;
		line-height: 0.8em;
		}
#inner .inner_inside h1.simple {
	margin: 0 0 3em 0;
}		
		#inner h1.simple strong {
			font-size: 0.75em;
			font-family: times, serif;
			color: #000;
		}
		#inner h1.simple a {
			font-size: 1em;
			font-family: times, serif;
			color: #555;
		}
#gallery {
		padding: 50px 0 100px 25px;
		background: none;
		float: left;
		position: relative;
		z-index: 5;
		}
		#gallery li {
			float: left;
			width: 190px;
			height: 160px;
			overflow: hidden;
			margin: 0 10px 10px 0;
			position: relative;
			}
		#gallery li a {
			cursor: pointer;
		}	
		#gallery span.border, .anounce span.border {
			background: url("../images/border.png") no-repeat;
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
#inner img.big {
	margin: 20px 0;
	
}	
/*-----------------------------------------menu for main page----------------------------*/
#main #menu {
		position: absolute;
		top: 150px;
		left: 250px;
		z-index: 1;
		}
#main #menu li {
		width: 198px;
		height: auto;
		margin-bottom: 1em;
		}
		#main #menu li a {
		color: #000;
		font-size: 1.1em;
		font-family: times, serif;
		line-height: 1em;
		text-decoration: underline;
		width: 100%;
		height: 100%;
		display: block;
		cursor: pointer;
		}
#main #menu li a:hover {
		color: #555;
		}	



/*-------------------------------------rounded for main page-----------------------------*/
#main div.top, #main div.bottom {
		height: 30px;
		width: 500px;
		}
#main div.top {
		background: url("../images/top.jpg");
		}
#main div.bottom {
		background: url("../images/bottom.jpg");
		}
#main div.bottom ul, #inner div.bottom ul {
		position: absolute;
		display: inline;
		left: 0;
		bottom: -20px;
		}
#main div.bottom ul li, #inner div.bottom ul li {
		float: left;
		color: #979797;
		font-size: 0.75em;
		margin-right: 1em;
		font-weight: normal;
		}
#main div.bottom ul li a, #inner div.bottom ul li a {
		color: #979797;
		}	
/*------------------------------------form-----------------------------------------*/
form { 
	float: left;
	font-size: 0.85em;
	margin-bottom: 50px; 
	position: relative;
	z-index: 5;
	width: 600px; 
	}
fieldset {
	padding: 10px 0; 	
	float: left; 	 
	width: 100%;
	border: 0;
	}
legend {
	color: #777;	
	padding: 1em 1em 2em 200px !important;
	padding: 1em 1em 2em 100px;
	white-space: normal;
	}
	legend strong {
		color: #F00;
		}
label {  	
	float: left;
	width: 550px;
	margin: 0 0 10px 10px; 	 	
	}
	label input {
		float: right;
		width: 355px;
		height: 1.5em;
		border: 1px #888 solid;
		}
	label select, label textarea {
		float: right;
		width: 355px;
		border: 1px #888 solid;
		}
	label img {
		margin: 0 15px;
		}
textarea {
	font-size: 0.97em;
	}
label span {
	float: left;
	width: 150px;
	padding-left: 10px;
	}
	label span strong {
		color: #F00;
		}
#submit {
	float: left; 
	margin: 20px 0 0 195px; 
	width: 10em;
	cursor: pointer;
	background: #D65500;
	color: #FFF;
	font-size: 1em; 
	}
/*----------------------------------anounce-------------------------------------*/             
.anounce {
	padding: 1em 0;
	overflow: hidden;			
	}
.anounce div {
	display: table;
	}
.anounce a.for_image {
	display: block;
	position: relative;
	}
		
.anounce img {
	float: left;
	margin: 0 1em 0 0;
	}
.anounce h4 {
	float: none;
	}
	
/*------------------------------------new_project----------------------------------*/
#new {
	position: absolute;
	top: 290px;
	left: 250px;
	z-index: 111;
	}
	#new a {
		display: block;
		text-decoration: none;
		font-size: 0.85em;
		width: 160px;
		}
#gallery li span {
			position: absolute;
			top: 5px;
			right: 5px;
			width: 106px;
			height: 48px;
			background: url("../images/new.png") no-repeat;
			font-size: 0.75em;
			color: #FFF;
			text-align: center;
			padding: 10px 0 0 0;
			}	