/* CSS Document */

*{margin:0;padding:0;}
body,html {
height: 100%;
overflow: auto;
}

body{
	background-image:url(../images/background1.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#599a24;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}


/* next css is for conactus   */

#containerconactus{
	margin:0px auto;
    padding:0px;
	text-align:center;
	width:718px;}

#contactustop{
	background-image: url(../images/contact1.jpg);
	height: 73px;
	width: 718px;
	background-repeat: no-repeat;
	}	

#contactusmiddle{
	background-image: url(../images/contactbg.jpg);
	width: 718px;
	background-repeat: repeat-y;
	height: 400px;
	text-align: left;
	padding-left: 40px;
	font-size: 14px;
	line-height: 20px;
	}		
#contactusbottom{
	background-image: url(../images/contactbg2.jpg);
	width: 718px;
	background-repeat: no-repeat;
	height: 23px;
	}			



/* next css is for vippage with flash door   */

#containervippass{
	margin:0px auto;
    padding:0px;
	text-align:center;
	width:1023px;
	height:636px}

#containervip0{
	float: left;
	height: 636px;
	width: 395px;
	background-image: url(../images/bank0.jpg);
	background-repeat: no-repeat;
	margin:0px auto;
	padding:0px;
		}
	
#containervip1{
	float: left;
	height: 636px;
	width: 395px;
	background-image: url(../images/bank1.jpg);
	background-repeat: no-repeat;
	text-align: left;
	margin:0px auto;
	padding:0px;
		}
#containervip2{
	float: right;
	height: 636px;
	width: 233px;
	background-image: url(../images/bank2.jpg);
	background-repeat: no-repeat;
	margin:0px auto;
	padding:0px;
		}		

/* next css is for viphomepage 2 menus bars   */

#maintest{
	text-align:center;
	width:100%;
	height:150px;
	margin:0px auto;
	padding:0px;}	


/* next css is for mainpage   */


#container{
	margin:0px auto;
    padding:0px;
	text-align:center;
	width:968px;
	
}

#header{
	width:100%;
	height:478px;
	text-align:center;
	margin:0px;
	padding:0px;
	
}


#logo{
	width:100%;
	height:95px}
	
#menu{
	width:100%;
	height:383px;}	

#main{
	text-align:center;
	width:938px;
	height:105px;
	margin:0px auto;
	padding:0px;
	
		}
		
	/* I used margin:0px; before, so the div main could be center, after I change cold"margin:0px auto,then div is center   */	
		
	
#mainleft1{
	float: left;
	height: 105px;
	width: 239px;
	background-image: url(../images/maincounter.jpg);
	background-repeat: no-repeat;
	text-align: left;
	margin:0px auto;
	padding:0px;
		}
		
		
#mainleft1-1{
	float: left;
	height: 105px;
	width: 239px;
	background-image: url(../images/mainhome.jpg);
	background-repeat: no-repeat;
	text-align: left;
	margin:0px auto;
	padding:0px;
		}		
		
#mainleft2{
	float: left;
	height: 105px;
	width:326px;
	margin:0px auto;
	padding:0px;
	background-image: url(../images/mainphone.jpg);
	background-repeat: no-repeat;
		}
#mainleft3{
	float: right;
	height: 105px;
	width: 373px;
	margin:0px inherit;
	padding:0px;
	background-image: url(../images/mainemail.jpg);
	background-repeat: no-repeat;
		}
	
	
	

	
		
#footer{
	background-image: url(../images/buttom.jpg);
	background-repeat: no-repeat;
	text-align: right;
	height: 35px;
	width: 938px;
	margin:0px auto;
	padding:0px;
	font-size: 12px;
	color: #333;
	line-height: 28px;
	}