@import url("system.css");

body { overflow: hidden; }
#hp_wrap {
	background: #000;
	text-align:left;
	margin: 0 0 0 0;
}
#hp_content {
	width: 610px;
	position: absolute;
	left: 871px;
	top: 17px;
}
#hp_wrap #logo { background: #fff; margin: 0 0 5px 0; padding: 25px 0 0 25px; background:#fff; }
#hp_wrap #nav1 { margin: 30px 0 0 0; }
#hp_wrap #nav2 {
	margin: 0 0 5px 0;
	padding: 0 0 0 100px;
}
#hp_wrap #construction { margin: 0 0 5px 0;
	padding: 0 0 0 100px; }
#hp_direction { background: #fff; margin: 0 0 5px 0; padding: 0 0 0 165px; }
#hp_promo { background: #fff; font-size: 11px; font-weight: bold; padding: 10px 25px; }

#hp_photos { height: 1024px; overflow: hidden; left: -46px; top: -39px; position: absolute; width: 1024px; }
#hp_base { height: 1024px; overflow: hidden; left: 0; top: 0; position: absolute; width: 1024px; }
#hp_photos div { position: absolute; width: 90000px; }
#hp_photos div img { float: left; }

#hp_titles { background: #fff; height: 200px; overflow: hidden; position: relative; width: 610px; }
#hp_titles div.clear { position: relative; width: 2560px; }
#hp_titles div.clear a { float: left; overflow: hidden; width: 610px;  }
#hp_titles div.clear a:hover { background: 0; }

#hp_arrows { margin: 5px 0 0 25px; }
#hp_arrows a { float: left; margin: 0 10px 0 0; padding: 5px 5px 5px 0; }
/*
#hp_arrows a.left { background: url(../imgs/hp/small_A_left.gif) 0px 6px no-repeat; margin-right: 5px; }
#hp_arrows a.right { background: url(../imgs/hp/small_A_right.gif) 0px 6px no-repeat; }
#hp_arrows a:hover { background-position: -16px 6px; }
*/