
body{
	margin:0;
	background:#4e4e4e;
	color:#636466;
	font:12px/15px Arial, Helvetica, sans-serif;
}
img{border-style:none;}
a{color:#000;}
a:hover{text-decoration:none;}
#wrapper{
	background:url(../images/bg-wrapper.gif) repeat-y;
	width:891px;
	overflow:hidden;
	margin:0 auto;
	<!--outter black frame-->
	min-height:100%; 
	padding:0 7px;
}
* html #wrapper{
	height:100%;
	overflow:visible;
}
.w-block{
	width:847px;
	overflow:hidden;
	background:#fff url(../images/bg-w-block.jpg) no-repeat;
	padding:0 22px;
	position:relative;
}
#flash {
	position:absolute;
	top:0;
	right:16px;
	z-index:10;
}
#flash img {display:block;}
#header{
	width:100%;
	overflow:hidden;
}
.logo{
	background:url(../images/bg-logo.gif) no-repeat;
	margin:5px 0 0;
	overflow:hidden;
	width:196px;
	height:149px;
	float:left;
	text-indent:-9999px;
}
.logo a{
	width:196px;
	height:149px;
	display:block;
}
#nav{
	float:right;
	background:url(../images/bg-nav.gif) repeat-x 0 -94px;
	width:618px;
	margin:106px 0 0 0;
	}
.nav-box{
	width:618px;
	overflow:hidden;
	background:url(../images/bg-nav.gif) no-repeat;
}
#nav ul{
	margin:0;
	padding:0 19px;
	overflow:hidden;
	height:47px;
	background:url(../images/bg-nav.gif) no-repeat 100% -47px;
}
#nav li{
	float:left;
	list-style:none;
	font:12px/45px Arial, Helvetica, sans-serif;
	background:url(../images/sep-nav.gif) no-repeat;
	height:47px;
	padding:0 18px;
	letter-spacing:2.2px;
}
#nav li:first-child{background:none;}
#nav a{
	color:#fff;
	text-decoration:none;
}
#nav a:hover{text-decoration:underline;}
.content,
#main {
	width:100%;
	overflow:hidden;
}
.img-box{
	width:100%;
	height:177px;
	overflow:hidden;
	margin:20px 0 0;
	position:relative;
}
.img-box img{display:block;}
.img-box h1.text{
	width:405px;
	height:26px;
	background:url(../images/bg-text.gif) no-repeat;
	margin:0;
	text-indent:-9999px;
	position:absolute;
	top:70px;
	right:49px;
}
.visual-holder {
	width:840px;
	overflow:hidden;
	margin:20px 0 0;
	padding:0 0 30px 6px;
}
#content .visual-holder {margin:0;}
#main {margin:38px 0 0;}
.visual-holder .box1 {
	width:261px;
	float:left;
	overflow:hidden;
	margin:0 31px 0 0;
}
.visual-holder .box2 {
	width:259px;
	float:left;
	overflow:hidden;
	margin:0 65px 0 0;
}
.visual-holder .box3 {
	width:223px;
	float:left;
	overflow:hidden;
	margin:0;
}
.visual-holder h2 {
	margin:0;
	font:bold 16px/26px Arial, Helvetica, sans-serif;
}
.visual-holder p {
	margin:0;
	font:12px/26px Arial, Helvetica, sans-serif;
	color:#636466;
}
.box1 h2{color:#d01f5d;}
.box2 h2{color:#0090c1;}
.box3 h2{color:#ff4800;}
#content .box3 h2{color:#ff6d00;}
.visual-holder a {
	color:#0085b6;
	font:12px/26px Georgia, "Times New Roman", serif;
	text-decoration:none;
	margin:0 0 0 3px;
}
#content .visual-holder h2.box2{margin:4px 0 0;}
#content .visual-holder h2{
	font:bold 14px/26px Arial, Helvetica, sans-serif;
	letter-spacing:-0.4px;
}
.visual-holder a:hover {text-decoration:underline;}
#content {
	width:564px;
	overflow:hidden;
	float:left;
}
#content .visual-holder {
	width:558px;
	padding:0 0 0 6px;
	overflow:hidden;
}
#content .block{
	width:100%;
	border-top:1px solid #d6e1e2;
	padding:7px 0 14px;
	overflow:hidden;
	margin:0;
}
#content .visual-holder h1 {
	font:bold 16px/26px Arial, Helvetica, sans-serif;
	margin:0 0 11px;
}
.banner img {display:block;}
#sidebar {
	width:243px;
	overflow:hidden;
	padding:0 0 0 40px;
	float:left;
	margin:9px 0 0;
}
.info,
.txt-area {width:100%;}
.banner {
	width:100%;
	margin:0 0 11px;
}
.info-m {
	background:url(../images/bg-info-m.gif) repeat-y;
	width:100%;
	margin:0 0 8px;
}
.info-t {
	background:url(../images/bg-info-t.gif) no-repeat;
	width:100%;
}
.info-b {
	background:url(../images/bg-info-b.gif) no-repeat 0 100%;
	width:100%;
}
.area-m {
	background:url(../images/bg-area-m.gif) repeat-y;
	width:100%;
}
.area-t {
	background:url(../images/bg-area-t.gif) no-repeat;
	width:100%;
	padding:7px 0 0;
}
.area-b {
	background:url(../images/bg-area-b.gif) no-repeat 0 100%;
	width:100%;
	padding:6px 0 38px;
	color:#58595b;
}
.area-b blockquote {
	margin:0;
	margin:-3px 14px 0;
	position:relative;
}
.area-b blockquote q {
	font:16px/26px Georgia, "Times New Roman", serif;
	quotes: none;
}
.area-b blockquote q:before{content:"";}
.area-b blockquote q:after{content:"";}
.area-b blockquote cite {
	font:normal 11px/26px Georgia, "Times New Roman", serif;
	float:right;
	width:100%;
	text-align:right;
	letter-spacing:-0.8px;
}
strong.info {
	display:block;
	color:#fff;
	padding:1px 5px 4px 11px;
	font:bold 14px/26px Arial, Helvetica, sans-serif;
}
#footer{
	background:url(../images/bg-footer.gif) no-repeat;
	width:867px;
	padding:0 0 0 24px;
	color:#c0c0c0;
	overflow:hidden;
	min-height:10px;
}
* html #footer{
	overflow:visible;
	height:10px;
}
p.copyright {
	font:12px/26px Arial, Helvetica, sans-serif;
	float:left;
	margin:0 3px 0 0;
}
ul.menu {
	margin:0;
	padding:0;
	list-style:none;
	font:12px/26px Arial, Helvetica, sans-serif;
	margin:0;
	overflow:hidden;
}
ul.menu li {
	display:inline;
	background:url(../images/separator-menu.gif) no-repeat 0 2px;
	padding:0 3px 0 7px;
}
ul.menu li:first-child {
	background:none;
	padding-left:0;
}
ul.menu li a {
	text-decoration:none;
	color:#c0c0c0;
}
ul.menu li a:hover {text-decoration:underline;}