@charset "UTF-8";

/* ------------SETUP------------ */
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
	text-align:center;
	min-height:470px;
	min-width:250px;
	background-color: #ffffcd;
	background-repeat: repeat;
}
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	/*vertical-align:middle;*/
/*	display:table-cell;*/
	height: 670px;
}	
li {
	list-style: none;
}
a {
	outline: none;
}
.fix {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
/* ------------BOX------------ */
#xinner {
	width: 920px;
	height: 670px;
	/*margin-top: 50px;*/
	text-align: center;
	/*vertical-align:middle;*/
	margin-left:auto;
	margin-right:auto;
}
/* ------------CONTENT DIVS------------ */

#logo {
	position: absolute;
	top: -38px;
	left: -35px;
	width: 119px;
	height: 107px;
	z-index: 10;
	}

#content {
	position: relative;
	width: 890;
	height: 560;
	text-align:center;
/*	margin-top: -30px; */
	top:0;
}

/* ------------MENU------------ */

#menu {
	float:left;
	width: 480px;
	height: 60px;
	margin-left: 12px;
	margin-top: 12px;
}
#menu li {
	float: left;
	height: 60px;
}
#menu li a {
	text-indent: -9999px;
	display: block;
	height: 56px;
}
#menu li#n11 a {
	background: url(../img/menu1.png) no-repeat top;
	width: 165px;
}
#menu li#n11 a:hover {
	background: url(../img/menu1-r.png) no-repeat top;
	width: 165px;
}
#menu li#n11c  {
	background: url(../img/menu1-r.png) no-repeat top;
	width: 165px;
}

#menu li#n12 a {
	background: url(../img/menu2.png) no-repeat top;
	width: 303px;
}
#menu li#n12 a:hover {
	background: url(../img/menu2-r.png) no-repeat top;
	width: 303px;
}
#menu li#n12c  {
	background: url(../img/menu2-r.png) no-repeat top;
	width: 303px;
}


#mailbox{
	float: right;
	width: 230px;
	margin-top: 10px;
	margin-right: -22px;
}

#mailbox li {
	float: right;
	height: 60px;
}
#mailbox li a {
	text-indent: -9999px;
	display: block;
	height: 56px;
}
#mailbox li#n21 a {
	background: url(../img/mail1.png) no-repeat top;
	width: 230px;

}
#mailbox li#n21 a:hover {
	background: url(../img/mail1-r.png) no-repeat top;
	width: 230px;
	
}
/* ---------------------------- */

#bottom{

	padding-top: 15px;
	margin-left: -740px;
}
@charset "UTF-8";
/* CSS Document */