body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 12px;
	text-align: justify;
	text-decoration: none;
	color: #000000;
}

.main
{
	width: 1085px;
	margin-left: auto;
	margin-right: auto;
}
	.center
	{
		width: 1085px;
		margin-left: auto;
		margin-right: auto;
	}
	.center980
	{
		width: 980px;
		margin-left: auto;
		margin-right: auto;
	}
		.head
		{
			width: 980px;
			height: 122px;
		}
			.logo
			{
				width: 186px;
				height: 122px;
				float: left;
			}
			.navmen
			{
				width: 794px;
				height: 122px;
				float: left;
			}
				.reg
				{
					width: 794px;
					height: 35px;
					padding-top: 13px;
					text-align: right;
					float: right;
				}
				.menu
				{
					width: 794px;
					height: 74px;
					float: right;
				}
					.menul
					{
						position: relative;
						height: 74px;
						width: 670px;
						padding-left: 40px;
						padding-top: 6px;
						background: url(../layout/bg-menu-all-title.gif) right top no-repeat;
						overflow: hidden;
						float: right;
					}
							.menul li
							{
								float: left;
								list-style: none;
							}
								.menul li a
								{
									font-family: Arial;
									font-size: 18px;
									font-weight: bold;
									text-decoration: none;
									color: #fff;
									text-align: center;
									letter-spacing: 0;
									z-index: 10;
									float: left;
									height: 70px;
									overflow: hidden;
									margin-left: 13px;
									margin-right: 13px;
									padding-left: 8px;
									padding-right: 8px;
									padding-top: 6px;
								}
								.menu-title-01
								{
									background: 0;
								}
								.menu-title-01:hover
								{
									background: url(../layout/menu-title-01.png) top left no-repeat;
								}
								.menu-title-02
								{
									background: 0;
								}
								.menu-title-02:hover
								{
									background: url(../layout/menu-title-02.png) top left no-repeat;
								}
								.menu-title-03
								{
									background: 0;
								}
								.menu-title-03:hover
								{
									background: url(../layout/menu-title-03.png) top left no-repeat;
								}
								.menu-title-04
								{
									background: 0;
								}
								.menu-title-04:hover
								{
									background: url(../layout/menu-title-04.png) top left no-repeat;
								}
								.menu-title-05
								{
									background: 0;
									width: 76px;
								}
								.menu-title-05:hover
								{
									background: url(../layout/menu-title-05.png) top left no-repeat;
									width: 76px;
								}
									.menul li a:hover, .menul li a:active, .menul li a:visited
									{
										border: none;
									}
										.minitext
										{
											font-family: Arial;
											font-size: 11px;
											font-weight: normal;
											text-decoration: none;
											color: #fff;
										}

		.content
		{
			width: 1085px;
			min-height: 600px;
			background: url(../layout/main-03.jpg) top center no-repeat;
		}
			.distributor
			{
				width: 947px;
				height: 50px;
				padding-top: 15px;
				padding-right: 33px;
				float: left;
				text-align: right;
			}
			.textboxoid
			{
				width: 1084px;
				height: 300px;
				margin-top: 150px;
				background: url(../layout/bg-content-title.png) top center no-repeat;
				float: left;
			}
			.arrowleft
			{
				 width: 52px;
				 height: 300px;
				 float: left;
			}
				.leftarr
				{
					padding-top: 50px;
				}
			.arrowright
			{
				 width: 52px;
				 height: 300px;
				 float: left;
			}
				.rightarr
				{
					padding-top: 50px;
				}
			.text
			{
				width: 980px;
				height: 300px;
				color: #fff;
				float: left;
			}
				.col1
				{
					width: 430px;
					padding-left: 30px;
					padding-right: 30px;
					padding-top: 30px;
					padding-bottom: 40px;
					font-weight: bold;
					line-height: 17px;
					float: left;
				}
				.col2
				{
					width: 430px;
					padding-left: 20px;
					padding-right: 30px;
					padding-top: 30px;
					padding-bottom: 40px;
					font-weight: bold;
					line-height: 17px;
					float: left;
				}
			.bottom
			{
				width: 980px;
				height: 106px;
				background: url(../layout/bg-bottom-2-title.png) top no-repeat;
				float: left;
			}
				.contactbox
				{
					width: 980px;
					height: 38px;
					float: left;
				}
					.contact
					{
						width: 660px;
						padding-top: 10px;
						height: 28px;
						text-align: center;
						font-size: 16px;
						font-weight: bold;
						color: #fff;
						float: left;
					}
					.eshop
					{
						width: 320px;
						padding-top: 10px;
						height: 28px;
						text-align: center;
						font-size: 16px;
						font-weight: bold;
						color: #fff;
						float: left;
					}
						.eshop a
						{
							font-size: 16px;
							font-weight: bold;
							color: #fff;
							text-decoration: underline;
						}
						.eshop a:hover
						{
							font-size: 16px;
							font-weight: bold;
							color: #fff;
							text-decoration: none;
						}
				.copyrightbox
				{
					width: 950px;
					height: 53px;
					padding-top: 15px;
					padding-left: 30px;
					text-align: left;
					font-size: 11px;
					font-weight: normal;
					color: #fff;
					float: left;
				}
					.copy
					{
						font-size: 10px;
						color: #c8c8c8;
						line-height: 20px;
					}
						.copy a
						{
							text-decoration: none;
							color: #c8c8c8;
						}
						.copy a:hover
						{
							text-decoration: underline;
							color: #c8c8c8;
						}

h1
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 22px;
	text-align: left;
	color: #fff;
}
h2
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	text-align: left;
	color: #fff;
}
h3
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	text-align: left;
	color: #fff;
}
a
{
	color: #fff;
	text-decoration: underline;
}
a:hover
{
	color: #fff;
	text-decoration: none;
}

ul
{
	margin: 0px;
	padding: 0px;
}

a.logreg
{
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	padding-left: 6px;
	padding-right: 6px;
}
a.logreg:hover
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
}









div.text
{
    position:relative;
    overflow:hidden; 
    width: 980px;
	height: 300px;
} 

div.text div.items
{
    width:20000em; 
    position:absolute; 
}
div.text div.items div
{ 
    float: left; 
} 
div.items div.active
{ 
     
}
.textitem
{
	width: 980px;
	height: 300px;
	float: left;
}