* { padding:0; margin:0; outline:0; }
body {
	background: #004f83 url(images/bottom.jpg) repeat-x center bottom;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

a img { border:0; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

a {
	color: #000;
	text-decoration: underline;
	cursor: pointer;
}
a:hover { text-decoration: none; }

h2 { font-size:67px; line-height:80px; text-transform: uppercase; padding-bottom:10px;}


#bg { background:url(images/top.jpg) repeat-x center 0;}


#shell { width:1007px; margin:0 auto; min-height:1200px; padding-bottom:50px; position:relative; }

#header { height:453px; position:relative; }


h1#logo {
	font-size: 0;
	line-height: 0;
	width: 246px;
	height: 36px;
	padding-top: 30px;
	padding-bottom: 20px;
	padding-left: 300;
}
h1#logo a{ display:block; height:36px; background:url(images/logo.png); text-indent: -4000px;}
.site-info { width:460px; color:#468bb6; font-size:16px; text-transform: uppercase; font-weight: bold;}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
#container { position:relative; width:100%;}

#kaipian {
	padding-top: 10px;
	background: url(images/BG1.png);
	height: 548px;
}
.kaizuo{
	float: left;
	height: 536px;
	width: 217px;
	margin-left: 25px;
}
.kaiyou{
	height: 530px;
	width: 738px;
	float: right;
	padding-top: 30px;
	}
	.kaiwenzi{
	width: 670px;
	font-size: 14px;
	line-height: 26px;
	text-indent:2em;		
		}
	.kaitu{
	padding-top: 30px;		
		}
		
#chanpian {
	padding-top: 10px;
	background: url(images/BG2.png);
	height: 548px;
}
.chanzuo{
	background-image: url(images/tu2.jpg);
	float: right;
	height: 536px;
	width: 217px;
	margin-right: 27px;
}
.chanyou{
	height: 530px;
	width: 738px;
	float: left;
	padding-top: 30px;
	margin-left: 25px;
	}
	.biaoti{}
.chanwenzi{
	width: 660px;
	font-size: 14px;
	line-height: 26px;
	text-indent: 2em;
	padding-left: 50px;
		}
		.chantu{
	padding-left: 10px;
}
.pintu{
	padding-top: 10px;		
		}

.zi1{
	font-size: 14px;
	font-weight: bold;
	color: #063568;
}
.hongzi{
	font-size: 12px;
	color: #F00;
}

#zepian {
	padding-top: 10px;
	background: url(images/zebg.png);
	height: 657px;
}
.zezuo{
	float: left;
	height: 536px;
	width: 217px;
	margin-left: 25px;
}
.zeyou{
	height: 530px;
	width: 738px;
	float: right;
	padding-top: 30px;
	}
	
.zewenzi{
	width: 660px;
	font-size: 14px;
	line-height: 26px;
	text-indent: 2em;
	padding-left: 15px;
		}
	.wenzi{
	font-size: 14px;
	line-height: 22px;
	
		}
		
.kmls { position:absolute; font-size:0; line-height:0; background-repeat:no-repeat; background-position:0 0; z-index:1; top:0; left:0;}
.ls {
	background-image: url(images/kmlcs.png);
	width: 264px;
	height: 55px;
	top: 255px;
	left: 405px;
}
.zhang {
	background-image: url(images/zhang.png);
	width: 119px;
	height: 73px;
	top: 143px;
	left: 482px;
}
#portfolio { padding-bottom:135px;}

.projects { height:300px; position:relative; }
.projects ul{ list-style-type: none; height:300px; overflow:hidden; position:relative; }
.projects ul li{ float:left; display:inline; width:960px; height:300px; }
.projects ul li .project{ float:left; display:inline; width:203px; height:136px; font-size:0; line-height:0; position:relative;  margin:0 30px 20px 0;}
.projects ul li .project-bg{ background:url(images/project.png) no-repeat 0 0; width:197px; height:130px; padding:6px 0 0 6px;}
.projects ul li .project a{ position:relative; }


.projects ul li .project a.plus{ font-size:0; line-height:0; width:32px; height:32px; background:url(images/plus.png) no-repeat 0 0; text-indent: -4000px; position:absolute; top:99px; left:166px; z-index:5;}

#contact .left { width:470px;}
#contact .right { width:400px;}
input, textarea, select { font-size:14px; font-family: "Trebuchet MS", sans-serif; padding:5px; color:#fff; border:0; }

#contact label { display:block; padding-bottom:5px;}
#contact .field { background:url(images/field.png); display:block; width:390px; margin-bottom:15px;}
#contact textarea.field { height:130px; width:390px; }

a.submit { font-weight: bold; text-transform: uppercase;}

.abs-span {
	position: absolute;
	font-size: 0;
	line-height: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 1;
	top: 236px;
	left: 904px;
}

.island {
	background-image: url(images/island.png);
	width: 658px;
	height: 369px;
	top: 131px;
	left: 5px;
}
.ships {
	background-image: url(images/ships.png);
	width: 441px;
	height: 116px;
	top: 143px;
	left: 482px;
}

.animals {
	background-image: url(images/animals.jpg);
	width: 833px;
	height: 801px;
	left: -43px;
	top: 222px;
}
.animal2 {
	background-image: url(images/animal2.png);
	width: 88px;
	height: 73px;
	left: 872px;
	top: -245px;
}
.bottle {
	background-image: url(images/bottle.png);
	width: 257px;
	height: 57px;
	top: -220px;
	left: 382px;
}
.dir {
	background-image: url(images/junfalogo.png);
	width: 446px;
	height: 81px;
	top: 295px;
	left: 487px;
}

.rel-content { position:relative; z-index:2;}


.top-holder { position:absolute; bottom:0; left:0;}

#top { font-size:0; line-height:0; position:absolute; top:0; left:0;}


textarea { overflow:auto;}