/* =========== BODY STARTS =========== */
    .side-shadows {
		background:url(../images/SysMenu/side-shadows-960.png) left top no-repeat transparent;
		width:901px;
		height:309px;
		position:absolute;
		z-index:0;
		left:-18px;
		top:0;
		overflow:hidden;
	}
	.body .body-round {
		background:url(../images/SysMenu/bodyTop-960.png) left top no-repeat transparent;
		width:850px;
		height:7px;
		margin:auto;
	}
	.body .body-wrapper {
		background:url(../images/SysMenu/body-960.png) left top repeat-y transparent;
		width:850px;
		margin:auto;
		min-height:50px;
		position:relative;
		z-index:10;
	}
	.body .body-wrapper .content {
		padding-top:6px;
		padding-left:10px;
		padding-right:10px;
		position:relative;
		z-index:10;
	}
	.body .callout h4 {
		font-weight:bold;
		font-size:26px;
		font-family: KaiTi_GB2312, Times New Roman, Georgia,Serif; 
		text-shadow:3px 3px 3px #cccccc;
	}
	.body .callout span {
		padding-bottom:2px;
		color:#3aa9d2;
	}
	.body .callout .subtitle {
		font-family: 'Denk One', sans-serif;
		font-size:16px;
		margin-bottom:0;
		position:relative;
		top:-1px;
		left:150px;
	}
	.body .callout-hr, .body .hr{
		position:relative;
		left:-7px;
		margin-top:3px;
		margin-bottom:0px;
		width:974px;
	}
	.body .callout-hr {
		height:15px;
		width:845px;
		top:-7px;
		margin-bottom:0px;
		background:url(../images/SysMenu/callout.png) top left no-repeat transparent;
	}
	.body .hr {
		height:2px;
		background-color:#e1e0e0;
	}
	.body span.hr,.body span.empty-hr { 
		width:100%;
		padding:0;
		left:0;
		top:0;
		height:5px;
		width:100%;
		background:url(../images/SysMenu/diag-hr.png) repeat-x transparent;
		display:block;
		margin:0 0 20px 0;
	}
	.body p span.hr {
		margin:10px 0 10px 0;
	}
	.body span.hr.lip-quote {
		margin-top:16px;
		margin-bottom:15px;
	}
	.body span.empty-hr {background:none;margin-bottom:0;}
	.one-third.column .border {
		background:url(../images/SysMenu/img-thirds-shadow.png) center 140px no-repeat;
		padding-bottom:13px;
		text-align:center;
	}
	
	.portfolio-item {margin-bottom:10px;padding-bottom:0;}
	.portfolio-item.column.one-third {position:relative;}
	.portfolio-item.column.one-third .content{
		background:url(../images/SysMenu/noise.png) repeat #eeeeee;
		padding:5px;
		border:1px solid #d9d9d9;
	}
	.one-third.column.portfolio-item h5 {
		font-size:14px;
		line-height:16px;
		font-weight:600;
		border-bottom:1px solid #d9d9d9;
		padding:0 5px 5px 5px;
		margin-bottom:5px;
	}
	.one-third.column.portfolio-item h5.noline {
		border:none;padding-bottom:0;
		background: rgba(230, 232, 255, 0.42);
		border-bottom: 1px solid rgba(255, 255, 255, 0.42);
        color:#000000;
		font-size:18px;
		font-family: Microsoft JhengHei, Times New Roman, Georgia,Serif; 
		text-shadow:3px 3px 3px #cccccc;
	}
    .one-third.column.portfolio-item h5.context {
		border:none;padding-bottom:0;
		background: rgba(230, 232, 255, 0.42);
		border-bottom: 1px solid rgba(255, 255, 255, 0.42);
	}
	.one-third.column.portfolio-item .border {
		background:none;
		margin:0 0 10px 0;
		padding:0;
	}
	.one-third.column.portfolio-item .space {height:14px;}
	.one-third.column.portfolio-item .shadow {
		background:url(../images/SysMenu/shadow-portfolio-three-dark.png) transparent no-repeat;
		width:200px;
		position:relative;
		z-index:1000;
		top:-1px;
		height:15px;
	}
	.one-third.column .border img {
		max-width:80%;
		background:0;
		padding:0;
		border:0;
		left:50%;
	}
	.one-third.column.portfolio-item p {
		color:#585858;
		line-height:17px;
		margin-bottom:4px;
		padding:0 5px 0px 5px;
	}
    /* =========== General Footer Style =========== */
	.footer .content {
		background:url(../images/SysMenu/footer-bg-960.png) top left repeat-y transparent;
		width:850px;
		margin:auto;
		position:relative;
	}
	.footer .patch {
		background:url(../images/SysMenu/footer-patch-960.png) top left no-repeat transparent;
		width:850px;
		position:absolute;
		height:38px;
	}
	.footer-nav{
        position:fixed;
	    bottom:0px;
	    width:100%;
        height:30px;
	    background:#287fa0;
        color:#ffffff;
        font-size:14px;
    }
    .footer-nav div{
        width:auto;
        margin-left:40%;
        padding-top:8px;
    }
	/* =========== General Footer Style Ends =========== */
	/* =========== Secondary Footer Style Starts ======= */
	.footer.style-2 .patch {
		background:url(../images/SysMenu/footer-2-patch.png) top left no-repeat transparent;
		z-index:100;
	}
/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	}
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.header .shadow {
			background: url(../images/SysMenu/nav-shadow-768.png) top left no-repeat transparent;
			height:45px;
			width:759px;
		}
		.body .callout h4 {font-size:18px;}
		.body .callout p.subtitle {font-size:13px;}
		.side-shadows {
			background:url(../images/SysMenu/side-shadows-768.png) left top no-repeat transparent;
			width:832px;
			height:541px;
			position:absolute;
			z-index:0;
			left:-21px;
			top:15%;
			overflow:hidden;
		}
		.body .body-round {
			background:url(../images/SysMenu/bodyTop-768.png) left top no-repeat transparent;
			width:790px;
			height:8px;
			margin:auto;
		}
		.body .body-wrapper {
			background:url(../images/SysMenu/body-768.png) left top repeat-y transparent;
			width:790px;
			margin:auto;
			min-height:50px;
		}
		.body .callout-hr, .body .hr {
			position:relative;
			left:-6px;
			width:782px;
		}
		.clients .client {width:184px;}
		
		/* Image styles */
		.clients .client img {width:85%;}
		.one-third.column .border {
			background:url(../images/SysMenu/img-thirds-shadow-small.png) center 110px no-repeat;
		}
		.one-third.column .border img {
			max-width:224px;
		}
		.one-third.column.portfolio-item .shadow {background:url(../images/SysMenu/shadow-portfolio-four.png) transparent no-repeat;}
		/* END OF IMAGE STYLES */
		.body .team img {margin:0 0 13px 0;}
		/* =========== General Footer Style =========== */
		.footer .content {
			background:url(../images/SysMenu/footer-bg-768.png) top left repeat-y transparent;
			width:788px;
		}
		.footer .patch {
			background:url(../images/SysMenu/footer-patch-768.png) top left no-repeat transparent;
			width:788px;
			height:11px;
		}
		.footer .container .stitch {background:url(../images/SysMenu/footer-top-stitch-768.png); width:768px;}
		.footer .first { 
			width:190px;
			padding-right:10px;
		}
		.footer .last {
			width:180px;
			padding-left:10px;
			float:left;
		}
		.footer .ct {
			background:url(../images/SysMenu/footer-ct-768.png) left -15px no-repeat;
			padding-left:34px;
			width:284px;
			padding-right:35px;
		}
		.footer p {
			font-size:11px;
		}
		.footer p.extra {
			display:none;
		}
		.footer .input-wrapper {
			background:#f4f3f3;
			height:27px;
			width:171px;
		}
		.footer .input-wrapper input{
			background:#f4f3f3;
			width:160px;
			height:25px;
		}
		.footer.style-2 .patch {
			background:url(../images/SysMenu/footer-2-patch-768.png) top left no-repeat transparent;
			height:34px;
		}
		.body .standard-form.compressed form input {width:242px;float:left;margin:0 10px 16px 0;}
		.body .standard-form.compressed form input.extend, .body .standard-form.compressed form textarea {width:496px;clear:both;margin:0 10px 16px 0;}
		.body .standard-form.compressed form .submit {margin-right:14px;float:right;}
		.body .map iframe {width:739px;}
		.body .standard-form p.note {width:416px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.body .callout.standard h4 {font-size:20px;}
		.body .callout h4 {font-size:18px;}
		.body .callout p.subtitle {font-size:13px;}
		.side-shadows {
			background:url(../images/SysMenu/side-shadows-480.png) left top no-repeat transparent;
			width:504px;
			height:541px;
			position:absolute;
			z-index:0;
			left:-22px;
			top:15%;
			overflow:hidden;
		}
		.clients .client {text-align:center;width:211px;margin:auto;float:none;margin-bottom:20px;}
		.clients .client img {width:100%;}
		.body .callout-hr, .body .hr {
			left:-7px;
			width:454px;
		}
		.body .hr {left:-17px;}
		.body .callout h4 {
			line-height:25px;
			margin-bottom:9px;
			text-align:center;
		}
		.body .callout .subtitle {
			font-size:14px;
			font-style:italic;
			text-align:center;
			padding-bottom:6px;
		}
		/* IMAGE STYLES */
		.one-third.column .border img {
			max-width:407px;
		}
		.one-third.column .border {
			background:url(../images/SysMenu/img-thirds-shadow-large.png) center 193px no-repeat;
		}
		/* END OF IMAGE STTYLES */
		
		.one-third.column.portfolio-item .shadow {background:url(../images/SysMenu/shadow-portfolio-three.png) transparent no-repeat;margin:auto;}
		.one-third.column.portfolio-item {background:url(../images/SysMenu/shadow-portfolio-three.png) transparent no-repeat;margin-bottom:10px;}
		.body .callout .button-wrap .shadow {left:145px;}
		/* Dropdown Navagation Ends */
		.body .callout.intext .intext-button  {width:90%;margin:auto;}
		.body .callout.intext .intext-button a {
			top:0;
			position:relative;
			text-align:center;
			font-size:19px;
			right:0;
			margin-bottom:20px;
		}
		.footer .container .stitch {display:none;}
		.footer .content {
			background:url(../images/SysMenu/footer-bg-480.png) top left repeat-y transparent;
			width:460px;
		}
		.footer .patch {
			background:url(../images/SysMenu/footer-patch-480.png) top left no-repeat transparent;
			width:460px;
			height:4px;
		}
		.footer .first { 
			background:none;
			padding:0;
			margin:0;
			width:100%;
			float:none;
		}
		.footer .last {
			background:none;
			padding:0;
			margin:0;
			width:100%;
			float:none;
		}	
		.footer .ct {
			background:none;
			padding:0;
			margin:0;
			float:none;
			width:100%;
		}
		.footer ul.stream li {
			position:relative;
			padding:0;
			margin:0;
			float:left;
			display:block;
			height:54px;
			margin-right:12px;
			margin-bottom:10px;
			width:58px;
		}
		.footer .blur {display:none;}
		.footer .slidecontrols {display:none;}
		.footer p.extra,.footer .foot-nav .nav {display:none;}
		.footer p.extra,.footer .foot-nav .copy {text-align:center;float:none}
		.footer .blur {width:480px;}
		.body .standard-form.compressed {margin:0;padding:0;}
		.body .standard-form.compressed form input {width:100%;}
		.body .standard-form.compressed form input.extend, .body .standard-form.compressed form textarea {width:100%;}
		.body .standard-form.compressed form .submit {margin:0 0 5px 0;}
		.body .map {background-image:none;padding:0;margin:5px 0 0 0;}
		.body .map iframe {width:410px;}
		.body .hr.mapdv {display:none;}
		.body .filter {margin-bottom:16px;}
		.body .portfolio.info .item {float:none;width:100%;position:relative;padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px dashed #dddddd;}
		.body .portfolio.info .item .img {margin:0 0 10px 0;float:none;}
		.body .portfolio.info .item .description {float:none;}
		.body .portfolio.info .item .content {margin:0;padding:0;}
		.body .portfolio.info .item h5 {margin-bottom:6px;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.body .sidebar-right {padding-right:0;}
		.body .sidebar-left {padding-right:0;}
		.body .body-round {
			background:url(../images/SysMenu/bodyTop-480.png) left top no-repeat transparent;
			width:460px;
			height:7px;
		}
		.body .sidebar ul.cloud li a:hover {
			font-weight:600;
		}
		/* ===========  BLOG STYLES  =========== */
		.body .blog {
			max-width:453px;
		}
		.body .blog .info span {color:#e7e6e6;}
		.body .blog .border {margin-bottom:11px;}
		.body .blog .border img {max-width:408px}
		.body .blog .border.shadow {background:none;margin-bottom:11px;padding:0;}
		.body .body-wrapper {
			background:url(../images/SysMenu/body-480.png) left top repeat-y transparent;
			width:460px;
		}
		/*** Blog Post ***/
		.body .blog.post {padding:0;margin:0;max-width:501px;}
		.body .blog.post ul.responses li {width:95%;}
		.body .blog.post ul.responses li.reply {width:83%;}
		.body .standard-form p.note {width:340px;}
		/* Start of Portfolios */
		.body .portfolio.three img {width:116px;}
		.body .portfolio.two img {width:190px;}
		.body .portfolio .item {margin-bottom:16px;margin-right:10px;}
		.body .portfolio-container {width:440px;}
		.body .portfolio.standard.three .item h5,.body .portfolio.standard.three  .item p,.body .portfolio.standard.three  .item a {color:#4c4c4c;text-align:center;line-height:12px;margin:0;}
		.body .portfolio.standard.four .item {max-width:195px;}
		.body .portfolio.standard.four .shadow {background:none;}
		.body .portfolio.standard.three .shadow {background:none;}
		.body .portfolio.standard.three .item h5 {max-width:116px;margin-top:11px;font-size:12px;}
		.body .portfolio.standard.three .item p {color:#9b9b9b;margin:7px 0 3px 0;}
		.body .portfolio.standard.one .item {max-width:410px;}
		.body .portfolio.standard.five .item {max-width:193px;}
		.body .portfolio.standard.two .item {margin-right:19px;}
		.body .coming-soon p.subtitle {line-height:0;}
		.header.coming-soon .shadow {background:none;}
		.body .coming-soon span.countdown_section {width:92px;height:91px;margin-right:13px;}
		.body .coming-soon span.countdown_amount {font-size:25px;margin:24px 0 36px 0;}
		.body .coming-soon span.countdown_section {font-size:15px;line-height:0;}
		.footer.style-2 .patch {
			background:url(../images/SysMenu/footer-2-patch-460.png) top left no-repeat transparent;
			height:34px;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.side-shadows {
			background:url(../images/SysMenu/side-shadows-320.png) left top no-repeat transparent;
			width:371px;
			height:542px;
			position:absolute;
			left:-26px;
		}
		.body .body-round {
			background:url(../images/SysMenu/bodyTop-320.png) left top no-repeat transparent;
			width:320px;
			height:8px;
		}
		.body .body-wrapper {
			background:url(../images/SysMenu/body-320.png) left top repeat-y transparent;
			width:320px;
		}
		.header .shadow {
			background: url(../images/SysMenu/nav-shadow-320.png) top left no-repeat transparent;
			height:26px;
			width:320px;
			top:-10px;
		}
		.header.slider-expand .shadow {top:-25px;margin-bottom:0;}
		.clients .client {
			width:100%;
			text-align:center;
			margin-bottom:20px;
			border-top:none; 
		}
		.clients .client a { display:inline-block; }
		.body .callout-hr, .body .hr {
			left:-7px;
			width:314px;
		}
		.body .callout .button-wrap .shadow {left:85px;}
		.body .hr {left:-7px;}
		.footer .blur {width:320px;}
		/* IMAGE STYLES */
		.one-third.column .border img {
			max-width:288px;
		}
		.one-third.column .border {
			background:url(../images/SysMenu/img-thirds-shadow-large.png) center 193px no-repeat;
		}
		/* END OF IMAGE STTYLES */
		/* ===========  BLOG STYLES  =========== */
		.body .blog {
			max-width:304px;
		}
		.body .blog .border img {max-width:288px}
		.body .blog .border.shadow {background:none;margin-bottom:11px;padding:0;}
		/*** Style 3 ***/
		.body .blog .border .meta {display:none;}
		.body .blog.post form input, .body .blog.post form textarea {width:298px;}
		.body .blog.post {padding:0;margin:0;max-width:501px;}
		.body .blog.post ul.responses li {width:90%;}
		.body .blog.post ul.responses li.reply {width:71%;left:7%;}
		/* =========== SIDEBAR STYLES =========== */
		.body .sidebar ul.img-list li img {max-width:40px;max-height:40px;padding:2px;}
		.body .sidebar ul.img-list li {margin:0 0 15px 4px;}
		.body .sidebar ul.img-list li:nth-child(3n) {margin-right:4px;}
		/* =========== SIDEBAR STYLES ENDS =========== */
		.body .coming-soon h3 {line-height:24px;margin:0 0 8px 0;}
		.body .coming-soon p.subtitle {line-height:15px;}
		.header.coming-soon .shadow {background:none;}
		.body .coming-soon span.countdown_section {width:72px;height:71px;margin-right:2px;}
		.body .coming-soon span.countdown_amount {font-size:20px;margin:24px 0 26px 0;}
		.body .coming-soon span.countdown_section {font-size:14px;}
		.circles li.columns {max-width:300px;height:300px;margin-right:0;vertical-align:middle;}
		.circles li.columns .content {vertical-align:middle;position:relative;top:65px;}
		.circles .shadow {display:none;}
		.circles .columns .icon {height:100%;vertical-align:middle;}
		.footer .content {
			background:url(../images/SysMenu/footer-bg-320.png) top left repeat-y transparent;
			width:320px;
		}
		.footer .patch {
			background:url(../images/SysMenu/footer-patch-320.png) top left no-repeat transparent;
			width:320px;
			height:5px;
		}
		.footer .slidecontrols {display:none;}
		.footer p.extra,.footer .foot-nav .nav {display:none;}
		.footer p.extra,.footer .foot-nav .copy {text-align:center;float:none;font-size:8px;}
		.body .map iframe {width:290px;}
		.body .standard-form p.note {width:220px;}
		.body .filter h5 {display:none;}
		
		.body .filter h5 {display:none;}
		.body .filter ul.options li {margin-bottom:5px;}
		.body .filter ul.options {float:left;}
	
		/* Start of Portfolios */
		.body .portfolio.standard.three .item,.body .portfolio.standard.four .item,.body .portfolio.standard.five .item {margin-bottom:24px;}
		.body .portfolio.standard.four .shadow,.body .portfolio.standard.five .shadow {left:0;background:url(../images/SysMenu/shadow-portfolio-three.png) transparent;height:15px;width:299px;}
		.body .portfolio-container {width:100%;position:relative;}
		.body .portfolio.two img {width:100%;margin:0;}
		.body .portfolio.two .item {margin-right:0;margin-bottom:16px;}
		.body .portfolio .item {margin-bottom:10px;}
		.body .portfolio.standard.one .item {max-width:290px;}
		.body .portfolio.standard.four .item,.body .portfolio.standard.five .item {width:96%;max-width:96%;}
		.body .portfolio.info .item img {max-width:290px;}
		.footer.style-2 .patch {
			background:url(../images/SysMenu/footer-2-patch-320.png) top left no-repeat transparent;
			height:25px;
		}
	}