#home a {
	position: absolute;
	top: 25px;
	left: 25px;
	width: 100px;
	height: 25px;
	text-decoration: none;
}

/*----------html dot-------------*/

#html a {
	 position: absolute;
	width: 41px;
	height: 12px;
	top: 62px;
	left:236px;
	text-decoration: none;
	}
a.html {
	display: block;
	width: 41px;
	height: 12px;
	background: url("../images/html_dot.gif") 0 0 no-repeat;
	text-decoration: none;
	}
a:hover.html {
	background-position: -41px 0;
	}
	
/*----------css dot-------------*/
#css a {
	 position: absolute;
	width: 35px;
	height: 11px;
	top: 36px;
	left:395px;
	text-decoration: none;
	}
a.css {
	display: block;
	width: 35px;
	height: 11px;
	background: url("../images/css_dot.gif") 0 0 no-repeat;
	text-decoration: none;
	}
a:hover.css {
	background-position: -35px 0;
	}

/*----------js dot-------------*/
#js a {
	 position: absolute;
	width: 77px;
	height: 13px;
	top: 42px;
	left:549px;
	text-decoration: none;
	}
a.js {
	display: block;
	width: 77px;
	height: 13px;
	background: url("../images/js_dot.gif") 0 0 no-repeat;
	text-decoration: none;
	}
a:hover.js {
	background-position: -77px 0;
	}

/*----------links dot-------------*/
#links a {
	 position: absolute;
	width: 42px;
	height: 12px;
	top: 44px;
	left:645px;
	text-decoration: none;
	}
a.links {
	display: block;
	width: 42px;
	height: 12px;
	background: url("../images/links_dot.gif") 0 0 no-repeat;
	text-decoration: none;
	}
a:hover.links {
	background-position: -42px 0;
	}