/* CSS Document */

html{
	background-color:#FFFFFF;
	}
	
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#b7b7b7;
	}

li{
	font-size:10px;
	list-style-type:none;
	color:#b7b7b7;
	}

a{
	text-decoration:none;
	color:#b7b7b7;
	}
	
a:hover{
	color:#000000;
	-moz-outline: none 0;
  	outline: none 0;
	}
	

p{
	font-size:10px;
	list-style-type:none;
	color:#b7b7b7;
	}
	

#jenniferwest{
	position:absolute;
	top:50px;
	left:60px;
	
	background-image:url(images/jenniferwest.png);
	height:75px;
	width:288px;
	
	display:block;
	text-indent:-3000px;
	}
	
#line{
	position:absolute;
	background-image:url(images/line.png);
	height:13px;
	width:596px;
	
	top:97px;
	left:390px;
	}
	
#work{	
	position:absolute;
	top:83px;
	left:525px;
	
	background-image:url(images/work_fill.png);
	display:block;
	
	width:122px;
	height:25px;
	text-indent:-3000px;
	}

#work:hover{
	background-image:url(images/work_fill.png)
	}
	
#about{	
	position:absolute;
	top:83px;
	left:680px;
	
	background-image:url(images/about_nav.png);
	display:block;
	
	width:125px;
	height:25px;
	text-indent:-3000px;
	}

#about:hover{
	background-image:url(images/about_fill.png)
	}
	
#contact{	
	position:absolute;
	top:83px;
	left:836px;
	
	background-image:url(images/contact_nav.png);
	display:block;
	
	width:151px;
	height:25px;
	text-indent:-3000px;
	}
	
#contact:hover{
	background-image:url(images/contact_fill.png)
	}
	
#shortline{
	position:absolute;
	background-image:url(images/shortline.png);
	height:10px;
	width:250px;
	
	top:175px;
	left:60px;
	}
	
#sidenav{
	position:absolute;
	top:-1px;
	left:1px;
	width:180px;
	height:900px;
	}
	
#index{
	position:absolute;
	top:175px;
	left:60px;
	
	height:417px;
	width:925px;
	
	
	}
	
#work_1{		
	position:absolute;
	top:210px;
	left:60px;
	}

#work_2{	
	position:absolute;
	top:230px;
	left:60px;
	}
	
#work_3{	
	position:absolute;
	top:250px;
	left:60px;
	}
	
#work_4{	
	position:absolute;
	top:270px;
	left:60px;
	}
	
#work_5{	
	position:absolute;
	top:290px;
	left:60px;
	}
	
#work_6{	
	position:absolute;
	top:310px;
	left:60px;
	}
	
#work_7{	
	position:absolute;
	top:330px;
	left:60px;
	}

#work_8{	
	position:absolute;
	top:350px;
	left:60px;
	}

#work_9{	
	position:absolute;
	top:370px;
	left:60px;
	}

#work_10{	
	position:absolute;
	top:390px;
	left:60px;
	}
	
#work_11{	
	position:absolute;
	top:410px;
	left:60px;
	}
	
#work_12{		
	position:absolute;
	top:430px;
	left:60px;
	}
	
#work_13{	
	position:absolute;
	top:450px;
	left:60px;
	}
	
		
#work_14{	
	position:absolute;
	top:470px;
	left:60px;
	}
	
	
#work_15{	
	position:absolute;
	top:490px;
	left:60px;
	}
	
#work_16{	
	position:absolute;
	top:510px;
	left:60px;
	}

#work_17{	
	position:absolute;
	top:530px;
	left:60px;
	}
	
#work_18{	
	position:absolute;
	top:550px;
	left:60px;
	}
	
#work_19{	
	position:absolute;
	top:570px;
	left:60px;
	}
	
#work_20{	
	position:absolute;
	top:590px;
	left:60px;
	}

	
#title{
	position:absolute;
	top:210px;
	left:180px;
	
	width:150px;
	}
	
#category{
	position:absolute;
	top:230px;
	left:180px;
	
	width:150px;
	}
		
#text{
	position:absolute;
	top:270px;
	left:180px;
	
	width:133px;
	}	
	
#frame{

	width:600px;
	height:500px;
	border:5px solid black;
	border-width:5px;
	overflow:hidden;
	
	position:absolute;
	top:180px;
	left:390px;
	
	}
	
#copyright{
	font-size:9px;
	color:#b7b7b7;
	
	position:absolute;
	top:571px;
	left:60px;

	}
	
.nav{
	font-size:10px;
	list-style-type:none;
	color:#000000;
	background-color:#FFFFFF;
	}
	
.nav:hover{
	background-color:#e6f8a0;
	}
	
	
.text{
	font-size:10px;
	list-style-type:none;
	}
	
.link{
	font-size:10px;
	list-style-type:none;
	color:#b7b7b7;
	}
	
.link:hover{
	font-size:10px;
	list-style-type:none;
	color:#000000;
	}
	
.highlight{
	font-size:10px;
	list-style-type:none;
	color:#000000;
	background-color:#e6f8a0;
	}
	
.category{
	font-size:9px;
	list-style-type:none;
	}