/* CSS Document */
*{padding: 0; margin: 0;}
body {
	width: 100%;
	background-repeat: no-repeat;
	background-color: #243b45;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #dcdcdc;}
a {
	text-decoration: none;
	color: #f39f37;}
a:hover {text-decoration: underline;}
.invisible {display: none;}
.preload {display: none;}
.date {color: #51707e;}
ul {list-style: none;}
ul, li{
	margin: 0;
	padding: 0;
}
#wrapper {
	width: 770px;
	margin: 0 auto;}
#header {
	width: 737px;
	margin-left: 33px;
	height: 160px;
	background-image: url(imgs/header.jpg);
	background-repeat: no-repeat;}
#moreinfo  {
	display: block;
	float: right;
	width: 48px;
	height: 70px;
	margin: 60px 0 0 0;
	padding: 0 3px 0 0;
	text-align: right;
	border-right: 1px solid #929da2;}
#moreinfo li {margin-bottom: 15px;}
#moreinfo a {
	display: block;
	width: 48px;
	height: 12px;
	background-repeat: no-repeat;
	background-position: right;}
#moreinfo #about a {background-image: url(imgs/mn_about.gif)}
#moreinfo #resume a {background-image: url(imgs/mn_resume.gif)}
#moreinfo #contact a {background-image: url(imgs/mn_contact.gif)}
#moreinfo #about a:hover {background-image: url(imgs/mn_about_hvr.gif)}
#moreinfo #resume a:hover {background-image: url(imgs/mn_resume_hvr.gif)}
#moreinfo #contact a:hover {background-image: url(imgs/mn_contact_hvr.gif)}
#sections {
	display: block;
	float: left;
	width: 770px;
	height: 15px;
	margin: 12px 0 0 15px;
	padding: 15px 0 0 0;}
#sections li {
	float: left;
	margin-left: 40px}
#sections li a {display: block;}
#sections #home a {
	width: 35px;
	height: 15px;
	background-image: url(imgs/mn_home.gif)}
#sections #reels a {
	width: 29px;
	height: 15px;
	background-image: url(imgs/mn_reels.gif)}
#sections #portfolio a {
	width: 50px;
	height: 15px;
	background-image: url(imgs/mn_gallery.gif)}
#sections #videos a {
	width: 45px;
	height: 15px;
	background-image: url(imgs/mn_videos.gif)}
#sections #scripts a {
	width: 42px;
	height: 15px;
	background-image: url(imgs/mn_scripts.gif)}
#sections #shorts a {
	width: 39px;
	height: 15px;
	background-image: url(imgs/mn_shorts.gif)}
#sections #blog a {
	width: 32px;
	height: 15px;
	background-image: url(imgs/mn_blog.gif)}
#sections #links a {
	width: 29px;
	height: 15px;
	background-image: url(imgs/mn_links.gif)}
#sections #photo a {
	width: 41px;
	height: 15px;
	background-image: url(imgs/mn_photo.gif)}
#sections #home a:hover {background-image: url(imgs/mn_home_hvr.gif)}
#sections #reels a:hover {background-image: url(imgs/mn_reels_hvr.gif)}
#sections #portfolio a:hover {background-image: url(imgs/mn_gallery_hvr.gif)}
#sections #videos a:hover {background-image: url(imgs/mn_videos_hvr.gif)}
#sections #shorts a:hover {background-image: url(imgs/mn_shorts_hvr.gif)}
#sections #scripts a:hover {background-image: url(imgs/mn_scripts_hvr.gif)}
#sections #blog a:hover {background-image: url(imgs/mn_blog_hvr.gif)}
#sections #links a:hover {background-image: url(imgs/mn_links_hvr.gif)}
#sections #photo a:hover {background-image: url(imgs/mn_photo_hvr.gif)}
#content {
	width:660px;
	margin: 0 55px;
	padding-top: 30px;}
#footer {
	width:630px;
	height: 27px;
	margin: 0 auto;
	padding-top: 38px;
	clear: left;
	font-size: 9px;
	color: #455861;
	text-align: right;
	background-image: url(imgs/signature.gif);
	background-position: top right;
	background-repeat: no-repeat;}
#footer #copyright {border-top: 1px solid #455861;}