body{
	padding: 0 0 0 0;
	margin: 0 0 0 0 ;
	background-color: #FFF;
	overflow:hidden;
}
#wrapper1{
	height: 1500px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #ff0;
}
#banner{
	width: 964px;
	height: 170px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border: solid 1px #fff;
}
#ban{
	width: 200px;
	height: 170px;
	margin-left: 66px;
	background-image: url("ban.png");
	position: absolute;
}

#Men{
	width: 590px;
	height: 71px;
	margin-left: 300px;
	position: absolute;


}
#menu1{
	width: 480px;
	height: 88px;
	margin-left: 450px;
	margin-top: 76px;
	border: none;


}
#menu1 ul {
	margin: 0;
	padding: 0px;
	list-style: none;
	line-height: normal;
	border: none;
}

#menu1 li {
	float: left;
}

#menu1 a {
	display: block;
	height: 56px;
	margin-left: 18px;
	margin-right: 6px;
	padding: 18px 4px 0px 15px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: Haettenschweiler,Helvetica Neue, Helvetica, Arial, sans-serif;
	line-height:37px;
	letter-spacing:7px;
	font-size: 20px;
	color: #bebebe;
	margin-top: 5px;
	border: solid 1px #FFF;
}

#menu1 a:hover, #menu1 .current_page_item a {
	text-decoration: none;
	color: #3f3f3f;
	font-size: 20px;
	border: solid 1px #FFF;

}




#content{
	height: 390px;
	width: 964px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	background-image: url("bg-top3.png");

}

	
#content1{
	width: 380px;
	height: 360px;
	margin-left:24px;
	margin-top: 29px;
	position: absolute;


}
#slide{
	width: 380px;
	height: 360px;
	
}
#wrapper {
	width:508px;
	height:370px;
	position:absolute;
	overflow:hidden;
	margin-left: 406px;
	margin-top: 10px;


}

	#mask {
		width:500%;
		height:100%;
	
	
	}

	.item {
		width:20%;
		height:100%;
		float:left;
	
	}
	
	
	.content4 {
		width:500px;
		height:360px;
		top:0%;
		margin:0 auto;
	}
	
	.selected {
		font-weight:700;
	}

	.clear {
		clear:both;
	}
#home{
	width: 500px;
	height: 360px;
	background-image: url("images/home.png");
}
#work{
	width: 500px;
	height: 360px;
}
#work1{
	width: 500px;
	height: 60px;
	background-image: url("images/work1.png");
}
#slideshow{
	width: 500px;
	height: 280px;
	margin-top: 15px;
}
#slidecontainer{
	width: 440px;
	height: 230px;
	font-family: 'georgia';
	margin-left: auto;
	margin-right: auto;
	margin-top: 28px;
}

		.spotlightWrapper ul { 
			list-style-type: none;
			margin:0px; 
			padding:0px;  
		}
		.spotlightWrapper ul li { 
			float:left; 
			position:relative; 
			padding:24px 0px 10px 14px;
		}
		.spotlightWrapper ul li a img { 
			width:200px;
			position:relative; 
			border:none; 
		}
		.spotlightWrapper ul li a img.active {
			border:4px solid #3f3f3f; 
			z-index:1; 
			left: -4px; 
			top: -4px; 
		}
		.clear { clear:both; } 
#skill{
	width: 500px;
	height: 60px;
	background-image: url("images/skills.png");

}
#skills{
	width: 450px;
	height: 280px;
	margin-left: 25px;
	margin-top: 24px;


}
#skills1{
	width: 420px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.zitem {
	width:100px;
	height:100px;		
	margin:5px 5px 5px 0;
	overflow:hidden;
	position:relative;
	float:left;
}

.zitem .caption {
	width:100px;
	height:30px;
	background:#3f3f3f;
	color:#fff;
	font-weight:bold;
	position:absolute;
	bottom:-1px;
	left:0;
	display:none;
	filter:alpha(opacity=70);   
	-moz-opacity:0.7;    
	-khtml-opacity: 0.7;     
	opacity: 0.7;    
}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	padding:5px;
	display:block;
}

img {
	border:0;
	position:absolute;
}

.clear {
	clear:both;	
}
#gallery {
	position:relative;
	height:360px
	
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#d7d8d8; 
		color:#000; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	.clear {
		clear:both;
	}
#content3{
	width: 964px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 12px;
	font-family:  time new roman;
	color: #3f3f3f;
}	


	

