/* GENERAL //////////////////////////////////////////////////////*/

html {
	margin: 0; padding: 0;
	height: 100%; /* it is important for footer bottom fixed */
	background: #fff;
}

body {
	position: relative;
	margin: 0; padding: 0;
	min-height:100%; _height: 100%; /* it is important for footer bottom fixed */
	font-family: Arial;
	font-size: 1em;
	color: #333;
}

#site {
	margin: 0 auto;
	width: 1000px;
}

#text_v, #cache {
	position: absolute;
	top: -1000px;
	width: 1px; height: 1px;
	overflow: hidden;
}

.clear {
	clear: both;
	width: 100%; height: 0;
	line-height: 0;
}

li.clear {
	float: none !important;
	margin: 0 !important; padding: 0 !important;
	width: 100% !important; height: 0 !important; line-height: 0;
	background: none;
	clear: both;
}

a {color: #f00;}
a:hover {color: #000;}
a.border {
	text-decoration: none;
	border-bottom: 1px solid #f00;
}
a.border:hover {
	color: #000;
	border-bottom: 1px solid #000;
}




/* HEADER ///////////////////////////////////////////////////////*/

#header {
	position: relative;
	margin: 0 auto;
	width: 940px; height: 350px;
	background: url(../img/header.jpg) left top no-repeat;
	color: #fff;
}
	#logo {
		position: absolute;
		left: 0; top: 30px;
		width: 216px; height: 124px;
		overflow: hidden;
		font-size: 18px;
	}
		#logo img {
			border: 0;
		}
	#header p {
		position: absolute;
		left: 39px;
		margin: 0;
		line-height: 1.25em;
		font-size: 24px;
	}
	#header .desc {
		top: 222px;
	}
	#header .tel {
		top: 303px;
	}


/* CONTENT //////////////////////////////////////////////////////*/

#content {
	margin: 0 auto; padding-bottom: 106px;
	width: 940px;
}
	#pre {
		margin: 0 135px 0 40px;
	}
		#pre .left {
			float: left;
			width: 550px;
		}
			#pre .left p {
				margin: 18px 0 2px 0;
				line-height: 20px;
				font-size: 14px;
			}
		#pre .right {
			float: right;
			width: 160px;
		}
			#pre .right ul {
				margin: 20px 0 0 0; padding: 0;
				list-style-type: none;
			}
				#pre .right li {
					margin: 0 0 10px 0; padding: 0;
					line-height: 20px;
					font-size: 14px;
				}
	#text {
		margin: 0 20px;
	}
	 	#text h1 {
	 		margin: 0 0 7px 0;
	 		line-height: 30px;
	 		font-size: 24px;
			font-weight: normal;
			color: #c90;
	 	}
		#text p {
			margin: 0 0 18px 0;
			line-height: 18px;
			font-size: 14px;
		}
			#text ul {
				margin: 0 0 18px 0; padding: 0;
				list-style-type: none;
			}
			#text li {
				margin: 0; padding: 0 0 0 24px;
				line-height: 18px;
				font-size: 14px;
				background: url(../img/li.gif) left 9px no-repeat
			}


/* CATALOGUE ////////////////////////////////////////////////////*/

#catalogue {
	margin: 10px 0 29px 0;
	background: #f5f5eb;
}
	#catalogue .pos {
		width: 455px; height: 65px;
		overflow: hidden;
	}
		#catalogue .pos.left {
			float: left;
			margin: 8px 0 43px 13px; _margin-left: 6px;
		}
		#catalogue .pos.right {
			float: right;
			margin: 8px 3px 43px 0;
		}
		#catalogue .pos.last {
			margin-bottom: 10px;
		}
		#catalogue .pos a {
			display: block;
			padding: 6px 7px 0 7px;
			width: 441px; height: 65px;
			overflow: hidden;
			text-decoration: none;
			background: #fdfbf3;
		}
		#catalogue .pos a:hover {
			background: #f7f0cd;
			color: #f00;
		}
			#catalogue .pos a em {
				display: block;
				margin-bottom: 3px;
				width: 432px; height: 24px;
				overflow: hidden;
				cursor: pointer;
			}
				#catalogue .pos a em img {
					dispaly: block;
					float: left;

					border: 0;
				}
			#catalogue .pos a span {
				width: 456px;
				line-height: 30px;
				font-size: 18px;
				border-bottom: 2px solid #f00;
			}
			#catalogue .pos a:hover span {
				border-bottom: 0;
			}


/* POSITION /////////////////////////////////////////////////////*/

#download {
	padding: 0 0 0 4px;
	height: 35px; line-height: 35px;
	text-align: right;
}
	#download a {
		display: block;
		float: right;
		margin: 8px 0 0 36px;
		line-height: 16px;
		font-size: 14px;
	}
#position {
	position: relative;
	padding: 11px 20px;
	background: #f5f5eb;
}
	#position h1 {
		margin: 0 0 5px 0;
	 	line-height: 30px;
	 	font-size: 24px;
		font-weight: normal;
		color: #c90;
	}
	#position p {
		margin: 0 0 28px 0;
		line-height: 18px;
		font-size: 14px;
	}
	#position .pos {
		position: relative;
		float: left;
		margin: 0 30px 35px 0;
		width: 150px; height: 175px;
	}
		#position .pos a {
			display: block;
			//padding-bottom: 2px;
			width: 150px; height: 175px;
			overflow: hidden;
			text-decoration: none;
			font-size: 14px;
			background: #f5f5eb url(../img/span.gif) left 157px no-repeat;
			zoom:1;
		}
			#position .pos img {
				width: 150px; height: 150px;
				border: 0;
			}
		#position .pos span {
			margin: 5px 0 0 26px;
			line-height: 1em;
			text-decoration: none;
			color: #000;
			border-bottom: 1px solid #000;
		}
			#position .pos a:hover span  {
				color: #f00;
				border-bottom: 1px solid #f00;
			}


/* FOOTER ///////////////////////////////////////////////////////*/

#footer {
	position: absolute;
	left: 0; bottom: 0;
	width: 100%; height: 79px;
	
}
#ie6 #footer, #ie7 #footer {
	padding-top: 4px;
}
#footer .cont {
	margin: 0 auto;
	width: 940px; height: 79px;
	background: url(../img/footer.gif) left top repeat-x;
}
	#footer p {
		margin: 10px 0 0 0;
		line-height: 18px;
		font-size: 14px;
	}
	#footer p.left {
		float: left;
		margin-left: 17px;
	}
	#footer p.right {
		float: right;
		margin-right: 5px;
	}