@charset "utf-8";
/**------全局CSS定义-------**/
html{height: 100%;text-align:center;}
body{ text-align:center;margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif;background:url(../images/bg-inner.jpg) repeat-x top #d1b176}
a:active,
a:focus,
a:link,
a:visited,
a:active,
a {
	color: #a63d05; 
}
a:hover{
	color: #39301f; 
}
img{border:0}
p {
	font-size: 12px;
	line-height: 150%;
	margin: 0 0 10px 0;
	padding: 0;
	color: #39301f;
}
p.small {
	font-size: 12px;
	line-height: 150%;
}
h1 {
	padding: 0;
	margin: 0 0 5px 0;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0 0 10px 0;
	color: #39301f;
}
h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0 0 5px 0;
	color: #39301f;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0 0 5px 0;
	color: #39301f;
}
ul {
	padding: 0;
	margin: 0 0 8px 40px;
	font-size: .7em;
	list-style-type: square;
	line-height: 1.2em;
	color: #39301f; 
}
li {
	padding-bottom: .7em;
}
form {
	padding: 0;
	margin: 0;
}
.white {
	color: #ffffff;
}
.font11{font-size:12px;font-weight:bold}
.red {
	color: #a63d05;
}
.ltbrown {
	color: #96855f;
}
.brown {
	color: #816d48;
}
.quote {
	font-family: bold;
	font-size: 3em;
	float: left;
	line-height: .8em;	
}
.right {
	padding-left: 15px;
}
.font12{font-size:12px}
.font14{font-size:14px;font-weight:bold}
/**------常用样式定义-------**/
.input{ border:1px solid #DADADA; width:90px;}
a.underline{ text-decoration:underline; color:#0033cc;}
a.underline:hover{ text-decoration:underline; color:#000000;}

#container{	position: relative;
	width: 845px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;text-align:left}


/**------头部样式定义-------**/
#tophome{height:420px;background:url(../images/tophome.jpg) no-repeat left top;padding-left: 55px;width: 845px;clear: both;display: block;overflow: hidden;}
#tophome #leftcol {
	width: 325px;
	height: 350px;
	margin-top: 100px;
	float: left;
	/*overflow: scroll;*//*Set overflow:scroll to display extra text content.*/
}

#tophome #rightcol {
	width: 465px;
	float: left;
	height: 350px;
}
#tophome #rightcol div, #content-top #rightcol img {
	margin: 0;
	padding: 0;
}
#topnav {
	height: 70px;
	width: 491px;
	clear: both;
	background: url(../images/topnav.gif) no-repeat left -31px;
}
#topnav a {
	display: block;
	float: left;
	height: 31px;
}

#trans-home {
	width: 465px;
	height: 290px;
	background: url(../images/pic1.jpg) no-repeat top left;
}


#topnav #nav-home a:hover,
#topnav #nav-about a:hover,
#topnav #nav-factory a:hover,
#topnav #nav-product a:hover,
#topnav #nav-gallery a:hover,
#topnav #nav-contact a:hover {
	background-image: none;
}
#topnav #nav-home a {
	width: 61px;	
	background: url(../images/topnav.gif) no-repeat left top;
}

#topnav #nav-about a {
	width: 93px;
	background: url(../images/topnav.gif) no-repeat -61px top;
}

#topnav #nav-factory a {
	width: 76px;
	background: url(../images/topnav.gif) no-repeat -154px top;
}

#topnav #nav-product a {
	width: 88px;
	background: url(../images/topnav.gif) no-repeat -230px top;
}

#topnav #nav-gallery a {
	width: 73px;
	background: url(../images/topnav.gif) no-repeat -318px top;
}

#topnav #nav-contact a {
	width: 100px;
	background: url(../images/topnav.gif) no-repeat -391px top;
}
#topnav #flash{
height: 30px;
	width: 201px;float:left;
}


#topinner {
	height: 141px;
	background: url(../images/topinner.jpg) no-repeat left top;
	padding-left: 58px;
	width: 787px;
}
#trans-in {
	position: absolute;
	width: 316px;
	height: 190px;
	margin-left: 444px;
	background: url(../images/pic10.jpg) no-repeat left top;
}


/**------中间样式定义-------**/

#page {
	padding-bottom: 10px;/*this is so footer never overlaps content*/
	padding-left: 55px;
}

#content-home {
	margin: 20px 0 20px 0;
	width: 789px;
	display: block;
	clear: both;
	overflow: hidden
}
#leftcol-home {
	width: 500px;
	float: left;
}
#rightcol-home {
	width: 273px;
	float: right;
	padding-left: 15px;
	border-left: 1px solid #88724b;
}
#threecol {
	width: 483px;
	display: block;
	clear: both;
	overflow: hidden;
	background: url(../images/3colbg.gif) repeat-y left;
}
#threecol .txt {
	padding: 5px 5px 5px 8px;
}
.col {
	width: 152px;
	float: left;
	margin-right: 13px;
}
.colr {
	width: 152px;
	float: right;

}
#threecol-bot {
	width: 483px;
	display: block;
	clear: both;
	overflow: hidden;
	background: url(../images/3colbot.gif) no-repeat bottom left;
}
.but {
	text-align: center;
	padding-bottom: 5px;
	margin: 0;font-size:12px;
}
.but a{font-weight:bold;text-decoration:none}

/**------layout样式定义-------**/

#content {
	width: 787px;
	clear: both;
	display: block;
	overflow: hidden;
}
#content #leftcol {
	width: 217px;
	float: left;
	padding-right: 10px;
}
#content #rightcol {
	width: 560px;
	float: right;
}
#leftnav #wrap {
	width: 207px;
	height: 189px;
	background: url(../images/leftnav.gif) no-repeat left top;
}
#leftnav a {
	display: block;
}
#leftnav #nav-home a:hover,
#leftnav #nav-about a:hover,
#leftnav #nav-factory a:hover,
#leftnav #nav-products a:hover,
#leftnav #nav-gallery a:hover,
#leftnav #nav-contact a:hover {
	background-image: none;
}
#leftnav #nav-home a {
	width: 207px;
	height: 32px;
	background: url(../images/nav-home.gif) no-repeat left top;
}
#leftnav #nav-home a {
	width: 207px;
	height: 32px;
	background: url(../images/nav-home.gif) no-repeat left top;
}
#leftnav #nav-about a {
	width: 207px;
	height: 31px;
	background: url(../images/nav-about.gif) no-repeat left top;
}
#leftnav #nav-factory a {
	width: 207px;
	height: 31px;
	background: url(../images/nav-factory.gif) no-repeat left top;
}
#leftnav #nav-products a {
	width: 207px;
	height: 31px;
	background: url(../images/nav-products.gif) no-repeat left top;
}
#leftnav #nav-gallery a {
	width: 207px;
	height: 31px;
	background: url(../images/nav-gallery.gif) no-repeat left top;
}
#leftnav #nav-contact a {
	width: 207px;
	height: 33px;
	background: url(../images/nav-contact.gif) no-repeat left top;
}
#rtcontent {
	margin-top: 27px;
}
#ltcontent {
	width: 182px;
	margin-top: 20px;
	padding:0 8px 0 8px;
	border-right: 1px solid #88724b;
}
#header {
	height: 45px;
}
.img-left {
	float: left;
	clear: both;
	margin-right: 8px;
}
.img-right {
	float: right;
	clear: both;
	margin-left: 8px;
}


.gallery {
	margin-bottom: 20px;width: 540px;
}
.galleryimg:link,
.galleryimg:visited,
.galleryimg:active {
border: 2px solid #ffffff;
	display: block;
	width: 150px;
	height: 102px;margin-bottom:-10px;background-color:#ffffff
}
.galleryimg:hover {
	border:2px solid #a63d05;
	display: block;margin-bottom:-10px
}


.gallery td {
	width: 540px;
	padding-bottom: 20px;text-align:center;
}
.gallery div {
	width: 180px;margin:0;
	padding-bottom: 20px;text-align:center;float:left;
}
.gallery div img{
	width: 150px;
	height: 102px;
} 


.detailimg{width:220px;border:2px solid #ffffff;}


#rightcol .contactp{
	width: 551px;
}
.contactp p{font-size:11px}
.contactp .contactl{
        width: 275px;border-right:1px dotted #937c52;float:left;text-align:left
}
.contactp .contactr{
        width: 265px;float:right;text-align:left;padding-left:10px
}
.contactp .portrait{
        float:left; padding:1px; border:1px solid #937c52;width:60px;height:60px;margin:10px
}

/**------底部样式定义-------**/

#footer {
	position: relative;
	font-size: 12px;
	height: 106px;
        width:100%;
	margin-top: -10px; /*Prevents unnecesarry scrolling. Value depends on height of footer. */
	clear: both;
	background: url(../images/bg-footer.gif) repeat-x top #070604;

}
.full {
	width:845px;
	margin-left: auto;
	margin-right: auto;text-align:left;line-height:140%;
}
#footer #text {
	background: url(../images/bg-footer.jpg);
	width: 795px;
	padding: 15px 0 16px 55px;
	color: #b79964;
}
#footer #text a {
	color: #b79964;
}
#footer #footnav {
	border-bottom: 1px solid #917a50;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#footer #footnav a {
	color: #f9e0a6;
	text-decoration: none;
}
#footer #footnav a:hover, #footer #text a:hover {
	color: #ffffff;
}
#footer #text a.brown{color:#816d48;}