@charset "UTF-8";

@font-face {
   			font-family: 'Crimson-Italic';
			font-style: normal;
			src: url("Crimson-Italic.eot"); 
			src:local("Crimson-Italic"), url("Crimson-Italic.ttf") format('truetype');
}

@font-face {
   			font-family: 'Crimson-SemiboldItalic';
			font-style: normal;
			src: url("Crimson-SemiboldItalic.eot"); 
			src:local("Crimson-SemiboldItalic"), url("Crimson-SemiboldItalic.ttf") format('truetype');
}

@font-face {
   			font-family: 'Crimson-Semibold';
			font-style: normal;
			src: url("Crimson-Semibold.eot"); 
			src:local("Crimson-Semibold"), url("Crimson-Semibold.ttf") format('truetype');
}
@font-face {
   			font-family: 'Crimson-Roman';
			font-style: normal;
			src: url("Crimson-Roman.eot"); 
			src:local("Crimson-Roman"), url("Crimson-Roman.ttf") format('truetype');
}
body {
	background: #fff;
	margin: 0;
	color: #333;
	line-height:2;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}
A {
	COLOR: #333333; CURSOR: pointer; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline;
	color: #FF0000;
}
a img { 
	border: none;
}



body#home #home, body#news #menu_news, body#products #menu_products 
, body#about #menu_about, body#contact #menu_contact {
color:#ba0020
}

.pIndent{
padding:15px;	
}


.container {
	width: 976px;
	height: 640px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

.EmailContainer {width:685px; height:339px; background-color: #FFF;text-align: left; }

	.header {
		height:80px;
		width: 900px;
		padding: 15px 38px 15px 38px;
	}

		.logo {
			float: left;
			padding :5px 0;
			width:120px;
			height:76px;
			
			
		}
		
		.texbox {
			color:#6a6a6a;
			float: right;
			width: 780px;
			height: 33px;
			padding: 46px 0px 0 0;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			text-align:right;
		}
		.textbox_header{
			font-size:28px;
			font-family: Crimson-Italic, Palatino Linotype Italic;
			font-weight:normal;
		}
		.textbox_header2{
			font-size:30px;
			font-family: Crimson-SemiboldItalic, Palatino Linotype Bold Italic;
			font-weight:normal;
		}


	.mainContent{
		width: 900px;
		height: 500px;	
		padding: 20px 38px;
	}

	.mainContentSmall{
		width: 900px;
		height: 420px;	
		padding: 20px 38px 0 38px;
	}
		.sidebar1 {
			float: left;
			width: 230px;
			padding: 0px 10px 10px 10px;
			
		}
		.content {
			width: 650px;
			height: 500px;
			float: right;
			overflow:auto;
			position:relative;
		}
			.contentSmall {
			width: 650px;
			height: 420px;
			float: right;
			overflow:auto;
			position:relative;
		}
	

.gallery {
	width:600px;
	height::500px;
	padding: 0px 25px;
}

.content_text {
	padding: 0 25px;
	font-size: 12px;
	line-height:1.3;
}


.events{
	width:580px;
	height:130px;
	padding:0 5px;
	border: 1px dashed #fff;
	
}

.events_Box {
	width:580px;
	height:130px;
	padding:0 5px;
	border: 1px dashed #fff;
	
}

.events_Box:hover{
	width:580px;
	height:130px;
	padding:0 5px;
	border: 1px dashed #999;
}



.content_subscribe {
	padding: 0 25px;
	font-size: 12px;
	line-height:1.3;
	text-align: left;	
		font: 15px Arial, Helvetica, Verdana, sans-serif;
	background: #fff;
	margin: 0;
	color: #666;
	line-height:1.15;
}

.content_subscribe p a {
	color: #c84b5b;	
	text-decoration: none;	
}


.content_subscribe p a:hover{
	text-decoration: underline;	
}

.content_img {
	font-size: 12px;
	margin:10px 0 0 40px;
}

.footer {
	width:900px;
	height:70px;
	background: #fff;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 10px 38px;
}

.footer_left {
	width:460px;
	height:70px;
	float: left;
	text-align:left;
}

.footer_left_TCH{
	text-decoration:none;
	color:#333;
	font-weight: normal;
}
	
.footer_left a{
	text-decoration:none;
	color:#666;
	
}

.footer_left p{
	font-size:11px;
	margin-top:4px
	
}

.mailbox {
	width:440px;
	height:70px;
	float: right;
	font-size: 12px;
}
.mailtext {
	float: left;
	font-size: 12px;
	width:210px;
	
}

.sendmail {
	width:215px;
	float: right;
	font-size: 12px;
}


.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}


ul.nav {
	list-style: none; 
	border-top: 1px solid #666;
	margin-bottom: 15px; 
}

ul.nav li {
	border-bottom: 1px solid #666; 
}

ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 160px; 
	text-decoration: none;
	background: #C6D580;
}

.fltrt {  
	float: right;
	margin-left: 8px;
} 

.fltlft { 
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	clear:both;
}

div.img
{
  margin: 2px;
  float: left;
  text-align: center;
}	


div.desc
{
  text-align: center;
  font-weight: normal;
  width: 220px;
  margin: 3px;
}

.gallery_next a {
	font-size: 12px;
	color: black;
	text-decoration: none;
}

.gallery_next a:hover {
	color: green;
	text-decoration: none;
}

.gallery_prev a {
	color: black;
	text-decoration: none;
	font-size: 12px;	
}

.gallery_prev a:hover {
	color: green;
	text-decoration: none;
}

.join_button {
	float:right
}

.gallery_photo {
	padding-left:100px;
	width:300px;
	float:left;
}

.gallery_text {
	width:250px;
	float:right;
	padding-top:80px;
	margin-right: 10px;	
}

.gallery_text p {
	font-family: Comic Sans MS, cursive;
}

.gallery_text h5 a {
	font-size: 12px;
	color: black;
	text-decoration: none;
}

.gallery_text h5 a:hover {
	font-size: 12px;
	color: green;
	text-decoration: none;
}
.content_text_header {
	font-family: Crimson-Roman, Palatino Linotype, serif;
	color: #25640e;
	font-size: 20px;
	font-weight:normal;
}

.content_text h1   {
	font-family: Crimson-Semibold, Palatino Linotype;
	font-size: 36px;
	color: #666;
}

.content_text a {
	text-decoration:none;
	color: #666;	
}.footer p a {
	color: #666;
	text-decoration: none;
}

.footer p a,a:visted {
	color: #666;
	text-decoration: none;
}

/* guttz signature */
	#guttzsig {float:right; margin-top:-70px;margin-right:11px;}
	#guttzsig div {margin-right:3px;float:left;width:108px;height:38px;border:0px solid #999;position:relative;overflow:hidden;}
	#guttzsig img {position:absolute;margin-left:70px;}
.main_contents {
	MARGIN: 0px auto; WIDTH: 980px; CLEAR: both; OVERFLOW: hidden
}
#header {
	HEIGHT: 100px
}
#header .logo {
	WIDTH: 400px; FLOAT: left
}
#header .logo DIV {
	DISPLAY: block; FONT-FAMILY: Arial; HEIGHT: 100px; FONT-SIZE: 87px; VERTICAL-ALIGN: middle
}
#header .logo DIV IMG {
	VERTICAL-ALIGN: middle
}
#header .msn {
	TEXT-ALIGN: right; WIDTH: 300px; PADDING-RIGHT: 30px; FLOAT: right; PADDING-TOP: 50px
}
#nav {
	BACKGROUND: url(/images/nav_bg.jpg); HEIGHT: 30px
}
#nav LI {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 30px; PADDING-LEFT: 27px; PADDING-RIGHT: 27px; BACKGROUND: url(/images/nav_line.jpg) no-repeat left 50%; FLOAT: left; HEIGHT: 30px; PADDING-TOP: 0px
}
#nav LI.first {
	PADDING-LEFT: 35px; BACKGROUND: url(/images/home.jpg) no-repeat 15px 50%
}
#nav LI A {
	COLOR: #fff; FONT-WEIGHT: bold
}
#main {
	MARGIN: 12px auto
}
#main .siteLefter {
	WIDTH: 190px; FLOAT: left; OVERFLOW: hidden
}
#main .siteRighter {
	WIDTH: 780px; FLOAT: right; OVERFLOW: hidden
}
#index_pro_list .t {
	HEIGHT: 35px
}
#index_pro_list .t .l {
	LINE-HEIGHT: 35px; TEXT-INDENT: 8px; FLOAT: left; HEIGHT: 35px; COLOR: #595959; FONT-WEIGHT: bold
}
#index_pro_list .t .m {
	LINE-HEIGHT: 35px; PADDING-RIGHT: 8px; FLOAT: right; HEIGHT: 35px
}
#index_pro_list .pro_list {
	BORDER-BOTTOM: #d2d2d2 1px solid; BORDER-LEFT: #d2d2d2 1px solid; HEIGHT: 205px; OVERFLOW: hidden; BORDER-TOP: #d2d2d2 1px solid; BORDER-RIGHT: #d2d2d2 1px solid
}
#index_pro_list .pro_list .l {
	TEXT-ALIGN: center; WIDTH: 50px; FLOAT: left; PADDING-TOP: 80px
}
#index_pro_list .pro_list .r {
	TEXT-ALIGN: center; WIDTH: 50px; FLOAT: left; PADDING-TOP: 80px
}
#index_pro_list .pro_list .list {
	PADDING-BOTTOM: 8px; PADDING-LEFT: 0px; WIDTH: 878px; PADDING-RIGHT: 0px; FLOAT: left; OVERFLOW: hidden; PADDING-TOP: 8px
}
#index_pro_list_scroll .Cont {
	WIDTH: 910px; DISPLAY: block; OVERFLOW: hidden
}
#index_pro_list_scroll .ScrCont {
	WIDTH: 1342177.27px; DISPLAY: block
}
#index_pro_list_scroll #scroll_list_1 {
	DISPLAY: block; FLOAT: left
}
#index_pro_list_scroll #scroll_list_2 {
	DISPLAY: block; FLOAT: left
}
#index_pro_list_scroll .pro_item {
	WIDTH: 182px; FLOAT: left;  MARGIN-RIGHT: 10px
}
#index_pro_list_scroll .pro_item UL {
	MARGIN: 0px auto; WIDTH: 182px; 
}
#index_pro_list_scroll .pro_item LI {
	TEXT-ALIGN: center
}
#index_pro_list_scroll .pro_item LI.pro_img {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; DISPLAY: block; FONT-FAMILY: Arial; HEIGHT: 152px; wdith:182px;FONT-SIZE: 13px; VERTICAL-ALIGN: middle; BORDER-TOP: #ddd 1px solid;BORDER-RIGHT: #ddd 1px solid
}
#index_pro_list_scroll .pro_item LI.pro_img IMG {
	VERTICAL-ALIGN: top}
#index_pro_list_scroll .pro_item LI.pro_name {
	PADDING-TOP: 3px
}
#index_mc .ct {
	BORDER-LEFT: #d2d2d2 1px solid; ZOOM: 1; BACKGROUND: url(/images/mbg.jpg) repeat-x 50% bottom; BORDER-RIGHT: #d2d2d2 1px solid
}
#index_mc .ct A {
	COLOR: #444
}
#index_mc .ct .about_us {
	PADDING-LEFT: 8px; WIDTH: 300px; PADDING-RIGHT: 17px; FLOAT: left; HEIGHT: 140px; OVERFLOW: hidden
}
#index_mc .ct .news {
	PADDING-LEFT: 8px; WIDTH: 300px; PADDING-RIGHT: 17px; FLOAT: left; HEIGHT: 140px; OVERFLOW: hidden
}
#index_mc .ct .contact_us {
	PADDING-LEFT: 8px; WIDTH: 300px; PADDING-RIGHT: 17px; FLOAT: left; HEIGHT: 140px; OVERFLOW: hidden
}
#index_mc .ct .about_us {
	BORDER-RIGHT: #d2d2d2 1px solid
}
#index_mc .ct .news {
	BORDER-RIGHT: #d2d2d2 1px solid
}
#index_mc .ct .title {
	HEIGHT: 26px
}
#index_mc .ct .title .l {
	LINE-HEIGHT: 26px; FLOAT: left; HEIGHT: 26px; COLOR: #444; FONT-WEIGHT: bold
}
#index_mc .ct .title .m {
	LINE-HEIGHT: 26px; FLOAT: right; HEIGHT: 26px
}
#index_mc .ct .title .m A {
	FONT-WEIGHT: bold
}
#index_mc .ct .txt {
	LINE-HEIGHT: 150%; HEIGHT: 114px; COLOR: #444; FONT-SIZE: 10px; OVERFLOW: hidden
}
#index_mc .ct LI {
	LINE-HEIGHT: 20px; TEXT-INDENT: 12px; BACKGROUND: url(/images/dot.jpg) no-repeat left center; HEIGHT: 20px; OVERFLOW: hidden
}
#footer .nav DIV {
	BACKGROUND: #0369ab; FLOAT: left; HEIGHT: 20px; OVERFLOW: hidden
}
#footer .nav DIV.l {
	WIDTH: 7px
}
#footer .nav DIV.link {
	TEXT-ALIGN: right; LINE-HEIGHT: 20px; WIDTH: 967px
}
#footer .nav DIV.link A {
	MARGIN: 0px 25px; COLOR: #fff; FONT-WEIGHT: bold
}
#footer .nav DIV.r {
	WIDTH: 6px
}
#footer .txt {
	TEXT-ALIGN: center; PADDING-BOTTOM: 10px; LINE-HEIGHT: 150%; MIN-HEIGHT: 50px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #444; PADDING-TOP: 10px; _height: 50px
}
#procate {
	MIN-HEIGHT: 350px; BACKGROUND: #f3f5f4; _height: 350px
}
#procate A {
	DISPLAY: block; TEXT-DECORATION: none
}
#procate DT A {
	LINE-HEIGHT: 26px; TEXT-INDENT: 8px; BACKGROUND: url(/images/cate_bg.jpg) 50% bottom; HEIGHT: 26px; OVERFLOW: hidden; FONT-WEIGHT: bold
}
#procate DD A {
	BORDER-BOTTOM: #ddd 1px solid; LINE-HEIGHT: 24px; TEXT-INDENT: 18px; BACKGROUND: #f3f5f4; HEIGHT: 24px; OVERFLOW: hidden
}
#newsletter {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 7px; MARGIN: 9px 0px; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; BACKGROUND: url(/images/newsletter_bg.jpg) #ddd repeat-x 50% bottom; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 7px
}
#newsletter .c {
	MARGIN: 0px auto; WIDTH: 160px
}
#newsletter .c IMG {
	PADDING-RIGHT: 10px
}
#newsletter .c STRONG {
	FONT-SIZE: 14px
}
#newsletter .c DIV {
	LINE-HEIGHT: 150%; MARGIN-TOP: 10px; COLOR: #999; FONT-SIZE: 11px
}
#newsletter .form {
	TEXT-ALIGN: center; MARGIN-TOP: 12px
}
#newsletter .form .form_input {
	MARGIN-BOTTOM: 10px
}
#r_contents {
	MARGIN-TOP: 8px; WIDTH: 780px; OVERFLOW: hidden
}
#r_contents .r_title {
	BORDER-BOTTOM: #ddd 1px dotted; LINE-HEIGHT: 20px; HEIGHT: 20px; FONT-WEIGHT: bold
}
#r_contents .r_txt {
	LINE-HEIGHT: 150%; PADDING-TOP: 5px
}
#prolist {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; MARGIN: 0px auto; WIDTH: 778px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid
}
#prolist #turn_page {
	LINE-HEIGHT: 32px; BACKGROUND: #e9efed; HEIGHT: 32px
}
#prolist .prolist_index {
	BACKGROUND: #e9efed
}
#prolist .prolist_index .info {
	LINE-HEIGHT: 32px; TEXT-INDENT: 5px; WIDTH: 350px; FLOAT: left; HEIGHT: 32px; COLOR: #676767; OVERFLOW: hidden; FONT-WEIGHT: bold
}
#prolist .prolist_index #turn_page {
	TEXT-ALIGN: right; PADDING-RIGHT: 10px
}
.sec {
	MARGIN-TOP: 5px; WIDTH: 500px; FLOAT: right; COLOR: #3d3d3d; FONT-SIZE: 12px
}
.sec UL {
	WIDTH: 230px; PADDING-RIGHT: 10px; FLOAT: right
}
#say {
	WIDTH: 600px; FLOAT: right; COLOR: #761223; FONT-SIZE: 11px; MARGIN-RIGHT: 10px
}
#say LI {
	MARGIN-BOTTOM: 0px; FLOAT: right; MARGIN-LEFT: 0px
}
#say LI A {
	MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px
}
#say UL {
	MARGIN: 10px 0px
}
#say .sec LI A {
	COLOR: #3d3d3d; MARGIN-RIGHT: 0px;text-decoration: none;
}
.search_input {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN-TOP: 12px; PADDING-LEFT: 10px; WIDTH: 139px; BACKGROUND: url(/images/s_inp.jpg) no-repeat; FLOAT: right; HEIGHT: 19px; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.sbtn {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; MARGIN-TOP: 12px; PADDING-LEFT: 0px; WIDTH: 30px; PADDING-RIGHT: 0px; BACKGROUND: url(/images/s_btn.jpg) no-repeat; FLOAT: right; HEIGHT: 19px; MARGIN-LEFT: -10px; BORDER-TOP: medium none; CURSOR: pointer; BORDER-RIGHT: medium none; PADDING-TOP: 0px
}
#left {
	PADDING-LEFT: 2px; WIDTH: 223px; FLOAT: left
}
#left .biaoti {
	TEXT-ALIGN: left; LINE-HEIGHT: 44px; PADDING-LEFT: 25px; WIDTH: 192px; BACKGROUND: url(/images/ge2.jpg) no-repeat left bottom; HEIGHT: 44px; COLOR: #3d3d3d; FONT-SIZE: 18px; FONT-WEIGHT: lighter
}
#left .listbar UL LI A {
	TEXT-ALIGN: left; BORDER-LEFT: #fff 1px solid; PADDING-BOTTOM: 3px; LINE-HEIGHT: 22px; PADDING-LEFT: 25px; WIDTH: 192px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(/images/ge2.jpg) no-repeat left bottom; HEIGHT: 22px; COLOR: #3d3d3d; PADDING-TOP: 3px
}
#left .listbar UL LI.li_1 {
	OVERFLOW: hidden
}
#left .listbar UL LI.p_pro A {
	COLOR: #c40806
}
#left .listbar UL LI.select A {
	COLOR: #c40806
}
#left .listbar UL LI.li_1 A {
	WIDTH: 197px; BACKGROUND: url(/images/li_hov.jpg) no-repeat 0px 0px; COLOR: #fff
}
#left .biaoti_topp {
	MARGIN: 15px 0px 0px 5px; WIDTH: 210px; BACKGROUND: url(img/contact2.jpg) no-repeat; HEIGHT: 48px
}
#left .contact P {
	TEXT-ALIGN: left; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px
}