@charset "UTF-8";
/* CSS Document */
	/* BEGIN GALLERY_DEMO  STYLE CSS */
	*{margin:0;padding:0}
	body{
	padding:20px;
	background:white;
	text-align:center;
	color:#666;
/*	font:60%/140% georgia, serif;
*/	background-color: #FFFFFF;
}
#wrap {
width: 900px;
margin: 0 auto 0 auto;
/*border: 1px dotted #00CCCC;
*/}
	h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	a{color:#348;text-decoration:none;outline:none;}
	a:hover{
	text-decoration: underline;
}
	.caption{
	font-style:italic;
	color:#666666;
	font-size: 14px;
	line-height: 40px;	/*padding-top and margin-top had no effect. this seems to move the caption down */
	font-family: Georgia, "Times New Roman", Times, serif;
}
	.demo{
	position:relative;
	margin-top:0px;
/*	border: 1px solid #FF6633;
*/	height: 500px;
	width: 220px;
	margin-left: 5px;
	float: left;
}
	.gallery_demo{
	width:210px;
	float: left;
/*	border: 1px dotted #00FFFF;*/
}
	.gallery_demo li{   /* this is for the thumbnails  */
	width:55px;
	height:70px;
	border:1px solid #666;
	margin: 4px 4px;
	background:#fff;  /* this is the color over the thumbnail*/
	padding: 1px;
}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic .7em/1.4 georgia,serif;}
	
	#main_image{
	margin:10px 10px 20px 300px;
	height:510px;   /* I am trying to move the caption down, but this doesn't effect the depth. it is only 500px.  */
	width:510px;
	background:white;
/*	border: 1px dashed #996600;*/
}

	#main_image img{margin-bottom: 5px;}
	
	#nav_mv {
	/*	border: 1px dotted #CC00FF;
*/	width: 880px;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	vertical-align: middle;
	height: 35px;
}
	.nav_mv {
	font:bold 80% 'Arial', Helvetica, Geneva, Sans-Serif;
	letter-spacing:3px;
	text-transform:uppercase;
	margin-left: 175px;
	color: #CC0000;
}
	.nav_portf {
	font:bold 60% 'Arial', Helvetica, Sans-Serif;
	letter-spacing:3px;
	text-transform:uppercase;
	margin-left: 0px;
	color: #CC0000;
}
	.nav{
	padding-top:15px;
	clear:both;
	font:60% 'helvetica neue',sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
}
	.red {color:#CC0000;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
	
	#footer {
	width: 900px;
	width:880px;
	border-top:1px solid #ccc;
	padding-top:10px;
	margin-top: 120px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 60%;
}
    a:active {
	color: #FFFF00;
}
    a:link {
	color: #336;
}
	a.red:link {
	color: #CC0000;
}
	a:visited {
	color: #669;
}
	a.red:visited {
	color: #CC0000;
}