/* -----------------------------------------
	for all html files
	- #navigation
	- #content
	- #content_end
	- #foot
	- shared class
-------------------------------------------- */

body{
	background: url(../images/body_bg.png);
	font: 100%/1 sans-serif;
	color: #333;
	text-align: center;
	width: 785px;
	margin: 0 auto;
	padding: 0;
}
.ieWrapper{
	width: 785px;
}
h1,h2,h3,h4,p,ul,ol{
	margin: 0.7em 0;
}
ul li{
	background-repeat: no-repeat;
	background-position: 0 0.25em;
	padding-left: 15px;
}
	/* ie67 ----------- */
	* html ul  li{ background-position: 0 0.5em;}
	*:first-child+html ul li{ background-position: 0 0.5em;}
	/* ie67 end ------- */
a:link{ color: #05c; text-decoration: none;}
a:visited{ color: #c50; text-decoration: none;}
a:hover{ color: red; text-decoration: underline;}
a img{ border: none;}

/* =========================================
	basic layout #navigation
============================================ */

#navigation{
	background: url(../images/box_bottomA.png) no-repeat center bottom;
}
#navigation ul{
	font-size: 80%;
	text-align: left;
	list-style-type: none;
	margin: 0;
	padding: 10px 0 15px;
}
#navigation li{
	background: url(../images/navigation_arrow.png) no-repeat 0 0.2em;
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px 0;
}
	/* ie67 ----------- */
	* html #navigation li{ display: inline;}
	*:first-child+html #navigation li{ display: inline; vertical-align: baseline;}
	/* ie67 end ------- */
	
#navigation .home{
	width: 22px;
	background: url(../images/navigation_home.gif) no-repeat 15px 0;
	height: 17px;
	overflow: hidden;
}
	/* ie6 ----------- */
	* html #navigation .home{ width: 50px; vertical-align: bottom;}
	/* ie6 end ------- */

#navigation .home a{
	display: block;
	height: 17px;
	padding-top: 17px;
}

/* =========================================
	basic layout #head
============================================ */

#head{
	background: url(../images/box_middle.png) repeat-y;
	margin-top: 5px;
	padding-bottom: 10px;
}
#head:after{
	content: "";
	font-size: 0;
	line-height: 0;
	display: block;
	clear: both;
}
#head *{
	position: relative;
	z-index: 10;
}
#head .logo{
	float: right;
	padding: 20px 20px 0 0;
}
	/* ie6 ----------- */
	* html #head .logo{ background: url(../images/box_top.png) no-repeat right top;}
	/* ie6 end ------- */
#head h1{
	font: 160% serif;
	text-align: left;
	background: url(../images/box_top.png) no-repeat center top;
	margin: 0;
	padding: 30px 30px 0;
}
#head h1 span{
	font-size: 70%;
}
#head p{
	font: 100%/1.3 serif;
	text-align: left;
	padding: 0 30px;
}
	/* ie6 ----------- */
	* html #head{ width: 100%; padding-bottom: 0;}
	*:first-child+html #head{ width: 100%; padding-bottom: 0;}
	/* ie6 end ------- */

/* =========================================
	basic layout #content
============================================ */

#content{
	position: relative;
	background: url(../images/box_middle.png) repeat-y;
	padding-top: 10px;
	padding-bottom: 10px;
}
	/* ie6 ----------- */
	* html #content{ height: 1%;}
	/* ie6 end ------- */
#content:after{
	content: "";
	display: block;
	font-size: 0;
	line-height: 0;
	clear: both;
}
#content *{
	position: relative;
	z-index: 10;
}
#content .water{
	position: absolute;
	top: -90px;
	left: 20px;
	z-index: 5;
}

/* =========================================
	basic layout #content_end
============================================ */

#content_end{
	font-size: 0;
	line-height: 0;
	height: 10px;
	background: url(../images/box_bottomB.png) no-repeat;
	margin-bottom: 5px;
}

/* =========================================
	basic layout #foot
============================================ */

#signature{
	background: url(../images/box_middle.png) repeat-y;
}
#signature h2{
	font-size: 90%;
	background: url(../images/box_top.png) no-repeat;
	margin: 0;
	padding: 10px 0 0;
}
#signature p{
	font-size: 80%;
	line-height: 1.5;
	margin: 0.3em 0;
}
#signature .end{
	background: url(../images/box_bottomB.png) no-repeat center bottom;
	padding-bottom: 10px;
}