@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

body {
height:100%;
background:#fff;
}
#wrap {
	font: italic 12px "Georgia","Times",serif;
	line-height: 15px;
	background-color: #fff;
	color: #666;
	width:54200px;
	height:500px;
	overflow:hidden;
	clear:both;
}
a{color:#666; text-decoration:none}
a:hover{text-decoration:underline}

#intro{float:left; width:614px; height:500px}

.picture{float:left}
.picture_900 {width:900px; float:left}
.picture_800 {width:800px; float:left}
.picture_700 {width:700px; float:left}
.picture_750 {width:750px; float:left}
.picture_500 {width:500px; float:left}
.picture_400 {width:400px; float:left}
.picture_300 {width:300px; float:left}
.picture_250 {width:250px; float:left}

.picture_grey_1100 {width:1100px; float:left; background:#F2F2F2}
.picture_grey_900 {width:900px; float:left; background:#F2F2F2}
.picture_grey_700 {width:700px; float:left; background:#F2F2F2}
.picture_grey_400 {width:400px; float:left; background:#F2F2F2}

.start{width:20px;  height:500px; background:url(IMG/0.jpg) no-repeat; float:left}
.starttext {
	width:170px;
	float:left;
	text-align:left;
	padding:0 30px 0 0px;
}

.instruction{
	height:500px;
	padding-top:465px;
	padding-left:10px;
	float:left;
	text-align:right
}

#bio{width:400px; float:left; text-align:right;  padding:20px 10px 0 10px; height:500px}
 #homepage{
	width: 85px;
	height: 50px;
	background: url("IMG/home1.jpg") no-repeat 0 0;
	margin-top:150px
}
	
	#about
  {
    display: block;
    width: 85px;
    height: 50px;
    background: url("IMG/home1.jpg") no-repeat 0 0;
	margin-top:160px

  }

  #about:hover
  { 
    background: url("IMG/home2.jpg") no-repeat 0 0;
  }
	
.text {width:250px; float:left; text-align:right;  padding:20px 10px 0 10px; height:500px}

.text2 {width:200px; float:left; text-align:right; padding:20px 10px 0 10px; background:#F2F2F2;  height:500px }

#logo{padding:0 0 100px 0}
.slash{float:left; background:url(IMG/slash.jpg) no-repeat; width:50px; height:500px; margin:0 20px}
.dot{
	float:left;
	background:url(IMG/dot.jpg) no-repeat;
	width:50px;
	height:500px;
	margin:0 10px
}
.dot2{
	float:left;
	background:url(IMG/dot.jpg) no-repeat;
	width:50px;
	height:500px;
	margin:0 10px 0 0
}
.colon{
	float:left;
	background:url(IMG/colon.jpg) no-repeat;
	width:50px;
	height:500px;
	margin:0 40px
}

.semicolon{
	float:left;
	background:url(IMG/semicolon.jpg) no-repeat;
	width:50px;
	height:500px;
	margin:0 40px
}

.right{
	float:left;
	background:url(IMG/right.jpg) no-repeat;
	width:115px;
	height:500px;
	margin:0 40px
}
.painting{margin-right:5px; float:left}
.video{margin:0 10px;float:left}
#vert {
float:left;
width:100%;
height:50%;
margin-top:-250px;
}

#slideshow-container, #slideshow-container2, #slideshow-container3, #slideshow-container4, #slideshow-container5, #slideshow-container6, #slideshow-container7, #slideshow-container8, #slideshow-container9{ width:204px; height:166px; position:relative; float:left }
		#slideshow-container img, #slideshow-container2 img, #slideshow-container3 img, #slideshow-container4 img, #slideshow-container5 img, #slideshow-container6 img, #slideshow-container7 img, #slideshow-container8 img, #slideshow-container9 img { width:204px; height:166px; display:block; position:absolute; top:0; left:0; z-index:1; }
		
		#menu{
	position:fixed;
	top:0px;
	right:0px;
	width:500px;
	height:30px;
	z-index:2000;
}
		#menu ul{list-style:none; background:#000;padding:5px 0;}
		#menu ul li{display:inline;margin-top:5px;padding:0 5px  }
		#menu ul li a{color:#f2f2f2; font-size:13px; line-height:14px; }
		
		.back{
	float:left;
	background:url(IMG/back.jpg) no-repeat;
	width:200px;
	height:500px;
	margin:0 40px
}