/* CSS Document */

/* ========== 基本タグ ========== */
*{
	margin:0;
	padding:0;
}
html,body,#wrapper{
	height:100%;
}
body{
	background-image:url(../img/top/foot_bg.gif);
	background-repeat:repeat-x;
	background-position:0 bottom;
}
ul{
	list-style:none;
}

/* ========== 基本レイアウト ========== */
#wrapper{
	margin:0 auto;
	width:960px;
	position:relative;
}
h1{
	width:560px;
	height:120px;
	background-image:url(../img/top/logo.gif);
	position:absolute;
	bottom:240px;
	right:0;
	text-indent:-9999px;
}
#foot{
	width:960px;
	height:170px;
	position:absolute;
	bottom:0;
}

/* ========== ナビ ========== */
#primaryNav{
	width:550px;
	height:23px;
	background-image:url(../img/top/primary-nav.gif);
	position:absolute;
	top:25%;
}
#primaryNav li{
	float:left;
}
#primaryNav a{
	display:block;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
}

#primaryNav .about a{
	margin-left:0;
	width:93px;
}
#primaryNav .work a{
	margin-left:21px;
	width:80px;
}
#primaryNav .blog a{
	margin-left:23px;
	width:70px;
}
#primaryNav .photo a{
	margin-left:22px;
	width:91px;
}
#primaryNav .contact a{
	margin-left:24px;
	width:126px;
}
#primaryNav a:hover{
	background-image:url(../img/top/primary-nav.gif);
}
#primaryNav .about a:hover{
	background-position:0 -23px;
}
#primaryNav .work a:hover{
	background-position:-114px -23px;
}
#primaryNav .blog a:hover{
	background-position:-217px -23px;
}
#primaryNav .photo a:hover{
	background-position:-309px -23px;
}
#primaryNav .contact a:hover{
	background-position:-424px -23px;
}

/* ========== フッター ========== */
#utilities{
	margin-top:20px;
	background-image:url(../img/top/foot_utilities.gif);
	height:80px;
}
#utilities li{
	float:left;
}
#utilities a{
	display:block;
	width:320px;
	height:80px;
	text-indent:-9999px;
	overflow:hidden;
}
#utilities a:hover{
	background-image:url(../img/top/foot_utilities.gif);
}
#utilities .rss a:hover{
	background-position:0 -80px;
}
#utilities .contact a:hover{
	background-position:-320px -80px;
}
#utilities .wordpress a:hover{
	background-position:-640px -80px;
}
address{
	margin-top:17px;
	width:320px;
	height:12px;
	background-image:url(../img/top/foot_copyright.gif);
	position:absolute;
	bottom:12px;
	right:0;
	text-indent:-9999px;
}