@charset "utf-8";

body{ margin:0px auto; }

#main-content{ margin:0px auto; width:100%; }

#header-area{ background-image:url(../images/headerbg.png); height:121px; background-position:top center; float:left;  width:100%; }

#header-sub-area{

	background-image:url(../images/subheaderbg.png);

	height:450px;

	background-position:top center;

	float:left;

	width:100%;

}

#sub-header-sub-area{

	background-image:url(../images/subheaderbg.png);

	height:350px;

	background-position:top center;

	float:left;

	width:100%;

}

#main-area{

	background-image:url(../images/mainbg.png);

	float:left;

	width:100%;

	background-position: top center;

	background-repeat: repeat-x;
	

}

#footer-area{

	background-image:url(../images/footerbg.png);

	height:150px;

	background-position:top center;

	width:100%;

	clear: both;

}



#header{

	width:960px;

	margin:0px auto;

	height: 119px;

}

.logo{

	width:360px;

	float:left;

	padding-top: 20px;

}

.slogan{

	width:320px;

	float:right;

	text-align: center;

	padding-top: 25px;

	font-family: MyriadProItalic;

	font-size: 20px;

}

#header-sub{

	width:980px;

	margin:0px auto;

	height: 442px;

}

#sub-header-sub{

	width:980px;

	margin:0px auto;

	height: 350px;

}

.menu{

	width:910px;

	height:57px;

	margin: 0px auto;

	text-align: center;

	padding-top: 13px;

	padding-left:60px;

	font-family:MyriadProItalic;

	font-size:22px;

}

.menu a{ color:#40382f; width:140px; float:left;	text-decoration:none; padding-top:10px; 	font-family:MyriadProItalic;

	font-size:22px; }

.menu a:hover{

	float:left;

	background-image:url(../images/menuhover.png);

	background-repeat:no-repeat;

	height:46px;

	width:140px;

	text-decoration:none;

	padding-top: 10px;

	color:#e5e0d5;

		font-family:MyriadProItalic;

	font-size:22px;

}

.banner{

	background-image:url(../images/bannerbg.png);

	width:995px;

	height:378px;

	clear: left;

}

.banner-left{

	float:left;

	padding-top: 168px;

	text-align: right;

	padding-right: 5px;

	width: 38px;

}

.banner-center{

	width:855px;

	float:left;

	height:335px;

	padding: 15px 27px;

	text-align: center;

	border : 1px solid color:#ccc;

}

.banner-right{

	float:right;

	padding-top: 168px;

	width: 38px;

}

.sub-banner{

	background-image:url(../images/subbannerbg.png);

	width:960px;

	height:269px;

	clear: left;

	margin: 0px auto;
	

}

.sub-banner-center{

	width:625px;

	float:right;

	height:230px;

	padding: 15px 27px;

	text-align: center;
	

}

.sub-banner-center-left{

	width:215px;

	float:left;

	height:230px;

	padding: 15px 9px 15px 50px;

	text-align: center;

}

#main{

	width:960px;

	margin:0px auto;

	padding-top: 35px;

	padding-bottom: 10px;

}

.main-descripton{ height:220px; width:960px; }



.main-descripton-left{ height:220px; float:left; width:600px; }

.main-descripton-left-title{

	height:35px;

	float:left;

	width:550px;

	color: #40382f;

	font-size: 24px;

}

.main-descripton-left-img{ height:185px; float:left; width:150px; }

.main-descripton-left-detail{

	height:165px;

	float:left;

	width:400px;

	padding-right: 50px;

	padding-top: 20px;

	font-size: 13px;

	color: #40382f;

	font-family: MyriadProItalic;

}



.main-descripton-right{ height:220px; float:left; width:360px; }

.main-descripton-right-title{

	height:35px;

	width:310px;

	float:left;

	color: #40382f;

	font-size: 18px;

	font-family: MyriadProBoldItalic;

}

.main-descripton-right-img{ height:185px; width:150px; float:left; }

.main-descripton-right-detail{

	height:185px;

	width:210px;

	float:left;

	color: #40382f;

	font-size: 14px;

	font-family: MyriadProItalic;

}

.main-descripton-right-detail-text{

	height:20px;

	width:210px;

	float:left;

	font-size: 14px;

	font-family: MyriadProItalic;

}

.main-gallery{

	width:960px;

	background-image:url(../images/gallerybg.png);

	height:208px;

	float: left;
	
	margin-top: -40px;

}

.main-gallery-prevbutton{

	width:35px;

	float:left;

	padding-top: 30px;

	padding-left: 5px;

}

.main-gallery-nextbutton{

	float:right;

	padding-top: 30px;

}

.main-gallery-img-area{

	width:885px;

	padding-top: 40px;

	float: left;

}

.main-gallery-img{

	background-image:url(../images/imagebg.png);

	width:96px;

	height:120px;

	float:left;

	margin:0px 9px;

	padding: 9px 5px 5px 7px;

}

.main-gallery-img-style{

	border:1px solid #ccc;

}

#footer{

	width:960px;

	margin:0px auto;

	height: 150px;

}

.footer-left{

	width:330px;

	float:left;

	padding-top: 50px;

}

.footer-right{

	width:630px;

	float:left;

	padding-top: 50px;

	font-family: MyriadProBoldItalic;

}

.footer-right a{ padding:0px 15px; float:left; font-size:18px; color:#40382f; text-decoration:none; font-family: MyriadProBoldItalic; }

.footer-right a:hover{

	padding:0px 15px;

	float:left;

	font-size:18px;

	color:#40382f;

	text-decoration:none;

	font-family: MyriadProBoldItalic;

}

.copyright{

	width:960px;

	height:51px;

	clear: both;

	padding-top: 30px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	color: #40382f;

}

.copyright-left{

	width:600px;

	float:left;

}

.copyright-right{

	width:360px;

	float:right;

}







.contact-main-descripton{

	height:420px;

	width:960px;

}



.contact-main-descripton-left{

	height:400px;

	float:left;

	width:600px;

}

.contact-main-descripton-left-title{

	height:35px;

	float:left;

	width:550px;

	color: #40382f;

	font-size: 24px;

}

.contact-main-descripton-left-img{ height:185px; float:left; width:150px; }

.contact-main-descripton-left-detail{

	height:320px;

	float:left;

	width:500px;

	padding-right: 50px;

	padding-top: 20px;

	font-size: 13px;

	color: #40382f;

	font-family: MyriadProItalic;

}



.contact-main-descripton-right{

	height:380px;

	float:left;

	width:360px;

}

.contact-main-descripton-right-title{

	height:35px;

	width:310px;

	float:left;

	color: #40382f;

	font-size: 18px;

	font-family: MyriadProBoldItalic;

}

.contact-main-descripton-right-img{ height:185px; width:150px; float:left; }

.contact-main-descripton-right-detail{

	height:100px;

	width:360px;

	float:left;

	color: #40382f;

	font-size: 14px;

}

.contact-main-descripton-right-detail-text{

	height:20px;

	width:210px;

	float:left;

	font-size: 14px;

	font-family: MyriadProItalic;

}





.cop-main-descripton{

	width:960px;
	margin-top: -100px;

}

.cop-main-descripton-bar{

	width:480px;

	margin-bottom:20px;

	float: left;

}

.cop-main-descripton-title{

	width:480px;

	padding-bottom: 5px;

	font-family: MyriadProItalic;

	font-size: 24px;

}

.cop-main-descripton-detail{

	width:460px;

	color: #40382f;

	font-family: MyriadProItalic;

	font-size: 14px;

}

.cop-main-descripton-detail-big{

	width:980px;

	color: #40382f;

	font-family: MyriadProItalic;

	font-size: 14px;

}

.gallery-main-descripton{

	width:925px;

	padding: 10px 10px 10px 25px;

	float: left;

	margin-bottom: 20px;

}

.gallery-image{

	width:100px;

	height:125px;

	float:left;

	padding:10px 15px 30px 15px;

}

.gallery-image img{

	border:2px solid #736B63;

}

.gallery-main-descripton-page{

	width:925px;

	padding: 10px 10px 10px 25px;

	height:20px;

	float: left;

	margin-bottom: 30px;

	color:#857764;

	font-family:MyriadProBold;

	font-size:12px;

}

.gallery-main-descripton-page a{

	width:925px;

	padding: 10px 5px 10px 5px;

	height:20px;

	margin-bottom: 30px;

	text-decoration:none;

	color:#857764;

	font-family:MyriadProBold;

	font-size:12px;

}

.gallery-main-descripton-page a:hover{

	width:925px;

	padding: 10px 5px 10px 5px;

	height:20px;

	margin-bottom: 30px;

	text-decoration:none;

	color:#f00;

	font-family:MyriadProBold;

	font-size:12px;

}

/*font loader  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
@font-face {

	font-family: 'MyriadProBold';

	src: url('../fonts/myriadpro-bold-webfont.eot');

	src: local('☺'), url('../fonts/myriadpro-bold-webfont.woff') format('woff'), url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-bold-webfont.svg#webfontsm3xD3C4') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'MyriadProBoldItalic';

	src: url('../fonts/myriadpro-boldit-webfont.eot');

	src: local('☺'), url('../fonts/myriadpro-boldit-webfont.woff') format('woff'), url('../fonts/myriadpro-boldit-webfont.ttf') format('truetype'), url('../fonts/myriadpro-boldit-webfont.svg#webfontsm3xD3C4') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'MyriadProRegular';

	src: url('../fonts/myriadpro-regular-webfont.eot');

	src: local('☺'), url('../fonts/myriadpro-regular-webfont.woff') format('woff'), url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('../fonts/myriadpro-regular-webfont.svg#webfontsm3xD3C4') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'MyriadProItalic';

	src: url('../fonts/myriadpro-it-webfont.eot');

	src: local('☺'), url('../fonts/myriadpro-it-webfont.woff') format('woff'), url('../fonts/myriadpro-it-webfont.ttf') format('truetype'), url('../fonts/myriadpro-it-webfont.svg#webfontsm3xD3C4') format('svg');

	font-weight: normal;

	font-style: normal;

}
/* banner css <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/* Sudo Slider */



.slider ul, .slider ul li, .sliderul, .sliderli{

	margin:0;

	padding:0;

	list-style:none;

	}

.slider ul li, .sliderli{

	/* 

		define width and height of list item (slide)

		entire slider area will adjust according to the parameters provided here

		comment the height out, if autoheight is on. 

	*/ 

	width:855px;

	/* 	height:241px; */

	overflow:hidden;

}	

.slider, .slider2 {

	width:855px;

	overflow:hidden;

}

.graphic, .prevBtn, .nextBtn{

	 margin:0;

	 padding:0;

	 display:block;

	 overflow:hidden;

	 text-indent:-8000px;

 }

 

 .prevBtn, .nextBtn { 

	display:block;

	width:38px;

	height:38px;

	position:absolute;

	left:-50px;

	top:153px;

	z-index:1000;

	background:url(../images/bannerprebutton.png) no-repeat 0 0;	

	cursor:pointer;

}	

.nextBtn{ 

	left:885px;

}														

.nextBtn { 

	background:url(../images/bannernextbutton.png) no-repeat 0 0;	

}	

.prevBtn{ 

	left:-70px;

}	

		

/* numeric controls */	

ol {

	margin:1em 0;

	padding:0;

	height:28px;	

}

ol li{

	margin:0 10px 0 0; 

	padding:0;

	float:left;

	list-style:none;

	height:28px;

	line-height:28px;

}

ol li a{

	float:left;

	height:28px;

	line-height:28px;

	border:1px solid #ccc;

	background:#DAF3F8;

	color:#555;

	padding:0 10px;

	text-decoration:none;

}

ol li.current a{

	background:#5DC9E1;

	color:#fff;

}

ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}



/* // Sudo Slider */







pre{

	margin-top:-16px;

	display:block;

	font:12px "Courier New", Courier, monospace;

	padding:10px;

	border:1px solid #bae2f0;

	background:#e3f4f9;	

	width:674px;

}	

			

.graphic, .prevBtn, .nextBtn {

	margin:0;

	padding:0;

	display:block;

	overflow:hidden;

	text-indent:-8000px;

}

			

#container {	

	margin:0 auto;

	position:relative;

	text-align:left;

	width:696px;

	background:#fff;		

	margin-bottom:2em;

}	

#header {

	line-height:80px;

}				

#content {

	position:relative;

}			









#simplemodal-overlay {background-color:#000; cursor:wait;}



/* Container */

#simplemodal-container {color:#bbb; background-color:#333; border:4px solid #444; }

#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat top right; width:100%; height:100%; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}





 /* Tabs */

div.tabs {

	height:30px;

	width:696px;

	margin-bottom: -6px;

}

.tabs a div.tabbox {

	float:left;

	width:230px;

	border:1px solid gray;

	background:lightblue;

	text-align:center;

}

.tabs a {

	color:black;

	text-decoration:none;

	cursor:pointer;

}

.tabs a.current {

	text-decoration:underline;

}

.tabs a.current div.tabbox {

	border-bottom:none;

}

/* // Sudo Slider */



#slider15 li {

	width:350px;

}

.slide15container .prevBtn,.slide15container .nextBtn { 

	top:21px;

}	



.caption {

	position:absolute;

	bottom:0;

	left:0;

	width:700px;

	height:25px;

	text-align:center;

	color:black;

	background:white;

	background:transparent;

	background:rgba(255,255,255,0.7);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3ffffff,endColorstr=#a3ffffff); /* I just hate IE, but this works */

	zoom: 1; /* Part of the IE fix */

}



/* The tabs in the index.html page */

div.tabs {

	height:30px;

	width:696px;

	margin-bottom: -6px;

}

.tabs a div.tabbox {

	float:left;

	width:230px;

	border:1px solid gray;

	background:lightblue;

	text-align:center;

}

.tabs a {

	color:black;

	text-decoration:none;

	cursor:pointer;

}

.tabs a.current {

	text-decoration:underline;

}

.tabs a.current div.tabbox {

	border-bottom:none;

}

/* // Sudo Slider */



#wrapper{

	width: 855px;

	margin: 0 auto;

}

.box{

	background: #fff;

	width:855px;

	position:relative;

}

.slide {



}

.boxholder{

	clear: both;

}

.tab{

float: left;

height: 32px;

width: 140px;

margin: 0 47px 0 0;

text-align: center;

background: #8DC70B url(../images/tab.jpg) no-repeat;

}

.lasttab {

margin:0;

}

.tabtxt{

margin: 0;

color: #fff;

font-size: 12px;

font-weight: bold;

padding: 9px 0 0 0;

}

#wrapper .tab a{

font-size:15px;

color: #fff;

text-decoration: none;

}

#wrapper .tab a:hover{

color: #DFE44F;

}



#wrapper .tab a.current {

text-decoration:underline;

}





.showoff {

	width:696px;

	position:relative; /* Fixing fade in IE6 and IE7 */

}

.showoff img{border:none;}

.showoff ul, .showoff li{

	margin:0;

	padding:0;

	list-style:none;

}

.showoff li { 

	width:696px;

	overflow:hidden; 

}



#slide19menu

{

	height: 40px;

	text-align:center;

}



#slide19menu ul

{

	text-align:center;

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-weight: bold;

}



#slide19menu ul li

{

	float:left;

	display:block;

	position:relative;

	height:40px;

	background:#5DC9E1;

	margin-right:15px;

}



#slide19menu ul li a

{

	z-index:40;	

	float: left;

	padding: 12px 15px;

	text-decoration: none;

	color: #FFF;

	background: transparent;

	position:relative;

}

#slide19menu ul li .hover

{

	height:40px;

	position:absolute;

	width:100px;

	z-index:20;	

	background: #333 url('../images/hover.png') repeat-x;

}



#banner-area-content-picture{ width:855px; height:328px; }

#banner-area-content-picture-space{

	width:855px;

	height:250px;

	float:left;

}

#banner-area-content-picture-detail{

	width:855px;

	height:78px;

	float:left;

	background:url(../images/slidebg.png);

}

.yazi-banner-area-content-picture-detail-title{ padding:10px 0px 2px 20px; color:#ffc600; font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:bold; float:left; width:924px; }

.yazi-banner-area-content-picture-detail-detail{ padding:0px 0px 2px 20px; color:#ffffff; font-family:Verdana, Geneva, sans-serif; font-size:14px; float:left; width:924px;  }