/*GLOBAL OPTIONS*/
html {
	font-size: 100.1%;
	height: 100%;
}
body {
	font: 64% "MS PGothic", Osaka, Verdana, Helvetica, sans-serif;
	margin: 0;
	background: #e6e6e6 url(../images/bg-body.gif) repeat-y 780px 0;
	height: 100%;
}
form {
	display: inline;
	padding: 0;
	margin: 0;
}
li {list-style: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {outline: none;}
/*a:visited {color: #835964;}*/
}
img {border: none;}
h2 {
	color: #fff;
	font-size: 14px;
	margin: 0;
	background: #f69;
	line-height: 27px;
	padding-left: 6px;
	font-weight: normal;
}
/*text to image replacment*/
.hidden-text {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
/*MAIN CONTAINER*/
#main {
	width: 780px;
	background: #ffffff;
	min-height: 100%;
}
/*HEADER*/
#header {
	height: 95px;
	background: url(../images/bg-header.gif) repeat-x 0 52px;
	position: relative;
}
/*logo*/
.logo {
	margin: 0;
	position: absolute;
	top: 20px;
	left: 20px;
}
.logo a {
	background: url(../images/logo.gif) no-repeat;
	height: 17px;
	width: 235px;
}
/*main navigation*/
.main-nav {
	padding: 0;
	margin: 0;
	position: absolute;
	left: 21px;
	top: 67px;
	width: 770px;
}
.main-nav li {
	float: left;
	padding-right: 31px;
}
.main-nav li a {
	color: #FFFFFF;
	font-size: 16px;
	text-decoration: none !important;
}
.main-nav li a:hover, .main-nav li a.active {color:#d6312b;} /*#d6312b*/
/*CONTAINER*/
#container {padding: 18px 22px;}
/*img-holder*/
.img-holder {
	width: 100%;
	overflow: hidden;
	margin-bottom: 18px;
}
.img-holder img {float: left;}
/*sub navigation*/
.sub-nav {
	float: right;
	width: 305px;
	padding: 115px 0 0;
	margin: 0;
}
.sub-nav li a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 14px;
	margin: 0 auto 21px;
}
.sub-nav li a.link1 {
	width: 97px;
	background: url(../images/txt-link1.gif) no-repeat;
}
.sub-nav li a.link2 {
	width: 246px;
	background: url(../images/txt-link2.gif) no-repeat;
}
.sub-nav li a.link3 {
	width: 149px;
	background: url(../images/txt-link3.gif) no-repeat;
}
/*.sub-nav li a:hover {background-position: 0 100%;}*/
/*tree-boxes*/
.tree-boxes {
	background: url(../images/bg-tree-boxes.gif) repeat-y;
	border: 1px solid #d4c690;
	overflow: hidden;
	width: 732px;
	margin-bottom: 12px;
}
.tree-boxes div {
	float: left;
	width: 224px;
	padding: 6px 16px 10px 5px;
}
.tree-boxes h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 2px;
	color: #d6312b;
	padding: 0 0 3px 15px;
	background: url(../images/img-arrow.gif) no-repeat 0 3px;
}
.tree-boxes h3 a {
	color: #ff3300;
	text-decoration: none !important;
}
.tree-boxes h3 a:hover, .active h3 a {color: #d6312b;}
.tree-boxes div.right {width: 220px;}
.tree-boxes ul {
	padding: 0 0 0 3px;
	margin: 0;
}
.tree-boxes ul li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}
.tree-boxes ul li strong {
	float: left;
	width: 37px;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}
.tree-boxes ul li a {
	color: #3366ff;
	font-size: 12px;
	display: block;
	overflow: hidden;
	height: 1%;
	line-height: 14px;
}
/*tree-column*/
.tree-column {
	overflow: hidden;
	padding-left: 0px;
}
.tree-column .column-box {
	float: left;
	margin-right: 15px;
	overflow: hidden;
}

.tree-column .column-box img {
	border: none;
}
.shop {width: 394px;}
.recruit {width: 130px;}
h4 {
	color: #424242;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 2px solid #d4c690;
	margin: 0 0 14px;
}
.right {margin-right: 0 !important;}
.banners {
	padding: 0;
	margin: 0;
}
.banners li {
	float: left;
	margin-right: 6px;
}
.list {
	padding: 0;
	margin: 0;
}
.list a {
	color: #0099ff; /*#ff6666*/
	font-size: 12px;
	line-height: 18px;
}
.list1 {
	padding: 0;
	margin: 0;
}
.list1 a {
	color: #ff3333;
	font-size: 12px;
	line-height: 18px;
}
.list2 {
	padding: 0;
	margin: 0;
}
.list2 a {
	color: #00ccff;
	font-size: 12px;
	line-height: 18px;
}
.last {width: 164px;}
/*banner-holder*/
.banner-holder {
	width: 100%;
	overflow: hidden;
}
.picture1 {float: right;}
.banner-holder {
	display: block;
	overflow: hidden;
	margin-bottom: 3px;
}
.last span {
	display: block;
	overflow: hidden;
	font-size: 11px;
	line-height: 18px;
	color: #424242;
}
/*FOOTER*/
#footer {
	clear: both;
	border-top: 2px solid #d5c893;
	margin: 0 18px;
	padding: 4px 12px 0;
	height: 150px;
}
#footer ul {
	padding: 0;
	margin: 0;
	float: left;
}
#footer ul li {
	padding-left: 20px;
	background: url(../images/img-footer-separator.gif) no-repeat 7px 0;
	display: inline;
}
#footer ul li.first {
	background: none;
	padding: 0;
}
#footer ul li a {
	color: #5f6bad;
	font-size: 10px;
	line-height: 20px;
}
#footer p {
	float: right;
	color: #424242;
	font-size: 11px;
	margin: 3px 0 0;
}