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


.page {
	width:1000px;
	height:auto;
	margin-top:100px;
	right: 0px;
    bottom: 0px;
    left: 0px;
    margin-left:auto;
	margin-right:auto;
    }

.logo-container{
	position:relative;
	margin:0px auto;
	text-align:left;
    }

.logo{
	position:absolute;
	z-index:1000;
    }
	
.menu-container{
	position:relative;
	width:1000px;
	height:60px;
	margin-left:272px;
	text-align:left;
	line-height:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
    }

.menu-line{
	position:relative;
	background-color:#666;
	width:816px;
	height:1px;
	margin-top:-20px;
	margin-left:272px;
	z-index:1000px;
    }

.menu-list{
	float:left;
	width:150px;
	margin-right:132px;
}
	
.intro-container{
	position:absolute;
	top:250px;
	width:272px;
	height:500px;
	margin-top:20px;
	text-align:left;
    }
	
#name{
	margin-top:-25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:22px;
	font-weight:bold;
	color:#999;
	width:220px;
    }

#intro{

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	line-height:150%;
	color:#999;
	width:220px;
    }

.work-container-3{
	position:absolute;
	top:850px;
	width:816px;
	height:auto;
	margin-left:-215px;
    }
	
.work-container{
	position:absolute;
	top:250px;
	width:816px;
	height:auto;
	margin-left:272px;
    }


.icons{
    float: left;
    margin:0px 120px 100px 0px;
    /*box-shadow: 10px 10px 5px #888888;*/
    }
	
.clear {
	clear: left;
	
}
	
.bw {
	z-index:0; 
	}
	
.color{ 
    z-index:-2; 
	}

.cf1{ 
    position: relative;
	}
	
.cf1 img{ 
    position: absolute;
	border:0px;
	border-style:solid;
    border-color:#333;
	}
	
.cf2{ 
    position: relative;
	left:167px;
	}
	
.cf2 img{ 
    position: absolute;
	border:0px;
	border-style:solid;
    border-color:#333;
	}
	
.cf3{ 
    position: relative;
	left:333px;
	}
	
.cf3 img{ 
    position: absolute;
	border:0px;
	border-style:solid;
    border-color:#333;
	}
	
.cf4{ 
    position: relative;
	top:390px;
	left:-360px;
	}
	
.cf4 img{ 
    position: absolute;
	border:0px;
	border-style:solid;
    border-color:#333;
	}

.cf4-2{ 
    position: relative;
	left:500px;
	}
	
.cf4-2 img{ 
    position: absolute;
	border:0px;
	border-style:solid;
    border-color:#333;
	}
	

	

/*.clickLine{
	
	opacity:0.2;
	z-index:2;
}*/

/*.clickLine:hover{ 

	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); 
	opacity: 1;
	filter:alpha(opacity=100);
	-webkit-transition: all 0.6s ease-in-out; 
	-moz-transition: all 0.6s ease-in-out; 
	-o-transition: all 0.6s ease-in-out; 
	-ms-transition: all 0.6s ease-in-out; 
}*/

	
	
	
.header_link {
	text-decoration:none;
	/*color:#CF6;*/
	color:#FFF;
    }

.header_link:hover {
	text-decoration:none;
	color:#999;
    }

.header-link:visited{
	text-decoration:none;
	color:#CCC;
    }