body{
	background: #666666 url(images/bg_body.gif) top left repeat-x;
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#FFF;
}
html { height: 100%; margin-bottom: 1px; }

#site-wrap{
	width:900px;
	margin: 0 auto;
	position: relative;
}

#header{
	width:900px;
}
	
	#logo{
		float:left;
		padding-bottom:2px;
	}
	#nav-top{
		float:right;
		margin-top:45px;
		color:#d0d0d0;
		font-size:12px;
	}
	
	#nav-top a:link{color:#d0d0d0;text-decoration:none;}
	#nav-top a:visited {color:#d0d0d0;text-decoration:none; }
	#nav-top a:hover {color:#d0d0d0;text-decoration:underline;}
	#nav-top a:active {color:#d0d0d0;text-decoration:none; }
	
#photo{
	width:900px;
}

#photo-wrap{
	width:900px;
	background: transparent url(images/loadingAnimation.gif) 50% 50% no-repeat;;
}

#footer{
	width:900px;
	margin: 15px 0 50px 0;
	clear:both;
}

	#details{
		float:left;
	}
	
	#nav-bottom{
		float:right;
		width:450px;
		color:#d0d0d0;
	}
	
	#nav-bottom a:link{color:#d0d0d0;text-decoration:underline;}
	#nav-bottom a:visited {color:#d0d0d0;text-decoration:underline; }
	#nav-bottom a:hover {color:#d0d0d0;text-decoration:none;}
	#nav-bottom a:active {color:#d0d0d0;text-decoration:underline; }

.pipe{
	color:#828c81;
	padding: 0 3px 0 3px;
}
.clearboth{
	clear:both;
}

.copyright {
	font-size: 10px;
	color:#d0d0d0;
	float:right;
	padding: 1px 0 0 0;
}

.studiologo{
	float:right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin-right: 12px;
}

#prevnext
{
	color:#AAAAAA;
	font-size:12px;
	position: absolute;
	padding: 4px;
	top: 72px;
	right: 1px;
	background-color: #333;
	filter: Alpha(Opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;

/*
	line-height: 18px;
*/
}
	#prevnext a:link {color:#FFFFFF;text-decoration:none;}
	#prevnext a:visited {color:#FFFFFF;text-decoration:none; }
	#prevnext a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}
	#prevnext a:active {color:#FFFFFF;text-decoration:none; }


/* changed 2008.04.16 to enable constant underline of e-mail link in Contact page */
#popupdescription, #contact{
	color:#FFFFFF;
	font-size:12px;
	position: absolute;
	background-color: #333;
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	padding: 15px;
	line-height: 18px;
}

	#popupdescription a:link{color:#d0d0d0;text-decoration:none;}
	#popupdescription a:visited {color:#d0d0d0;text-decoration:none; }
	#popupdescription a:hover {color:#FFFFFF;text-decoration:underline;}
	#popupdescription a:active {color:#FFFFFF;text-decoration:none; }

#about{
	background:#333;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	width:260px;
	padding:20px;
	color:#FFF;
	margin:0 0 0 45px;
	float:right;
	line-height:18px;
}

#about p{
	filter:alpha(opacity=100);
	margin-left: 10px;
	font-size:12px;
	}

/* changed 2008.04.16 to enable constant underline of e-mail link in Contact page */
/*
#contact{
	background:#333;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	width:270px;
	height:133px;
	padding:10px;
	color:#FFF;
	margin:395px 0 0 0px;
	line-height:18px;
}
*/

#contact p{
	filter:alpha(opacity=100);
	padding:10 15px 10 15px;
	font-size:12px;
}

#contact p a:link {color:#FFF; text-decoration:underline;}
#contact p a:visited {color:#FFF; text-decoration:underline;}
#contact p a:hover {color:#FFF; text-decoration:underline;}
#contact p a:active {color:#FFF; text-decoration:underline;}

a.link_left:hover{background: url(/images/arrow_left.gif) top left no-repeat; float:left; display:block;width:50%; height:578px;	filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;} 
a.link_right:hover{background: url(/images/arrow_right.gif) top right no-repeat; float:right; display:block;width:50%; height:578px;	filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}