#content * {
	z-index: 1900;
	position: relative
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
body {
	background:url(images/bg.jpg) repeat;
	color: #fff;
	font-family: "΢ÈíÑźÚ", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px
}
a {
	color: #fff;
	text-decoration: none
}
p a {
	border-bottom: 1px solid #555
}
p a:hover {
	border: 0
}
.googlefonts {
	font-family: 'Droid Serif', serif;
	font-family: 'PT Sans Narrow', sans-serif
}
#container {
	width: 940px;
	margin: 30px auto
}
#header {
	width: 940px;
	height: 55px;
	background:url(images/hbg.jpg) no-repeat;
	position: relative;
	z-index: 1800
}
#logo {
	width: 276px;
	height: 282px;
	background: url(/images/Template02/logo-bg.png) no-repeat;
	color: #cfcfcf;
	font-size: 30px;
	font-weight: bold;
	text-shadow: 2px 2px 5px #000;
	padding: 69px 0 0 41px;
	position: absolute;
	left: 0;
	top: 34px;
	z-index: 1800
}
#logo img {
	margin-left: -10px;
	margin-top: -50px
}
.hidden {
	display: none
}
#logo a {
	color: #cfcfcf;
	text-shadow: 2px 2px 5px #000;
	text-decoration: none;
	padding-left: 100px
}
#nav {
	padding-bottom:5px;
	color: #fff;
	font-size: 16px;
	border-bottom: 1px solid #2e2e2e;
	float: right;
	margin: 12px;
	font-weight: bold
}
#nav li {
	padding-bottom: 5px;
	display: inline
}
#nav li a {
	color: #eee;
	text-decoration: none;
	margin-right: 20px;
	padding-bottom: 5px;
	float: left
}
#nav li a:hover, #nav li a.active {
	border-bottom: 1px solid #c6c6c6
}
#nav li a#last {
	margin-right: 0
}
#content-wrapper {
	background: #000;
	border: 1px solid #494949;
	border-top: 0;
	padding: 0 19px 19px
}
#top-content {
	height: 110px;
	background:url(images/tbg.jpg) no-repeat right;
	padding-left: 200px;
	-moz-box-shadow: -1px 0 3px #000;
	-webkit-box-shadow: -1px 0 3px #000;
	box-shadow: -1px 1px 2px #000;
	position: relative;
	z-index: 1780
}
#top-content h2 {
	color: #cfcfcf;
	font-size: 18px;
	margin: 46px 0 0 106px;
	float: left
}
#top-content h6 {
	color: #aaa;
	font-size: 12px;
	margin: 47px 0 0 4px;
	float: left
}
#top-content h6 a {
	color: #aaa;
	text-decoration: none
}
#top-content h6 a:hover {
	color: #ccc
}
#top-pic {
	padding: 5px;
	margin: 20px;
	float: right;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8
}
#top-pic:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1
}
#content {
	background:url(images/ttbg.jpg) no-repeat;
	padding: 35px 60px 46px 50px
}
.fwBorder {
	width: 800px;
	border-bottom: 1px solid #3b3b3b;
	margin: 30px 0
}
#slider {
	width: 775px;
	height: 350px;
	position: relative
}
.slider-wrapper {
	width: 775px;
	height: 361px;
	background: #202020;
	padding: 11px 11px 0 11px;
	-moz-box-shadow: 1px 0 5px #000;
	-webkit-box-shadow: 1px 0 5px #000;
	box-shadow: 1px 0 3px #000
}
.clear {
	clear: both
}
.nivo-controlNav {
	margin-top: -45px
}
.theme-default .nivo-controlNav a {
	margin: 0 -3px
}
img .nivo-main-image {
	position: relative
}
.nivo-caption {
	position: absolute;
	bottom: 0
}
#aboutPic {
	width: 151px;
	height: 171px;
	background: #212121;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	padding: 11px 0 0 11px;
	margin-right: 21px;
	float: left
}
#aboutPic img {
	border: 1px solid #2b2b2b;
	height: 160px;
	width: 140px
}
#aboutInfo {
	width: 293px;
	border-right: 1px solid #3b3b3b;
	float: left;
	margin-right: 30px;
	padding-right: 18px
}
#aboutInfo>p, #aboutText>p {
	border-bottom: 1px dotted #3b3b3b;
	height: 20px;
	margin-bottom: 7px;
	padding-bottom: 7px;
	width: 95%
}
.infoLabel {
	float: left;
	margin-bottom: 8px
}
.infoValue {
	width: 127px;
	float: right;
	margin-bottom: 8px;
	padding-right: 0
}
.infoValue a {
	border-bottom: 1px solid #555;
	padding-bottom: 2px
}
.infoValue a:hover {
	border: 0
}
.infoBorder {
	width: 280px;
	height: 1px;
	border-bottom: 1px dotted #3b3b3b;
	margin-bottom: 8px;
	clear: both
}
#aboutText {
	width: 275px;
	float: left;
	margin-right: -50px
}
.twoCol {
	width: 100%;
	float: left;
	margin-right: 60px;
	padding-bottom: 20px
}
.twoCol div {
	width: 95%;
	margin: -10px 0 10px 0
}
.twoCol#two-last {
	margin-right: -10px
}
.twoCol h3 {
	font-size: 17px;
	padding-bottom: 5px;
	border-bottom: 1px solid #3b3b3b;
	margin-bottom: 15px
}
.expDate {
	width: 134px;
	float: left;
	margin-bottom: 5px
}
.expCo {
	width: 226px;
	float: left;
	margin-bottom: 5px
}
.expBorder {
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #3b3b3b;
	margin: 40px 0 5px 0
}
.skLeft {
	float: left
}
.skRight {
	float: right
}
.skBarBg {
	width: 100%;
	height: 5px;
	background: #181818;
	border: 1px solid #404040;
	position: relative;
	margin: 2px 0 23px 0
}
.skBarBg#sk-last {
	margin-bottom: 0
}
.skBar {
	background: url(/images/Template02/skbar.png);
	height: 5px;
	position: absolute
}
#portNav {
	display: block;
	position: relative;
	z-index: 1900;
	overflow: hidden
}
#portNav li a {
	height: 29px;
	border: 1px solid #080808;
	font-size: 11px;
	float: left;
	margin-right: 13px;
	display: block
}
.btLeft {
	width: 4px;
	height: 29px;
	background: url(/images/Template02/bt-left.png);
	float: left
}
.btMid {
	height: 29px;
	background: url(/images/Template02/bt-bg.png) repeat-x;
	padding: 5px 3px 0 3px;
	display: inline;
	float: left
}
.btRight {
	width: 4px;
	height: 29px;
	background: url(/images/Template02/bt-right.png);
	float: left
}
#portNav li a:hover .btLeft, #portNav li.active a .btLeft {
	background: url(/images/Template02/bt-hover-left.png)
}
#portNav li a:hover .btRight, #portNav li.active a .btRight {
	background: url(/images/Template02/bt-hover-right.png)
}
#portNav li a:hover .btMid, #portNav li.active a .btMid {
	background: url(/images/Template02/bt-hover-mid.png) repeat-x
}
#portList {
	margin: 29px -22px -29px 0;
	position: relative;
	z-index: 1900
}
#portList li {
	width: 169px;
	height: 155px;
	background: #202020;
	border: 1px solid #0e0d0d;
	padding: 10px;
	margin: 0 12px 12px 0;
	float: left;
	-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 1px #000
}
#portList li a {
	width: 167px;
	height: 130px;
	display: block;
	background: url(/images/Template02/magnifier.png) no-repeat center center transparent
}
#portList li a.projectLink {
	height: 11px;
	background: 0;
	color: #ddd;
	font-size: 12px;
	line-height: 10px;
text-transform:;
	border-left: 7px solid #444;
	margin-top: 13px;
	padding-left: 5px;
	display: block
}
#portList li a.projectLink:hover {
	color: #fff;
	border-left: 7px solid #5f5f5f
}
#portList li img {
	width: 167px;
	height: 130px;
	border: 1px solid #2b2b2b
}
#contact {
	width: 270px;
	margin-right: 60px;
	float: left
}
#contact input, #contact textarea {
	width: 254px;
	height: 30px;
	color: #999;
	font-size: 12px;
	background: url(/images/Template02/input-bg.png);
	border: 1px solid #3c3c3c;
	padding: 1px 8px 3px 8px;
	margin-bottom: 15px;
	-moz-box-shadow: inset 0 0 1px 1px #000;
	-webkit-box-shadow: inset 0 0 1px 1px #000;
	box-shadow: inset 0 0 1px 1px #000
}
#contact input:hover, #contact textarea:hover, #contact input:focus, #contact textarea:focus {
	background: url(/images/Template02/input-focus-bg.png);
	color: #fff;
	border: 1px solid #1d1d1d;
	-moz-box-shadow: inset 0 0 2px 2px #000;
	-webkit-box-shadow: inset 0 0 2px 2px #000;
	box-shadow: inset 0 0 2px 2px #000
}
#contact textarea {
	width: 262px;
	height: 173px;
	line-height: 18px;
	padding: 3px 0 0 8px
}
#contact input.send {
	width: 43px;
	height: 29px;
	color: #fff;
	background: url(/images/Template02/send-bg.png);
	border: 1px solid #080808;
	-moz-box-shadow: inset 0 0 0 0 #000;
	-webkit-box-shadow: inset 0 0 0 0 #000;
	box-shadow: inset 0 0 0 0 #000;
	display: block;
	font-size: 11px;
	cursor: pointer
}
#contact input.send:hover {
	background: url(/images/Template02/send-bg-hover.png)
}
#mapBg {
	background: #1f1f1f;
	float: left;
	padding: 10px;
	margin-right: -50px
}
#map {
	width: 450px;
	height: 260px;
	background: #333;
	position: relative
}
p.address {
	width: 450px;
	text-align: center;
	font-size: 11px;
	display: block;
	margin-top: 10px;
	float: left
}
.msg {
	font-size: 12px;
	position: absolute;
	top: -10px
}
#footer {
	margin-top: 10px;
	font-size: 11px
}
#footer-left {
	line-height: 10px;
	color: #ccc;
	float: left;
	margin-left: -7px
}
#footer-left a {
	color: #ccc
}
#footer-left a:hover {
	color: #fff
}
#footer p {
	text-align: center
}
#nav li span{
	padding: 0 9px;
	}
li.item.c.selected {
    display: block;
    height: 37px;
    border-bottom: 1px solid  #c6c6c6;
 
}
.mainbox {
	background:url(images/mbg.jpg) repeat;
}