/*********************/
/* BASIC */
/*********************/

body {
	font-family: "Helvetica", "Gill Sans", Arial, sans-serif;
	font-size: 100%;
	background-color: #E5E5E5;
	margin: 0;
	
}


img { border: 0; }

/*********************/
/* CONTAINER */
/*********************/


#container_work {
	width: 980px;
	height: 1900px;
	margin: 0 auto;
	border-right: none;
	border-left: none;
	background-color: #FFFFFF;
	position: relative;
	
}


/*********************/
/* MAIN*/
/*********************/



#work1  {
	position: absolute;
	top: 332px;
	left: 142px;
	width: 259px;
	height: 939px;
	}
	
#work2  {
	position: absolute;
	top: 331px;
	left: 423px;
	width: 249px;
	height: 932px;
	}

#work3  {
	position: absolute;
	top: 329px;
	left: 708px;
	width: 191px;
	height: 962px;
	}
	
#work4  {
	position: absolute;
	top: 1392px;
	left: 157px;
	width: 767px;
	height: 443px;
	}



	
	
	#work_copy  {
	position: absolute;
	top: 179px;
	left: 142px;
	width: 719px;
	height: 98px;
	font-family: Helvetica, "Gill Sans", Arial, sans-serif;
	color: #888;
	font-weight: normal;
	font-size: 15px;
	line-height: 24.5px
}


		
/*********************/
/* Logo */
/*********************/

#logo {
	left:0px;
	top: 84px;
	position: absolute;
	height: 120px;
}


#name {
	left:144px;
	top: 40px;
	position: absolute;
	height: 23px;
	width: 178px;
}
	
/*********************/
/* NAV */
/*********************/


#nav_container
{
	position: absolute;
	width: 105px;
	height: 120px;
	top: 25px;
	left: 597px;
	
}

#nav_container2
{
	position: absolute;
	width: 165px;
	height: 120px;
	top: 25px;
	left: 711px;
}

.nav {
	list-style: none;
	font-size: 10px;
	line-height: 23px;
	letter-spacing: 2px;
}



.nav li {
	float: left;
	padding: 3px;
	text-align: left;
	
}

.nav a:hover {
	background:  #FFFFFF;
	font-weight: bold;
	text-align: left;
}

.select {
	font-weight: bold;
	font-size: 10.5px;
	color: #660066;
	letter-spacing: 3px;
}






/*********************/
/* Page links*/
/*********************/

#work_copy a:link {
	#809627;
	text-decoration: underline;
}

a:link {
	color: #888888;
	text-decoration: none;
}
a:visited {
	color: #888888;
	text-decoration: none;
}
a:hover {
	color: #F57F20;
	font-weight: bold;
}
a:active {
	color: #F57F20;
	text-decoration: none;
}


/*********************/
/* Detail*/
/*********************/

#colorcode {
	left:775px;
	top: 177px;
	position: absolute;
	height: 120px;
}

p { 
	color: #777; 
	font-size: 13px; 
	font-family: Arial; 
	font-weight: normal; 
	line-height: 25px 
}

.line {
	left:137px;
	top: 156px;
	position: absolute;
	height: 23px;
	width: 732px;
	border-top:1px dashed #999999;
	color:#999;
}

.line2 {
	left:138px;
	top: 297px;
	position: absolute;
	height: 23px;
	width: 732px;
	border-top:1px dashed #999999;
	color:#999;
}