body { 
	
}

.wrapper {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}
a {
	text-decoration: none;
}

.maintable {
	display: table;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

hr
{color: #006699;
background-color: #006699;
height: 12px;
margin: 0; padding: 0;}

p
{font-family: Arial,sans-serif;
font-size: 75%;
color: #000000;
margin: 0px;
padding: 0px;
letter spacing: -3px;
text-align: left;}

.links { 
	margin: 0px;
	padding-bottom: 10px;
	position: relative;
}

.links h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	color: #000;
	margin: 0px;
	padding: 0px;
	line-height: 55%;
	letter spacing: 0px;
	text-align: left;
}

.displace {
	position: absolute;
	left: -5000px;
	}
	
a#nav_resume {
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
	background: url("images/resume_full.png");
	}

a#nav_resume:hover {
	background-position: -50px 0;
	}

a#nav_contact {
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
	background: url("images/contact_b_full.png");
	}

a#nav_contact:hover {
	background-position: -50px 0;
	}
	
a#nav_facebook {
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
	background: url("images/facebook_full.png");
	}

a#nav_facebook:hover {
	background-position: -50px 0;
	}
	
a#nav_twitter {
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
	background: url("images/twitter_full.png");
	}

a#nav_twitter:hover {
	background-position: -50px 0;
	}
	
a#nav_instagram {
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
	background: url("images/instagram_b_full.png");
	}

a#nav_instagram:hover {
	background-position: -50px 0;
	}
	
/== resume ==/

.res {background: #FFFFFF;}

#cela h1 {
	font-family: Arial,sans-serif;
	font-size: 225%;
	color: #000;
	margin: 0px;
	padding: 0px;
	letter-spacing: -3px;
	text-align: left
}

#cela h2 {
	font-family: Arial,sans-serif;
	font-size: 200%;
	color: #000;
	margin: 0px;
	padding: 0px;
	letter-spacing: -3px;
	text-align: left
}

#celb h1 {
	font-family: Arial,sans-serif;
	font-size: 225%;
	color: #000;
	margin: 0px;
	padding: 0px;
	letter-spacing: -3px;
	text-align: right
}

#celb h2 {
	font-family: Arial,sans-serif;
	font-size: 200%;
	color: #000;
	margin: 0px;
	padding: 0px;
	letter-spacing: -3px;
	text-align: right
}

#content {
	background: #000;
}

#content h1 {
	font-family: Arial,sans-serif;
	font-size: 225%;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	letter-spacing: -3px;
	text-align: left
}

#content h2 {
	font-family: Arial,sans-serif;
	font-size: 125%;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	letter-spacing: -1px;
	text-align: left;
}

.indiv_display{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

img.arrow_box{
	margin-top: 10px;
}

.head h1 {text-align: right; clear: both; background:#eef;
font-family: Arial,sans-serif;
font-size:; 500%;
color: #006699;
margin: 0px;
padding: 0px;
letter-spacing: -3px;
text-align: right}
#nav {clear: both; background:#eef;}
.navpan {background:#ffffff;}

/== navigation ==/

#nav {clear: both;}

#nav ul{margin: 0; padding: 0; list-style: none;}

#nav a {display: block; width: 10em;}

#nav li {float: right; width: 10em;}

#nav li ul {display: none;}

#nav li:hover ul {display: block; width: 10em; position: absolute; z-index: 10;}

.body {clear: both; position: relative; bottom: -112px; top:3px; background:#eef;}
.body h1
{font-family: Arial,sans-serif;
font-size: 225%;
color: #006699;
margin: 0px;
padding: 0px;
letter-spacing: -3px;
text-align: left}

.btable {width: 900px; margin-right: auto; margin-left: auto;}

#news {float: top;}
#art {float: top;}
#movies {float: top;}