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

body {
	margin: 0;
	background:url(images/mainbg.jpg) repeat-x;
	font-size: 16px;
	font-family: "Microsoft Yi Baiti";
	
}

#wrapper {
	margin: 0 auto;
	width:960px;

}

#header {
	width:960px;
	background:url(spacer.gif);
	
}

#logo {
	width:478px;
	height:95px;
	float:left;
	background:url(images/header.jpg);
}

#navi {
	width:482px;
	height:51px;
	float:left;
}

#navi ul{
	padding:0;
	margin:0;
}

#navi li{
	padding:0;
	margin:0;
	list-style:none;
}

#content {
	width:960px;
	background:#FFF;
}


/******************  columns   **************/

#column1{
	width:238px;
	float:left;
	background:#FFF;
	margin:0 auto;
	padding:20px 0 100px 26px;
	background:#FFF;

}

#column2{
	width: 620px;
	float: left;
	padding:20px 40px 0 35px;
	background:#FFF;
	line-height: 1.35;
}

.clearfix{
	clear:both;
}

#products1{
	width:193px;
	float:left;
}

#products2{
	width:420px;
	float:left;
}

#aluminumfoil1{
	width:193px;
	float:left;
}

#aluminumfoil2{
	width:370px;
	float:left;
	padding:0 0 0 50px;
}

/********************   footer   *****************/

#footer {
	width:960px;
	height:52px;
	float:left;
	background:#f6f6f6;
}

#footerleft{
	width:450px;
	height:42px;
	float:left;
	padding:5px 0 5px 30px;
}

#footeright{
	width:280px;
	height:22px;
	float:right;
	color:#666;
	padding:20px 0 5px 200px;
}





/******************** navigation ********************/

.floatleft {
	float:left;
}

a.home {
	width:101px;
	height:51px;
	float:left;
	display:block;
	background:url(images/wholenavi.jpg) 0 0;
}

a.home:hover {
	background-position: 0 -51px;
}

a.about {
	width: 100px;
	height: 51px;
	float: left;
	display: block;
	background:url(images/wholenavi.jpg) -101px 0;
}

a.about:hover {
	background-position: -101px -51px;
}

a.products {
	width:133px;
	height:51px;
	float:left;
	display:block;
	background:url(images/wholenavi.jpg) -201px 0;
}

a.products:hover {
	background-position: -201px -51px;
}

a.contacts {
	width:148px;
	height:51px;
	float:left;
	display:block;
	background:url(images/wholenavi.jpg) -334px 0;
}

a.contacts:hover {
	background-position:-334px -51px;
}

/***************  vertical navi  ***************/

#verticalnavi {
	width: 238px;
	height: 150px;
	margin:0;
	
}

a.KM{
	width: 238px;
	height: 50px;
	float: left;
	display: block;
	background:url(images/vertical.gif) 0;
}

a:hover.KM{
	background-position: 0 -150px;
}	
	
a.allwrap{
	width: 238px;
	height: 50px;
	float: left;
	display: block;
	background:url(images/vertical.gif) 0 -50px;
}

a:hover.allwrap{
	background-position: 0 100px;
}	

a.royal{
	width: 238px;
	height: 50px;
	float: left;
	display: block;
	background:url(images/vertical.gif) 0 -100px;
}

a:hover.royal{
	background-position: 0px 50px;
}

a.aboutV{
	width: 238px;
	height: 50px;
	float: left;
	display: block;
	background:url(images/vertical.gif) 0 0;
}

a:hover.aboutV{
	background-position: 0 -150px;
}	
	
a.mv{
	width: 238px;
	height: 50px;
	float: left;
	display: block;
	background:url(images/vertical.gif) 0 -50px;
}

a:hover.mv{
	background-position: 0 100px;
}	

a.mascot{
	width: 238px;
	height: 50px;
	float: left;
	display: block;
	background:url(images/vertical.gif) 0 -100px;
}

a:hover.mascot{
	background-position: 0px 50px;
}


/*****************   textstyle  ****************/

.heading {
	font-family:"Microsoft Yi Baiti";
	font-size:18px;
	color:#c4271a;
}

.text {
	text-align:justify;
}

.footerlink {
	color:#666;
	font-family:"Microsoft Yi Baiti";
	font-size:16px;
	text-decoration:none;
	float:left;
	
}

.footerlink:hover {
	color:#000;
	font-size:16px;
	font-family:"Microsoft Yi Baiti";
	text-decoration:none;
	float:left;
	
}
.footertext {
	color:#666;
	font-size:14px;
	font-family:"Microsoft Yi Baiti";
}