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

/* #Site Styles
================================================== */
	body .slug-pattern {
		height:343px;
		width:98%;
		position:absolute;
		z-index:1;
		min-width:340px;
		background:black;
	}
	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 .slider-expand.slug-pattern {height:650px;}
	.header .container {
		padding-top:6px;
		position:relative;
		z-index:10;
	}
	/* =========== 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 {
		width:100%;
		position:relative;
		z-index:90;
	}
	.body .body-round {
		background:url(../images/design/bodyTop-960.png) left top no-repeat transparent;
		width:980px;
		height:7px;
		margin:auto;
	}
	
	.body .body-wrapper {
		background:url(../images/design/body-960.png) left top repeat-y transparent;
		width:980px;
		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-style:italic;
	}
	.body .callout span {
		padding-bottom:2px;
		color:#3aa9d2;
	}
	.body .callout.standard h4 {
		font-weight:600;
		font-size:22px;
		font-style:normal;
	}
	.body .callout .subtitle {
		font-family: "Open Sans";
		font-size:13px;
		margin-bottom:0;
		position:relative;
		top:-1px;
	}
	.body .callout .link-location {
		font-family: "Open Sans";
		font-size:11px;
		margin-bottom:0;
		position:relative;
		top:-2px;
		margin-bottom:-5px;
	}
	.body .callout .link-location a {margin:0 3px 0 3px;}
	.body .callout .button-wrap {float:right;position:relative;display:block;}
	.body .callout-hr, .body .hr{
		position:relative;
		left:-7px;
		margin-top:12px;
		margin-bottom:3px;
		width:974px;
	}
	.body .callout-hr {
		height:37px;
		width:975px;
		top:-7px;
		margin-bottom:0px;
		background:url(../images/design/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/design/diag-hr.png) repeat-x transparent;
		display:block;
		margin:0 0 40px 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;}
	.body .callout a.medium-button {
		float:right;
		margin-top:10px;
	}	
	
	.search {
		width:196px;
		height:29px;
		background:url(../images/design/search.png) 0 0 no-repeat;
		padding:0;
		margin:11px 0 0 0;
		position:relative;
		float:right;
	}
	.search.active {
		background-position:left -29px;
	}
	.search .search-box {
		border:0px;
		background-color:transparent;
		top:1px;
		left:-10px;
		position:relative;
		width:155px;
		color:#9c9c9c;
		height:28px;
		float:right;
	}
	.search .searchbox-submit {
		border:0px;
		background-color:transparent;
		position:relative;
		left:5px;
		display:inline-block;
		float:left;
		position:relative;
		top:5px;
		width:20px;
		height:20px;
	}
	/* ===========  BLOG STYLES  =========== */
	.body .blog {
		max-width:678px;
		margin-bottom:41px;
	}
	.body .blog h5, .body .blog h5 a, .body .sidebar h5 {
		font-size:17px;
		color:#454545;
		font-weight:600;
	}
	.body .blog h5 a:hover {color:#3c3c3c;}
	.body .blog .info {
		margin:7px 0 15px 0;
		padding:6px 0 7px 0;
		border-top:1px solid #e7e6e6;
		border-bottom:1px solid #e7e6e6;
		font-size:9px;
		color:#999999;
	}
	.body .blog .info span {color:#e7e6e6;}
	.body .blog .border {margin-bottom:20px;}
	.body .blog .border.shadow {background:url(../images/design/shadow-full-body-blog.png) center 274px no-repeat transparent;padding-bottom:25px;margin-bottom:-10px;}
	.body .blog .border.shadow img {border:1px solid #e0e0e0;background-color:#e5e5e5;}
	.body .blog .description .button span {color:#f1f1f1;}
	.body .blog p {
		margin-bottom:9px;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#494949;
		line-height:17px;
	}
	.body .pagination {
		padding:0 0 9px 0;
		margin:0 0 0 0;
	}
	.body .pagination span {
		float:left;
		padding-top:5px;
		line-height:11px;
		font-size:11px;
		margin-right:5px;
	}
	.body .pagination ul.pages li {
		float:left;
		padding:0;
		margin:0 0 0 8px;
	}
	.body .pagination ul.pages li a {
		padding:5px 10px;
		background-color:#e6e6e6;
		border:1px solid #dfdfdf;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: inset 1px 1px 1px 1px rgba(205, 205, 205, .1);
        box-shadow: inset 1px 1px 1px 1px rgba(205, 205, 205, .1);
	}
	.body .pagination ul.pages li.active a, .body .pagination ul.pages li a:hover {
		background-color:#e1e1e1;
		border:1px solid #d1d1d1;
	}
	.body .pagination ul.pages li.active a:hover {
		color:#3aa9d2;
	}
	.body .blog .border {position:relative;}
	.body .blog .border .meta {
		background:url(../images/design/img-meta.png) right top no-repeat transparent;
		min-width:61px;
		min-height:46px;
		position:absolute;
		left:622px;
		top:15px;
		z-index:100;
		padding:0;
		margin:0;
	}
	.body .blog .border .meta p, .body .blog .border .meta p span {
		line-height:15px;
		text-align:center;margin:auto;
		font-family:"Open Sans"; font-size:20px;font-weight:600; color:#ffffff;
	}
	.body .blog .border .meta p span {font-size:10px;display:block;padding-bottom:1px;}
	/**
	* Style 3
	*/
	.body .blog.style-3 {max-width:651px;}
	.body .blog.style-3 h5 {padding-bottom:8px;}
	.body .blog.style-3 .description .button {margin-top:6px;}
	.body .blog.style-3 .description {margin-top:3px;}
	.body .blog.style-3 .foot {margin-top:7px;}
	.body .blog.style-3 .border.shadow {background-position:center 267px;}
	/* =========== SIDEBAR STYLES =========== */
	.body .sidebar-right {padding-right:20px;}
	.body .sidebar-left {padding-left:20px;}
	.body .sidebar {
		padding-left:8px;
		position:relative;
		z-index:100;
	}
	.body .sideborder {border-left: 1px solid #e7e6e6;height:200px;position:absolute;left:-17px;}
	.body .sidebar.left .sideborder {border-left:0;border-right:1px solid #e7e6e6;height:160px;z-index:-20;right:-17px;}
	.body .sidebar h5 {margin-bottom:15px;}
	.body .sidebar ul.blogs {
		margin-bottom:33px;
	}
	.body .sidebar ul.blogs li {
		margin-bottom:18px;
		display:block;
	}
	.body .sidebar ul.blogs li .border {float:left;margin:0;padding:0;}
	.body .sidebar ul.blogs li img, .body .sidebar ul.img-list li img {
		max-width:60px;
		max-height:55px;
		overflow:hidden;
		padding:3px;
		background-color:#e6e6e6;
		border:1px solid #e6e6e6;
	}
	.body .sidebar ul.blogs li .border div.mask, .body .sidebar ul.img-list li .border div.mask {margin:4px;}
	.body .sidebar ul.blogs li p {
		float:left;
		font-size:11px;
		max-width:136px;
		margin-left:7px;
		font-family:Arial, Helvetica, sans-serif;
	}
	.body .sidebar ul.blogs li p a {
		font-size:13px;
		font-weight:600;
		font-family:"Open Sans";
		display:block;
		line-height:0;
		margin:8px 0 9px 0;
	}
	.body .sidebar ul.blogs li p span {
		display:block;
		font-family:"Open Sans";
		font-style:italic;
		line-height:0;
		margin-top:7px;
		position:relative; /* IE7 FIX */
	}
	.body .sidebar ul.img-list {
		margin-bottom:35px;
	}
	.body .sidebar ul.img-list li {float:left;margin:0 0 15px 15px}
	.body .sidebar ul.img-list li img {width:52px;height:48px;overflow:hidden;}
	.body .sidebar ul.img-list li:first-child, .body .sidebar ul.img-list li:nth-child(3n+1), .body .sidebar ul.img-list li.nosp {margin:0;}
	.body .sidebar ul.cloud {
	}
	.body .sidebar ul.cloud li {
		float:left;
		margin-right:4px;
		padding-bottom:2px;
	}
	.body .sidebar ul.cloud li a {
		font-size:12px;
		color:#999999;
		border:1px solid #ecebeb;
		background:#fafafa;
		padding:6px;
	}
	.body .sidebar ul.cloud li a:hover {
		font-weight:600;
	}

/* #Page Styles
================================================== */

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.meta{
			display:hidden;
		}
	}
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.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;}
		/* ===========  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 3
		*/
		.body .blog .border .meta {left:461px;}
		.body .blog.style-3 {max-width:501px;}
		/**
		/* =========== 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;}
		
	}

	/* 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/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;
		}
		.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;
		}
		.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;
		}
		.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 3 ***/
		.body .blog .border .meta {left:380px;}
	}

	/* 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;
		}
		
	}

	/* 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;
		}
		
		.body .callout-hr, .body .hr {
			left:-7px;
			width:314px;
		}
		.body .callout .button-wrap .shadow {left:85px;}
		.body .hr {left:-7px;}
		.footer .blur {width:320px;}
				.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 =========== */