/* styles.css -- Main style file. */

/* Main setup styes */
*{
	padding:0;
	margin:0;
}
body{
	background-color:black;
	color:white;
}

/* splash page styles */
#splashWrapper{
	width:680px;
	height:493px;
	border:none;
	margin:3% auto 0 auto;
	background:url('../images/splash/cocoons.jpg') no-repeat 137px 26px;
}
#splashWrapper #nameTitle{
	position:relative;
	top:285px;
	left:95px;
}
#splashWrapper #fiberTitle{
	position:relative;
	top:325px;
	left:-110px;
}
#enterTitle{
	position:relative;
	top:365px;
	left:30px;
	margin:0 auto 0 auto;
	display:block;
}

/* home page styles */
#homeWrapper{
	width:500px;
	margin:1% auto 0 auto;
	/*border:none;*/
	padding:0;
}
#homeWrapper a{
	display:block;
	margin:0 auto 15px auto;
	width:350px;
}
#homeWrapper #nameTitle{
	display:block;
	margin:10px auto 5px auto;
}
#portfolioHeader{
	height:110px;
	background:black url('/images/home/jo-ann.png') top center no-repeat;
	margin:30px 0 0 0;
	padding:0;
}
#portfolioHeader a{
	/*display:block;
	width:68px;
	margin:0 auto 0 auto;
	padding-top:60px;*/
}
#portfolioHeader .headerNav{
	width:68px;
	margin:0 auto 0 auto;
	padding-top:60px;
}
#portfolioFooter{
	width:407px;
	margin:20px auto 0 auto;
}
#portfolioFooter .footerNav{
	margin-right:25px;
}
#portfolioFooter #footerContact{
	margin:0 !important;
}
#copyright{
	margin:0 auto 0 auto;
	text-align:center;
}
#contact{
	text-align:center;
	font-weight:normal;
	margin:50px auto 60px auto;
}
h3{ font-weight:normal; font-style:italic; }
a{
	font-style:italic;
	color:#FFFFCC;
}
a:hover{
	color:white;
}

#bodyWrapper{
	width:670px;
	margin:0 auto 0 auto;
	padding:0;
	
}
#bodyFirst{
	position:relative;
}
.thumbListWrapper{ float:left; width:125px; margin-left:80px; }
.thumbListWrapper > h1{  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; }
.thumbList{ margin:0;padding:0;}
.thumbList > li{
	list-style-type:none;
	padding:0;
	margin:0;
}
.thumbList > li > a > img{ border:none; padding:0; margin:0; }
#leftThumbs{
	float:left;
}
#rightThumbs{
	float:right;
}
.displayWrapper{
	width:400px;
	padding:0;
	float:right;
	height:400px;
	margin-right:20px;
}
.displayWrapper img{
	margin:0 auto 0 auto;
	display:block;
}
.detailLink{ height:0px; padding:0; margin:0;overflow:hidden;font-size:12px; color:white; }
.detailLink > a{ text-decoration:none; }
.detailLink > a:hover{ text-decoration:underline; }
.thumbListWrapper p{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:white; }

#noteWrapper{
	float:left;
	width:140px;
	padding:0;
	margin:0;
	position:absolute;
	bottom:0;
}
#noteWrapper p{ 
	text-align:right;
	padding:0;
	margin:0;
}
#detailWrapper{
	float:right;
	width:510px;
}
#detailImage{
	height:400px;
	width:400px;
	margin-bottom:12px;
}
#detailImage img{
	display:block;
	margin:0 auto 0 auto;
}
#detailThumbListWrapper{ position:relative; padding-left:160px; }
#detailThumbList{}
#detailThumbList > li{
	display:inline;
	list-style-type:none;
	margin-right:10px;
}
#detailThumbList > li > a > img{
	border:0;
}