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

.wrapper{
	position:relative;
	width:932px;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
	overflow:hidden;
	
}
.login
{
	width:87px;
	height:30px;
	padding:5px;
	
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	right:0;
	
}
.menu{
	height:35px;
left:320px;
position:relative;
top:-22px;
width:600px;
}
.into-banner
{
	width:912px;
	height:235px;
	background-image:url(../images/header-background.jpg);
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #CCCCCC;
}
.intro-text{
	width:700px;
	float:left;
	font-size:12px;
	line-height:20px;
	margin-left:10px;
	
	}
.intro-image
{
	width:180px;
	float:right;
	padding-top:25px;
	}
	
	.box
	{
		clear:both;
		height:100%;
	}

.product-box{
	width:200px;
	height:auto;
	float:left;
	position:relative;
	padding-left:15px;
	padding-bottom:12px;
	padding-right:12px;
	margin-left:5px;
}
.product-box p
{
	width:210px;
	height:auto;
	display:block;
	clear:both;
	line-height:15px;
	
}
.divider
{
	width:920px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/bar.jpg);
	background-repeat:no-repeat;
	clear:both;
	background-position:center;
}
.footer{
	background-image:url(../images/round-corner.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:932px;
	
}
.footer p
{
	padding-top:30px;
	padding-right:10px;
}
.banner-text{
	color:#000;
	line-height:18px;
	font-size:12px;
	font-weight:normal;
	position: relative;
	width:300px;
	height:150px;
	float:left;

	}

.gallery { float:left; width:450px; height:227px; margin:-6px 0px 0 0 !important; margin:-6px 27px 0 0; }
#slider { margin-left:100; padding-left:100; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:450px; height:200px; overflow:hidden; }
#controls { margin:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:46px; height:43px; position:absolute; left:-68px; top: -150px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:46px; height:43px; position:absolute; left: 466px; top: -150px; }
#prevBtn a { display:block; width:46px; height:43px; background:url(../images/l_arrow.png) no-repeat 0 0; }
#nextBtn a { display:block; width:46px; height:43px; background:url(../images/r_arrow.png) no-repeat 0 0; }
.left1{
	width:380px;
	position:relative;
	float:left;
	margin-left:15px;
	padding-bottom:15px;
	clear:both;
}
.left1 h1{
	font-size:18px;
}

#inside-banner{
	width:912px;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
		margin-left:auto;
	margin-right:auto;
}
.left-menu{
	
	
	margin-top:10px;
	padding-left:10px;
}

	.right-menu{
	margin-top:30px;
	padding-left:5px;
}
.right-box p
{
	line-height:20px;
}
.contents
{
	background:#FFF;
}
	#left-menu h3 {
background-image:url("../images/h3.jpg");
background-repeat:no-repeat;
display:block;
font-size:12px;
height:27px;
line-height:28px;
margin-bottom:0;
margin-top:0;
padding-bottom:0;
padding-left:10px;
padding-top:0;
}


.arrowlistmenu {
border:1px none #E8E8E8;
clear:both;
width:190px;
}

#left-menu ul {
left:0;
margin-left:-35px;
position:relative;
}
#left-menu li {
background-image:url("../images/line.png");
display:block;
height:25px;
list-style:none outside none;
padding-left:48px;
padding-top:5px;
width:180px;
}
.main-box {
	background-image:url("../images/main-banner.png");
	background-repeat:repeat-x;
	border:1px solid #EEEEEE;
	margin-bottom:20px;
	text-align:left;
	width:98%;
	font-size:12px;
	line-height:20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}
.main-head {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	margin-bottom:20px;
	padding-left:0px;
	text-align:left;
}

h1{
	font-size:20px;
	line-height:25px;
	
}
h2{
	font-size:18px;
	line-height:25px;
	clear:both;
}
.inside-banner-header{
	clear:both;
color:#FFFFFF;
padding-left:20px;
padding-top:10px;
text-align:left;
}
.main-box li
{
	padding:5px;
	margin:5px;
	list-style-type: disc;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-position: inside;
}
	
#left-menu h4 a {
clear:both;
color:#3D3D3D;
display:block;
font-size:10px;
text-decoration:none;
}#left-menu h4 {
background-image:url("../images/menu-arrow.png");
background-repeat:no-repeat;
display:block;
font-size:10px;
line-height:28px;
margin-bottom:0;
margin-top:0;
padding-bottom:0;
padding-left:5px;
padding-top:0;
width:200px;
}
