@charset "UTF-8";

/* ###scroll### */


div#gkScrollBar{
	width:16px;
	height: 492px;
	float: right;
	margin-right: 1px;
}

#scUp{
	width:16px;
	height: 8px;
	margin: 8px 0 0 0;
	padding: 0;
	overflow: hidden;
}

#scUp a{
	display: block;
	width:16px;
	height: 8px;
	margin: 0px 0 0 0;
	padding: 0;
	overflow: hidden;
	background-image: url(../img/portfolio/sc_arrow_up.gif);
	background-repeat: no-repeat;
}

#scUp a{
	background-position: 0 0;
}

#scUp a:hover{
	background-position: 0 -8px;
}


#scDown{
	width:16px;
	height: 8px;
	margin: 8px 0 0 0;
	padding: 0;
	overflow: hidden;
}

#scDown a{
	display: block;
	width:16px;
	height: 8px;
	margin: 0px 0 0 0;
	padding: 0;
	overflow: hidden;
	background-image: url(../img/portfolio/sc_arrow_down.gif);
	background-repeat: no-repeat;
}

#scDown a{
	background-position: 0 0;
}

#scDown a:hover{
	background-position: 0 -8px;
}
#scBack{
	width:16px;
	height: 460px;
	background-color: black;
	background-image: url(../img/portfolio/scrollbar_handle.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#scHandle{
	width:16px;
	height:12px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
/* 	background-color: fuchsia; */
	cursor: pointer;
	z-index: 1;
}

#scHandle{
	background-color:#fa0000;
	background-image: url(../img/portfolio/scrollbar_handle.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 16px;
}


#scHandle a{
	background-image: url(../images/img/portfolio/scrollbar_handle.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 16px;
	height: 12px;
/* 	background-color: red; */
}

#gkScrollContainer{
	float: left;
	width:642px;
}

#gkScrollWrapper{
	overflow: hidden;
	height: 492px;
	width:693px;
}


.selectedYear{
	color: rgb(204,0,0);
}