@import "base.css";

#wrap {
	background: url(../images/home-bg.jpg) no-repeat;
	width: 675px;
	height: 562px;
	margin: 0 auto;
	position: relative;
}

#ad-design {
	float: right;
	padding: 58px 47px;
	font-size: 80%;
}

#nav {
	position: absolute;
	top: 81px;
	left: 76px;
	width: 250px;
}

.who a {
	display: block;
	height: 34px;
	background: url(../images/home-nav.jpg) no-repeat;
	text-indent: -9999px;
}

.who a:hover {
	background-position: 0 -156px;
}

.what a {
	display: block;
	height: 29px;
	background: url(../images/home-nav.jpg) no-repeat 0 -35px;
	text-indent: -9999px;
}

.what a:hover {
	background-position: 0 -191px;
}

.how a {
	display: block;
	height: 31px;
	background: url(../images/home-nav.jpg) no-repeat 0 -63px;
	text-indent: -9999px;
}

.how a:hover {
	background-position: 0 -219px;
}

.it a {
	display: block;
	height: 30px;
	background: url(../images/home-nav.jpg) no-repeat 0 -94px;
	text-indent: -9999px;
}

.it a:hover {
	background-position: 0 -250px;
}

.contact a {
	display: block;
	height: 32px;
	background: url(../images/home-nav.jpg) no-repeat 0 -124px;
	text-indent: -9999px;
}

.contact a:hover {
	background-position: 0 -280px;
}

a#lure {
	background: url(../images/home-lure.jpg) no-repeat;
	position: absolute;
	top: 246px;
	left: 437px;
	height: 120px;
	width: 180px;
	text-indent: -9999px;
}

a#lure:hover {
	background: url(../images/home-lure.jpg) no-repeat 0 -120px;
}

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 675px;
	font-size: 70%;
}

#footer p {
	position: absolute;
	bottom: 30px;
	right: 47px;
}