/* CSS Document */


#container1{
	position:absolute;
	top:0px;
	width:270px;
	height:620px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
}


#navlist {
margin: 0; 
padding: 0; 
list-style-type: none; 
}




#title {
	position:absolute;
	top: 15px;
	left:12px;
	width: 100px;
	padding-top: 0px 0px 0px 0px;
}

#bio {
	position:absolute;
	top: 80px;
	left:310px;
	width: 400px;
	padding-top: 0px 0px 0px 0px;

}


#biolines {
	position:absolute;
	top: 616px;
	left:339px;
	width: 452px;
	height: 37px;
	padding-top: 0px 0px 0px 0px;
}

#writing a {
	display:table;
	width: 100px;
	height: 25px;
	background: url(images/writing_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 270px;
	left:47px;
	
}
	
	
#writing a:hover{
	display:table;
	background: url(images/writing_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 270px;
	left:47px;
	width: 100px;
	height: 25px;
}

#blog a {
	display:table;
	width: 55px;
	height: 23px;
	background: url(images/blog_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 292px;
	left:47px;
}
	
	
#blog a:hover{
	display:table;
	background: url(images/blog_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 292px;
	left:47px;
	width: 55px;
	height: 25px;
}

#about a {
	display:table;
	background: url(images/about_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top:316px;
	left:47px;
	width: 100px;
	height: 23px;
}
	
	
#about a:hover{
	display:table;
	background: url(images/about_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top:316px;
	left:47px;
	width: 100px;
	height: 23px;
}


#viewresume a {
	display:table;
	width: 100px;
	height: 25px;
	background: url(images/viewresume_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 341px;
	left:47px;
}
	
	
#viewresume a:hover{
	display:table;
	background: url(images/viewresume_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 341px;
	left:47px;
	width: 100px;
	height: 25px;;
}


#dlresume a {
	display:table;
	width: 130px;
	height: 25px;
	background: url(images/dlresume_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 355px;
	left:47px;
}
	
	
#dlresume a:hover{
	display:table;
	background: url(images/dlresume_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 355px;
	left:47px;
	width: 130px;
	height: 25px;;
}





#aboutalt02{
	position:absolute;
	top:316px;
	left:47px;
	width: 100px;
	height: 23px;
	padding-top: 0px;
	padding-bottom: 0px
}



#contact{
	position:absolute;
	top:505px;
	left:34px;
	width:100px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#email a {
	display:table;
	width: 155px;
	height: 18px;
	background: url(images/email_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 611px;
	left:39px;
}

#email a:hover {
	display:table;
	width: 155px;
	height: 18px;
	background: url(images/email_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 611px;
	left:39px;
}

#workhor{
position:absolute;
	top:35px;
	left:0px;
	width:490px;
	padding-top: 0px;
	padding-bottom: 0px;
}


#prevhor a {
	display:table;
	width: 40px;
	height: 9px;
	background:url(images/prev_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 608px;
	left: 0px;
}
	
	
#prevhor a:hover{
	display:table;
	width: 40px;
	height: 9px;
	background:url(images/prev_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top:608px;
	left:0px;
}

#nexthor a {
	display:table;
	width: 40px;
	height: 9px;
	background:url(images/next_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top:608px;
	left:433px;
}
	
	
#nexthor a:hover{
	display:table;
	width: 40px;
	height: 9px;
	background:url(images/next_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top:608px;
	left: 433px;
}

#framepos{
	position:absolute;
	top:0px;
	left:300px;
	width:500px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#frameposindex{
	position:absolute;
	top:0px;
	left:230px;
	width:700px;
	padding-top: 0px;
	padding-bottom: 0px;
}


#pattern {
	position:absolute;
	top: 50px;
	left: 0px;
	width: 700px;
	padding-top: 0px 0px 0px 0px;
}

#article02link a {
	display:table;
	width: 310px;
	height: 15px;
	background: url(images/articles/article_02_link_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 390px;
	left:70px;
	
}
	
	
#article02link a:hover{
	display:table;
	background: url(images/articles/article_02_link_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 390px;
	left:70px;
	width: 310px;
	height: 15px;
}

#article01link a {
	display:table;
	width: 340px;
	height: 15px;
	background: url(images/articles/article_01_link_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 510px;
	left:70px;
	
}
	
	
#article01link a:hover{
	display:table;
	background: url(images/articles/article_01_link_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 510px;
	left:70px;
	width: 340px;
	height: 15px;
}

#article03link a {
	display:table;
	width: 340px;
	height: 15px;
	background: url(images/articles/article_03_link_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 603px;
	left:70px;
	
}
	
	
#article03link a:hover{
	display:table;
	background: url(images/articles/article_03_link_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 603px;
	left:70px;
	width: 340px;
	height: 15px;
}

#article04link a {
	display:table;
	width: 310px;
	height: 15px;
	background: url(images/articles/article_02_link_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 280px;
	left:70px;
	
}
	
	
#article04link a:hover{
	display:table;
	background: url(images/articles/article_02_link_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 280px;
	left:70px;
	width: 310px;
	height: 15px;
}
#article05link a {
	display:table;
	width: 310px;
	height: 15px;
	background: url(images/articles/article_02_link_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 380px;
	left:90px;
	
}
	
	
#article05link a:hover{
	display:table;
	background: url(images/articles/article_02_link_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 380px;
	left:90px;
	width: 310px;
	height: 15px;
}

#taipan a {
	display:table;
	width: 310px;
	height:60px;
	background: url(images/articles/taipan_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 310px;
	left:160px;
	
}
	
	
#taipan a:hover{
	display:table;
	background: url(images/articles/taipan_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 310px;
	left:160px;
	width: 310px;
	height: 60px;
}


#ww01 a {
	display:table;
	width: 130px;
	height:17px;
	background: url(images/ww01_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 557px;
	left:0px;
	
}
	
	
#ww01 a:hover{
	display:table;
	background: url(images/ww01_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 557px;
	left:0px;
	width: 130px;
	height: 17px;
}

#ww02 a {
	display:table;
	width: 209px;
	height:22px;
	background: url(images/ww02_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 152px;
	left:0px;
	
}
	
	
#ww02 a:hover{
	display:table;
	background: url(images/ww02_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 152px;
	left:0px;
	width: 209px;
	height: 22px;
}

#ww03 a {
	display:table;
	width: 176px;
	height:23px;
	background: url(images/ww03_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 292px;
	left:0px;
	
}
	
	
#ww03 a:hover{
	display:table;
	background: url(images/ww03_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 292px;
	left:0px;
	width: 176px;
	height: 23px;
}

#ww04 a {
	display:table;
	width: 182px;
	height:18px;
	background: url(images/ww04_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 405px;
	left:0px;
	
}
	
	
#ww04 a:hover{
	display:table;
	background: url(images/ww04_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 405px;
	left:0px;
	width: 182px;
	height: 18px;
}

#article06link a {
	display:table;
	width: 310px;
	height: 15px;
	background: url(images/articles/article_02_link_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 500px;
	left:90px;
	
}
	
	
#article06link a:hover{
	display:table;
	background: url(images/articles/article_02_link_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 500px;
	left:90px;
	width: 310px;
	height: 15px;
}

#article08link a {
	display:table;
	width: 310px;
	height: 15px;
	background: url(images/articles/article_02_link_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 250px;
	left:70px;
	
}
	
	
#article08link a:hover{
	display:table;
	background: url(images/articles/article_02_link_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 250px;
	left:70px;
	width: 310px;
	height: 15px;
}

#article10link a {
	display:table;
	width: 310px;
	height: 15px;
	background: url(images/articles/article_02_link_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 330px;
	left:70px;
	
}
	
	
#article10link a:hover{
	display:table;
	background: url(images/articles/article_02_link_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 330px;
	left:70px;
	width: 310px;
	height: 15px;
}