@charset "UTF-8";
/* CSS Document */
body {
	background-image:url(images/backgroundimage.jpg);
	background-color:#000;
	overflow-x:hidden
    }

.page {
	margin:auto;
    width:1100px;
	height:auto;
	margin-top:100px;
	right: 0px;
    bottom: 0px;
    margin-left:auto;
	margin-right:auto;
	text-align:center;
    }

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

.logo{
	position:absolute;
	z-index:1000;
    }
	
.menu-container{
	position:relative;
	width:90%;
	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:#333;
	width:816px;
	height:1px;
	margin-top:-20px;
	margin-left:272px;
	z-index:1000px;
    }
.menu-line2{
	position:relative;
	background-color:#333;
	width:816px;
	height:1px;
	margin-top:900px;
	margin-left:272px;
	z-index:1000px;
    }

.menu-list{
	float:left;
	width:150px;
	margin-top:-12px;
	margin-right:80px;
}
	
.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:normal;
	color:#5D6474;
	width:220px;
    }

#intro{

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:300;
	font-style:italic;
	line-height:150%;
	color:#525866;
	width:230px;
	opacity:0.8;
    }

.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:#121212;
	}
	
.cf2{ 
    position: relative;
	left:163px;
	}
	
.cf2 img{ 
    position: absolute;
	border:0px;
	border-style:solid;
    border-color:#121212;
	}
	
.cf3{ 
    position: relative;
	left:325px;
	}
	
.cf3 img{ 
    position: absolute;
	border:0px;
	border-style:solid;
    border-color:#121212;
	}
	
.cf4{ 
    position: relative;
	top:390px;
	left:-360px;
	}
	
.cf4 img{ 
    position: absolute;
	border:0px;
	border-style:solid;
    border-color:#121212;
	}
	
.cf5{ 
    position: relative;
	top:390px;
	left:-198px;
	}
	
.cf5 img{ 
    position: absolute;
	border:0px;
	border-style:solid;
    border-color:#121212;
    }

.cf6{ 
    position: relative;
	top:390px;
	left:-36px;
	}
	
.cf6 img{ 
    position: absolute;
	border:0px;
	border-style:solid;
    border-color:#121212;
    }

.clickLine{
	opacity:0;
	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:#FFAD04;
    }

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