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

body{
background:url(images/Background.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
padding:0px;
margin:0px;
}

div#page{
height:1500px;
width: 4121px;
position:absolute;
margin:0px;
padding:0px;
}

a img{
border:none;
}
	
	



h1{
font-size:12px;
color:white;
font-style:normal;
margin:5px;
line-height:30px;

}

p{
margin:5px;
line-height:12px;
}



div#home{
	
	position:absolute;
right:3800px;
	top:337px;
	
	
}

div#home a{
	
}



div#nav a.things{
position:absolute;
right:3800px;
top:375px;
margin:0px;
padding:0px;
}

div#nav a.about{
position:absolute;
right:3800px;
top:413px;
margin:0px;
padding:0px;
}

div#nav a.others{
right:3800px;
position:absolute;
top:451px;
margin:0px;
padding:0px;
}




div#nav ul{
list-style:none;
}

div#thumbnails{
position:absolute;
top:168px;
left:400px;
}

div#thumbnails a.Sisters{
background-image:url(images/Sisters_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
}

div#thumbnails a.Sisters:hover{
background-image:url(images/Sisters_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;

}


div#thumbnails a.Center{
background-image:url(images/Center_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Center:hover{
background-image:url(images/Center_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;

}



div#thumbnails a.Incognito{
background-image:url(images/Incognito_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Incognito:hover{
background-image:url(images/Incognito_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;

}

div#thumbnails a.Body{
background-image:url(images/Body_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Body:hover{
background-image:url(images/Body_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Attune{
background-image:url(images/Attune_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;

}

div#thumbnails a.Attune:hover{
background-image:url(images/Attune_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;

}

div#thumbnails a.Performance{
background-image:url(images/Performance_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;

}

div#thumbnails a.Performance:hover{
background-image:url(images/Performance_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;

}


div#thumbnails a.Cataract{
background-image:url(images/Cataract_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;

}

div#thumbnails a.Cataract:hover{
background-image:url(images/Cataract_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;

}

div#thumbnails a.PondLife{
background-image:url(images/PondLife_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.PondLife:hover{
background-image:url(images/PondLife_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.IGV{
background-image:url(images/IGV_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.IGV:hover{
background-image:url(images/IGV_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Selvage{
background-image:url(images/Selvage_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Selvage:hover{
background-image:url(images/Selvage_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}


div#thumbnails a.SteelMass{
background-image:url(images/Sound_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.SteelMass:hover{
background-image:url(images/Sound_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Writing{
background-image:url(images/Writing_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Writing:hover{
background-image:url(images/Writing_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Needlework{
background-image:url(images/Needlework_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Needlework:hover{
background-image:url(images/Needlework_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Hand{
background-image:url(images/Hand_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Hand:hover{
background-image:url(images/Hand_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Ecstatic{
background-image:url(images/Ecstatic_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Ecstatic:hover{
background-image:url(images/Ecstatic_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Photo{
background-image:url(images/Photo_thumb.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#thumbnails a.Photo:hover{
background-image:url(images/Photo_active.jpg) no-repeat;
width:100px;
height:100px;
position:relative;
margin:0px 0px 0px 20px;
}

div#timeline{
position:absolute;
margin:0px;
padding:0px;
top:540px;
left:850px;
}
div#content{
position:absolute;
top:320px;
left:400px;
width:780px;
text-align:justify;
background-color:#383838;
opacity:0.7;
}

div#content a{
text-decoration:none;
color:black;
text-transform:uppercase;
font-size:9px;
margin:0px;
padding:0px;
font-weight:900;
}

div#content a:hover{
text-decoration:none;
color:white;
text-transform:uppercase;
font-size:9px;
margin:0px;
padding:0px;
font-weight:900;
}