body {
	background-color: #222;
	font-family: arial;
	font-size: 13px;
	line-height:18px;
	color: #888;
	margin:0;
	background-image: url(images/bg.jpg);
	/*background-attachment:fixed;*/ }
 
html,body {
	margin: 0;
	padding: 0;
	height: 100%; }
 
a,a:hover,a:visited,a:active {
	color:#aaa;
	text-decoration:none; }
 
a:hover { color:#fff; }
 
#loader {
	background-image:url(images/l.gif);
	background-repeat:no-repeat;
	background-position:center center;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color: #fff;
	position: absolute;
	text-align: center;
	z-index: 100000;
	display: none;
	margin: 0;
	width:40px;
	height:40px; }
 
	#loader span { display:none; }
 
h1 { margin:0; }
 
	h1 a {
		background-image:url(images/l.png);
		margin:0;
		width:226px;
		height:99px;
		display:block; }
 
		h1 a span { display:none; }
 
#activePage {
	font-weight:bold;
	font-size:14px;
	color:#fff; }
 
.pagination {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:490px;
	background-color:#111;
	background-image:url(images/mBg.jpg);
	margin:20px 0 0 0; }
 
	.pagination tr td {
		padding:15px;
		color:#aaa; }
 
	.pagination a,.pagination a:hover,.pagination a:visited,.pagination a:active { color:#aaa; }
 
	.pagination a:hover { color:#fff; }
 
	.paginationNextIa, .paginationPrevIa { visibility: hidden; }
 
#container { padding:0 0 300px 0; }
 
#header {
	border-top:solid 1px #000;
	margin:0;
	height:99px;
	background-image:url(images/h.jpg);
	background-repeat:no-repeat; }
 
#btnCntr {
	float:left;
	margin:30px 0 0 0;
	width:230px; }
 
#gbCntr {
	float:left;
	margin:30px 0 0 0;
	width:600px; }
 
.msg {
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	background-color:#101010;
	padding:15px 15px 30px 15px;
	background-image:url(images/mBg.jpg);
	width:450px;
	float:left; }
 
.info {
	margin:10px 0 0 0;
	float:left;
	width:100px;
	vertical-align:middle;
	padding:0 0 0 20px;
	background-image:url(images/ma.png);
	background-repeat:no-repeat;
	background-position:left center; }
 
	.info > div {
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		color:#000;
		font-size:14px;
		font-weight:bold;
		padding:5px;
		line-height:14px; }
 
		.info > div > span {
			font-size:10px;
			font-family:tahoma;
			font-weight:normal; }
 
.msgCntr { display:table-row; }
 
	.msgCntr > div { margin:0 0 5px 0; }
 
.clr { clear:both; }
 
#msgbtn {
	background-image:url(images/b.png);
	background-repeat:no-repeat;
	display:block;
	width:137px;
	height:41px;
	margin:0 0 0 46px; }
 
	#msgbtn:hover { background-position:0 -91px; }
 
	#msgbtn span { display:none; }
 
#sbtn {
	background-image:url(images/b.png);
	background-repeat:no-repeat;
	display:block;
	width:137px;
	height:41px;
	margin:10px 0 20px 46px;
	background-position:0 -48px; }
 
	#sbtn:hover { background-position:0 -139px; }
 
	#sbtn span { display:none; }
 
/*---------------------------- backBtn --------------------*/
.backBtn,.backBtn:hover,.backBtn:visited,.backBtn:active {
	width:55px;
	height:13px;
	background-image:url(images/ba.png);
	background-repeat:no-repeat;
	display:block;
	margin:20px 0 3px 410px; }
 
.backBtn span { display:none; }
 
.backBtn:hover { background-position:0 -14px; }

/*--------------------------- guestbook form ------------------*/
#msgCntr {
	width:443px;
	height:396px;
	background-image:url(images/m.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 25px; }
 
	#msgCntr > label { display:none; }
 
.nameField {
	border:solid 0px red;
	font-weight:bold;
	font-size:22px;
	background-color:transparent;
	width:310px;
	margin:56px 0 0 120px; }
 
.msgField {
	width:304px;
	margin:8px 0 0 120px;
	font-family:arial;
	font-size:13px;
	border:solid 0px red;
	background-color:transparent;
	line-height:14px;
	height:148px;
	padding:3px; }
 
.imgField {
	border:solid 0px red;
	font-weight:bold;
	font-family:arial;
	font-size:13px;
	background-color:transparent;
	width:310px;
	margin:14px 0 0 120px; }
 
.dayField {
	border:solid 0px red;
	font-weight:bold;
	font-family:arial;
	font-size:13px;
	background-color:transparent;
	width:190px;
	margin:10px 0 0 220px; }
 
.colorField {
	font-weight:bold;
	font-family:arial;
	font-size:13px;
	background-color:transparent;
	width:200px;
	margin:10px 0 0 220px;
	border:solid 1px #333; }
 
.submitBtn {
	margin:15px 0 0 52px;
	width:257px;
	height:27px;
	background-image:url(images/mp.png);
	background-repeat:no-repeat;
	background-position:0 -1px;
	text-indent:-2000px;
	border:solid 0px red; }
 
	.submitBtn:hover { background-position:0 -28px; }
 
.error {
	position:absolute;
	background-color:#eee;
	padding:2px 10px 2px 10px;
	font-size:10px;
	font-weight:bold;
	font-family:tahoma;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	margin:-26px 0 0 420px;
	color:#a00; }
 
.msgError { margin-top:-153px; }
 
.dayError { margin-top:-20px; }
 
/*--------------------------- guestbook form ------------------*/
.msgBox {
	padding:10px 10px 50px 20px;
	color:#aaa;
	background-color:#111;
	width:400px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px; }
 
.fp { padding:0 0 10px 0; }
 
.tmpMsgI {
	width:202px;
	height:20px;
	background-image:url(images/if.png);
	background-repeat:no-repeat;
	margin:0 0 10px 2px; }
 
	.tmpMsgI span { display:none; }
 
.omsgBtn {
	display:block;
	width:185px;
	height:41px;
	background-image:url(images/is.png);
	background-repeat:no-repeat; }
 
	.omsgBtn span { display:none; }
 
	.omsgBtn:hover { background-position:0 -42px; }
 
.umsgBtn {
	display:block;
	width:185px;
	height:33px;
	background-image:url(images/is.png);
	background-repeat:no-repeat;
	background-position:0 -151px;
	margin:5px 0 0 0; }
 
	.umsgBtn span { display:none; }
 
	.umsgBtn:hover { background-position:0 -185px; }
 
.cmsgBtn {
	display:block;
	width:185px;
	height:33px;
	background-image:url(images/is.png);
	background-repeat:no-repeat;
	background-position:0 -84px;
	margin:5px 0 0 0; }
 
	.cmsgBtn span { display:none; }
 
	.cmsgBtn:hover { background-position:0 -118px; }
 
#searchCntr {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#aaa;
	background-color:#fff;
	z-index:5000000000;
}
 
#searchInput {
	border:solid 0px red;
	padding:3px;
	color:#fff;
	font-size:50px;
	background-color:#222;
	width:500px;
	height:50px;
}
 .sinPc {
	padding:30px;
 }
#searchBtn {
	position:absolute;
	background-color:#222;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	width:100px;
	height:100px;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin:0 0 0 460px;
}

#searchBtn:hover {
	background-color:#0af;
}

#searchBtn span {
	position:absolute;
	margin:40px 0 0 25px;
	color:#fff;
}

#closeSearch {
	position:absolute;
	right:0;
	top:0;
	background-color:#222;
	display:block;
	font-size:400px;
	width:400px;
	height:400px;
	text-align:center;
	line-height:400px;
	color:#fff;
}
#closeSearch:hover {
	background-color:#0af;
}
#m {
	position:absolute;
	left:230px;
	top:0; }
 
.wksBtn {
	display:block;
	width:148px;
	height:41px;
	background-image:url(images/i.png);
	background-repeat:no-repeat;
	background-position:0 0;
	margin:30px 0 0 0; }
 
	.wksBtn span { display:none; }
 
	.wksBtn:hover { background-position:0 -41px; }

.wksCntr {
	width:732px;
	height:462px;
	background-image:url(images/ics.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
.wksCntr p {
	display:none;
}


#wm {
	position:absolute;
	left:395px;
	top:30px; }
	
#wm li {
	float:left;
	margin:0 15px 0 0;
}
#wm li a {
	width:49px;
	height:39px;	
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
}
#wm li a span {
	display:none;
}
#wm1 a {
	background-image:url(images/works/i1.png);
	display:none;
}

#wm2 a {
	background-image:url(images/works/i2.png);
	display:none;
}

#wm3 a {
	background-image:url(images/works/i3.png);
	display:none;
}

#wm4 a {
	background-image:url(images/works/i7.png);
	display:none;
}

#wm5 a {
	background-image:url(images/works/i5.png);
	display:none;
}

#wm6 a {
	background-image:url(images/works/i6.png);
	display:none;
}

#wm8 a {
	background-image:url(images/works/i8.png);
	display:none;
}
#wm7 a {
	background-image:url(images/works/i9.png);
	display:none;
}

#youtubeBtn {
	background-image:url(images/yutwefb.png);
	background-repeat:no-repeat;
	background-position:0 -100px;
	position:absolute;
	left:337px;
	top:367px;
	width:40px;
	height:40px;
}
#youtubeBtn span{
	display:none;
}
#youtubeBtn:hover {
	background-position:-4px -3px;
}
#twitterBtn {
	background-image:url(images/yutwefb.png);
	background-repeat:no-repeat;
	background-position:0 -100px;
	position:absolute;
	left:381px;
	top:370px;
	width:40px;
	height:40px;
}

#twitterBtn span{
	display:none;
}
#twitterBtn:hover {
	background-position:-48px -6px;
}



#facebBtn {
	background-image:url(images/yutwefb.png);
	background-repeat:no-repeat;
	background-position:0 -100px;
	position:absolute;
	left:421px;
	top:370px;
	width:40px;
	height:40px;
}

#facebBtn span{
	display:none;
}
#facebBtn:hover {
	background-position:-88px -6px;
}