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

body{
	font:.75em/1.5em "Lucida Console", Monaco, monospace;
	letter-spacing:.15em;
	overflow-y: scroll;
	overflow-x: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow: -webkit-scrollbars-vertical;
		
}

*{
	margin:0;
	padding:0;
	
}

a{
	text-decoration:none;
	color:#000;
	
}

a:hover #headerTitle{
	color:#999;
	
}

/*-----LAYOUT-----*/
#wrap{
	margin:0 auto;
	width:860px;
	background-color:white;
	
}

#header{
	width:860px;
	height:100px;
	position:fixed;
	left:auto;
	top:0;
	z-index:100;
	background-image:url(images/header.gif);
	background-repeat:repeat-x;
		
}

#headerTitle{
	margin:40px 0px 0px 10px;
	width:140px;
	height:40px;
	float:left;
	background-color:transparent;
	display:block;
	
}

#headerTitle p{
	background-color:transparent;

}

#headNav{
	margin:40px 40px 0px 30px;
	height:40px;
	width:640px;
	float:right;

}

#content{
	width:860px;
	min-height:250px;
	z-index:0;
	margin-bottom:200px;
	
}

#contentMAIN{
	width:670px;
	float:left;
	height:auto;
	margin:120px 0px 50px 30px;
	background-color:#FFF;
	z-index:2;
	
}

#contentITEM{
	width:670px;
	margin-left:150px;
	margin-bottom:75px;
	float:left;
	
}

#contentIMG{
	float:left;
	width:400px;
}

#contentDesc{
	width:240px;
	min-height:100px;
	margin:0px 0px 0px 30px;
	float:left;
	padding-top:10px;
	display:block;
	border-top:5px solid #000;
	
}

#anchorTOP{
	width:200px;
	height:55px;
	margin:0 0 0 180px;
	text-align:center;
	font-size:10px;
	
}

#anchorTOP a{
	display:block;
	float:left;
	padding:2px 5px;
	color:#999;
	border-top:1px dotted #999;
	
}

#anchorTOP a:hover{
	display:block;
	color:#fff;
	background-color:#999;
	
}

#subNav{
	position:fixed;
	top:120px;
	margin:0px 0px 50px 10px;
	width:140px;
	float:left;
		
}

#il{
	margin:120px 0px 50px 10px;
	width:570px;
	min-height:30px;
	float:left;
	
}

#ilitem{
	height:auto;
	
}

#ilsub{
	float:left;
	width:140px;
	
}

#ilsub p{
	display:block;
	padding-left:7px;
	border-left:5px solid #000;
	
}

#ildesc{
	float:left;
	width:400px;
	margin-left:30px;
	margin-bottom:25px;
	display:block;
	
}

#side{
	margin:120px 0px 50px 30px;
	width:240px;
	min-height:30px;
	float:left;	
	padding:10px 0;
	display:block;
	border-top:5px solid #000;
	
}

/*-----HEADER NAV-----*/
#headNav ul{
	
}

#headNav li{
	list-style:none;
	display:block;
	float:left;
	height:20px;
	padding:0 15px 10px 15px;

	
}

#headNav ul li a{
	color:#000;
	text-decoration:none;
	padding:0 15px 10px 15px;

	
}

#headNav ul li a:hover{
	color:#999;
	text-decoration:none;
	
}


/*-----SUBNAV-----*/
#subNav p{
	font-size:10px;
	
}

#subNav ul{

	
}

#subNav ul li{
	font-size:10px;
	display:block;
	margin:10px 0;
	color:#999;
	
}

#subNav ul li:first-child{
	margin:0 0 10px 0;

}

#subNav ul li a{
	padding-left:12px;
	color:#999;
	text-decoration:none;
	display:block;
	
}

#subNav ul li a:hover{
	color:#000;
	
}

/*FOOTER*/
#footer{
	width:860px;
	height:35px;
	position:fixed;
	left:auto;
	bottom:0;
	z-index:99;
	background-image:url(images/footer.gif);
	background-repeat:repeat-x;
	
}

#footerTitle{
	margin:15px 0px 10px 10px;
	width:140px;
	height:10px;
	float:left;
	background-color:transparent;
	
}

#footNav{
	margin:15px 40px 10px 30px;
	height:10px;
	width:640px;
	float:right;

}

/*CONTENT*/

#contentIMG img{
	margin:0 0 20px 0;

}

/*-----headerNAV you are here-----*/
body#info a#infoHere,
body#work a#workHere,
body#blog a#blogHere,
body#links a#linksHere
{
	border-bottom:5px solid black;
	padding-bottom:7px;

}


/*-----subNAV you are here-----*/
#subNav #subHere{
	padding-left:7px;
	border-left:5px black solid;
	color:#000;
	
}