* {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
H1 {
	FONT-SIZE: 16px; FONT-WEIGHT: normal
}
H2 {
	FONT-SIZE: 16px; FONT-WEIGHT: normal
}
H3 {
	FONT-SIZE: 16px; FONT-WEIGHT: normal
}
H4 {
	FONT-SIZE: 16px; FONT-WEIGHT: normal
}
H5 {
	FONT-SIZE: 16px; FONT-WEIGHT: normal
}
IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
BODY {
	TEXT-ALIGN: center; FONT-SIZE: 16px; background:behavior:url("csshover.htc");url(../images/background/bg_1.jpg)  no repeat;
}
UL {
	LIST-STYLE-TYPE: none; COLOR: #085098; LIST-STYLE-IMAGE: none
}
LI {
	LIST-STYLE-TYPE: none; COLOR: #085098; LIST-STYLE-IMAGE: none
}
.clear {
	LINE-HEIGHT: 0; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px
}
.clear10px {
	LINE-HEIGHT: 10px; HEIGHT: 10px; CLEAR: both
}
#wrapper {
	WIDTH: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	TEXT-ALIGN: center; WIDTH: 100%
}
#header IMG {
	FLOAT: left
}
.container {
	PADDING-LEFT: 70px; WIDTH: 890px; BACKGROUND: url(../images/bodyRepeaterArea.jpg) repeat-y; FLOAT: left
}
.container TABLE {
	MARGIN-BOTTOM: 33px; FLOAT: left
}
.container TABLE IMG {
	FLOAT: left
}
#footer {
	TEXT-ALIGN: center; WIDTH: 100%; BACKGROUND: url(../images/footer.jpg) no-repeat; FLOAT: left; HEIGHT: 141px; _float: none
}
#footer P {
	TEXT-ALIGN: center; LINE-HEIGHT: 1.8em; COLOR: #fff; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
.DivContent {
	LINE-HEIGHT: 30px; MARGIN-LEFT: 70px; FONT-SIZE: 16px
}
.DivImg {
	WIDTH: 180px; FLOAT: left; HEIGHT: 337px; MARGIN-LEFT: 20px
}
.book {
	BORDER-BOTTOM: #fff 5px solid; TEXT-ALIGN: center; BORDER-LEFT: #fff 5px solid; BACKGROUND-COLOR: #fff; MARGIN-TOP: 20px; BORDER-TOP: #fff 5px solid; BORDER-RIGHT: #fff 5px solid
}
.DivImg IMG {
	WIDTH: 100%; HEIGHT: 243px
}
A {
	COLOR: #02351d; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
A:active {
	TEXT-DECORATION: underline
}

-------------------------------------------------------------------------------- /
	[10.2] HOME / PORTFOLIO
/ -------------------------------------------------------------------------------- */

	#portfolio-content { position:relative; }

	/* portfolio controls */
	.portfolio-controls {
		margin:0;
		position:absolute;
		right:0;
		top:-52px;
	}
	
	/* portfolio filter */
	#portfolio-filter {
		font-size:14px;		
		line-height:18px;
		margin-bottom:30px !important;
		margin-left:-14px;
		margin-top:50px;
		position:relative;
	}
	#portfolio-filter li {
		background:none !important;
		border-left:solid 4px #AFB2B8;
		float:left;
		padding-left:10px !important;
		padding-right:10px;
	}
	#portfolio-filter a {
		color:#3D3D3D;
		display:block;
		position:relative;
		text-transform:uppercase;
	}
	#portfolio-filter a:hover { color:#AFB2B8; }
	#portfolio-filter li.current a { color:#F1790C; }

	/* [ portfolio items ] */

	.portfolio-items { position:relative; }
	.portfolio-items img { display:block; }

	/*wrapper*/
	.portfolio-item-wrapper {
	background-color: #F3F3F3;
	float: left;
	margin-bottom: 0px;
	margin-right: 0px;
	overflow: hidden;
	padding: 0px;
	position: relative;
	}
	
	/* portfolio item */
	.portfolio-item, .portfolio-item-wrapper {
	height: 260px;
	width: 200px;
	}
	.portfolio-item {
		background:none !important;
		line-height:18px;
		overflow:hidden;
		padding:0 !important;		
		position:absolute;
	}
	.portfolio-item a {
		display:block;
		height:100%;
		position:absolute;
		top:0;
		z-index:11;
		width:100%;
	}
	
	/* portfolio overlay */
	.portfolio-overlay {
		height:100%;
		background:#3D3D3D;
		display:none;
		left:0;
		filter: alpha(opacity=50); /* IE 5-7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
		-khtml-opacity: 0.5; /* Safari 1.x */
		-moz-opacity: 0.5; /* Netscape */
		opacity:0.95;
		position:absolute;
		top:0;
		z-index:10;
		width:100%;		
	}
	
	/* portfolio container */
	.portfolio-container {
		display:none;
		height:110px;
		left:0;
		padding:20px;
		position:absolute;		
		top:0;		
		width:170px;
		z-index:11;		
	}

	/* portfolio title */
	.portfolio-title {
		color:#FFF;
		font-size:12px;
		line-height:15px;
		margin-bottom:17px;
	}
	
	/* portfolio content */
	.portfolio-content {
		color:#AFB2B8;
		border-top:solid 1px #5A5A5C;
		padding-top:14px;
	}
	
	/* portfolio more (arrow) */
	.portfolio-more {
		background:url(../images/navigation/more_info.png) 0 0 no-repeat;
		bottom:0;
		display:none;
		height:20px;
		position:absolute;
		right:0;
		width:20px;
		z-index:11;		
	}

	/* disabled overlay */
	.portfolio-disabled-overlay {
		background:url(../images/other/none.png) 0 0 no-repeat;
		display:none;		
		height:150px;
		position:absolute;
		top:5px;
		width:210px;		
	}

	/* hover and current states */
	.portfolio-item:hover .portfolio-overlay, .portfolio-item.current .portfolio-overlay, .portfolio-item:hover .portfolio-container, .portfolio-item.current .portfolio-container, .portfolio-item:hover .portfolio-more, .portfolio-item.current .portfolio-more { display:block; }
	.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

	/* if js present */
	.js-on .portfolio-container { top:30px; }
	.js-on .portfolio-item.current .portfolio-container { top:0; }
	.js-on .portfolio-item:hover .portfolio-overlay, .js-on .portfolio-item:hover .portfolio-container, .js-on .portfolio-item:hover .portfolio-more { display:none; }
	.js-on .portfolio-item.current .portfolio-overlay, .js-on .portfolio-item.current .portfolio-container, .js-on .portfolio-item.current .portfolio-more { display:block; }

/* -------------------------------------------------------------------------------- /
	[10.3] BLOG & PORTFOLIO POST (PROJECT)
/ -------------------------------------------------------------------------------- */

	/* blog post */	
	.post {
		background:none !important;
		margin:50px 0 0 !important;
		padding:0 !important;
	}
	.post:first-child { margin:0 !important; }
	
	/* post border-bottom */
	.post .section:first-child { border-bottom:solid 1px #AFB2B8; }
	
	/* post meta (tags & comments) */
	.post .post-meta {
		margin:20px 0 25px 0;
		margin-left:-15px;
		overflow:auto;
		position:relative;
	}
	.post .post-meta li {
		background:none;
		border-left:solid 1px #AFB2B8;
		float:left;
		line-height:15px;
		padding:5px 20px;
	}
	.post .post-meta li:first-child { padding-left:75px; }
	
	/* post meta title (e.g. Tags:) */
	.post .post-meta li span {
		color:#7BAF14;
		display:block;
	}
	
	/* post date */
	.post .post-date {
		background:#3D3D3D;
		color:#F3F3F3;
		float:left;
		font-size:10px;
		height:46px;
		margin-bottom:20px;
		padding-top:4px;
		position:relative;
		text-align:center;
		top:2px;
		width:50px;
	}
	
	/* post date big number */
	.post .post-date span {
		display:block;
		font-size:23px;
	}
	
	/* post excerpt & content */
	.post .post-excerpt, .post .post-content {
		margin-bottom:20px;
		margin-left:60px;
		min-height:50px;
		position:relative;
	}
	.post .post-content { margin-bottom:25px; }
	
	/* post read more button */
	.post .post-more {
		bottom:30px;
		position:absolute;		
		right:0;
	}
	
	/* post pagination */
	.post-pagination {
		margin-bottom:20px;
		margin-top:10px;
		float:right;
	}
	.post-pagination li {
		background:none;
		padding:0;
		float:left;
	}
	.post-pagination li a, ul.post-pagination li span {
		margin-left:5px;
		margin-top:4px;
		position:relative;
	}
	.post-pagination li .page-number {
		background:#AFB2B8;
		margin-top:0;
	}
	.post-pagination li a.page-number:hover {
		color:#F3F3F3;
		background:#7BAF14;
	}
	.post-pagination li.current .page-number { background:#3D3D3D; }
	
	/* portfolio post (project) - some modification for post styles */
	.project .post-image { margin-bottom:50px; }
	.project .post-content { margin-left:0 !important; }
	.project .post-meta li:first-child { padding-left:15px !important; }
	
	/* project controls */
	.project-controls {
		margin:0;
		position:absolute;
		right:0;
		top:15px;		
	}
	.project-controls li {
		background:none !important;
		float:left;
		height:20px;
		padding:0 !important;
	}
	.project-controls .controls { position:relative; }

/* -------------------------------------------------------------------------------- /
	[10.4] CONTACT
/ -------------------------------------------------------------------------------- */

	#map {
		height:200px;
		width:422px;
	}	

/* -------------------------------------------------------------------------------- /
	[11] FORMS
/ -------------------------------------------------------------------------------- */
	
	input[type=button], input[type=submit], input[type=reset], button, .button, input[type=text], textarea {
		-moz-transition:all 0.1s linear;
		-o-transition:all 0.1s linear;
		-webkit-transition:all 0.1s linear;
		transition:all 0.1s linear;
	}
	input[type=button], input[type=submit], input[type=reset], button, .button {
		cursor:pointer;
		position:relative;
	}
	input[type=button]:active, input[type=submit]:active, input[type=reset]:active, button:active, .button:active { top:1px; }
	.text-input, .text-area {
		border:solid 1px #AFB2B8;		
		-moz-box-shadow:0 0 5px rgba(0,0,0,0.15) inset;
		-webkit-box-shadow:0 0 5px rgba(0,0,0,0.15) inset;
		box-shadow:0 0 5px rgba(0,0,0,0.15) inset;
		padding:5px;
		height:20px;
	}
	.text-input:focus, .text-area:focus { border-color:#F1790C; }
	.text-input { width:240px; }
	.text-input.small { width:50px; }
	.text-area {
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		display:block;
		height:170px;
		width:100%;
	}
	
	.text-input.error:focus, .text-area.error:focus { color:#3D3D3D; }
	.submit-button, .cancel-button {
		background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 80%);
		background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 80%);
		background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 80%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(80%, rgba(255,255,255,0.5)));
		background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 80%);
		background:linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 80%);
		background-color:#AFB2B8;
		border:solid 1px #AFB2B8;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		-webkit-box-shadow:0 0px 10px -7px #3d3d3d;
		-moz-box-shadow:0 0px 10px -7px #3d3d3d;
		box-shadow:0 0px 10px -7px #3d3d3d;
		font-size:14px;
		height:32px;		
		line-height:33px;
		padding:0 10px;
		width:auto;
	}
	/* error styles */
	.text-input.error, .text-area.error {
		border-color:#F1790C;
	}
	.text-input.error:focus, .text-area.error:focus {
		color:#3D3D3D !important;
	}	
	
	.cancel-button { color:#1E65B2; }
	.button {
		color:#F3F3F3;
		background:#3D3D3D;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		display:block;
		height:28px;
		line-height:29px;
		padding:0 10px;
		text-align:center;
	}
	.button:hover {
		color:#F3F3F3;
		background:#7BAF14;
	}
	.submit-button:hover, .cancel-button:hover { background-color:#FFF; }
	.captcha {
		display:inline-block;
		text-align:right;
	}
	label span { color:#F1790C; }
	
/* -------------------------------------------------------------------------------- /
	[12] COMMENTS (for blog & portfolio project)
/ -------------------------------------------------------------------------------- */

	/* comment list */
	#comment-list li {
		background:none !important;
		padding:0 !important;
	}
	
	/* comment depths */
	#comment-list .depth-1 { margin-left:0; }
	#comment-list .depth-2 { margin-left:60px; }
	#comment-list .depth-3 { /* not used e.g. 2x60px */ }
	#comment-list li div, #comment-list li .comment-author { margin-left:60px !important; }
	
	/* comment avatar */
		#comment-list .avatar {
		float:left;
		height:100%;
		margin-left:0 !important;
	}
	#comment-list .avatar img {
		border:solid 4px #AFB2B8;
		display:block;
		margin-right:10px;
	}
	#comment-list .avatar.admin img { border-color:#3D3D3D; }
	
	/* comment datas (author, meta & date)*/
	#comment-list .comment-author {
		font-size:16px;
		line-height:20px;
		margin:0;
	}
	#comment-list .comment-meta { margin-bottom:10px; }
	#comment-list .comment-date { color:#3D3D3D; }
	/* comment hover effect */
	
	#comment-list li:hover .avatar img { border-color:#F1790C; }
	#comment-list li:hover h4 { color:#F1790C; }
	
	/* add or reply a comment */
	#respond {
		margin-bottom:0;
		margin-top:50px;
	}
	#respond .button { display:block; }
	#respond .cancel-button { display:none; }
	#comment-list #respond {
		margin-bottom:20px;
		margin-left:60px;
		margin-top:30px;
	}
	#comment-list #respond .button { display:none; }
	#comment-list #respond .cancel-button { display:block; }
	#comment-list #respond h2 { margin-left:0; }
	
/* -------------------------------------------------------------------------------- /
	[13] CONTENT SLIDER
/ -------------------------------------------------------------------------------- */
	
	.content-slider {
		margin-bottom:50px !important;	
		position:relative;
	}
	.content-slider .slides {
		margin-bottom:0 !important;
		overflow:hidden;
		position:relative;
	}
	
	/* slide */
	.content-slider .slides li {
		background:none !important;
		border:none;		
		float:left;
		left:100%;
		padding:0 !important;
		position:absolute;
		width:100%;		
	}
	.content-slider .slides li:first-child {
		left:0;
		position:relative;
	}
	.js-on  .content-slider .slides li { left:0; }
	
	.content img { display:block; }
	.content-slider .slider-pagination {
		bottom:-35px;
		height:20px;
		left:50%;
		margin-bottom:0 !important;
		margin-left:-25px;
		position:absolute;
	}
	.content-slider .slider-pagination li {
		background:none !important;
		float:left;
		padding-left:0 !important;
	}
	.content-slider .slider-pagination li a {
		background:url(../images/navigation/slider_button.png) no-repeat -1px -1px;
		display:block;
		height:16px;
		float:left;
		margin:2px;
		text-indent:-99999px;
		width:16px;
	}
	.content-slider .slider-pagination li a:hover, .slider-pagination li.current a { background-position:-19px -1px; }
	.content-slider .slider-pagination li a:active { background-position:-37px -1px; }
	.content-slider .slider-controls {
		bottom:-33px;	
		height:20px;
		position:absolute;
		right:0;
	}
	
	
.divcss5{
	position:relative;
	width:200px;
	height:260px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.divcss5 a,.divcss5 span{display:none; text-decoration:none}
.divcss5:hover{cursor:pointer}
.divcss5:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%; z-index:100; left:0; display:block;}
.divcss5:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:200px; z-index:10;height:260px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
/* 设置显示文字定位位置，背景半透明 */


#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}
	
/* -------------------------------------------------------------------------------- /
	[14] PLUGIN SPECIFIC RULES
/ -------------------------------------------------------------------------------- */

	/* Lavalamp plugin */
	#navigation > li.backLava {
		background:#AFB2B8;
		cursor:pointer;		
		border:none !important;
		height:40px !important;
		position:absolute;
		width:4px !important;
		z-index:1;
	}