#player_content{
	width: 720px;
	height: 501px;
	margin: 0px auto;
}

#player{
	width:720px;
	height:480px;
	display:block;
	margin-top: 45px;
	border: 1px solid #999;
}

/***************************************************/
/* Universal Classes */
/***************************************************/

.empty{
	clear: both;
}

.hidden{
	display: none;	
}

a:active{
	outline: none;
	border: none;
}

a img{
	border: none;
}

a:focus{
	outline: none;
}

.float{
	margin-top: 65px;
	margin-left: 20px;
	float: left;
}

/***************************************************/
/*General Document Styles*/
/***************************************************/
body{
	font: 12px arial, helvetica, sans-serif;
	color: #fff;
	background: #000 url(../images/body_bg.jpg) no-repeat top;
}

#wrapper{
	width: 1024px;
	margin: 0px auto;
	padding: 0px;
}

#content{
	width: 585px;
	margin: 5px auto;
}

#information{
	margin: 0px;
	padding-top: 20px;
}
#info_top{
	width: 511px;
	height: 5px;
	margin-left: 35px;
	background: url(../images/info_top.png) no-repeat top;
}

#info_body{
	width: 511px;
	height: 506px;
	margin-left: 35px;
	padding: 5px 0px;
	background: url(../images/info_bg.png) repeat-y top;
}

#info_bottom{
	width: 511px;
	height: 5px;
	margin-left: 35px;
	background: url(../images/info_bottom.png) no-repeat top;
}

/***************************************************/
/*Navigation*/
/***************************************************/
#navigation{
	width: 629px;
	height: 99px;
	margin: 40px auto 5px auto;
}

#navigation ul{
	margin-top: 55px;
	margin-left: 5px; 
}

#navigation li{
	display: block;
	color: #fff;
	font: 15px "Trajan Pro", serif;
	margin: 0px 15px;
}

#navigation a{
	text-decoration: none;
	color: #fff;
	float: left;
}

#navigation a:hover{
	color: #999;
	background-position: bottom;
}

#home_menu{
	width: 77px;
	height: 16px;
	margin-left: 10px;
	background: url(../images/home_nav.png) no-repeat top;
}

#about_menu{
	width: 77px;
	height: 16px;
	background: url(../images/about_nav.png) no-repeat top;
}

#gallery_menu{
	width: 77px;
	height: 16px;
	margin-left: 14px;
	background: url(../images/gallery_nav.png) no-repeat top;
}

#resume_menu{
	width: 77px;
	height: 16px;
	margin-left: 14px;
	background: url(../images/resume_nav.png) no-repeat top;
}

#contact_menu{
	width: 77px;
	height: 16px;
	margin-left: 18px;
	background: url(../images/contact_nav.png) no-repeat top;
}

#menu{
	width: 530px;
	height: 99px;
	margin: 0px;
	float: left;
	background: url(../images/menu_bar.png) no-repeat top;
}

#menu_logo{
	width: 99px;
	height: 99px;
	float: left;
	background: url(../images/menu_logo.png) no-repeat top;
}

#menu_logo a{
	display: block;
	width: 99px;
	height: 99px;
	margin: 0px;
}

/***************************************************/
/*Footer*/
/***************************************************/
#footer{
	width: 629px;
	margin: 40px auto;
}

#footer_bar{
	height: 9px;
	width: 533px;
	margin-left: 34px;
	background: url(../images/bottom_bar.png) no-repeat top center;'
}

/***************************************************/
/*Welcome Page*/
/***************************************************/
#welcome{
	width: 629px;
	height: 93px;
	margin: 0px;
	background: url(../images/welcome.png) no-repeat left;
	position: absolute;
}

#welcome_images{
	width: 424px;
	height: 398px;
	margin: 65px auto 5px auto;
	padding: 0px;
}

.slideshow{
	width: 134px;
	height: 398px;
	margin: 0px 4px 0px 2px;
	float: left;
}

#welcome_images img{
	padding: 0px;
}

#demo_reel{
	width:511px;
	font-size:16px;
	text-align:center;
}

#demo_reel a{
	 color:#930e0e;
	 text-decoration:none;
}

#demo_reel a:hover{
	text-decoration: underline;
}

/***************************************************/
/*About Page*/
/***************************************************/
#about{
	width: 629px;
	height: 93px;
	margin: 0px;
	background: url(../images/about.png) no-repeat left;
	position: absolute;
}

#about_title{
	width: 511px;
	height: 32px;
	margin: 65px 0px 0px 0px;
	padding: 0px;
	background: url(../images/about_title.png) no-repeat center;
}

#about_text{
	margin: 45px 30px 0px 30px;
}

#about_img{
	float: right;
	margin: 15px 30px 15px 15px;
	border: 2px solid #461414
}

#about_sign{
	width: 511px;
	height: 64px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background: url(../images/about_signature.png) no-repeat center;
}

/***************************************************/
/*Gallery Page*/
/***************************************************/
#gallery{
	width: 240px;
	height: 93px;
	margin: 0px;
	background: url(../images/gallery.png) no-repeat left;
	position: absolute;
}

#gallery_content{
	width: 462px;
	height: 410px;
	margin: 0px auto;
	overflow: auto;
	border: 3px solid #461414;
}

#gallery_content img{
	margin: 5px 0px 0px 5px;
	border: 2px solid #777;
}

#gallery_nav{
	width: 240px;
	margin: 25px 0px 20px 220px;
}

#gallery_nav ul{
	margin: 0px;
	padding: 0px;
}

#gallery_nav li{
	height: 24px;
	width: 80px;
	display: inline;
}

#gallery_nav li a{
	display: block;
}

#art_nav{
	height: 24px;
	width: 80px;
	background: url(../images/art.png) no-repeat top;
	float: left;
}

#art_nav:hover{
	background-position: bottom;
}

#art_nav_current{
	height: 24px;
	width: 80px;
	background: url(../images/art.png) no-repeat bottom;
	float: left;
}

#threed_nav{
	height: 24px;
	width: 80px;
	background: url(../images/3d.png) no-repeat top;
	float: left;
}

#threed_nav:hover{
	background-position: bottom;
}

#threed_nav_current{
	height: 24px;
	width: 80px;
	background: url(../images/3d.png) no-repeat bottom;
	float: left;
}

#sculpts_nav{
	height: 24px;
	width: 80px;
	background: url(../images/sculpts.png) no-repeat top;
	float: left;
}

#sculpts_nav:hover{
	background-position: bottom;
}

#sculpts_nav_current{
	height: 24px;
	width: 80px;
	background: url(../images/sculpts.png) no-repeat bottom;
	float: left;
}

#art{
	width: 445px;
	height: 410px;
	margin: 0px auto;
}

#three_d{
	width: 445px;
	height: 410px;
	margin: 0px auto;
}

#sculpts{
	width: 445px;
	height: 410px;
	margin: 0px auto;
}

/***************************************************/
/*Resume Page*/
/***************************************************/
#resume_text{
	margin: 65px 30px 0px 30px;
}

#resume{
	width: 629px;
	height: 93px;
	margin: 0px;
	background: url(../images/resume.png) no-repeat left;
	position: absolute;
}

#resume_links{
	width: 511px;
	text-align: center;
	padding-top: 60px;
}

#resume_links a{
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	margin: 0px 40px;
}

#resume_links a:hover{
	text-decoration: underline;
}

/***************************************************/
/*Contact Page*/
/***************************************************/
#contact{
	width: 629px;
	height: 93px;
	margin: 0px;
	background: url(../images/contact.png) no-repeat left;
	position: absolute;
}


#contact_info{
	width: 511px;
	height: 506px;
	margin: 0px;
}

#contact_info a:hover{
	background-position: bottom;
}

#email{
	height: 46px;
	width: 212px;
	margin: 130px auto 30px auto;
	padding-top: 25px;
	background: url(../images/email.png) no-repeat top center;
	
}

#email a{
	display: block;
	width: 212px;
	height: 20px;
	background: url(../images/gmail.png) no-repeat top;
}

#msn{
	height: 46px;
	width: 212px;
	margin: 0px auto 30px auto;
	padding-top: 25px;
	background: url(../images/msn.png) no-repeat top center;
	
}

#msn a{
	display: block;
	width: 212px;
	height: 20px;
	background: url(../images/hotmail.png) no-repeat top;
}

#other_sites{
	height: 46px;
	width: 212px;
	margin: 0px auto 30px auto;
	padding-top: 25px;
	background: url(../images/other_sites.png) no-repeat top center;
	
}

#other_sites a{
	display: block;
	width: 212px;
	height: 20px;
	background: url(../images/deviantart.png) no-repeat top;
}
