@charset "utf-8";
/* CSS Document */

body	{ margin:0; padding:0; background: url(../images/bgPage.jpg) left top repeat-x; font-family: Verdana, Arial, Tahoma, sans-serif; font-size:11px; line-height: 16px; color: #333; }
#page	{ position: relative; width: 840px; height: auto; margin: 0 auto; padding:0; }
a, a:active, a:visited { text-decoration: none; color: #333333; }
a:hover { text-decoration: none; color: #FF66CC; }

.menuhead		{ position: relative; float: left; width: 840px; height: 39px; }
.menuhead ul	{ position: relative; float: right; width: auto; height: 0; margin: 0; padding: 0; list-style: none; }
.menuhead ul li	{ position: relative; float: left; width: 105px; height: 23px; margin: 0 3px; }


.banner		{ position: relative; float: left; width: 840px; height: 472px; background:url(../images/bgBanner.png) left top no-repeat;  }
.bannerFla	{ position: relative; float: left; width: 820px; height: 462px; background: #fff; margin:10px 9px 0; }
.fla		{ position: relative; z-index: -1; }

.headerLeft			{ position: absolute; left: 18px; top: 0; width: 313px; height: 469px; z-index: 9; background:url(../images/bgHeaderLeft.jpg) left top repeat-y;  }
.headerLeft .headHeaderLeft	{ position: relative; float: left; width: 313px; height: 116px; background: url(../images/headerLeft.jpg) left top no-repeat; }
.headerLeft .headHeaderLeft img { position: relative; float: left; margin: 10px 0 0 50px; border: none; }  
.headerLeft .bodyHeaderLeft				{ position: relative; float: left; width: 280px; height: 332px; margin:0 18px; }
.headerLeft .bodyHeaderLeft	.flaIntro	{ position: relative; float: left; width: 280px; height: 260px; margin:0; padding:0; }		
.headerLeft .bodyHeaderLeft img.title	{ position: relative; float: left; border: none; margin: 5px 0; }

.headerLeft	.footerHeaderLeft	{ position: relative; float: left; width: 313px; height: 20px; background: url(../images/bgFooterLeft.jpg) left top no-repeat; }

.bodyPan		{ position: relative; float: left; margin: 0; padding: 0; }
.leftBody		{ position: relative; float: left; margin: 0 0 0 0px; padding: 0; height: 114px; }
.leftBody img	{ position: relative; float: left; margin: 0; padding: 0; border: 0; }

.rightBody		{ position: relative; float: right; margin: 0; padding: 0; width: 510px; height: 114px; }

.footerPage		{ position: relative; float: left; width: 840px; height: 105px; margin: 0; padding: 0; background: url(../images/bgFooterPage.jpg)  left top no-repeat; }
.company		{ position: relative; float: left; margin: 30px 0 0 200px; padding: 5px 0 0 0;  height: 61px; }
.company img	{ position: relative; float: left; }
.company a			{ text-decoration: none; color: #333; }
.company a:hover	{ text-decoration: none; color: #FF99CC; }

.social			{ position: relative; float: right; margin: 60px 0 0; padding: 0; width: 40#;  }
.social	ul		{ position: relative; float: right; margin: 0; padding: 0; list-style: none; }
.social ul li	{ position: relative; float: left; padding: 0 3px; width: auto; height: auto; }
.social ul li img	{ border: 0; }