html {height: 100%;}

body {
	height: 100%;
	font-family: sans-serif;
	line-height: 150%;
	font-size: 13px;
	background: #f4a100 url(../images/background.png);
	*background: #000 url(../images/background.png);
}

a {
	cursor: pointer;
} 


#navigation {
	background: url(../images/menu.png) right bottom no-repeat;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left:260px;
	
	z-index: 99;
	color: #666;
	font-size: 13px;
	
	letter-spacing: 1px;
	
	width: 235px;
	height: 400px
	

}
	#navigation h2 {
		display: none;
	}
	
	#navigation ul {
		float: left;
	}
	#navigation li {
		display: block;
	}
	
	#navigation a {
		display: block;
		cursor: pointer;
		margin-bottom: 2px;
		width: 110px;
		height: 50px;
		text-indent: -9999px;
	}
	#navigation .about {
		position: absolute;
		left: -3px;
		top: 50px;
		
	}
	#navigation .service {
		position: absolute;
		left: 125px;
		top: 20px;
		
	}
	#navigation .home {
		position: absolute;
		left: 125px;
		top: 80px;
		height: 60px;
		
	}
	#navigation .project {
		position: absolute;
		left: -3px;
		top: 135px;
		
	}
	#navigation .contact {
		position: absolute;
		left: 125px;
		top: 160px;
		
	}
	#navigation .job {
		position: absolute;
		left: -3px;
		top: 212px;
		
	}
	
	
#wrapper {
	overflow: hidden;
	width: 900px;
	height: 100%;
	position: relative;
	border-right: 20px solid #A5C63F;
	border-left: 20px solid #A5C63F;
	margin: 0 auto;
}


#page {
	height: 14400px;
	width: 900px;
	overflow: hidden;
	position: relative;
	background: url(../images/background.jpg) center top;
}


.frame {
	height: 960px;
	width: 900px;
	position: absolute;
	overflow: hidden;
	
	padding-top: 40px;
}

.content {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
	#home {
		left: 0%;
		top: 6500px;
		background: url(../images/home.png) center 0 no-repeat;
		height: 1000px;
	}
	#home h1 {
		text-indent: -9999px;
	}

	#home li a {
		display: block;
		position: absolute;
		text-indent: -999px;
	}
	
	#home li a:hover {
		display: block;
		position: absolute;
		border: 1px solid #f00;
	}

	#home li .about {
		left: 370px;
		top:370px;
		width: 50px;
		height: 70px
	}

	#home li .home {
		left: 320px;
		top:110px;
		width: 100px;
		height: 50px
	}
	#home li .service {
		left: 230px;
		top:380px;
		width: 50px;
		height: 80px
	}
	#home li .project {
		left: 525px;
		top:140px;
		width: 50px;
		height: 80px
	}
	#home li .contact {
		left: 525px;
		top:380px;
		width: 50px;
		height: 50px
	}


	#about {
		left: 0%;
		top: 3850px;
		background: url(../images/about.png) center 0 no-repeat;
	}
	#about .content {
	width: 480px;
	margin: 60px auto;
	color: #fff;
	
	}
	
	#about h2 {
	color: #f90;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 50px;
	display: none;
	}
	#about h3 {
	color: #f90;
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0;
	}
	
	#about strong {
	color: #A5C63F;
	}
	#about li {
	color: #A5C63F;
	margin: 5px 0 3px 10px;
	}
	
	#project {
		left: 0%;
		top: 10450px;
		background: url(../images/project.png) center 60px no-repeat;
	}
	#project h2 {
		text-indent: -9999px;
		display: none;
	}	
	
	#project p {
	margin: 10px 0;
	}	
	
	#project .content {
	width: 880px;
	margin: 0 auto;
	position: relative;
	padding: 1px;
}
	
	
	#project-slider {
		background:  url(../images/project-frame.png) no-repeat center top;
		*backgrond: none;
		width: 640px;
		height: 400px;
		margin: 150px 0 0  20px;
		overflow: hidden;
		position: relative;
	}
	#project-wrapper {
		position: relative;
		left: 80px;
		top:11px;
	}
	#project-prev {
		display: block;
		position: absolute;
		left: 10px;
		top:150px;
		width: 50px;
		height: 88px;
		text-indent: -9999px;
		background: url(../images/project-prev.png) no-repeat;
		background-position: 0 -88px;
		outline: 0;
	
	}
		#project-prev:hover {
			background-position: 0 0;
		}
		#project-prev:active {
			background-position: 0 -88px;
		}
	
	#project-next {
		display: block;
		position: absolute;
		right: 10px;
		top:150px;
		width: 50px;
		height: 88px;
		text-indent: -9999px;
		background: url(../images/project-next.png) no-repeat;
		background-position: 0 -88px;
		outline: 0;
	
	}
		#project-next:hover {
			background-position: 0 0;
		}
		#project-next:active {
			background-position: 0 -88px;
		}
	.project-single {
		*background:  #000;
	}
	.project-single ul {
		margin: 25px 0 0;
		padding: 0 0 0 100px;
	}
	.project-single li{
		display: inline;
	}
	
	.project-single .name {
		font-size: 24px;
		color: #fff;
			
	}
	.project-single .url a{
		color: #DC9C5F;
	}
	
	#project h3{
		position: absolute;
		left: -9999px;
	}
	
	#service {
		left: 0%;
		top: 175px;
		background: url(../images/service.png) no-repeat center top;
		color: #fff;
	}
	#service .content {
		position: relative;
		width: 800px;
		height: 600px;
		margin: 0 auto;
	}
	
	
	
	#service li.lv1 {
		display: block;
		width: 100px;
		height: 20px;
		background: url(../images/service-menu.png) no-repeat;
		text-indent: -999px;
		position: absolute;
	}
	
	#service li.service-a {
		background-position: 0 0 ;
		left: 10px;
		top: 300px;
	}
	#service li.service-b {
		background-position: -120px 0 ;
		left: 100px;
		top: 60px;
	}
	#service li.service-c {
		background-position: -230px 0 ;
		left: 300px;
		top: 400px;
	}
	#service li.service-d {
		background-position: -340px 0 ;
		left: 500px;
		top: 80px;
	}
	#service li.service-e {
		background-position: -450px 0 ;
		left: 400px;
		top: 240px;
	}
	#service li.service-f {
		background-position: -560px 0 ;
		left: 300px;
		top: 120px;
	}


	#service li ul {
		color: #fff;
		text-indent: 0;
		width: 150px;
	}
	#service li ul li {
		padding: 5px 0;
	
	}
	#service li ul {
		background: rgba(0, 0, 0, 0.7);
		padding: 10px;
		border: 1px solid #ccc;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	
	}
	

	#contact {
			left: 0%;
			top: 13200px;
			background: url(../images/contact.png) center 90px no-repeat;
			color: #fff;
	}
	#contact th {
		width: 80px;
	}
	#contact .content {
			margin: 0 auto;
			width: 500px;
	}
	#contact h2 {
			text-indent: -9999px;
	}
	#contact form {
			margin-top: 10px;
			color: #444;
			color: #ffce78;
	}
	#contact td, #contact th {
			padding: 5px;
			vertical-align: top;
	}
	#contact .info {
	
			text-align: center;
		
	}
	#contact a {
			color: #ffce78;
			text-decoration: none;
	}
	#contact a:hover {
			text-decoration: underline;
	}
	
#team ul li {
	display: block;
	background: #ccc;
}


table input, textarea {
	border: 1px solid #ccc;
	padding: 3px;
	background: #edd1bc;
}

#submit_block {
	margin: 0 10px 20px 100px;
}



#deco-1 {

	width: 900px;
	height: 1040px;
	background: url(../images/deco-1.png) no-repeat;
	
	position: absolute;
	top: 12000px;
}
#deco-2 {

	width: 900px;
	height: 1839px;
	background: url(../images/deco-2.png) no-repeat;
	
	position: absolute;
	top: 8500px;
}

#deco-3 {

	width: 900px;
	height: 918px;
	background: url(../images/deco-3.png) no-repeat;
	
	position: absolute;
	top: 7500px;
}

#deco-4 {

	width: 900px;
	height: 1000px;
	background: url(../images/deco-4.png) no-repeat;
	
	position: absolute;
	top: 5500px;
}
#deco-5 {

	width: 900px;
	height: 1000px;
	background: url(../images/deco-5.png) no-repeat;
	
	position: absolute;
	top: 4500px;
}

#deco-6 {

	width: 900px;
	height: 1000px;
	background: url(../images/deco-6.png) no-repeat;
	
	position: absolute;
	top: 3000px;
}

#element-1 {

	width: 300px;
	height: 72px;
	background: url(../images/element-1.png) no-repeat;
	
	position: absolute;
	top: 6550px;
	left: 960px;
}

#element-2{

	width: 520px;
	height: 270px;
	background: url(../images/element-2.png) no-repeat;
	
	position: absolute;
	top: 4000px;
	left: 960px;
}

#element-3{

	width: 106px;
	height: 129px;
	background: url(../images/element-3.png) no-repeat;
	
	position: absolute;
	top: 300px;
	left: 960px;
}

#element-4{

	width: 222px;
	height: 111px;
	background: url(../images/element-4.png) no-repeat;
	
	position: absolute;
	top: 6750px;
	left: -300px;
}

#element-5{

	width: 463px;
	height: 168px;
	background: url(../images/element-5.png) no-repeat;
	
	position: absolute;
		top: 4250px;
	left: 300px;
}
#element-6{

	width: 450px;
	height: 405px;
	background: url(../images/element-6.png) no-repeat;
	
	position: absolute;
			top: 13300px;
	left: 300px;
}


#response {
	padding: 5px;
	margin-bottom: 15px;
}

#response.red {
	background: #FFB3A0;
	border: 1px solid #c00;
	color: #c00;
}

#response.green {
	background: #DAFFD1;
	border: 1px solid #2C581A;
	color: #2C581A;
}