/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
	/* =========== HEADER STARTS =========== */
	.header {
		width:100%;
		position:relative;
		min-width:340px;
		z-index:99999;
	}
	.header.slider-expand {height:500px;}
	body .slug-pattern {
		height:343px;
		width:100%;
		position:absolute;
		z-index:1;
		min-width:340px;
		background:#004685;
	}
	body .slug-pattern .background-image {
		background: transparent url(../images/background-1.jpg) no-repeat scroll center 40px;
		width:100%;
		height:100%;
		z-index:5;
		position:absolute;
	}
	body .overlay {
		background:url(../images/design/slug-noise.png) top left repeat transparent;
		height:100%;
		width:100%;
		position:absolute;
		z-index:5;
	}
	body .slug-pattern .slug-cut {
		height:9px;
		width:100%;
		background:url(../images/design/slug-crop.png) repeat-x transparent;
		bottom:0;
		position:absolute;
	}
	body .slider-expand.slug-pattern {height:650px;}
	.header .container {
		padding-top:6px;
		position:relative;
		z-index:10;
	}
	.header .nav {
		background:url(../images/design/nav-960.png) top left repeat-x #FFEACB;
		height:120px;
		width:100%;
		margin:auto;
		margin-bottom:15px;
		z-index:99999;
		position:relative;
		padding-top:10px
	}	
	.header .shadow {
		background: url(../images/design/nav-shadow-960.png) top left no-repeat transparent;
		height:45px;
		width:951px;
		position:relative;
		margin:0;
		padding:0;
		margin:auto;
		top:-17px;
		z-index:10;
		margin-bottom:-57px;
	}
	.header.slider-expand .shadow {top:-10;margin-bottom:0;}
	.header .logo {
		margin:auto;
		position:relative;
		top:7px;
		padding:0;
		
	}
	.header .nav .mini {
		display:none;
	}
	.header .nav .standard {
		position:relative;
		z-index:10;
		display:block;
		width:100%;
	}
	.header .nav .standard .tabwrapper {
		display:block;
		float:right;
	}
	/* SUBMENU STARTS */
	.header div.menu-wrapper {
		position:relative;
		z-index:99999;
		max-width:960px;
	}
	.header .menu li.submenu {
		position:relative;
		z-index:99999;
	}
	.header .menu li.submenu a.hover {
		position:relative;
		z-index:99999;
	}
	.header .nav .standard ul.tabs {padding-top:0;position:relative;}
	.header .nav .standard ul.tabs li {
		list-style:none;
		float:left;
		position:relative;
		padding-top:19px;
		margin:-15px 1px 0 1px;
		background:url(../images/design/header-dividers.png) top left no-repeat transparent;
		height:50px;
	}
	.header .nav .standard ul.tabs li a {
		font-family: 'Open Sans';
		color:#efefef;
		font-size:14px;
		font-weight:600;
		font-style:normal;
		transition: all 0.2s ease 0s;
		padding:13px 14px 13px 18px;
		text-shadow: 1px 1px 1px #000000;
	}
	.header .nav a {position:relative;line-height:0;}
	.header .nav a.active span.indicator {
		background:url(../images/design/active-indicator.png) left top no-repeat #3aa9d2;
		width:13px;
		height:9px;
		position:absolute;
		margin:0;
		padding:0;
		line-height:0;
		overflow:hidden;
		top:-12px;
		left:48%;
	}
	.header .nav .standard ul.tabs li a.active, .header .nav .standard ul.tabs li a:hover {
		color:#3796ba;
	}
	.header .menu li.submenu ul.child {
		border-top:2px solid #004685;
		margin-top:19px;
		display:none;
		list-style:none;
		position:absolute;
		clear:both;
		left: 50%;
		margin-left: -76px; /* (width - padding-left) / 2 */
		width:151px;
		opacity:0.97;
		background:url(../images/design/submenu-pattern.jpg) top left repeat-y transparent;
		z-index:99999;
	}
	.header .menu li.submenu ul.child li {
		clear:both;
		top:0;
		height:auto;
		margin:0;
		padding:0;
		z-index:99999;
	}
	.header .menu li.submenu ul.child li a {
		padding:7px 0 7px 0;
		display:none;
		text-align:center;
		width:151px;
		font-weight:400;
		border-bottom:1px solid #252628;
		border-top:1px solid #3a3a39;
		font-size:12px;
		top:0;
		display:block;
		z-index:99999;
		color:#bebebe;
		line-height:19px;
		transition: all 0.5s ease 0s;
	}
	.header .menu li.submenu ul.child li.last-child a {
		margin-bottom:-2px;
	}
	.header .menu li.submenu ul.child li a:hover {
		background-position:left -30px;
		background:rgba(27,27,26,0.58);
	}
	.header .menu li.submenu ul.child li {
		background:url(../images/design/submenu-pattern.jpg) top left repeat-y transparent;
		width:151px;
	}
	.header .menu li.submenu .bf {
		width:151px;
		height:15px;
		background:url(../images/design/menu-btm.png) bottom left no-repeat transparent;
		position:absolute;
		top:100%;
		left:0;
		z-index:99999;
		clear:both;
		display:block;
	}
	.header .submenu ul.deep-child {
		left:152px;
		padding:0;
		margin:0;
		position:absolute;
		background:none;
		display:none;
		top: -10px;
	}
	.header .submenu ul.deep-child li a {
		width:128px;
		border-bottom:1px solid #e4e4e4;
	}
	.header .submenu ul.deep-child li a {border:none;}
	.header .submenu ul.deep-child .tr {
		border-top:2px solid #004685;
	}
	ul.child {display:none;}
	/* MENUNAV ENDS */
	.header .page-title {
		width:100%;
		text-align:center;
		margin:auto;
		position:relative;
		top:38px;
		z-index:5;
	}
	.header .page-title .rg {
		background:url(../images/design/header-title-rg.png) left top no-repeat transparent;
		width:540px;
		height:122px;
		position:absolute;
		top:-50px;
		left:230px;
		margin:auto;
	}
	.header .page-title h1 {
		font-size:37px;
		font-style:italic;
		font-family:"Open Sans";
		font-weight:600;
		color:#ffffff;
		text-shadow: 1px 1px 1px #1c1c1c;
		position:relative;
		top:-27px;
		z-index:10000;
	}
	/* HEADER ENDS */
	
	/* =========== BODY STARTS =========== */
	.side-shadows {
		background:url(../images/design/side-shadows-960.png) left top no-repeat transparent;
		width:1031px;
		height:309px;
		position:absolute;
		z-index:0;
		left:-18px;
		top:0;
		overflow:hidden;
	}
	body {
		background:url(../img/field.jpg) left top no-repeat #e1e1e1;
	}
	body .page-wrapper {
		background:url(../images/patterns/noise-lowest.png) top left repeat;
	}
	.body {
		width:100%;
		position:relative;
		z-index:90;
	}
	
	.body .body-wrapper {
		
		width:980px;
		margin:auto;
		min-height:500px;
		position:relative;
		z-index:10;
		color:#ffffff;
	}
	.body .body-wrapper .content {
		padding-top:6px;
		padding-left:10px;
		padding-right:10px;
		position:relative;
		z-index:10;
	}

	
	/* =========== General Footer Style =========== */
	.footer {position:relative;}
	.footer .background {
		background:url(../images/design/footer-grain.png) top left repeat #c1c1c1;
		height:100%;
		width:100%;
		position:absolute;
		top:-14px;
		padding-bottom:13px; /* Top - Border */
		border-top:1px solid #b0b0b0;
	}
	.footer .content {
		width:980px;
		margin:auto;
		position:relative;
	}
	
	.footer p {
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:18px;
		text-shadow: 0px 1px 1px #1c1c1c;
	}
	.footer h5 {
		font-size:14px;
		color:#f2f2f2;
		text-shadow: 0px 1px 1px #000000;
		font-weight:600;
		margin-bottom:5px;
	}
	
	/* =========== General Footer Style Ends =========== */
	/* =========== Secondary Footer Style Starts ======= */
	.footer.style-2 .logo-caption, .footer.style-2 .logo-caption-overlay {
		background:url(../images/footer-style2-logo.png) no-repeat #004685;
		width:50px;
		height:77px;
	}
	.footer.style-2 .logo-caption-overlay {z-index:100;background-position:left bottom;position:absolute;}
	.footer.style-2 .background {
		background:url(../images/design/footer-grain-light.png) top left repeat #323232;
	}
	.footer.style-2 .container .stitch {
		background:none;
	}
	.footer.style-2 .background .stitch {
		background:url(../images/design/footer-style2-stitch.png) top left repeat-x transparent;
	}
	.footer.style-2 .pattern {
		background:url(../images/design/footer-grain-light.png) top left repeat #323232;
		z-index:2;
		padding-top:30px;
	}
	.footer.style-2 .content {
		background:none;
	}
	.footer.style-2 .foot-nav {
		position:relative;
		z-index:100;
		margin-top:10px;
		background:none;
	}
	.footer.style-2 .foot-nav-bg {
		background:url(../images/design/footer-grain.png) top left repeat #287fa0;
		height:35px;
		width:100%;
		position:absolute;
		z-index:1;
		bottom:0;
	}
	.footer.style-2 .patch {
		background:url(../images/design/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/design/nav-shadow-768.png) top left no-repeat transparent;
			height:45px;
			width:759px;
		}
		.body .map {margin-top:18px;width:940px;background:center 265px no-repeat;height:293px;}
		.body .map iframe {padding:4px;background:#e6e6e6;border:1px solid #c2c2c2;width:930px;}
		.header .logo {max-width:219px;position:relative;}
		.header .logo img {width:100%;position:relative;}
		.body .callout h4 {font-size:18px;}
		.body .callout p.subtitle {font-size:13px;}
		.side-shadows {
			background:url(../images/design/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/design/bodyTop-768.png) left top no-repeat transparent;
			width:790px;
			height:8px;
			margin:auto;
		}
		.body .body-wrapper {
			background:url(../images/design/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/design/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/design/shadow-portfolio-four.png) transparent no-repeat;}
		/* END OF IMAGE STYLES */
		.body .team img {margin:0 0 13px 0;}
		/* ===========  BLOG STYLES  =========== */
		.body .blog {
			max-width:501px;
		}
		.body .blog .info span {color:#e7e6e6;}
		.body .blog .border {margin-bottom:11px;}
		.body .blog .border img {max-width:489px}
		.body .blog .border.shadow {background:none;margin-bottom:11px;padding:0;}
		/**
		* Style 2
		*/
		.body .blog.style-2 .meta {width:105px;margin-right:20px;}
		.body .blog.style-2 .description {width:376px;}
		/**
		* Style 3
		*/
		.body .blog .border .meta {left:461px;}
		.body .blog.style-3 {max-width:501px;}
		/**
		* Style 4
		*/
		.body .blog.style-4 {max-width:523px;margin:0 0 35px 0;padding:0;}
		.body .blog.style-4 .description {margin-top:3px;float:left;width:285px;margin:0 0 0 20px;}
		.body .blog.style-4 .border img {width:204px;height:121px;overflow:hidden;}
		.body .blog.style-4 .info {font-size:8px;}
		/**
		* 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%;}
		/* =========== SIDEBAR STYLES =========== */
		.body .sidebar {left:-20px;width:183px;}
		.body .sidebar h5 {font-size:16px;}
		.body .sidebar ul.blogs li img, .body .sidebar ul.img-list li img {max-width:45px;max-height:40px;overflow:hidden;padding:2px;}
		.body .sidebar ul.blogs li {margin-bottom:0;padding:0;}
		.body .sidebar ul.blogs li p {top:-10px;font-size:10px;max-width:96px;position:relative;line-height:12px;margin-bottom:5px;}
		.body .sidebar ul.blogs li p a {font-size:11px;display:block;line-height:13px;margin:8px 0 0 0;}
		.body .sidebar ul.blogs li p span {display:none;}
		.body .sidebar .tabbed-area .tcontent ul.blogs li p span {display:block;line-height:14px;margin-top:0;}
		.body .sidebar .tabbed-area .tcontent .blogs p a {margin-top:10px;}
		/* =========== General Footer Style =========== */
		.circles li.columns:nth-child(4n) {margin-right:0;}
		.footer .content {
			background:url(../images/design/footer-bg-768.png) top left repeat-y transparent;
			width:788px;
		}
		.footer .patch {
			background:url(../images/design/footer-patch-768.png) top left no-repeat transparent;
			width:788px;
			height:11px;
		}
		.footer .container .stitch {background:url(../images/design/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/design/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/design/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;}
		/* Start of Portfolios */
		.body .portfolio.standard.three .shadow {background:none;}
		.body .portfolio.three img {width:226px;}
		.body .portfolio.two img {width:354px;}
		.body .portfolio-container {width:768px;}
		.body .portfolio.standard.one .item {max-width:738px;}
		.body .portfolio.standard.four .item {max-width:169px;}
		.body .portfolio.standard.five .item {max-width:129px;}
		.body .portfolio.standard.four .shadow {background:none;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.body .callout.standard h4 {font-size:20px;}
		.header .shadow {
			background: url(../images/design/nav-shadow-480.png) top left no-repeat transparent;
			height:27px;
			width:474px;
			top:-10px;
		}
		.header.slider-expand .shadow {top:-25px;margin-bottom:0;}
		.header .nav .standard ul.tabs li a {font-size:14px;}
		.header .logo img {width:90%;top:4px;position:relative;}
		.body .callout h4 {font-size:18px;}
		.body .callout p.subtitle {font-size:13px;}
		.side-shadows {
			background:url(../images/design/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;
		}
		.circles li.columns {max-width:197px;height:197px;}
		.circles .columns .icon {height:100%;}
		.circles li.columns:nth-child(even) {margin-right:0;}
		.body .callout .link-location {text-align:center;padding-bottom:6px;}
		.body .callout .button-wrap {
			text-align:center;
			position:relative;
			display:inline-block;
		}
		.body .callout .button-wrap .search {float:none;}
		.body .callout .button-wrap .wrapper {
			display:inline-block;
			margin-left:6px;
		}
		/* IMAGE STYLES */
		.one-third.column .border img {
			max-width:407px;
		}
		.one-third.column .border {
			background:url(../images/design/img-thirds-shadow-large.png) center 193px no-repeat;
		}
		/* END OF IMAGE STTYLES */
		.header .nav {
			background:url(../images/design/nav-480.png) top left repeat-x transparent;
			height:109px;
			margin-bottom:0;
			padding-bottom:0;
			width:100%;
		}
		/* Nav System Begins */
		.header .nav .standard {
			display:none;
		}
		.header .nav .mini {
			display:block;
			width:100%;
		}
		.header .nav .mini .logo {
			margin:auto;
			text-align:center;
		}
		.header .nav .mini .logo {max-width:100px;top:2px;position:relative;}
		.header .nav .mini .logo img {width:100%;top:0px;position:relative;}
		.header .nav .mini .logo img {
			width:auto;
			height:auto;
			margin:auto;
			text-align:center;
		}
		.header .page-title .rg {
			display:none;
		}
		.header .page-title h1 {
			font-size:34px;
			top:-16px;
		}
		/* Start of Dropdown Navagation */
		.header .nav .mini .navagation-wrapper {
			width:100%;
			margin:auto;
			text-align:center;
		}
		.header .nav .mini .navagation {
			padding:3px;
			width:90%;
			margin:auto;
			margin-top:8px;
			border:none;
			background-color:#f4f3f3;
			color:#4e4e4e;
			font-family:"Open Sans";
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			-webkit-box-shadow:  1px 1px 2px 0px #000000;
        	box-shadow:  1px 1px 2px 0px #000000;
		}
		.one-third.column.portfolio-item .shadow {background:url(../images/design/shadow-portfolio-three.png) transparent no-repeat;margin:auto;}
		.one-third.column.portfolio-item {background:url(../images/design/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;
		}
		/* =========== SIDEBAR STYLES =========== */
		.body .sidebar {padding:0;}
		.body .sideborder {display:none;}
		.body .sidebar ul.blogs li {padding-bottom:9px;border-bottom:1px dashed #d8d7d7;}
		.body .sidebar ul.img-list li {margin:0 0 15px 10px;}
		.body .sidebar ul.img-list li:first-child, .body .sidebar ul.img-list li.nosp {margin:0;}
		.body .sidebar ul.img-list li:nth-child(3n) {margin-right:10px;}
		.body .sidebar .tabbed-area .tcontent {padding:10px 20px 10px 20px;}
		.body .sidebar .tabbed-area .tcontent .blogs li {padding-bottom:10px;}
		/* =========== SIDEBAR STYLES ENDS =========== */
		/* =========== BLOG STYLES =========== */
		/*** Style 2 ***/
		.body .blog.style-2 .meta {width:100%;margin:0 0 10px 0;}
		.body .blog.style-2 .description {width:100%;}
		/*** Style 3 ***/
		.body .blog .border .meta {left:380px;}
		/*** Style 4 ***/
		.body .blog.style-4 {max-width:100%;margin:0 0 35px 0;padding:0;}
		.body .blog.style-4 .description {margin:0 0 0 6px;float:none;width:100%;display:block;margin:0;}
		.body .blog.style-4 .border {position:relative;width:100%;float:none;}
		/*** Blog Post ***/
		.body .blog.post {max-width:421px;}
		/* =========== BLOG STYLES ENDS =========== */
		.footer .container .stitch {display:none;}
		.footer .content {
			background:url(../images/design/footer-bg-480.png) top left repeat-y transparent;
			width:460px;
		}
		.footer .patch {
			background:url(../images/design/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/design/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/design/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/design/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/design/side-shadows-320.png) left top no-repeat transparent;
			width:371px;
			height:542px;
			position:absolute;
			left:-26px;
		}
		.body .body-round {
			background:url(../images/design/bodyTop-320.png) left top no-repeat transparent;
			width:320px;
			height:8px;
		}
		.body .body-wrapper {
			background:url(../images/design/body-320.png) left top repeat-y transparent;
			width:320px;
		}
		.header .shadow {
			background: url(../images/design/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/design/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/design/footer-bg-320.png) top left repeat-y transparent;
			width:320px;
		}
		.footer .patch {
			background:url(../images/design/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/design/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/design/footer-2-patch-320.png) top left no-repeat transparent;
			height:25px;
		}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	src: local('Open Sans Extrabold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}