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

body
{
	width: 100%;
	height: 100%;
	background: url(../img/background.jpg) repeat top;
	color: #231F20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#wrapper
{
	background: url(../img/glass.png) no-repeat center;
	width: 960px;
	height: 240px;
	position: absolute;
	margin-left: -480px;
	margin-top: -120px;
	top: 50%;
	left: 50%;
}

#wrapper h1
{
	display: block;
	text-indent: -9999px;
	background: url(../img/8yp.png) no-repeat;
	width: 144px;
	height: 144px;
	position: absolute;
	top: 50%;
	left: 70px;
	margin-top: -72px;
}

#wrapper h2
{
	display: block;
	text-indent: -9999px;
	background: url(../img/jamr.png) no-repeat;
	width: 144px;
	height: 144px;
	position: absolute;
	top: 50%;
	left: 240px;
	margin-top: -72px;
}

#wrapper p
{
	position: absolute;
	display: block;
	left: 410px;
	top: 50%;
	width: 330px;
	height: 144px;
	margin-top: -66px;
	overflow: hidden;
	text-align: justify;
	line-height: 12px;
}

#wrapper ul
{
	display: block;
	position: absolute;
	top: 50%;
	right: 60px;
	margin-top: -72px;
	width: 130px;
	height: 144px;
	overflow: hidden;
}

#wrapper ul li
{
	display: block;
	float: left;
	width: 130px;
	height: 25px;
	margin-top: 6px;
	margin-bottom: 4px;
}

#wrapper ul li a
{
	display: block;
	width: 130px;
	height: 25px;
	text-indent: -9999px;
}

#blog a
{
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	background-position: -6px -6px;	
}

#blog a:hover
{
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	background-position: -156px -6px;	
}

#contact a
{
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	background-position: -6px -41px;	
}

#contact a:hover
{
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	background-position: -156px -41px;	
}

#resume a
{
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	background-position: -6px -71px;
	height: 30px !important;
	margin-top: -5px;	
}

#resume a:hover
{
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	background-position: -156px -71px;
	height: 30px !important;
	margin-top: -5px;		
}

#social a
{
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	background-position: -6px -111px;	
}

#social a:hover
{
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	background-position: -156px -111px;	
}

#socialmedia
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../img/cover.png) repeat;
	display: none;
}

#socialmedia ul
{
	position: absolute;
	display: block;
	width: 926px;
	height: 250px;
	top: 50%;
	left: 50%;
	margin-top: -125px;
	margin-left: -463px;
	background: url(../img/sm_background.png) no-repeat center;
}

#socialmedia ul li
{
	display: block;
	float: left;
	margin-top: 25px;
	margin-left: 25px;
}