@charset "UTF-8";

*{
	margin:0 auto;
}

body {
	background-image:url(images/bg-diamond.jpg);
}

img{
	width:100%;
	user-drag: none; -moz-user-select: none; -webkit-user-drag: none;
}




#mainNav{
	width:90%;
	padding-top:50px;
	padding-bottom:5%;
}

#logo{
	float:left;
	width:150px;
	height:30px;
}

#navBar{
	float:right;
	padding-top:6px;
}

.navItem img{
	width:80px;
	padding:0 7px 0 7px;
	transition: opacity 0.2s ease;
}

.navItem:hover img{
	opacity: 0.8;
}







#header{
	width:58%;
    margin:0 auto;
	padding-top:50px;
	padding-bottom:50px;
}

#contactBtn{
	width:15%;
    margin: 0 auto;
	transition: all .2s ease-in-out;
}

#contactBtn:hover {
	transform: scale(1.05);
}

#detail{
	width:80%;
    margin:0 auto;
	margin-bottom:50px;
}

#personal{
	width:70%;
    margin:0 auto;
	margin-bottom:80px;
}

#footer{
	width: 100%;
	height:50px;
    margin: 0 auto;
}

#portrait{
	width:50%;	
	margin-bottom:80px;
	margin-top:-25px;
}

.image{
	padding: 20px 0px 10px 0px;
	width:85%;
	border: none;
    display: block;
    margin: 0 auto;
}