@charset "utf-8";
/* CSS Document */
body {
	margin-top: 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
a:link {
	text-decoration: none; color:#FFF;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none; color:#FF0;
}
a:active {
	text-decoration: none;
}

a:img {border:0;}

li {list-style-position:outside;}

h1 {font-size:14px; font-weight:bold;}


#pagebackground {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
}

/*container*/
#container {
	width:1024px;
	height:768px;
	margin:auto;
	background:#FFF;
	
}
/*header*/
#header {
	width:1024px;
	height:25px;
	float:left;
}

#headerbuttonarea{
	width:340px;
	height:25px;
	margin:auto;
}

.headerbtnsupport {
	width:10px;
	height:25px;
	float:left;
}


.button {
	width:auto;
	height:25px;
	float:left;
	display:block;
	padding: 0 10px 0 10px;
	background:#000;
	line-height:25px;
	color:#FFF;
}

.button a {
	width:auto;
	height:25px;
	float:left;
	display:block;
	padding: 0 10px 0 10px;
	background:#000;
	line-height:25px;
	color:#FFF;
}

.button a.active {
	width:auto;
	height:25px;
	float:left;
	display:block;
	background:#000;
	line-height:25px;
	color: #FF0;
}

.buttonseparator {
	width:2px;
	height:25px;
	background:#646464;
	float:left;
}


/*connectzone*/
#connectarea {
	width:200px;
	height:25px;
	float:right;
	margin-top:25px;
	margin-right:30px;
}

.connecticon {
	width:auto;
	height:25px;
	float:right;
	padding-right:5px;
}


/*banner*/

#banerarea {
	width:1024px;
	height:250px;
	background:url(../images/greenstrip_repeat.jpg) repeat-x;
	float:left;
}

#logoarea {
	width:210px;
	height:250px;
	margin-left:27px;
	float:left;
	background:url(../images/logobg_repeat.jpg) repeat-x;
}

#logo {
	width:190px;
	height:150px;
	margin: 55px 0 0 10px;
	text-align:center;
}

#bannerpicl {
	width:400px;
	height:243px;
	float:left;
	margin: 3px 0 0 20px;
}

#bannerarear {
	width:343px;
	height:243px;
	float:left;
	margin: 3px 0 0 0;
}

#bannerpicr {
	width:343px;
	height:166px;
	float:left;
}

#title {
	width: 343px;
	height:77px;
	margin: 10px 0 0 0;
	background:url(../images/title.png) no-repeat;
	float:left;
}

/*workarea*/
#description {
	width:976px;
	height:418px;
	margin: 0 0 0 24px;
	float:left;
	text-align:justify;
}

/*footer*/

#footer {
	width:976px;
	height:25px;
	float:left;
	margin: 0 0 0 24px;
}

.footersupport {
	width:10px;
	height:25px;
	float:left;
}

#footerleft {
	width:478px;
	height:25px;
	float:left;
	line-height:25px;
	color:#FFF;
	background:#000;
}

#footerright {
	width:478px;
	height:25px;
	float:left;
	line-height:25px;
	color:#FFF;
	text-align:right;
	background:#000;
}

#abouttext {
	width:300px;
	height:290px;
	float:left;
	margin: 50px 0 0 234px;
}

#visionarea {
	width:290px;
	height:375px;
	float:left;
	margin: 12px 0 0 90px;
}

#visionshadow {
	width:290px;
	height:12px;
	float:left;
}

#vision {
	width:285px;
	height:335px;
	float:left;
	margin: 0 0 0 2px;
	border: 1px dotted #000;
	background:url(../images/vision_bg_repeat.png) repeat-y;
}

.visioncontents {
	width:200px;
	height:auto;
	margin: 36px 0 0 40px;
	text-align:center;
}

.visioncontentstext {
	width:180px;
	height:auto;
	margin: 36px 0 0 50px;
	text-align:center;
}


#productleft {
	width:486px;
	height:auto;
	margin: 0 0 0 24;
	border-right: 1px #000 dotted;
	float:left;
}

#productright {
	width:485px;
	height:auto;
	float:left;
}

.productthumbtop {
	width:484px;
	height:220px;
	border-bottom: 1px #000 dotted;
	float:left;
}

.productthumbbottom {
	width:484px;
	height:auto;
	float:left;
}

.producttitle {
	width:480px;
	height:auto;
	margin: 5px 0 5px 10px;
	float:left;
	font-size:14px;
	font-weight:bold;
}

.product {
	width:470px;
	height:auto;
	margin: 0 0 0 10px;
	float:left;
}


.productphoto {
	width:200px;
	height:auto;
	margin: 0 0 0 10px;
	float:left;
}

.productdetails {
	width:255px;
	height:auto;
	float:left;
	margin: 0 0 0 5px;
	text-align:left;
	font-size:11.5px;
}

#quickcontact {
	width:470px;
	height:310px;
	margin: 30px 0 0 24px;
	float:left;
}


#address {
	width:400px;
	height:350px;
	margin: 30px 0 0 60px;
	float:left;
}