html {

	overflow: hidden;

	}



body {

	margin: 0;

	padding: 0;

	background-color: #000;

	background-image: url(http://image211.poco.cn/mypoco/myphoto/20090101/20/46096010200901012013502006833745225_001.gif);

}



#container {

	height: 3840px;

	width: 8000px;

}





/** PAGE POSITIONING **/



.positioning {

	position: absolute;

	width: 1920px;

	height: 1200px;

}



#start {

	top: 0px;

	left: 0px;

	background-color: #222;

	background-image: url(http://image215.poco.cn/mypoco/myphoto/20090922/16/4609601020090922162831093.jpg);

	background-repeat: no-repeat;

	background-position: bottom right;

}



#about {

	top: 1280px;

	left: 0px;

	background-color: #DD1F8E;

	background-image: url(http://image211.poco.cn/mypoco/myphoto/20090101/20/46096010200901012013502006833745225_004.gif);

	background-repeat: repeat-y;

}



#work {

	top: 1280px;

	left: 2000px;

	background-color: #00A7E2;

	background-image: url(http://image211.poco.cn/mypoco/myphoto/20090101/20/46096010200901012013502006833745225_003.gif);

	background-repeat: repeat-y;

}

	

	

#contact {

	top: 0px;

	left: 2000px;

	background-color: #84C922;

	background-image: url(http://image211.poco.cn/mypoco/myphoto/20090101/20/46096010200901012013502006833745225_005.gif);

	background-repeat: repeat-y;

}

	

#print {

	top: 0px;

	left: 4000px;

	background-color: #EE9A10;

	background-image: url(http://image211.poco.cn/mypoco/myphoto/20090101/20/46096010200901012018001638899008373_000.gif);

	background-repeat: repeat-y;

}

	

#skills {

	top: 1280px;

	left: 4000px;

	background-color: #620294;

	background-image: url(http://image211.poco.cn/mypoco/myphoto/20090101/20/46096010200901012013502006833745225_002.gif);

	background-repeat: repeat-y;

}



.inside {

	margin: 60px;

	width: 625px;

}

	

	.inside .header {

		font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial;

		font-size: 13pt;

		color: #FFF;

		padding-bottom: 10px;

		line-height: 25px;

	}



	.inside .text {

		font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial;

		font-size: 8pt;

		color: #FFF;

		text-align: justify;

		line-height: 23px;

		padding-bottom: 10px;

		height: 220px;

	}

	

		/** list for purple page **/

	

		.inside .text ul#purple li {

			margin: 0;

			padding: 0;

			list-style-type: none;

			display: block;

			padding: 2px 10px;

			border-bottom: 1px solid #7C2FA4;

		}

		

		.inside .text ul#purple li:hover {

			background-color: #7110A3;

			color: #E8BFFD;

		}





/** MOOTOOLS **/



.navigator {

	float: right;

	cursor: pointer;

	display: block;

	clear: both;

}



.button {

	float: left;

	cursor: pointer;

	margin-right: 2px;

}



.slider {

	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial;

	font-size: 8pt;

	cursor: pointer;

	margin-bottom: 10px;

	text-align: center;

	color: #FFF;

	padding: 10px;

}



.slider img {

	border: 5px solid #FFF;

}



/** LINKS **/



a:link, a:visited {

	color: #FFF;

	text-decoration: none;

	background-color: #000;

	padding: 1px 2px;

}

	

a:hover, a:active {

	color: #999;

	text-decoration: none;

	background-color: #000;

	padding: 1px 2px;

}

