/*
 * Cranes - Title page CSS
 */
body {  color: #ccc;
        background-color: #444;
        font-family: Verdana, MS UI Gothic, Helvetica, Osaka, Sans;
        font-size: 12px;
        margin: 0px;
        padding: 0px;
}

img { border-style: none; }
a:active, a:focus { outline: none; }


/* Main contents block */
#contents {
	position: absolute;
	/* \*//*/
	top: 10px;
	left: 10px;
	/**/
	/* \*/
	top: 50%;
	left: 50%;
	margin-top: -256px;
	margin-left: -384px;
	/* */
	height: 512px;
	width: 768px;
	border: 1px solid #888;
}


/* Rollover images for links */
#preload {
	display: none;
}


/*--------------------- PRELIMINARY TAG ----------------*/
#preliminary {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -274px;
	margin-left: -384px;
}


/* RSS field */
#rss {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 258px;
	margin-left: -384px;
	width: 768px;
	text-align: right;
}
#rss .date { font-size: 10px; display: inline; }
#rss a { color: #aaa; font-weight: bold; text-decoration: none; }



/* Main block */
#title-u {
	position:absolute;
	left:0px;
	top:0px;
	width:768px;
	height:90px;}

#title-m {
	position:absolute;
	left:0px;
	top:90px;
	width:554px;
	height:422px; }


/* for Main links */
#title-ac {
	position:absolute;
	left:554px;
	top:90px; }
#title-ac a {
	position:absolute;
	width:214px;
	height:28px;
	background-image: url( /images/title_ac.jpg ); }
#title-ac a:hover, #title-ac a:focus {
	background-image: url( /images/title_ac_r.jpg ); }

#title-si {
	position:absolute;
	left:554px;
	top:118px; }
#title-si a {
	position:absolute;
	width:214px;
	height:28px;
	background-image: url( /images/title_si.jpg ); }
#title-si a:hover, #title-si a:focus {
	background-image: url( /images/title_si_r.jpg ); }

#title-pg {
	position:absolute;
	left:554px;
	top:146px; }
#title-pg a {
	position:absolute;
	width:214px;
	height:28px;
	background-image: url( /images/title_pg.jpg ); }
#title-pg a:hover, #title-pg a:focus {
	background-image: url( /images/title_pg_r.jpg ); }

#title-ln {
	position:absolute;
	left:554px;
	top:174px; }
#title-ln a {
	position:absolute;
	width:214px;
	height:28px;
	background-image: url( /images/title_ln.jpg ); }
#title-ln a:hover, #title-ln a:focus {
	background-image: url( /images/title_ln_r.jpg ); }


/* for Gallary block */
#title-g {
	position:absolute;
	left:554px;
	top:202px;
	width:214px;
	height:128px;
}

#title-gs {
	position:absolute;
	left:554px;
	top:330px; }
#title-gs a {
	position:absolute;
	width:214px;
	height:25px;
	background-image: url( /images/title_gs.jpg ); }
#title-gs a:hover, #title-gs a:focus {
	background-image: url( /images/title_gs_r.jpg ); }

#title-gr {
	position:absolute;
	left:554px;
	top:355px; }
#title-gr a {
	position:absolute;
	width:214px;
	height:25px;
	background-image: url( /images/title_gr.jpg ); }
#title-gr a:hover, #title-gr a:focus {
	background-image: url( /images/title_gr_r.jpg ); }

#title-ga {
	position:absolute;
	left:554px;
	top:380px; }
#title-ga a {
	position:absolute;
	width:214px;
	height:25px;
	background-image: url( /images/title_ga.jpg ); }
#title-ga a:hover, #title-ga a:focus {
	background-image: url( /images/title_ga_r.jpg ); }

#title-gw {
	position:absolute;
	left:554px;
	top:405px; }
#title-gw a {
	position:absolute;
	width:214px;
	height:25px;
	background-image: url( /images/title_gw.jpg ); }
#title-gw a:hover, #title-gw a:focus {
	background-image: url( /images/title_gw_r.jpg ); }

/* Copyright notice */
#title-c {
	position:absolute;
	left:554px;
	top:430px;
	width:214px;
	height:82px;
}