/* @override  
	http://jon-mbp.local/~jon/47m/css/style.css
	http://new.47dev.com/css/style.css
	http://fortysevenmedia.com/css/style.css */
	
	/* @group Normalize */
	
	/* 
	 * HTML5 ✰ Boilerplate
	 *
	 * What follows is the result of much research on cross-browser styling. 
	 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
	 * Kroc Camen, and the H5BP dev community and team.
	 *
	 * Detailed information about this CSS: h5bp.com/css
	 * 
	 * ==|== normalize ==========================================================
	 */
	
	
	/* =============================================================================
	   HTML5 display definitions
	   ========================================================================== */
	
	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
	audio:not([controls]) { display: none; }
	[hidden] { display: none; }
	
	/* =============================================================================
	   Base
	   ========================================================================== */
	
	/*
	 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
	 * 2. Force vertical scrollbar in non-IE
	 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
	 */
	
	html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; }
	
	body { margin: 0; font-size: 13px; line-height: 1.231; }
	
	body, button, input, select, textarea { font-family: sans-serif; color: #222; }
	
	/* 
	 * Remove text-shadow in selection highlight: h5bp.com/i
	 * These selection declarations have to be separate
	 * Also: hot pink! (or customize the background color to match your design)
	 */
	
	::-moz-selection { background: #984428; color: #fff; text-shadow: none; }
	::selection { background: #984428; color: #fff; text-shadow: none; }
	
	
	/* =============================================================================
	   Links
	   ========================================================================== */
	
	a { color: #984428;
		text-decoration: none;
	}
	a:visited { color: #763620; }
	a:hover { color: #756856; }
	
	/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
	a:hover, a:active, a:visited { outline: none; border: none; }
	
	
	/* =============================================================================
	   Typography
	   ========================================================================== */
	
	h1, h2, h3, h4, h5, h6, p, pre {
		margin-top: 0;
	}
	
	
	abbr[title] { border-bottom: 1px dotted; }
	
	b, strong { font-weight: bold; }
	
	blockquote { margin: 1em 40px; }
	
	dfn { font-style: italic; }
	
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
	
	ins { background: #ff9; color: #000; text-decoration: none; }
	
	mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
	
	/* Redeclare monospace font family: h5bp.com/j */
	pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
	
	/* Improve readability of pre-formatted text in all browsers */
	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
	
	q { quotes: none; }
	q:before, q:after { content: ""; content: none; }
	
	small { font-size: 85%; }
	
	/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }
	
	
	/* =============================================================================
	   Lists
	   ========================================================================== */
	
	ul, ol { margin: 1em 0; padding: 0 0 0 0px; }
	dd { margin: 0 0 0 40px; }
	nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
	
	
	/* =============================================================================
	   Embedded content
	   ========================================================================== */
	
	/*
	 * 1. Improve image quality when scaled in IE7: h5bp.com/d
	 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
	 */
	
	img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
	
	/*
	 * Correct overflow not hidden in IE9 
	 */
	
	svg:not(:root) { overflow: hidden; }
	
	
	/* =============================================================================
	   Figures
	   ========================================================================== */
	
	figure { margin: 0; }
	
	
	/* =============================================================================
	   Forms
	   ========================================================================== */
	
	form { margin: 0; }
	fieldset { border: 0; margin: 0; padding: 0; }
	
	/* Indicate that 'label' will shift focus to the associated form element */
	label { cursor: pointer; }
	
	/* 
	 * 1. Correct color not inheriting in IE6/7/8/9 
	 * 2. Correct alignment displayed oddly in IE6/7 
	 */
	
	legend { border: 0; *margin-left: -7px; padding: 0; }
	
	/*
	 * 1. Correct font-size not inheriting in all browsers
	 * 2. Remove margins in FF3/4 S5 Chrome
	 * 3. Define consistent vertical alignment display in all browsers
	 */
	
	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
	
	/*
	 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
	 * 2. Correct inner spacing displayed oddly in IE6/7
	 */
	
	button, input { line-height: normal; *overflow: visible; }
	
	/*
	 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
	 */
	
	table button, table input { *overflow: auto; }
	
	/*
	 * 1. Display hand cursor for clickable form elements
	 * 2. Allow styling of clickable form elements in iOS
	 */
	
	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
	
	/*
	 * Consistent box sizing and appearance
	 */
	
	input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
	input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
	input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
	
	/* 
	 * Remove inner padding and border in FF3/4: h5bp.com/l 
	 */
	
	button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
	input:focus, textarea:focus { outline: none;}
	
	/* 
	 * 1. Remove default vertical scrollbar in IE6/7/8/9 
	 * 2. Allow only vertical resizing
	 */
	
	textarea { overflow: auto; vertical-align: top; resize: vertical; }
	
	/* Colors for form validity */
	input:valid, textarea:valid {  }
	input:invalid, textarea:invalid { background-color: #f0dddd; }
	
	
	/* =============================================================================
	   Tables
	   ========================================================================== */
	
	table { border-collapse: collapse; border-spacing: 0; }
	
	
	
	td { vertical-align: top; }

/* @end */


/* Reusable Styles////////////////////////

FONTS

Futura	 				font-family: futura-pt, Verdana, sans-serif;
League Gothic 			font-family: league-gothic, "Helvetica Neue", Arial, sans-serif;
Omnes Regular			font-family: omnes-pro-n4, omnes-pro, Verdana, sans-serif;
Omnes Reg Italic		font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
Omnes Medium			font-family: omnes-pro-n5, omnes-pro, Verdana, sans-serif;
Omnes Medium Italic		font-family: omnes-pro-i5, omnes-pro, Verdana, sans-serif;
Omnes Bold Italic		font-family: omnes-pro-i7, omnes-pro, Verdana, sans-serif;

COLORS
body grey				#4d4d4d
red						#984428
dark gold				#a89e72
gold					#cfc080
light blue				#4e6d7d
dark blue				#2d4751
quote tan				#aea18d
bold grey				#1a1a1a
battle grey				#b3b3b5  - He may have won the battle, but I have won the war!!!!
								   http://kickawesome.tv/show/episode3
*/

body {
	color: #4d4d4d;
	font: 400 16px/24px omnes-pro-n4, omnes-pro, Verdana, sans-serif;
	word-spacing: 1px;
	background: url(../images/bkg.png) #ebebe5;
}

.wrapper,
nav#portfolio ul {
	max-width: 1100px;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}

#container {
	margin: 0px;
	overflow: hidden;
}

#content {
	float: left;
	width: 65%;
	padding-bottom: 50px;
}

.fullwidth #content {
	width: 100%;
}

#sidebar {
	width: 300px;
	float: right;
	padding-top: 55px;
	padding-bottom: 50px;
}

/* @group Header */

header {
	background: url(../images/canvas-dark.png) repeat #2e2e2e;
}

#logonav {
	background-color: #000;
	height: 43px;
}

header #logonav h2 {
	margin: 0px;
	position: absolute;
}

header #logonav h2 a {
	display: block;
	background: url(../images/logo.png) no-repeat;
	width: 106px;
	height: 70px;
	overflow: hidden;
	text-indent: -1000px;
	float: left;
	background-size: 106px 70px;
}

header h2.bloghead a {
	display: block;
	height: 65px;
}

header nav select {
	display: none;
	border: 1px solid #000000;
	color: #4d4d4d;
}

header nav {
	float: right;
	width: auto;
}

header nav ul {
	float: right;
	width: auto;
	height: 43px;
}

header nav li {
	float: left;
	width: auto;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

header nav li a:visited {
	color: #b3b3b5;
}

header nav li a {
	display: block;
	padding: 10px 24px;
	color: #b3b3b5;
	background: none;
	transition: all 0.25s ease-in-out;
}

header nav li a:hover {
	background-color: #984428;
	color: #fff;
}

header nav li.current a {
	background: url(../images/canvas-dark.png) repeat #2e2e2e;
	color: #fff !important;
}

header #banner {
	clear: both;
	min-height: 8px;
	margin-bottom: 60px;
}

/* @group Projects */

#projects header #banner h1,
#projects header #banner p,
#banner .port-archives h1 {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#projects header #banner h1 {
	color: #cfc080;
	background: url(../images/icon-projects-banner.png) no-repeat center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 20px;
	font-size: 42px;
	line-height: 42px;
	margin-bottom: 10px;
}

#projects header #banner p {
	color: #999;
	font-size: 23px;
	line-height: 26px;
	padding-bottom: 30px;
}

/* @end */

/* @end */

/* @group Buttons */

a.button,
#content a.button,
span.button {
	text-transform: uppercase;
	font: 23px/23px league-gothic, "Helvetica Neue", Arial, sans-serif;
	color: #ebe8de;
	text-decoration: none;
	border-style: none;
    border-radius: 5px;
	padding: 10px 10px 7px;
	margin-bottom: 20px;	
	float: left;
	width: auto;  
	transition: all 0.25s ease-in-out;
	background: url(../images/concrete2.jpg) #984428;
}

a.button:hover,
#content a.button:hover,
span.button:hover {
	background-color: #4d4d4d;
	background-image: none;
	border-radius: 5px;
}

a.button:after,
span.button:after {
	content: "";
	width: 33px;
	height: 19px;
	display: inline-block;
	background: url(../images/icons.png) right -1223px;
}

span.button {
	margin-bottom: 0;
	padding: 0;
	padding-right: 10px;
	position: relative;
}

span.button input[type="submit"] {
	border-style: none;
	font: 23px/23px league-gothic, "Helvetica Neue", Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	background-color: transparent;
	color: #ebe8de;
	padding: 10px 20px 7px 10px;
	margin-bottom: 0;
}

a.button.large,
#content a.button.large {
	font-size: 30px;
	line-height: 30px;
	padding-top: 10px;
	padding-bottom: 5px;
} 

a.button.large:after {
	content: "";
	width: 41px;
	height: 25px;
	display: inline-block;
	background: url(../images/icons.png) right -1151px;
}

a.button.huge,
#content a.button.huge {
	font-size: 38px;
	line-height: 30px;
	padding-top: 15px;
	padding-bottom: 10px;
} 

a.button.huge:after {
	content: "";
	width: 52px;
	height: 30px;
	display: inline-block;
	background: url(../images/icons.png) right -1080px;
}

a.link {
	float: right;
	width: 70%;
	padding: 9px 50px 9px 15px;
	border-radius: 22px;
	background: url(../images/icons.png) no-repeat right -4362px #000;
	font-weight: 400;
	font-style: italic;
	color: #cfc080;
}

a.link:hover {
	color: #fff;
	background: url(../images/icons.png) no-repeat right -3882px #984428;
}

/* @end */

/* @group Typography */

#content a {
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;  
	transition: color 0.25s ease-in-out;
}

#content a:hover {
	background-color: #984428;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
}

p {
	margin-bottom: 20px;
}

b, strong { 
	font-weight: 500; 
	color: #1a1a1a; 
}

em, i {
	color: #606f74;
	font-style: italic;
	font-weight: 400;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

pre, code {
	background-color: #292929;
	font: 14px/18px "Courier New", Courier, mono;
    border-radius: 3px;
	word-spacing: 0;
}

pre {
	margin-bottom: 20px;
	padding: 20px;
	color: #b8b8b8;
}

code {
	font-size: 14px;
	padding: 3px;
	background-color: rgba(174, 161, 141, 0.25);
}

pre strong, pre b {
	color: #fff;
	font-weight: bold;
}

.ie7 code, 
.ie8 code,
.ie6 code {
	background-color: #dbd8cf;
}

pre code,
.ie7 pre code,
.ie8 pre code,
.ie6 pre code {
	padding: 0px;
	background-color: transparent;
}

#content blockquote,
#home #banner blockquote {
	margin: 0;
	margin-bottom: 20px;
}

#content blockquote p,
#home #banner blockquote p {
	font: italic 500 23px/26px omnes-pro-i5, omnes-pro, Verdana, sans-serif;
	color: #aea18d;
	margin-bottom: 0px;
	box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, .15);
	padding: 20px 30px;
	background: url(../images/quote-open.png) no-repeat 15px 15px, url(../images/concrete1.jpg) #fff;
	position: relative;
}

#content blockquote cite,
#home #banner blockquote cite {
	display: block;
	color: #b3b3b5;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 15px;
	font: normal normal 12px/16px omnes-pro-n4, omnes-pro, Verdana, sans-serif;
}

.ie7 #content blockquote p,
.ie8 #content blockquote p,
.ie7 #home #banner blockquote p,
.ie8 #home #banner blockquote p  {
	border: 1px solid #cac9c5;
	background: url(../images/concrete1.jpg) #fff;
}

.ie8 #content blockquote p,
.ie7 #blog #content blockquote p,
.ie8 #home #banner blockquote p,
.ie7 #home #banner blockquote p {
	border: none;
}

#content blockquote p:after,
#home #banner blockquote p:after {
	content: "";
	display: block;
	height: 30px;
	width: 39px;
	background-image: url(../images/quote-closed.png);
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.ie8 #content blockquote p:after,
.ie8 #home #banner blockquote p:after {
	content: "";
	width: 0px;
	height: 0px;
	background-image: none;
}

#content blockquote:after,
#home #banner blockquote:after {
   content: "";
   display: block;
   background: url(../images/page-rip-bottom.png) repeat-x 0px bottom;
   height: 10px;
   bottom: 0px;
   position: relative;
}

#content .stanza {
	font-style: italic;
	font-size: 18px;
	color: #a89e72;
	border-left: 1px solid #ccc;
	padding-left: 20px;
	margin-left: 20px;
}

#content ol,
#content ul {
	margin: 0 0 20px 20px;
}

#content li {
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 25px;
	line-height: 20px;
}

#content ul li {
	list-style-type: none;
	background: url(../images/bullet.png) no-repeat 0 10px;
}

#content ol {
	counter-reset:li; /* Initiate a counter */
}

#content ol > li {
	position:relative; /* Give each list item a left margin to make room for the numbers */
	list-style:none;
	padding-left: 10px;
	margin-right: 0;
	margin-top: 0;
	margin-left: 30px;
}
#content ol > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top:6px;
	left:-25px;
	box-sizing:border-box;
	width: 20px;
		/* Some space between the number and the content in browsers that support
		   generated content but not positioning it */
	color:#fff;
	text-align:center;
	background-color: #aea18d;
	height: 19px;
	width: 19px;
	padding-top: 0px;
	font: 11px/19px futura-pt, Verdana, sans-serif;
	border-radius: 12px;
}

.ie7 #content ol,
.ie6 #content ol {
	margin-left:20px;
}

.ie7 #content ol li,
.ie6 #content ol li {
	margin-left: 30px;
	list-style-type: decimal;
	padding-left: 0px;
}

#content img.full,
#content figure.full {
	display: block;
	width: 100%;
	max-width: 100%;
}

.ie7 #content figure img {
	position: relative;
}

.ie6 #content figure.full,
.ie7 #content figure.full {
	width: 99%;
}

#content img.full,
#content img.left,
#content img.right,
#banner img.full {
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20);
}

#content img.noborder {
	box-shadow: none;
}

#content img.full,
#content img.left,
#content img.right,
#content figure.full,
#content figure.left,
#content figure.right {
	margin-bottom: 20px;
	float: left;
}

#content img.right,
#content figure.right {
	float: right;
	margin-left: 15px;
}

.ie7 #content img.right,
.ie7 #content figure.right,
.ie6 #content img.right,
.ie6 #content figure.right {
	float: left;
	margin-left: 0px;
	margin-right: 15px;
}

#content img.left,
#content figure.left {
	margin-right: 15px;
}

#content figure:after,
.team .bcard:after {
	content: "";
	display: block;
	background: url(../images/page-rip-bottom.png) repeat-x left bottom;
	height: 10px;
	bottom: 0px;
	position: relative;
}

#content figure img {
	margin: 0px !important;
	margin-bottom: 0px !important;
}

#content figcaption {
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20);
	font: italic 500 12px/20px omnes-pro-i5, omnes-pro, Verdana, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #737272;
	clear: both;
	margin-top: -10px;
	background: url(../images/concrete1.jpg) #fff;
}

#content .embed,
#portfolio #banner .embed,
#content .embed_media {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20);
	margin-bottom: 20px;            
}

#portfolio.media #banner .embed {
	margin-bottom: 40px;
}

.embed iframe,
.embed_media iframe,
.embed object,
.embed_media object,
.embed embed,
.embed_media embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.faux-browser {
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

.faux-browser:before {
	content: "";
	background-color: #b3b3b5;
	background-image: linear-gradient(top, #b3b3b5, #999999);
	height: 12px;
	display: block;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20),
				0px 1px 0px 0px #e3e3e3 inset;
	position: relative;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: 1px solid #9c9c9c;
	width: 100%;
}

.oldie .faux-browser:before {
	content: "";
	display: none;
}

#content .faux-browser img.full,
#banner .faux-browser img.full {
	margin-bottom: 0px;
	border-bottom: 7px solid #999;
	margin-top: 0px !important;
}

.oldie #content .faux-browser img.full,
.oldie #content .embed {
	border: 4px solid #fff;
}



h1 {
	color: #984428;
	font: italic 700 34px/34px omnes-pro-i7, omnes-pro, Verdana, sans-serif;
}

h2 {
	text-transform: uppercase;
	font: normal 20px futura-pt, Verdana, sans-serif;
	letter-spacing: 1px;
	color: #4e6d7d;
	margin-bottom: 5px;
}

h3 {
	font: italic 500 23px/26px omnes-pro-i5, omnes-pro, Verdana, sans-serif;
	color: #a89e72;
}

#content .bcard {
		float: left;
		width: 300px;
	}
	
#content .bio-wrapper {
	overflow: hidden;
	padding-left: 2em;
}	

/* @end */
/* @group Forms */

.formbox,
.loginbox {
	padding: 25px;
	background: url(../images/canvas-dark.png) #2e2e2e;
}

.formbox input[type="text"],
.formbox textarea,
.loginbox input[type="text"],
.loginbox input[type="password"] {
	background-color: #e6e6e6;
	border-style: none;
	padding: 5px 2%;
	width: 96%;
	margin-bottom: 25px;
	color: #666;
	font: italic 15px omnes-pro-i4, omnes-pro, Verdana, sans-serif;
	border-radius: 3px;
	transition: all 0.25s ease-in-out;
	box-shadow: 0 0 5px rgba(255, 255, 255, 0);
}

@-moz-document url-prefix() {
	.formbox input[type="text"],
	.formbox textarea {
	text-indent: 2%;
	}
}

.formbox textarea {
	height: 130px;
}

#blog #content .formbox textarea {
	height: 200px;
}

.loginbox label {
	font: italic 15px omnes-pro-i4, omnes-pro, Verdana, sans-serif;
	color: #b3b3b5;
}

.loginbox p {
	font: italic 12px omnes-pro-i4, omnes-pro, Verdana, sans-serif;
	color: #878788;
}

p.logout {
	margin-top: -40px;
	text-align: right;
}

.formbox input[type="text"].required,
.formbox textarea.required,
.loginbox input[type="text"].required,
.loginbox textarea.required,
.loginbox input[type="password"].required {
	color: #984428;
	background: url(../images/icon-required.png) no-repeat right 12px #fff;
}

.formbox input.text:focus,
.formbox textarea:focus { 
    box-shadow: 0 0 5px rgba(255, 255, 255, 100);
}

.formbox input.text.focus,
.formbox textarea.focus { 
    color: #cfcfcf;
}

.formbox input.text.typing,
.formbox textarea.typing {
	color: #4D4D4D;
}

.formbox input[type="checkbox"] {
	margin-right: 5px;
}

#content .formbox p.notify {
	font: italic 15px omnes-pro-i4, omnes-pro, Verdana, sans-serif;
	color: #7e7d7d;
}

.formbox input#captcha {
	margin-right: 5px;
}

.formbox span.captcha {
	float: left;
	width: 100%;
}

.formbox span.captcha img {
	margin-top: -4px;
}

.formbox .pricing-slider {
	background-color: #000;
	margin-left: -25px;
	margin-right: -25px;
	margin-bottom: 5px;
	padding: 25px;
	position: relative;
	clear: both;
}

.formbox .pricing-slider h3 {
	color: #984428;
	text-align: center;
	margin-bottom: 10px;
	clear: both;
}

.formbox .pricing-slider p {
	text-align: center;
	color: #6d6b6b;
}

.formbox .pricing-slider h4 {
	color: #4e6d7e;
	font-family: futura-pt, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 5px;
	clear: both;
}

.formbox .pricing-slider article.pricepoints {
	float: left;
	width: 30%;
	margin-right: 5%;
	text-align: center;
}

.formbox .pricing-slider article.pricepoints.last {
	margin-right: 0;
}

.formbox .pricing-slider article.pricepoints p {
	font-size: 15px;
	line-height: 20px;
}

.formbox .pricing-slider .pricing-badge {
	width: 94px;
	height: 72px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/icons.png) center -6768px;
	margin-bottom: 20px;
	padding-top: 22px;
}

#content .formbox .pricing-slider .pricing-badge p {
	font: 8px/8px futura-pt, Verdana, sans-serif;
	color: #808080;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 0;
}

#content .formbox .pricing-slider .pricing-badge p strong {
	letter-spacing: 0;
	color: #a89e72;
	font: 39px league-gothic, "Helvetica Neue", Arial, sans-serif;
	position: relative;
	padding-left: 7px;
}

#content .formbox .pricing-slider .pricing-badge p strong span {
	position: absolute;
	font-size: 24px;
	left: -3px;
	top: 5px;
}

#content .formbox .pricing-slider .alacart {
	float: left;
	width: 31%;
	margin-right: 3%;
	text-align: left;
	margin-bottom: 5px;
	font-weight: 400;
	font-style: italic;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

#content .formbox .pricing-slider .alacart.last {
	margin-right: 0;
}

#content .formbox .pricing-slider .alacart strong {
	color: #cfc080;
	font-weight: normal;
	font-style: italic;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

.formbox .pricing-slider a.close {
	display: block;
	width: 18px;
	height: 18px;
	overflow: hidden;
	text-indent: -1000px;
	background: url(../images/icons.png) 21px -6627px;
	position: absolute;
	right: 7px;
	top: 12px;
	z-index: 1;
}

.formbox .pricing-slider .arrow {
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		position: absolute;
		border-bottom: 15px solid #000;
		right: 29%;
		top: -10px;
	
}

/* @group Base */
.chzn-container {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 37px !important;
  left: 0;
  box-shadow : 0 4px 5px rgba(0,0,0,.15);
  z-index: 999;
  width: 99% !important;
}

#content .chzn-drop ul {
	margin-left: 0px;
	padding: 0;
	margin-bottom: 5px;
}

#content .chzn-drop ul li {
	padding-left: 30px;
	background-position: 10px 10px;
}
/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #fff;
  border-style: none;
  padding: 2% 3% !important;
  
  color: #666;
  font: italic 15px omnes-pro-i4, omnes-pro, Verdana, sans-serif;
  border-radius: 3px;
  transition: all 0.25s ease-in-out;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  margin-bottom: 25px;
}

#content a.chzn-single {
	text-decoration: none;
}

#content a.chzn-single:hover {
	background-color: #fff;
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #984428;
  background: url(../images/icon-required.png) no-repeat right 5px;
}
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 42px;
  top: 10px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url(../images/chosen-sprite.png) no-repeat right top #fff;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: right -11px;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  padding-right: 5px;
  width: 25px;
}
.chzn-container-single .chzn-single div b {
  background: url('../images/chosen-sprite.png') no-repeat 5px 5px;
  display: block;
  width: 100%;
  height: 100%;
  border-left: 1px solid #b3b3b5;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chzn-container-single .chzn-search input {
  background: #fff url('../images/chosen-sprite.png') no-repeat 100% -22px;
  background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  background: url('../images/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
  display: none;
}
.chzn-container-single .chzn-drop {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius   : 0 0 3px 3px;
  border-radius        : 0 0 3px 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
}
/* @end */

.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background-image: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background-image: -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  background-image: linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  -o-box-shadow     : none;
  box-shadow        : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.48, #e8e8e8), color-stop(0.5, #f0f0f0), color-stop(0.8, #f4f4f4));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #e8e8e8 48%, #f0f0f0 50%, #f4f4f4 80%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #e8e8e8 48%, #f0f0f0 50%, #f4f4f4 80%);
  background-image: -o-linear-gradient(top, #eeeeee 0%, #e8e8e8 48%, #f0f0f0 50%, #f4f4f4 80%);
  background-image: -ms-linear-gradient(top, #eeeeee 0%, #e8e8e8 48%, #f0f0f0 50%, #f4f4f4 80%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f4f4f4',GradientType=0 );
  background-image: linear-gradient(top, #eeeeee 0%, #e8e8e8 48%, #f0f0f0 50%, #f4f4f4 80%);
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
}
.chzn-container-multi .chzn-choices .search-choice span {
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url(../images/chosen-sprite.png) right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
#content .chzn-container .chzn-results .highlighted,
#contact .chzn-container .chzn-results .highlighted {
 	color: #000;
	 background-color: #d9d9d9;
 }
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0px 4px;
  position: absolute;
  text-align: center;
  width: 321px; /* This should by dynamic with js */
  z-index: 1;
}
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
  background: url('../images/chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
  background: url('../images/chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
}
.chzn-container-active .chzn-single-with-drop {
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow   : 0 1px 0 #fff inset;
  -o-box-shadow     : 0 1px 0 #fff inset;
  box-shadow        : 0 1px 0 #fff inset;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, white), color-stop(0.8, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, white 20%, #eeeeee 80%);
  background-image: -moz-linear-gradient(center bottom, white 20%, #eeeeee 80%);
  background-image: -o-linear-gradient(bottom, white 20%, #eeeeee 80%);
  background-image: -ms-linear-gradient(top, #ffffff 20%,#eeeeee 80%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  background-image: linear-gradient(top, #ffffff 20%,#eeeeee 80%);
  -webkit-border-bottom-left-radius : 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft : 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0;
  box-shadow: 0 0 5px rgba(255, 255, 255, 100);
}
.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
  background-position: -13px 6px;
}
.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */

/* @group Right to Left */
.chzn-rtl { direction:rtl;text-align: right; }
.chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; }

.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
  background: url('../images/chosen-sprite.png') no-repeat -38px -22px, #ffffff;
  background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);  
  background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url('../images/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  background: url('../images/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  padding: 4px 5px 4px 20px;
}
/* @end */


/* @end */

/* @group Content */

h2.divider {
	background: url(../images/divider.png) no-repeat center;
	text-align: center;
	clear: both;
	margin-bottom: 50px;
}

#content .columns {
	
}

#content .col3 {
	float: left;
	width: 31%;
	margin-left: 3%;
}

#content .col3.first {
	margin-left: 0;
}

#content .story .col3 {
	text-align: center;
	margin-bottom: 30px;
	position: relative;
}

/* @group About Overview */

#content .story .col3:before {
	content: "";
	width: 50px;
	height: 40px;
	position: absolute;
	left: -33px;
	top: 75px;
	background: url(../images/icons.png) 0 -1300px;
}

#content .story .col3.first:before {
	content: "";
	display: none;
}

#content .story .col3 h3 {
	font-size: 21px;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 10px;
}

#content .story .col3 p,
#content .team .col2 p.bio {
	color: #808080;
	font-style: italic;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
}

#content .story .icon {
	width: 150px;
	height: 150px;
	border-radius: 90px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20);
	margin-bottom: 20px;
	margin-top: 10px;
	background: url(../images/concrete1.jpg) #fff;
	float: left;
}

.oldie #content .story .icon {
	background-image: none;
}

#content .story .icon span {
	width: 150px;
	height: 150px;
	display: block;
	margin: auto;
	background: url(../images/icons.png) no-repeat;
	overflow: hidden;
	text-indent: -1000px;
}

#content .story .icon.rockroll span {
	background-position: center -4485px;
}

#content .story .icon.design span {
	background-position: center -4690px;
}

#content .story .icon.web span {
	background-position: center -4919px;
}

#content .story .icon.travel span {
	background: url(../images/icon-travel.png) center center;
}

#content .story .story-article {
	clear: both;
	margin-top: .5em;
	margin-bottom: .5em;
}

#content .story article {
	overflow: hidden;
	padding-left: 1.5em;
}

#content .story article h3 {
	margin-top: 1em;
	margin-bottom: .5em;
	color: #4e6d7d;
}

#content .story article p {
	color: #757373;
	font-style: italic;
}

/*#content section.columns.team {
	background: url(../images/icons.png) no-repeat center -5080px;
}*/

#content .team .col2 {
	float: left;
	width: 42%;
	margin-left: 16%;
	margin-bottom: 40px;
}

#content .team .col2.first {
	margin-left: 0;
}

#content .team img.full {
	margin-bottom: 0px;
}

.team-info {
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20);
	font: italic 500 12px/20px omnes-pro-i5, omnes-pro, Verdana, sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #737272;
	clear: both;
	margin-top: -10px;
	position: relative;
	background: url(../images/concrete1.jpg) #fff;
}

.team-info h3 {
	font-weight: 500;
	font-style: italic;
	font-size: 19px;
	color: #984428;
	margin-bottom: 10px;
	font-family: omnes-pro-i5, omnes-pro, Verdana, sans-serif;
	width: 80%;
}

.team-info p {
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	font-family: omnes-pro-n4, omnes-pro, Verdana, sans-serif;
	margin-bottom: 5px;
}

.team-info p.position {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 11px;
	color: #b3b3b5;
	text-transform: uppercase;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 1px;
	font-family: omnes-pro-n5, omnes-pro, Verdana, sans-serif;
}

#content .team-info p a {
	color: #a89e72;
	font-weight: 500;
}

#content .team-info p a:hover {
	color: #984428;
	background: transparent;
	text-decoration: underline;
}

#content .team h4 {
	text-transform: uppercase;
	font: normal 15px futura-pt, Verdana, sans-serif;
	letter-spacing: 1px;
	color: #4e6d7d;
	margin-bottom: 15px;
	text-align: center;
	border-bottom: 1px solid #cfc8a4;
	padding-bottom: 10px;
}

#content .team a.social {
	padding: 0;
	display: inline-block !important;
}

#content .team a.social:hover {
	background-color: transparent;
}

#content .team a.social.last {
	margin-left: 0;
}

#content .team .center-wrap {
	float: left;
	position: relative;
	left: 50%;
}

#content .team .social-icons {
	float: left;
	position: relative;
	left: -50%;
}

/* @end */

/* @group About Services */

#services ul.services {
	float: left;
	width: 25%;
	background: url(../images/bracket.png) no-repeat right;
	margin-left: 0;
	padding-right: 40px;
	font-size: 14px;
}

#content ul.services li {
	padding-top: 3px;
	padding-bottom: 3px;
	font-style: italic;
	color: #6f6f70;
	background: url(../images/bullet2.png) no-repeat 5px 7px;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

#content ul.services li.icon {
	width: 81px;
	height: 81px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 60px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20);
	padding: 0;
	text-align: center;
	margin-bottom: 20px;
	background: url(../images/concrete1.jpg) repeat #fff;
}

.oldie #services #content ul.services li.icon {
	background-image: none;
}

#content ul.services li.icon span {
	width: 81px;
	height: 81px;
	display: block;
	margin: auto;
	background: url(../images/icons.png) no-repeat;
	overflow: hidden;
	text-indent: -1000px;
}

#content ul.services li.icon.webdesign span {
	background-position: center -1735px;
}

#content ul.services li.icon.brand span {
	background-position: center -1882px;
}

#content ul.services li.icon.expressionengine span {
	background-position: center -2025px;
}

#content ul.services li.icon.video span {
	background-position: center -2165px;
}

#content ul.services li.icon.photography span {
	background-position: center -7345px;
}

#services article a.anchor {
	visibility: hidden;
	height: 0px !important;
}

#services article {
	float: right;
	width: 65%;
}

#services h3.recent {
	color: #aea18d;
	font-weight: 400;
	font-style: italic;
	font-size: 18px;
	clear: both;
	background: url(../images/icons.png) no-repeat left -670px;
	width: auto;
	float: left;
	padding-left: 25px;
	margin-top: -5px;
}

#services h3.recent a {
	color: #aea18d;
	text-decoration: none;
}

#services h3.recent a:hover {
	background-color: transparent;
	color: #4d4d4d;
}

#content a.portfolio,
#portfolio.list #content article,
#home #content article.portfolio {
	display: block;
	float: left;
	width: 30%;
	padding: 0;
	margin-left: 5%;
	margin-bottom: 40px;
}

#portfolio.list #content article,
#home #content article {
	width: 29%;
	margin-left: 6%;
}

#home #content article.portfolio.media {
	width: 47%;
}

#portfolio.list #content article {
	min-height: 370px;
	display: inline-block;
	max-height: 370px;
}

.ie7 #content a.portfolio {
	margin-left: 4%;
}

#content a.portfolio.first,
#portfolio.list #content article.first,
#home #content article.first {
	margin-left: 0;
}

#content a.portfolio img,
#portfolio.list #content article img,
#home #content article img {
	display: block;
	width: 100%;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20);
}

#content a.portfolio img:hover,
#portfolio.list #content article img:hover,
#home #content article img:hover {
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.40);
}

#services #content article a.portfolio {
	width: 47%;
}

#services .recent-work {
	clear: both;
	float: left;
	width: 100%;
	height: 180px
}

#services .action {
	background-color: rgba(200, 192, 179, 0.43);
	clear: both;
	padding-right: 0;
	padding-left: 15px;
	border-radius: 5px;
	margin-bottom: 70px;
}

.oldie #services .action {
	background-color: #d7d4cb;
}

#services .action h4 {
	color: #aea18d;
	font-weight: 700;
	font-style: italic;
	font-size: 22px;
	float: left;
	margin-bottom: 0;
	line-height: 45px;
	font-family: omnes-pro-i7, omnes-pro, Verdana, sans-serif;
}

#services .action a.button {
	float: right;
	margin-bottom: 0;
	margin-right: 0;
}

/* @end */

/* @group About Process */

#process #content h1 {
	background: url(../images/process-bkg.png) no-repeat;
	padding-bottom: 12px;
	padding-top: 6px;
	padding-left: 10px;
	margin-left: -10px;
}

.ie7 #process #content h1 {
	padding-bottom: 20px;
}

#process #content h1 span {
	color: #808080;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-family: omnes-pro-n4, omnes-pro, Verdana, sans-serif;
}

#process .step {
	float: left;
	width: 100%;
	position: relative;
}

#process .step.odd {
	background: url(../images/process-bkg.png) no-repeat 25px -140px;
	padding-bottom: 270px;
	margin-top: -150px;
}

#process .step.even {
	background: url(../images/process-bkg.png) no-repeat 25px -760px;
	padding-bottom: 270px;
	margin-top: -150px;
}

#process .step.first {
	margin-top: 0;
	background: url(../images/process-bkg.png) no-repeat -1010px top, url(../images/process-bkg.png) no-repeat 25px -60px;
	padding-top: 80px;
	margin-top: -23px;
}

.oldie #process .step.first {
	background: url(../images/process-bkg.png) no-repeat 25px -60px;
}

#process .step.last {
	background: url(../images/process-bkg.png) no-repeat right -400px;
	padding-bottom: 200px;
}

.step .counter {
	color: #333;
	font: 30px/60px futura-pt, Verdana, sans-serif;
	text-align: center;
	border-radius: 60px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20);
	padding: 0;
	text-align: center;
	background: url(../images/concrete1.jpg) repeat #fff;
	width: 60px;
	height: 60px;
	top: 20%;
	position: absolute;
}

.oldie .step .counter {
	background-image: none;
}

.ie7 .step .counter {
	display: none;
}

.step.last .counter {
	top: 27%;
}

.step.first .counter {
	top: 30%;
}

#process .step img {
	float: left;
	margin-right: 4%;
	margin-left: 12%;
	width: 49%;
}

#process .step article {
	font-size: 15px;
	line-height: 22px;
	float: left;
	width: 35%;
}

#process .step article h2 {
	text-transform: capitalize;
	letter-spacing: 0;
	font: italic 500 28px omnes-pro-i5, omnes-pro, Verdana, sans-serif;
}

#process .step.even .counter {
	right: 0;
}

#process #content .step.even img {
	float: right;
	margin-right: 12%;
	margin-left: 0;
}

#process .step.even article {
	float: right;
	margin-left: 0px;
	margin-right: 4%;
}

/* @end */

/* @group Projects */

#projects #content article {
	border-bottom: 1px solid #cfc080;
	float: left;
	width: 100%;
	margin-bottom: 50px;
	padding-bottom: 50px;
}

#projects #content article h2 {
	margin-bottom: 10px;
	
}

#projects .article-info {
	float: left;
	width: 35%;
}

#projects .project-img {
	float: right;
	width: 60%;
}

/* @end */

/* @end */

/* @group Blog */

#blog header #banner {
	margin-bottom: 50px;
}

#blog header #banner .wrapper {
	background: url(../images/blog-wrapper-bkg.jpg) repeat-x left;
}

.ie7 #blog header #banner {
	padding-bottom: 20px;
}

#blog header #banner h1,
#blog header #banner h2 {
	color: #cfc080;
	float: left;
	margin-left: 150px;
	width: 142px;
	height: 66px;
	margin-top: 30px;
	margin-bottom: 35px;
	position: relative;
	font: italic 700 32px/32px omnes-pro-i7, omnes-pro, Verdana, sans-serif;
	text-transform: none;
	letter-spacing: 0;
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	background: url(../images/blog.png) no-repeat;
}

#blog #banner #blog-subscribe {
	background-color: #000;
	float: right;
	width: 270px;
	padding: 7px 7px 7px 15px;
	border-radius: 60px;
	margin-top: 30px;
}

#blog #banner #blog-subscribe h4 {
	float: left;
	text-transform: uppercase;
	font: normal normal 25px/25px league-gothic, "Helvetica Neue", Arial, sans-serif;
	color: #808080;
	margin: 3px 30px 0 0;
}

#blog #banner #blog-subscribe .social-icons {
	float: right;
	width: 117px;
}

#blog #banner #blog-subscribe a.social {
	width: 31px;
	height: 31px;
	margin-bottom: 0px;
	margin-right: 12px;
}

#blog #banner #blog-subscribe a.social.rss {
	background-position: left -4272px;
}

#blog #banner #blog-subscribe a.social.rss:hover {
	background-position: left -3796px;
}

#blog #banner #blog-subscribe a.social.twitter {
	background-position: left -4176px;
}

#blog #banner #blog-subscribe a.social.twitter:hover {
	background-position: left -3700px;
}

#blog #banner #blog-subscribe a.social.facebook {
	background-position: left -6300px;
}

#blog #banner #blog-subscribe a.social.facebook:hover {
	background-position: left -6204px;
}

#blog #sidebar {
	padding-top: 0;
}

#blog #content .meta,
#blog #content ol#comments .metadata {
	float: left;
	width: 113px;
	text-align: right;
} 

#blog #content .meta img {
	margin-bottom: 15px;
}

#blog #content .meta p.author,
#blog #content ol#comments .metadata p.author {
	color: #4d4d4d;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#blog #content .meta p.date,
#blog #content ol#comments .metadata p.date,
.estimate #content p.date {
	color: #999;
	font-size: 11px;
	font-weight: 400;
	font-style: italic;
	line-height: 12px;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

#blog #content article,
#blog #content ol#comments .comment,
#blog #content .formbox ,
#blog #content h3.category,
#blog #share,
#blog #bio,
#blog #nextprev2 {
	margin-left: 150px;
}

#blog.list .article-wrapper {
	float: left;
	width: 100%;
	border-bottom: 1px solid #cfc080;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

#blog.list #content h1 a {
	text-decoration: none;
	padding: 0;
}

#blog.list #content h1 a:hover {
	color: #4d4d4d;
	background-color: transparent;
}

#blog #content h3.category {
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	font-size: 20px;
	border-bottom: 1px solid #cfc080;
	margin-bottom: 30px;
	letter-spacing: 1px;
	padding-bottom: 7px;
	font-family: omnes-pro-n4, omnes-pro, Verdana, sans-serif;
}

#blog #content h3.category span {
	text-transform: lowercase;
	font-style: italic;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

#blog #content ul.archivelist li {
	background-image: none;
	padding-left: 0;
}

#blog #content ul.archivelist li li {
	background: url(../images/bullet2.png) no-repeat 0 10px;
	padding-left: 20px;
}

#blog #content ul.archivelist li a {
	text-decoration: none;
	color: #4d4d4d;
}

#blog #content ul.archivelist li a:hover {
	color: #fff;
}

#blog #share {
	clear: both;
	margin-top: 50px;
}

.categories a,
#content .categories a,
#banner .categories a {
	color: #c0b6a5;
	font-size: 11px;
	font-weight: 400;
	font-style: italic;
	text-decoration: none;
	float: right;
	background: url(../images/icons.png) 0 -1610px;
	border-right: 1px solid #c0b6a5;
	border-top: 1px solid #c0b6a5;
	border-bottom: 1px solid #c0b6a5;
	padding-top: 4px;
	padding-bottom: 3px;
	line-height: 11px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

#blog .categories a {
	clear: both;
}

.categories a:hover,
#content .categories a:hover {
	background: url(../images/icons.png) 0 -1682px;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-radius: 0;
	color: #666;
}

#nextprev {
	position: absolute;
	top: 95%;
	width: 100%;
}

.oldie #nextprev {
	display: none;
}

#nextprev a,
.flex-direction-nav li a {
	border: 1px solid rgba(102, 102, 102, 0.25);
	background: url(../images/icons.png) no-repeat 0 -1010px rgba(174, 161, 141, 0.25);
	width: 50px;
	height: 50px;
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	transition: all 0.25s ease-in-out;
}

.oldie #nextprev a,
.oldie .flex-direction-nav li a {
	border: 1px solid #333333;
	background: url(../images/icons.png) #1c1c1c;
}

#nextprev a:hover {
	background-color: rgba(255, 255, 255, 0.25);
}

#nextprev a.prev,
.flex-direction-nav li a.prev {
	left: 0;
	border-left: none;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	background-position: 7px -6490px;
	position: absolute;
}

#nextprev a.next,
.flex-direction-nav li a.next {
	right: 0;
	border-right: none;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	background-position: 15px -6418px;
	position: absolute;
}

#nextprev2 {
	margin-bottom: 30px;
}

#nextprev2 a {
	float: left;
	width: 36%;
	background: url(../images/icons.png) no-repeat;
	font-size: 15px;
	line-height: 18px;
	padding-bottom: 20px;
	text-decoration: none;
	color: #666;
	padding-right: 0;
	padding-left: 0;
}

#nextprev2 a:hover {
	color: #000;
	background-color: transparent;
}

#nextprev2 a.prev {
	background-position: left -790px;
	padding-left: 40px;
}

#nextprev2 a.next {
	float: right;
	background-position: right -934px;
	padding-right: 40px;
	text-align: right;
}

#share {
	background-color: rgba(200, 192, 179, 0.43);
	border-radius: 30px;
	padding: 7px 20px;
	margin-bottom: 30px;
}

.oldie #share {
	background-color: #d9d6cd;
}

#share h4 {
	float: left;
	text-transform: uppercase;
	color: #aea18d;
	font: normal normal 24px league-gothic, "Helvetica Neue", Arial, sans-serif;
	width: 125px;
	margin-bottom: 0;
}

#share span {
	opacity: 0.94;
}

#bio,
#blog #content .action {
	clear: both;
	padding: 20px;
	margin-bottom: 30px;
	background: url(../images/canvas-dark.png) #2e2e2e;
}

#blog #content #comments .action {
	background: none;
	padding: 0;
}

#bio img {
	float: left;
}

#bio.kicktastic img {
	margin-left: -10px;
	margin-top: 5px;
}

#blog #content .action img.left {
	margin-bottom: 0;
}

#bio .bio-info {
	padding-left: 160px;
}

#blog #content .action h2 {
	color: #c0c0c0;
}

#bio h5,
#blog #content .action h5 {
	font-weight: 500;
	font-style: italic;
	color: #984428;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 7px;
	margin-top: 5px;
	font-family: omnes-pro-i5, omnes-pro, Verdana, sans-serif;
}

#bio p {
	font-size: 15px;
	color: #b3b3b5;
	line-height: 20px;
	margin-bottom: 0;
}

#content #bio p a {
	color: #cfc8a4;
	padding: 0;
}

#content #bio p a:hover {
	color: #fff;
	background-color: transparent;
}

#bio.kicktastic h5,
#blog #content .action h5 {
	color: #cfc080;
	font-size: 22px;
}

#bio.kicktastic p {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 20px;
}

#bio.kicktastic a.button {
	margin-bottom: 0px;
}

#blog #content h2.inset {
	margin-left: 150px;
	margin-bottom: 20px;
}

#blog #content ol#comments {
	margin-left: 0;
	width: 100%;
	float: left;
}

#blog #content ol#comments > li {
	list-style-type:none;
	padding: 0px;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0px;
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

#blog #content ol#comments > li:before {
	content:""; 
	display: none;
}

#blog #content ol#comments li .comment {
margin-left: 150px;
	position: relative;
}

#blog #content .comment .tip {
	width: 12px;
	height: 16px;
	background-image: url(../images/comment-tip.png);
	position: absolute;
	left: -11px;
	top: 5px;
}

#blog #content .author-style .comment .tip {
	background-image: url(../images/comment-tip-author.png);
}

#blog #content #comments .metadata h2.comnum {
	float: left;
	border: 1px solid #aea18d;
	width: 43px;
	height: 43px;
	text-align: center;
	color: #aea18d;
	font: italic 400 24px/43px omnes-pro-i4, omnes-pro, Verdana, sans-serif;
	border-radius: 30px;
}

.oldie #blog #content #comments .metadata h2.comnum {
	border: none;
}

#blog #content #comments .metadata h2.comnum img {
	margin-top: -2px;
}

#blog #content #comments .author-style .metadata h2.comnum {
	border-color: #984428;
}

#blog #content ol#comments .metadata p.author {
	float: right;
	width: 60px;
	text-align: left;
	text-transform: capitalize;
	font-size: 13px;
	font-weight: 40;
	font-style: italic;
	line-height: 14px;
	margin-top: 5px;
	margin-bottom: 2px;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

#blog #content ol#comments .metadata p.author a {
	text-decoration: none;
	padding: 0;
}

#blog #content ol#comments .metadata p.author a:hover {
	background-color: transparent;
	color: #000;
}

#blog #content ol#comments .metadata p.date {
	text-align: left;
	float: left;
	margin-left: 5px;
	width: 63px;
}

#blog #content .comment blockquote {
	background: none #fff;
	padding: 20px;
	padding-bottom: 1px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20);
	border: 1px solid #ab9e72;
	margin-bottom: 10px;
	overflow: hidden;
}

#blog #content .author-style .comment blockquote {
	background-color: #ebe8de;
}

#blog #content .comment blockquote:after {
	content: "";
	display: none;
}

#blog #content .comment blockquote p {
	background: none;
	box-shadow: none;
	font-size: 15px;
	color: #4d4d4d;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin-bottom: 20px;
	line-height: 20px;
}

#blog #content .comment blockquote p:after {
	content: "";
	display: none;
}

#blog .comment a.comment-button {
	color: #aea18d;
	text-decoration: none;
	float: right;
	background: url(../images/icons.png) 1px -1468px rgba(200, 192, 179, 0.44);
	font: italic 400 11px omnes-pro-i4, omnes-pro, Verdana, sans-serif;
	padding: 1px 5px 1px 25px;
	border-radius: 20px;
	margin-left: 10px;
}

#blog .comment a.comment-button:hover {
	background-color: rgba(200, 192, 179, 0.80);
}

#blog .comment a.comment-button.c_quote {
	background-position: 0 -1540px;
}

.oldie #blog .comment a.comment-button {
	background-color: #d4d0c8;
	background-image: url(../images/icons.png) 1px -1468px;
	padding-left: 5px;
}

#sidebar .filter {
	border: 1px solid rgba(102, 102, 102, 0.25);
	background-color: rgba(174, 161, 141, 0.25);
	clear: both;
	margin-bottom: 60px;
	border-radius: 22px;
	padding: 10px 20px 10px;
}

.oldie #sidebar .filter,
.oldie #sidebar .contact-section {
	background-color: #d8d5cc;
	border-color: #bebcb4;
}

#sidebar .filter h3,
#sidebar .contact-section h3 {
	color: #aea18d;
	font: italic 400 16px omnes-pro-i4, omnes-pro, Verdana, sans-serif;
	background: url(../images/icons.png) no-repeat right -575px;
	margin-bottom: 0;
	cursor: pointer;
}

#sidebar .filter h3.closed {
	background-position: right -622px;
}

#sidebar .filter h4 {
	text-align: center;
	text-transform: uppercase;
	font: bold 11px futura-pt, Verdana, sans-serif;
	border-bottom: 1px solid #aea18d;
	padding-bottom: 5px;
	color: #4e6d7d;
	margin-bottom: 10px;
}

#sidebar .filter h4.first {
	margin-top: 15px;
}

#sidebar .filter ul {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0;
}

#sidebar .filter ul li {
	list-style-type: none;
	font-size: 14px;
	line-height: 16px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	background: url(../images/bullet2.png) no-repeat 0 9px;
}

#sidebar .filter ul li a {
	color: #4d4d4d;
	transition: all 0.25s ease-in-out;
}

#sidebar .filter ul li a:hover {
	color: #984428;
}

#sidebar .filter ul.archives {
	margin-bottom: 0;
}

#sidebar ul.archives li a {
	color: #984428;
	font-weight: 400;
	font-style: italic;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

#sidebar .filter ul.archives li a:hover {
	color: #000;
}

#sidebar .filter input.search {
	border: 1px solid #c9c197;
	color: #aea18d;
	font: italic 400 14px omnes-pro-i4, omnes-pro, Verdana, sans-serif;
	background: url(../images/icons.png) no-repeat 0 -717px #fff;
	margin-bottom: 20px;
	border-radius: 20px;
	padding: 2% 1% 2% 25px;
	width: 87%;
}

@-moz-document url-prefix() {
	#sidebar .filter input.search{
	text-indent: 25px;
   }
}

.paginate {
	clear: both;
	float: right;
	font-size: 15px;
	line-height: 15px;
}

#content .paginate a {
	color: #4e6d7d;
	text-decoration: none;
	padding: 1px 7px;
	margin-left: 5px;
}

#content .paginate a:hover {
	color: #984428;
	border-radius: 22px;
	color: #fff;
}

#content .paginate strong {
	font-weight: normal;
	color: #fff;
	background-color: #4e6d7d;
	padding: 1px 9px;
	border-radius: 22px;
	margin-left: 5px;
}

.estimate #content p.date {
	margin-top: -15px;
	font-size: 14px;
}

/* @end */

/* @group Portfolio */

#portfolio #banner {
	position: relative;
	padding-top: 50px;
	text-align: right;
	margin-bottom: 40px;
}

#portfolio.detail #banner {
	min-height: 380px;
}

#portfolio.list #banner {
	text-align: left;
	margin-bottom: 0;
	padding-top: 40px;
}

#portfolio #banner .faux-browser {
	float: right;
}

#portfolio.list #banner .faux-browser,
#home #banner .testimonial .faux-browser {
	width: 60%;
	height: 70%;
	float: left;
	padding-bottom: 0;
}

#portfolio #banner .faux-browser:before {
	content: "";
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20),
				0px 1px 0px 0px #e3e3e3 inset;
	border: none;
}

#portfolio.list #banner .faux-browser img.full,
#home #banner .faux-browser img.full {
	width: 100%;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.70);
	border-bottom: 0;
}

#portfolio #banner article {
	width: 30%;
	float: left;
}

#portfolio #banner .media {
	float: right;
	width: 65%;
}

#portfolio.list #banner article {
	width: 36%;
}

#portfolio.list #banner article {
	float: right;
}

#portfolio #banner h1 {
	color: #cfc080;
	font-size: 31px;
	line-height: 32px;
	margin-bottom: 15px;
}

#portfolio #banner p.date {
	color: #928268;
	font-weight: 400;
	font-style: italic;
	font-size: 13px;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
	margin-bottom: 15px;
}

#portfolio #banner p {
	font-size: 17px;
	color: #b3b3b5;
	margin-bottom: 30px;
	font-weight: 400;
	font-style: italic;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

#portfolio.list #banner p {
	font-weight: normal;
	font-style: normal;
	font-family: omnes-pro-n4, omnes-pro, Verdana, sans-serif;
}

#portfolio #banner p.featured {
	color: #666;
	font: 12px futura-pt, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
	margin-top: 7px;
}

#portfolio #banner article .categories {
	margin-bottom: 20px;
	float: right;
	width: 100%;
}

#portfolio #banner article .categories a {
	color: #666;
	border-bottom-color: #666;
	border-right-color: #666;
	border-top-color: #666;
	background-position: 0 -1681px;
	margin-left: 10px;
	padding-right: 5px;
}

#portfolio #banner article .categories a:hover {
	color: #c0b6a5;
	border-top-color: #c0b6a5;
	border-right-color: #c0b6a5;
	border-bottom-color: #c0b6a5;
	background-position: 0 -1610px;
}

#portfolio #banner article a.link {
	margin-bottom: 35px;
	float: right;
}

nav#portfolio {
	background-color: #cfc080;
	margin-bottom: 60px;
}

.ie7 #home nav#portfolio {
	margin-top: -63px;
}

nav#portfolio {
	text-align: center;
}

nav#portfolio li {
	
	display:inline-block;
	margin-left: 4%;
}

nav#portfolio li.sort {
	display: none;
	margin-right: 0px;
}

nav#portfolio li:hover,
nav#portfolio li.current {
	background-image: url(../images/bkg2.png);
}

nav#portfolio li.sort:hover {
	background: none;
}


nav#portfolio li.first {
	margin-left: 0;
}

nav#portfolio li a {
	display: block;
	color: #2d4751;
	padding: 25px 20px 25px 60px;
	background: url(../images/icons.png) no-repeat 10px -2337px;
	font: italic 500 16px/16px omnes-pro-i5, omnes-pro, Verdana, sans-serif;
}

nav#portfolio li.branding a {
	background-position: 10px -2408px;
}

nav#portfolio li.expressionengine a {
	background-position: 10px -2481px;
}

nav#portfolio li.videos a {
	background-position: 10px -2552px;
}

nav#portfolio li.photography a {
	background-position: 10px -7498px;
}

nav#portfolio li .sublist {
	width: 100%;
	margin:0px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	background-image: url(../images/bkg2.png);
	transition: visibility 0.2s linear, opacity 0.2s linear;
	visibility: hidden;
	opacity: 0;
	border-bottom: 1px solid #bbb281;
	z-index: 2;
}

nav#portfolio li .sublist ul {
	padding: 30px 0;
}

nav#portfolio li .sublist ul:hover {
	margin-bottom: 0;
}

nav#portfolio li:hover .sublist {
	left:0px;
	top:auto;
	margin-top: -1px;
	opacity: 1;
	visibility: visible;
	box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.20);
}

nav#portfolio li .sublist li .date {
	float: left;
	width: 60px;
	font-size: 13px;
	font-style: italic;
	color: #a89e72;
	text-align: right;
	margin-right: 10px;
	margin-top: -3px;
}

nav#portfolio li .sublist li {
	font-size: 15px;
	transition:color .25s linear;
	float: left;
	width: 29%;
	display: inline-block;
	padding-bottom: 0;
	margin-left: 2%;
	margin-right: 2%;
	padding-top: 0;
	vertical-align: top;
	min-height: 40px;
}

nav#portfolio li .sublist li:first-child {
	margin-left: 2%;
	margin-right: 2%;
}

nav#portfolio li .sublist li a {
	padding: 0;
	font-size: 15px;
	color: #4d4d4d;
	font-weight: normal;
	font-style: normal;
	background-image: none;
	font-family: omnes-pro-n4, omnes-pro, Verdana, sans-serif;
}


nav#portfolio li .sublist li:hover,
nav#portfolio li .sublist li a:hover {
	background: none;
	color: #fff;
}

nav#portfolio li .sublist li.archives a {
	font-weight: 400;
	font-style: italic;
	color: #984428;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

nav#portfolio li .sublist li.archives a:hover {
	color: #fff;
}

#portfolio #content blockquote {
	clear: both;
	margin-bottom: 40px;
}

#portfolio.list #content blockquote {
	margin-bottom: 60px;
}

#portfolio.list #content article a,
#home #content article a {
	padding: 0;
}

#portfolio.list #content article img,
#home #content article img {
	margin-bottom: 10px;
}

#portfolio.list #content article h3,
#home #content article h3 {
	font-size: 21px;
	margin-bottom: 5px;
	font-family: omnes-pro-n4, omnes-pro, Verdana, sans-serif;
	font-weight: 400;
	font-style: normal;
}

#portfolio.list #content article h3 a, 
#home #content article h3 a {
	text-decoration: none;
}

#portfolio.list #content article p,
#home #content article p {
	font-size: 15px;
	line-height: 20px;
}

#portfolio #content blockquote p {
	color: #a0917f;
	font-weight: 400;
	font-style: italic;
	font-size: 28px;
	line-height: 34px;
	padding-bottom: 10px;
}

#content blockquote p:after {
	content: "";
	display: block;
	height: 30px;
	width: 39px;
	background-image: url(../images/quote-closed.png);
	position: absolute;
	right: 15px;
	bottom: 15px;
}

#portfolio #content .section-wrapper {
	border-bottom: 1px solid #c8c0b3;
	margin-bottom: 40px;
	clear: both;
}

#portfolio #content .section-wrapper figure {
	float: right;
	width: 66%;
	margin-bottom: 20px;
}

#portfolio #content .section-wrapper figure figcaption {
	background: none;
	box-shadow: none;
	padding: 0;
	text-align: right;
	color: #aea18d;
	font-weight: 400;
	font-style: italic;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

#portfolio #content .section-wrapper figure:after {
	content: "";
	background: none !important;
}

#portfolio #content .section-wrapper.first figure {
	margin-top: -440px;
}

#portfolio #content .section-wrapper .section-info {
	float: left;
	width: 30%;
}

#portfolio #content .section-wrapper .section-info h2 {
	margin-bottom: 15px;
}

#portfolio #content .section-wrapper .section-info h2 .counter {
	background-color: #aea18d;
	width: 21px;
	height: 21px;
	float: left;
	text-align: center;
	line-height: 21px;
	border-radius: 22px;
	font-size: 12px;
	color: #fff;
	margin-top: 2px;
	margin-right: 5px;
}

#portfolio #content .section-wrapper .section-info p {
	font-size: 15px;
	line-height: 22px;
}

#portfolio #nextprev {
	top: 240px;
}

#portfolio #nextprev a,
.flex-direction-nav li a {
	background-color: rgba(0, 0, 0, 0.25);
}

#portfolio #nextprev a:hover,
.flex-direction-nav li a:hover {
	background-color: rgba(0, 0, 0, 0.85);
}

#portfolio #share {
	width: 26%;
	float: left;
}

#portfolio #share h4 {
	width: 50px;
}

#portfolio #nextprev2 {
	float: right;
	width: 66%;
}

#portfolio #nextprev2 a:hover {
	background-color: transparent;
}

#portfolio.cat-archive h2.divider {
	background: none;
}

/* @end */

/* @group Contact */

#contact .formbox {
	position: relative;
}

#contact .formbox .intro {
	position: absolute;
	float: right;
	width: 35%;
	right: 20px;
}

#contact .formbox .intro h3 {
	margin-bottom: 10px;
	font-weight: 400;
	font-style: italic;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

#contact .formbox .intro p {
	color: #b3b3b5;
	font-size: 15px;
	line-height: 22px;
}

#contact .formbox input[type="text"],
#contact .formbox .chzn-container {
	width: 55%;
}

#contact .formbox .chzn-container {
	width: 59% !important;
}

#blog #content .action .chzn-container {
	width: 100% !important;
}

#contact .formbox textarea {
	height: 235px;
}

.formbox hr {
	margin-top: -5px;
	border-top-color: #4d4d4d;
}

.formbox hr.input-hr {
	width: 59%;
	float: left;
}

.ie7 .formbox select.chzn-select {
	width: 60%;
	margin-bottom: 20px;
}

#content .formbox a.pricing,
#contact .formbox a.pricing {
	background: url(../images/icons.png) no-repeat 5px -1386px #000;
	border-radius: 22px;
	font: italic 400 15px/15px omnes-pro-i4, omnes-pro, Verdana, sans-serif;
	color: #808080;
	text-decoration: none;
	width: 30%;
	float: right;
	padding: 12px 10px 12px 30px;
	display: none;
}

#content .formbox a.pricing span,
#contact .formbox a.pricing span {
	color: #a89e72;
}

#content .formbox a.pricing:hover,
#contact .formbox a.pricing:hover {
	background-color: #984428;
	color: #fff;
}

#sidebar .contact-section {
	border: 1px solid rgba(102, 102, 102, 0.25);
	background-color: rgba(174, 161, 141, 0.25);
	clear: both;
	margin-bottom: 60px;
	border-radius: 22px;
	padding-top: 10px;
	overflow: hidden;
}

#sidebar .contact-section h3,
#sidebar .contact-section h2,
#sidebar .contact-section ul,
#sidebar .contact-section p,
#sidebar .contact-section .follow {
	padding-left: 20px;
	padding-right: 20px;
}

#sidebar .contact-section h3 {
	background-image: none;
	margin-bottom: 20px;
}

#sidebar .contact-section h2 {
	font-size: 14px;
	letter-spacing: 0;
	margin-bottom: 5px;
}

.estimate #sidebar .contact-section h2 {
	font-size: 18px;
}

#sidebar .contact-section ul {
	margin-top: 0;
	font-size: 15px;
}

#sidebar .contact-section li {
	list-style-type: none;
	background: url(../images/icons.png) no-repeat 0 -3503px;
	padding-left: 40px;
	padding-top: 9px;
	padding-bottom: 9px;
}

#sidebar .contact-section li.email {
	background-position: 0 -3599px;
}

#sidebar .contact-section li.twitter {
	background-position: 0 -3695px;
}

#sidebar .contact-section li.download {
	background-position: 0 -7122px;
}

#sidebar .contact-section li.print {
	background-position: 0 -6932px;
}

#sidebar .contact-section li a {
	color: #4d4d4d;
	text-decoration: none;
	transition: all 0.25s ease-in-out;
}

#sidebar .contact-section li a:hover {
	color: #984428;
}

#sidebar .contact-section p {
	line-height: 20px;
}

#sidebar .contact-section p em {
	font-size: 11px;
	color: #808080;
	line-height: 11px;
}

#sidebar .contact-section a.social {
	width: 35px;
	height: 35px;
	margin-left: 10px;
	margin-right: 10px;
}

#sidebar .contact-section a.social.rss {
	background-position: 0 -3168px;
}

#sidebar .contact-section a.social.rss:hover {
	background-position: 0 -3273px;
}

#sidebar .contact-section a.social.twitter {
	background-position: -35px -3168px;
}

#sidebar .contact-section a.social.twitter:hover {
	background-position: -35px -3273px;
}

#sidebar .contact-section a.social.facebook {
	background-position: -70px -3168px;
}

#sidebar .contact-section a.social.facebook:hover {
	background-position: -70px -3273px;
}

#sidebar .contact-section a.social.vimeo {
	background-position: -105px -3168px;
}

#sidebar .contact-section a.social.vimeo:hover {
	background-position: -105px -3273px;
}

#sidebar .contact-section a.social.youtube {
	background-position: 0 -3238px;
}

#sidebar .contact-section a.social.youtube:hover {
	background-position: 0 -3343px;
}

#sidebar .contact-section a.social.linkedin {
	background-position: 0 -3203px;
}

#sidebar .contact-section a.social.linkedin:hover {
	background-position: 0 -3308px;
}

#sidebar .contact-section a.social.quora {
	background-position: -35px -3203px;
}

#sidebar .contact-section a.social.quora:hover {
	background-position: -35px -3308px;
}

#sidebar .contact-section a.social.googleplus {
	background-position: -70px -3203px;
}

#sidebar .contact-section a.social.googleplus:hover {
	background-position: -70px -3308px;
}

#sidebar .contact-section a.social.scribd {
	background-position: -105px -3203px;
}

#sidebar .contact-section a.social.scribd:hover {
	background-position: -105px -3308px;
}

#sidebar .contact-section a.social.email {
	background-position: -35px -3238px;
}

#sidebar .contact-section a.social.email:hover {
	background-position: -35px -3343px;
}

#sidebar .contact-section a.social.rss {
	background-position: 0 -3168px;
}

#sidebar .contact-section a.social.rss:hover {
	background-position: 0 -3273px;
}

#sidebar .contact-section .follow {
	background-color: rgba(174, 161, 141, 0.25);
	border-bottom-right-radius: 22px;
	border-bottom-left-radius: 22px;
	padding: 20px 10px 10px;
}

#sidebar .contact-section .follow h2 {
	padding: 0 0 0 10px;
	margin-bottom: 15px;
}

#content p.signature {
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -1000px;
}

#content p.signature.jon {
	width: 176px;
	height: 67px;
	background: url(../images/sig-jon.png) no-repeat;
	margin-right: 20px;
}

#content p.signature.nate {
	width: 121px;
	height: 53px;
	background: url(../images/sig-nate.png) no-repeat;
}

#contact #content {
	padding-bottom: 60px;
}

/* @end */

/* @group Colorbox */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{ }
    #cboxTopLeft{width:20px; height:20px; }
    #cboxTopCenter{height:20px;}
    #cboxTopRight{width:20px; height:20px; }
    #cboxBottomLeft{width:20px; height:20px; }
    #cboxBottomCenter{height:20px; }
    #cboxBottomRight{width:20px; height:20px;}
    #cboxMiddleLeft{width:20px;}
    #cboxMiddleRight{width:20px; }
    #cboxContent{ overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background: url(../images/loading.gif) no-repeat center center #000;}
        #cboxClose{position:absolute; top:0; right:0; display:block; color:#444; display: none;
		}
		#cboxContent a.close {
			display: block;
			width: 18px;
			height: 18px;
			overflow: hidden;
			text-indent: -1000px;
			background: url(../images/icons.png) 21px -6627px;
			position: absolute;
			right: 7px;
			top: 12px;
			z-index: 1;
		}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

#colorbox #contact-form {
	max-width: 680px;
	padding: 0;
	margin: auto;
	position: relative;
}

a.cboxElement {outline:0 !important;}

/* @end */

/* @group FlexSlider */

/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0; overflow: hidden;
}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; text-align: center; margin: auto;
}


.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; width: 0;
} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {
	position: relative; zoom: 1;}
.flexslider .slides {zoom: 1; margin: 0; padding: 0 !important; float: none !important;
}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}
/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block;
	position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;
background-position: 0 0;
}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/* @end */

/* @group Home */

#home #banner {
	margin-bottom: 0;
	padding-top: 50px;
	text-align: center;
	overflow: hidden;
	width: 100%;
}

#home #content article h3 {
	text-align: center;
	display: none;
}

#home #content article h3 a {
	color: #4d4d4d;
	font-size: 18px;
	font-style: italic;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

#home #content article h3 a:hover {
	background-color: transparent;
	color: #984428;
}

#home header #banner h1 {
	color: #cfc080;
	font-size: 50px;
	text-align: center;
	line-height: 50px;
	margin-bottom: 10px;
}

#home header #banner .testimonial h1 {
	margin-bottom: 24px;
}

#home header #banner h2 {
	color: #999;
	text-transform: none;
	font: normal normal 27px/27px omnes-pro-n4, omnes-pro, Verdana, sans-serif;
	letter-spacing: 0;
	text-align: center;
	position: relative;
	max-width: 905px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 45px;
	z-index: 3;
}

#home header #banner a.button {
	display: block;
	float: none;
	width: 160px;
	text-align: center;
	overflow: visible;
	text-indent: 0px;
	height: auto;
	margin: auto;
	position: relative;
	z-index: 2;
}

#home header #banner img {
	margin-top: -20px;
	position: relative;
	z-index: 1;
}

#home header #banner .about img {
	margin-top: 2%;
}

#home header #banner .kicktastic-slider img {
	margin-top: -5px;
}

#home header #banner .testimonial article {
	float: right;
	width: 40%;
	text-align: left;
}

#home header #banner .testimonial .faux-browser:before {
	content: "";
	z-index: 5;
}

#home header #banner article p.featured {
	color: #656565;
	font: 19px futura-pt, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 25px;
}

#home header #banner .testimonial article img {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

#home header #banner .testimonial article a.button {
	float: left;
	margin-left: 30px;
	width: auto;
}

#home header #banner .testimonial article blockquote p {
	font: italic 400 28px/34px omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

#home header #banner .testimonial article blockquote {
	margin-bottom: 30px;
}

#home #donthire {
	background: url(../images/shield-home.png) repeat-x center center;
	margin-bottom: 30px;
	margin-top: -30px;
	height: 338px;
}

#home #donthire .wrapper {
	position: relative;
}

#home #donthire p.left,
#home #donthire p.right {
	position: absolute;
	text-transform: uppercase;
	font: 16px futura-pt, Verdana, sans-serif;
	color: #c79686;
	letter-spacing: 4px;
}

#home #donthire p.left {
	left: 10%;
	top: 170px;
}

#home #donthire p.right {
	right: 10%;
	top: 170px;
}

#home #donthire a.shield {
	display: block;
	margin: auto;
	color: #4d4d4d;
	text-transform: uppercase;
	font: 67px/62px league-gothic, "Helvetica Neue", Arial, sans-serif;
	text-decoration: none;
	text-align: center;
	text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
	height: 197px;
	position: relative;
	transition: all 0.25s ease-in-out;
	margin-top: 60px;
	padding-top: 33px;
}

.ie7 #home #donthire a.shield {
	padding-top: 94px;
}

#home #donthire a.shield:hover {
	color: #000;
	background-color: transparent;
}

#home #donthire a.shield span {
	text-transform: lowercase;
	font: italic 400 19px/19px omnes-pro-i4, omnes-pro, Verdana, sans-serif;
	color: #fff;
	text-shadow: none;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 45px;
}

#home-blog .col {
	float: left;
	width: 27%;
	margin-left: 3%;
	margin-bottom: 30px;
}

#home-blog .col.featured-blog {
	width: 70%;
	margin-left: 0;
}

#content #home-blog .col ul {
	margin: 0;
}

#content #home-blog .col li {
	background: none;
	padding-left: 0;
}

#home-blog .col li .date {
	float: left;
	width: 60px;
	font-size: 13px;
	font-style: italic;
	color: #aea18d;
	text-align: right;
	margin-right: 10px;
}

#home-blog .col li a {
	color: #4d4d4d;
	font-size: 15px;
	transition: all 0.25s ease-in-out;
	float: left;
	width: 70%;
	display: block;
	padding-bottom: 15px;
	text-decoration: none;
}

#home-blog .col li a:hover {
	background-color: transparent;
	color: #984428;
}

#content #home-blog h5 {
	color: #2d4751;
	font-style: italic;
	font-weight: 500;
	font-size: 19px;
	margin-bottom: 10px;
}

#content #home-blog h4 {
	font-size: 21px;
	font-weight: 500;
	margin-bottom: 15px;
}

#content #home-blog h4 a {
	text-decoration: none;
}

#content #home-blog h4 a:hover {
	color: #000;
	background-color: transparent;
}

#content #home-blog .featured-blog img.left {
	width: 40%;
	margin-bottom: 10px;
}

#content #home-blog .featured-blog p {
	font-size: 16px;
	line-height: 24px;
}

#content #home-blog .featured-blog em {
	color: #938170;
	font-size: 15px;
}



#projects-home {
	background-color: rgba(255, 255, 255, 0.24);
	padding-top: 20px;
	margin-bottom: 30px;
}

#home #content {
	padding-bottom: 0;
}

#home #content blockquote {
	clear: both;
	margin-bottom: 50px;
	text-align: center;
}

/* @end */

/* @group Sidebar */

#sidebar nav {
	background-color: rgba(171, 161, 141, 0.25);
	border: 1px solid rgba(102, 102, 102, 0.25);
	border-radius: 22px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 60px;
	
}

.ie6 #sidebar nav,
.ie7 #sidebar nav,
.ie8 #sidebar nav {
	background-color: #d5d2c9;
	border: 1px solid #b5b2ac;
}

#sidebar nav li a {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #4d4d4d;
	background: url(../images/icons.png) no-repeat;
	padding-left: 55px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	transition: all 0.25s ease-in-out;
}

#sidebar nav li a:hover {
	background-color: #984428;
	color: #fff;
}

#sidebar nav li.current{
	background: url(../images/canvas-dark.png) repeat #2e2e2e;
	position: relative;
}

#sidebar nav li.current a:hover {
	background-color: transparent;
}

#sidebar nav li.current:before {
	content: "";
	width: 21px;
	height: 44px;
	display: block;
	position: absolute;
	left: -21px;
	background-image: url(../images/sec-nav-tip.png);
}

#sidebar nav li.current a {
	color: #fff;
}

#sidebar nav li.about a {
	background-position: 20px 10px;
}

#sidebar nav li.current.about a,
#sidebar nav li.about a:hover {
	background-position: 20px -62px;
}

#sidebar nav li.services a {
	background-position: 20px -138px;
}

#sidebar nav li.current.services a,
#sidebar nav li.services a:hover {
	background-position: 20px -210px;
}

#sidebar nav li.process a {
	background-position: 20px -280px;
}

#sidebar nav li.current.process a,
#sidebar nav li.process a:hover {
	background-position: 20px -350px;
}

#sidebar nav li.pricing a {
	background-position: 20px -424px;
}

#sidebar nav li.current.pricing a,
#sidebar nav li.pricing a:hover {
	background-position: 20px -495px;
}

#sidebar .callout {
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20); 
	clear: both;
	background: url(../images/concrete1.jpg) #fff;
}

.oldie #sidebar .callout {
	border: 1px solid #d6d6d1;
}

#sidebar .callout.portfolio {
	background: url(../images/faded-star.png) center center, url(../images/concrete1.jpg) #fff;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 60px;
}

#sidebar .callout.portfolio p {
	text-transform: uppercase;
	font: 14px futura-pt, Verdana, sans-serif;
	letter-spacing: 4px;
	color: #4e6d7d;
	margin-bottom: 0px;
}

#sidebar .callout.portfolio h4 {
	text-transform: uppercase;
	font: normal normal 77px league-gothic, "Helvetica Neue", Arial, sans-serif;
	margin-bottom: 5px;
	letter-spacing: 2px;
	color: #4d4d4d;
}

#sidebar .callout.portfolio h4 a {
	color: #4d4d4d;
}

#sidebar .callout.portfolio a.more,
#sidebar .callout.dont-hire a.more {
	font: italic 23px omnes-pro-i5, omnes-pro, Verdana, sans-serif;
	color: #a89e72;
	border-top: 1px solid #cfc080;
	background: url(../images/icons.png) no-repeat right -1140px;
	padding-right: 60px;
	padding-top: 5px;
}

#sidebar .callout.portfolio:hover h4 a {
	color: #984428;
	transition: all 0.25s ease-in-out;
}

#sidebar .callout.project {
	background-image: none;
	box-shadow: none;
	border: none; 
	background-color: transparent;       
}

#sidebar .callout.project img {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
	display: block;
	width: 100%;
	max-width: 100%
}

#sidebar .callout.project a:hover img {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.40);
}

#sidebar .callout.project p,
#sidebar .callout.tshirt p {
	text-align: center;
	font-style: italic;
	font-size: 13px;
	color: #808080;
	padding-top: 5px;
	font-family: omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

#sidebar .callout.dont-hire h4  {
	text-transform: uppercase;
	font: normal normal 44px/44px league-gothic, "Helvetica Neue", Arial, sans-serif;
	color: #4d4d4d;
	text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
	margin-bottom: 0;
	height: 173px;
	width: 100%;
	background: url(../images/callout-dont-hire-shield.png) no-repeat -425px center;
}

#sidebar .callout.dont-hire {
	position: relative;
	margin-bottom: 60px;
}

#sidebar .callout.dont-hire h4 span {
	float: left;
	width: 100px;
	text-align: center;
	margin-left: 25px;
	padding-top: 30px;
}

#sidebar .callout.dont-hire h4 span a {
	color: #4d4d4d;
	display: block;
}

#sidebar .callout.dont-hire article {
	position: absolute;
	right: 0;
	top: 55px;
	width: 53%;
	text-align: center;
}

#sidebar .callout.dont-hire p {
	text-transform: uppercase;
	color: #c59585;
	font: bold 13px/13px futura-pt, Verdana, sans-serif;
	letter-spacing: 2px;
	margin-bottom: 0;
}

#sidebar .callout.dont-hire h5 {
	font: italic 500 33px/33px omnes-pro-i5, omnes-pro, Verdana, sans-serif;
	color: #c59585;
	margin-top: -5px;
	margin-bottom: 13px;
}

#sidebar .callout.dont-hire a.more {
	border: none;
	padding-top: 0;
	font-size: 17px;
	color: #fff;
	padding-right: 30px;
	background: url(../images/icons.png) no-repeat right -1220px;
}

#sidebar .callout.dont-hire:hover h4 a {
	color: #000;
}

#sidebar .callout.dont-hire:hover a.more {
	color: #c1a069;
}

#sidebar .callout.tshirt {
	background: none;
	box-shadow: none;
	margin-top: 50px;
}

#sidebar .callout.tshirt img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#sidebar .ad {
	margin-bottom: 55px;
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
}

#sidebar .ad img {
	float: left;
	margin-right: 10px;
}

#sidebar .ad a.carbon-text {
	color: #4d4d4d;
	transition: all 0.25s ease-in-out;
	float: right;
	width: 160px;
	margin-bottom: 5px;
}

#sidebar .ad a.carbon-text:hover {
	color: #984428;
}

#sidebar .ad .carbon-poweredby {
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#sidebar .ad a.carbon-poweredby {
	color: #9e9e9e;
	float: right;
	width: 160px;
}

/* @end */

/* @group Action */

#action {
	text-align: center;
	background: url(../images/action-bkg.png) no-repeat center top;
	height: 368px;
	padding-top: 50px;
	position: relative;
	clear: both;
}

#action h4 {
	font: italic 700 31px omnes-pro-i7, omnes-pro, Verdana, sans-serif;
	color: #984428;
	margin-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

#action p {
	font-size: 18px;
	padding-right: 40px;
	padding-left: 40px;
}

#action a {
	transition: all 0.25s ease-in-out;
}

#action a:hover {
	color: #000;
}

#action a.go {
	text-transform: uppercase;
	font: 50px/150px league-gothic, "Helvetica Neue", Arial, sans-serif;
	color: #4d4d4d;
	position: absolute;
	width: 100%;
	height: 150px;
	bottom: -25px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.ie7 #action a.go {
	left: 0;
}

#action a.go:hover {
	color: #984428;
}

/* @end */

/* @group Footer */

footer {
	padding-top: 50px;
	position: relative;
	background: url(../images/canvas-dark.png) #2e2e2e;
	clear: both;
}

footer .col {
	float: left;
	width: 24%;
	margin-left: 3%;
	margin-bottom: 20px;
}

footer .col.projects {
	margin-left: 0;
}

footer .col h5 {
	color: #984428;
	font: italic 500 19px omnes-pro-i5, omnes-pro, Verdana, sans-serif;
	margin-bottom: 15px;
	clear: both;
}

footer .col ul {
	margin-top: 0;
}

footer .col li {
	list-style-type: none;
	line-height: 18px;
	
}

footer .col li .date {
	float: left;
	width: 60px;
	font-size: 13px;
	font-style: italic;
	color: #666;
	text-align: right;
	margin-right: 10px;
}

footer .col li a {
	color: #828282;
	font-size: 15px;
	transition: all 0.25s ease-in-out;
	float: left;
	width: 70%;
	display: block;
	padding-bottom: 15px;
}

footer .col li a:hover {
	color: #fff;
}

footer .col.follow {
	width: 16%;
}

a.social {
	height: 42px;
	width: 42px;
	display: block;
	float: left;
	background-image: url(../images/icons.png);
	overflow: hidden;
	text-indent: -1000px;
	margin-right: 15px;
	margin-bottom: 10px;
}

a.social.last {
	margin-right: 0px !important;
}

a.social.rss {
	background-position: 0 -2952px;
}

a.social.rss:hover {
	background-position: 0 -3036px;
}

a.social.twitter {
	background-position: -42px -2952px;
}

a.social.twitter:hover {
	background-position: -42px -3036px;
}

a.social.facebook {
	background-position: -84px -2952px;
}

a.social.facebook:hover {
	background-position: -84px -3036px;
}

a.social.vimeo {
	background-position: 0px -2994px;
}

a.social.vimeo:hover {
	background-position: 0px -3078px;
}

a.social.youtube {
	background-position: -42px -2994px;
}

a.social.youtube:hover {
	background-position: -42px -3078px;
}

a.social.linkedin {
	background-position: -84px -2994px;
}

a.social.linkedin:hover {
	background-position: -84px -3078px;
}

footer .col.follow span.email {
	background: url(../images/icons.png) no-repeat 0 -3120px;
	border-style: none;
	display: block;
	height: 42px;
	float: left;
}

footer .col.follow .email input {
	margin-left: 37px;
	background-color: #4d4d4d;
	border-style: none;
	border-top-right-radius: 22px;
	border-bottom-right-radius: 22px;
	height: 42px;
	padding: 0px 10px 0px 0px;
	width: 65%;
	color: #fff;
	font: italic 500 13px omnes-pro-i5, omnes-pro, Verdana, sans-serif;
}

.oldie footer .col.follow .email input {
	height: auto;
	padding-top: 12px;
	padding-bottom: 12px;
}

.ie7 footer .col.follow .email input {
	margin-top: -1px;
}

footer .col.contact {
	width: 27%;
}

footer h4 {
	color: #cfc080;
	margin-bottom: 15px;
	font: italic 700 27px/27px omnes-pro-i7, omnes-pro, Verdana, sans-serif;
}

footer .col.contact p {
	color: #828282;
	font-size: 17px;
	margin-bottom: 30px;
}

footer .col.contact a.button {
	width: 90%;
}

footer .col.contact a.button.huge:after {
	content: "";
	width: 48px;
	float: right;
}

footer #utility {
	clear: both;
	border-top: 1px solid #3f3f3f;
	font-size: 14px;
	padding-top: 20px;
}

footer #utility p.copyright {
	float: left;
	width: 50%;
	line-height: 16px;
}

footer #utility a.ee {
	width: 180px;
	height: 24px;
	background-image: url(../images/logo-ee.png);
	display: block;
	float: right;
	overflow: hidden;
	text-indent: -1000px;
	margin-top: -5px;
}

/* @end */

#error #content {
	float: none;
	margin: 5%;
	width: 84%;
	box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, .15);
	padding: 2% 3%;
	background: url(../images/concrete1.jpg) #fff;
	position: relative;
}

#missingpage #content {
	text-align: center;
max-width: 843px;
margin-left: auto;
margin-right: auto;
float: none;
}

/* @group Estimate */

.estimate #content article {
	width: 100%;
}

.estimate p.disclaimer {
	margin-bottom: 40px;
}

.estimate #content thead {
	display: none;
}

.estimate #content table td {
	padding: 2%;
	border-bottom: 1px solid #cccccc;
}

.estimate #content table td.hour_low {
	text-transform: uppercase;
	font: normal 25px/25px futura-pt, Verdana, sans-serif;
	letter-spacing: 0px;
	padding-top: 50px;
	text-align: right;
	width: 230px;
	
}

.estimate #content table td.hour_low.total {
	font: italic 500 20px omnes-pro-i5, omnes-pro, Verdana, sans-serif;
	padding-top: 2%;
	text-align: right;
}

.estimate #content table td.hour_low.total hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

.estimate #content table td.hour_low span {
	font: italic 500 16px omnes-pro-i5, omnes-pro, Verdana, sans-serif;
	text-transform: lowercase;
	color: #777776;
	
}

.estimate #content table td.hour_low span.dollarsign {
	font-size: 14px;
	vertical-align: top;
	color: #4c4d4c;
	font-weight: normal;
	font-style: normal;
}

.estimate #content table td.hour_low.total span {
	display: inline;
}

.estimate #content table td.total h2 {
	text-transform: uppercase;
	font: normal 25px/25px futura-pt, Verdana, sans-serif;
	letter-spacing: -1px;
	color: #984428;
}

.estimate #content table td.total h2 span.dollarsign {
	color: #984428;
	font-weight: bold;
	font-family: futura-pt, Lucida, Verdana, sans-serif;
}

.estimate #content {
	width: 73%;
}

.estimate #sidebar {
	width: 220px;
}

.estimate .signature {
	width: 45%;
	float: left;
	margin-right: 10%;
	margin-bottom: 5%;
}

.estimate .signature.last {
	margin-right: 0;
}

.estimate .signature hr {
	margin-bottom: 5px;
}

.estimate #content h3 {
	margin-bottom: 3px;
}

/* @end */

table.tablebasic {
	border: none;
	margin-bottom: 2em;
}

table.tablebasic th {
	font-weight: bold;
}

table.tablebasic td, th {
	border: none;
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #c9c9c8;
}

/*Helper Classes///////////////////////////*/

/* @group Helper Classes */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.overflow-visible {
	overflow: visible;
}

/* @end */


/*Media Queries///////////////////////////*/

@media only screen and (max-width: 1200px) {
	#nextprev {
		display: none;
	}
}


@media only screen and (max-width: 1100px) {
	
	#process .step {
		background: url(../images/process-bkg.png ) no-repeat center bottom !important;
		padding-bottom: 110px !important;
		margin-top: 0px !important;
		margin-bottom: 30px;
	}
	
	#process .step.first {
		padding-top: 20px;
	}
	
	#process .step.even .counter {
		left: 0px;
	}
	
	#process .step.even article {
		float: left;
		margin-right: 0;
	}
	
	#process #content .step.even img {
		float: left;
		margin-left: 12%;
		margin-right: 4%;
	}
	
	#process #content .step img {
		width: 40%;
	}
	
	#process .step article {
		width: 43%;
		margin-top: -5px;
		padding-bottom
	}
	
	#portfolio #banner h1 {
		font-size: 27px;
		line-height: 27px;
	}
	
	#portfolio #banner p {
		font-size: 16px;
		line-height: 20px;
	}
	
	nav#portfolio li {
		margin-left: 4%;
	}
	
	
	nav#portfolio li a {
		padding-right: 5px;
		font-size: 15px;
	}
	
	
	#home header #banner article blockquote {
		margin-top: 12px;
	}
	
	#home header #banner .testimonial article blockquote p {
		font-size: 25px;
	}
	
	#home header #banner .testimonial .faux-browser img {
		border-bottom: 7px solid #999;
	}
	
	footer .col {
		width: 22%;
	}
	
	footer .col li a,
	#home #home-blog li a {
		width: 100%;
	}
	
	footer .col li .date,
	#home #home-blog li .date {
		display: none;
	}
	
	footer .col.follow {
		width: 19%;
	}

}


@media only screen and (max-width: 940px) {
	
	
	header nav li a {
		padding-left: 16px;
		padding-right: 16px;
	}
	
	header nav li:first-child a {
		color: #000;
	}
	
	#sidebar {
		width: 220px;
	}
	
	#blog #sidebar .ad img {
		float: left;
		margin-bottom: 8px;
	}
	
	#blog #sidebar .ad a.carbon-text,
	#blog #sidebar .ad a.carbon-poweredby {
		width: 100%;
		clear: both;
		float: left;
	}
	
	#sidebar .callout.portfolio p {
		letter-spacing: 2px;
	}
	
	#sidebar .callout.portfolio h4 {
		font-size: 60px;
	}
	
	#sidebar .callout.portfolio a.more {
		font-size: 18px;
		padding-bottom: 5px;
		background-position: right -1145px;
	}
	
	#sidebar .callout.dont-hire h4 {
		background-position: center;
	}
	
	#sidebar .callout.dont-hire h4 span {
		margin: auto;
		display: block;
		float: none;
	}
	
	#sidebar .callout.dont-hire article {
		display: none;
	}
	
	#sidebar .filter {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#sidebar .filter h3 span {
		display: none;
	}
	
	#content .col3 .icon {
		width: 140px;
		height: 140px;
	}
	
	
	
	#content .story .col3:before {
		content: "";
		top: 65px;
	}
	
	#content .team a.social {
		margin-right: 5px;
	}
	
	#services ul.services {
		padding-right: 0;
		background: none;
		width: 30%;
	}
	
	nav#portfolio li {
		margin-left: 0%;
	}
	
	nav#portfolio li a {
		padding-right: 5px;
		font-size: 15px;
		padding-left: 55px;
	}
	
	
	#blog #banner #blog-subscribe {
		width: 200px;
	}
	
	#blog header #banner h1,
	#blog header #banner h2  {
		width: 48%;
	}
	
	#blog #banner #blog-subscribe .social-icons {
		width: 105px;
	}
	
	#blog #banner #blog-subscribe a.social {
		margin-right: 5px;
	}
	
	#blog #banner #blog-subscribe h4 span {
		display: none;
	}
	
	#blog #banner #blog-subscribe h4 {
		margin-right: 0px;
	}
	
	#portfolio #banner p.date,
	#portfolio.list #banner p.featured {
		display: none;
	}
	
	#portfolio #share {
		float: none;
		width: auto;
	}
	
	#portfolio #nextprev2 {
		width: 100%;
	}
	
	#contact #sidebar .contact-section a.social {
		margin-left: 2px;
		margin-right: 2px;
	}
	
	#contact .formbox .intro p {
		font-size: 14px;
		line-height: 18px;
	}
	
	#home header #banner .testimonial article {
		width: 50%;
	}
	
	#home #banner .testimonial .faux-browser {
		width: 50%;
	}
	
	
	#home #donthire p.left,
	#home #donthire p.right {
		display: none;
	}
	
	#home header #banner article p.featured {
		display: none;
	}
	
	
	footer .col {
		margin-bottom: 120px;
		width: 28%;
	}
	
	footer .col.contact {
		width: 36%;
	}
	
	footer .col.follow {
		width: 100%;
		position: absolute;
		bottom: -45px;
		margin-left: 0px;
	}
	
	
	footer .col.follow .split-col {
		float: left;
	}
	
	footer .col.follow .split-col.email {
		margin-left: 15px;
	}
	
	footer .col.follow span.email input {
		width: 90%;
	}
	

}

@media only screen and (max-width: 860px) {
	#process #content .step img {
		width: 85%;
		margin-left: 12%;
	}
	
	#process #content .step article {
		width: 85%;
		margin-left: 12%;
	}
	
	#process #content h1 {
		background-image: none;
	}
	
	#blog header #banner {
		margin-bottom: 30px;
	}
	
	#blog #sidebar {
		padding-top: 30px;
	}
	
	#blog #sidebar .ad img {
		margin: auto;
		float: none;
		margin-bottom: 5px;
	}
	
	
	#blog #content .meta {
		float: left;
		width: 100%;
		text-align: right;
		position: relative;
		
	}
	
	#blog #content .categories {
		float: right;
	}
	
	#blog #content .categories a {
		float: left;
		margin-left: 10px;
		clear: none;
	}
	
	#blog #content .meta p {
		float: left;
		margin-right: 5px;
	}
	
	#blog #content .meta p.author {
		text-transform: capitalize;
		color: #999;
		font: italic 400 13px/13px omnes-pro-i4, omnes-pro, Verdana, sans-serif;
	}
	
	#blog #content .meta p.date {
		margin-bottom: 10px;
		padding-top: 1px;
	}
	
	#blog #content article,
	#blog header #banner h1,
	#blog #content .formbox,
	#blog #content h2.inset,
	#blog header #banner h2,
	#blog #content h3.category,
	#blog #share,
	#blog #bio,
	#blog #nextprev2 {
		margin-left: 0;
	}
	
	#blog #content .meta img {
		display: none;
	}
	
	#blog header #banner h1,
	#blog header #banner h2  {
		margin-top: 35px;
		width: 65%;
	}

}


@media only screen and (max-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

	body {
		font-size: 18px;
	}
	
	code {
		font-size: 15px;
	}
	
	#content {
		float: none;
		width: 100%;
		padding-bottom: 0;
	}
	
	#content ol,
	#content ul {
		margin-left: 5px;
	}
	
	#projects .article-info {
		width: 100%;
		float: right;
		text-align: center;
	}
	
	#projects .project-img {
		width: 100%;
		padding-top: 30px;
	}
	
	#projects #content a.button {
		float: none;
	}
	
	#blog #content article,
	#blog #content ol#comments .comment,
	#blog #content .formbox,
	#blog #content h2.inset,
	#blog header #banner h1,
	#blog header #banner h2,
	#blog #content h3.category,
	#blog #share,
	#blog #bio,
	#blog #nextprev2  {
		margin-left: 150px;
	}
	
	#blog header #banner h1,
	#blog header #banner h2  {
		float: none;
		width: auto;
	}
	
	#blog #content .meta,
	#blog #content ol#comments .metadata {
		float: left;
		width: 115px;
		text-align: right;
	} 
	
	#blog #content .meta img {
		display: block;
		float: right;
	}
	
	#blog #content .meta p.author {
		color: #4d4d4d;
		font-size: 12px;
		line-height: 14px;
		text-transform: uppercase;
		margin-bottom: 5px;
		font-style: normal;
		margin-right: 0;
		text-align: right;
	}
	
	#blog #content .meta p.date,
	#blog #content ol#comments .metadata p.date {
		text-align: right;
		float: right;
		margin-right: 0;
	}
	
	#blog #content .categories a {
		margin-left: 0px;
		float: right;
		clear: both;
	}
	
	#blog header #banner #blog-subscribe {
		position: absolute;
		width: 105px;
		padding-left: 7px;
		top: 50px;
	}
	
	#blog header #banner #blog-subscribe h4 {
		display: none;
	}
	
	header nav li a {
		padding-left: 15px;
		padding-right: 15px;
		font-weight: normal;
		font-style: normal;
	}
	
	header nav li:first-child {
		display: none;
	}
	
	#portfolio.list #banner article,
	#portfolio #banner .faux-browser,
	#portfolio.list #banner .faux-browser,
	#portfolio #banner article {
		float: left;
		width: 100%;
		padding-bottom: 10px;
	}
	
	#portfolio #banner .media {
		width: 100%;
		margin-bottom: 10px;
	}
	
	#portfolio.detail header #banner {
		min-height: 200px;
	}
	
	#portfolio #banner article {
		text-align: left;
	}
	
	#portfolio #banner article p.date {
		display: block;
	}
	
	#portfolio #banner article .categories a {
		float: left;
	}
	
	#portfolio #banner article a.link {
		float: left;
		width: auto;
	}
	
	#portfolio #content .section-wrapper.first figure {
		margin-top: -120px;
	}
	
	#portfolio.list #banner .faux-browser img.full {
		border-bottom: 7px solid #999;
		margin-bottom: 10px;
	}
	
	#portfolio.list #banner p.date,
	#portfolio.list #banner p.featured {
		display: block;
	}
	
	
	#portfolio #content .section-wrapper .section-info p {
		font-size: 14px;
	}
	
	#sidebar {
		width: 100%;
	}
	
	#process #sidebar .callout {
		display: none;
	}
	
	#process #sidebar {
		padding: 0;
	}
	
	#sidebar nav li.current:before {
		content: "";
		display: none;
	}
	
	#sidebar nav {
		width: 100%;
		position: absolute;
		top: 78px;
		left: 0px;
		padding: 0;
		float: left;
		border-radius: 0px;
		border-right: none;
		border-left: none;
	}
	
	#sidebar nav ul {
		margin-right: 10px;
		float: right;
	}
	
	#sidebar nav li {
		display: inline;
		float: left;
	}
	
	#sidebar nav li a {
		padding-top: 0px;
		padding-bottom: 0px;
		padding-right: 9px;
		padding-left: 9px;
		background-image: none;
		font-size: 11px;
	}
	
	#sidebar .callout,
	#sidebar .ad,
	#sidebar .filter,
	#sidebar .contact-section {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px !important;
		float: none;
	}
	
	#sidebar .ad {
		text-align: center;
	}
	
	#sidebar .filter {
		width: 270px;
	}
	
	#sidebar .callout.portfolio p {
		letter-spacing: 4px;
	}
	
	#sidebar .callout.portfolio h4 {
		font-size: 77px;
		margin-bottom: 0px;
	}
	
	#sidebar .callout.portfolio a.more {
		font-size: 24px;
		padding-bottom: 0px;
		background-position: right -1145px;
		padding-top: 0px;
	}
	
	#content .team a.social {
		margin-right: 15px;
	}
	
	#services ul.services {
		width: 25%;
		background: url(../images/bracket.png) no-repeat right;
		padding-right: 40px;
	}
	
	
}

@media only screen and (max-width: 760px) {
	
	nav#portfolio li.sort {
		display: block;
		line-height: 70px;
		font-weight: 400;
		font-style: italic;
		font-size: 15px;
		width: 100%;
		height: 30px;
		line-height: 50px;
		text-align: center;
	}
	
	nav#portfolio li a {
		padding-left: 10px;
		padding-right: 10px;
		width: 40px;
		height: 20px;
	}
	
	nav#portfolio li a span {
		display: none;
	}
	
	nav#portfolio li .sublist li a {
		width: auto;
	}
	
	nav#portfolio li .sublist li span {
		display: none;
	}
	
	
	#home header #banner .testimonial .faux-browser {
		width: 70%;
		height: 170px;
		overflow: hidden;
		float: none;
		margin: auto auto;
		margin-bottom: -12px;
	}
	
	#home header #banner .testimonial article {
		width: 100%;
	}
	
	#home header #banner .testimonial article blockquote p {
		font-size: 23px;
		line-height: 23px;
	}
	
	#home header #banner .testimonial article a.button {
		width: 220px;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: -15px;
		margin-bottom: 15px;
	}
}


@media only screen and (max-width: 700px) {

header nav ul { 
display: none; 
}

header nav select { 
display: block; 
margin-top: 7px;
font-size: 15px;
}

#blog header #banner h1,
#blog header #banner h2  {
	width: 100%;
}

#blog header #banner #blog-subscribe {
	display: none;
}

#blog #content .meta {
	float: left;
	width: 100%;
	text-align: right;
	position: relative;
	
}

#blog #content .categories {
	float: right;
}

#blog.list #content .categories {
	display: none;
}

#blog #content .categories a {
	float: left;
	margin-left: 10px;
	clear: none;
}

#blog #content .meta p {
	float: left;
	margin-right: 5px !important;
}

#blog #content .meta p.author {
	text-transform: capitalize;
	color: #999;
	font: italic 400 13px/13px omnes-pro-i4, omnes-pro, Verdana, sans-serif;
}

#blog.list #content .meta p.author {
	margin-bottom: 3px;
}

#blog #content .meta p.date {
	margin-bottom: 10px;
	padding-top: 1px;
	float: left;
}

#blog.list #content .meta p.date {
	margin-bottom: 3px;
}

#blog #content article,
#blog header #banner h1,
#blog header #banner h2,
#blog #content .formbox,
#blog #content h2.inset,
#blog #content h3.category,
#blog #share,
#blog #bio,
#blog #nextprev2 {
	margin-left: 0;
}

#blog #content .meta img {
	display: none;
}

#home #home-blog .col {
	width: 48%;
}

#home #home-blog .col.recent {
	margin-left: 0;
}

#home #home-blog .col.featured-blog {
	width: 100%;
}

#home #home-blog .featured-blog img.left {
	margin-right: 25px;
}

footer .col.projects,
footer .col.blog {
	display: none;
}

footer .col {
	margin-bottom: 20px;
}

footer .col.contact {
	width: 56%;
}

footer .col.follow {
	width: 40%;
	position: relative;
	bottom: 0px;
	margin-left: 0px;
}

footer .col.follow .split-col.email {
	margin-left: 0px;
}

footer .col.follow span.email input {
	width: 70%;
}

}

@media only screen and (max-width: 600px) {

	#content section.columns.team {
		background-image: none;
	}
	
	#content .team .col2 {
		width: 100%;
		margin-left: 0;
		
	}
	
	#portfolio #content article.portfolio,
	#home #content article.portfolio {
		width: 100%;
		margin-left: 0;
		margin-bottom: 15px;
	}
	
	#services ul.services {
		width: 30%;
		padding-right: 0px;
		background: none;
	}
	
	nav#portfolio li .sublist li {
		width: 42%;
		margin-left: 4%;
		margin-right: 4%;
	}
	
	nav#portfolio li .sublist li:first-child {
		margin-left: 4%;
		margin-right: 4%;
	}
	
	#portfolio #banner {
		padding-bottom: 120px;
	}
	
	#portfolio.list #banner,
	#portfolio.media #banner {
		padding-bottom: 0;
	}
	
	#portfolio.detail #banner {
		min-height: 200px;
	}
	
	#portfolio #content .section-wrapper .section-info {
		width: 100%;
	}
	
	#portfolio #content .section-wrapper figure {
		width: 100%;
	}
	
	
	#portfolio #content .section-wrapper.first figure {
		margin-top: -180px;
	}
	
	#portfolio #content .section-wrapper .section-info p {
		font-size: 16px;
		line-height: 22px;
	}
	
	#portfolio #share h4 {
		display: none;
	}
	
	#home #banner .about h2,
	#home #banner .projects h2  {
		padding-right: 0;
		margin-bottom: 10px;
	
	}

	#home #banner .about h2 a.button,
	#home #banner .projects h2 a.button {
		margin-top: 25px;
		position: relative;
		width: 65%;
		margin-left: 15%;
		clear: both;
		
	}
	
	#home #banner .about img,
	#home #banner .projects img {
		clear: both;
	}
	
	#home #banner .about img {
		margin-top: 0px !important;
	}
	
	#home header #banner h1 {
		font-size: 35px;
		line-height: 30px;
	}
	
	#home header #banner h2 {
		font-size: 20px;
	}
	
	#home header #banner .testimonial .faux-browser {
		display: none;
	}
}


@media only screen and (max-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
  	
  	header,
  	header nav li.current a,
  	#bio,
  	.formbox,
  	footer,
  	#content blockquote p,
  	#content figcaption,
  	#content .story .icon,
  	#services #content ul.services li.icon,
  	.team-info,
  	.step .counter,
  	#sidebar .callout,
  	a.button,
  	#content a.button,
  	span.button,
  	body,
  	#error #content
  	 {
  		background-image: none !important;
  	}
  	
  	#content blockquote p {
  		background: url(../images/quote-open.png) no-repeat 15px 15px #fff !important;
  	}
  	
  	#content blockquote:after,
  	#content figure:after,
  	#content .bcard:after {
  	   content: "";
  	   display: block;
  	   background: url(../images/page-rip-bottom-mobile.png) repeat-x 0px bottom !important;
   	}
  	
  	#sidebar {
  		width: 100%;
  		padding-bottom: 0;
  	}
  	
  	
  	#sidebar .callout,
  	#sidebar .ad,
  	#sidebar .filter,
  	#sidebar .contact-section {
  		float: left;
  		width: 100%;
  	}
  	
  	#sidebar .filter {
  		width: 90%;
  	}
  	
  	#content img.left,
  	#content figure.left,
  	#content img.right,
  	#content figure.right {
  		display: block;
  		width: 100%;
  		max-width: 100%;
  		margin-left: 0;
  		margin-right: 0;
  	}
  	
  	#content h1,
  	#blog header #banner h2 {
	  	font-size: 28px;
		  line-height: 28px;
	  }
	  
	#blog #content h3.category {
		font-size: 18px;
		margin-top: 10px;
	}  
  	
  	#content .story .col3 {
  		width: 100%;
  		margin-bottom: 10px;
  	}
  	
  	
  	#content .story .col3:before {
  		content: "";
  		display: none;
  		height: 0;
  		width: 0;
  	}
  	
  	#services ul.services {
  		width: 100%;
  	}
  	
  	#services #content ul.services li {
  		text-align: center;
  		padding-left: 0;
  		background: none;
		  font-size: 16px;
	  }
	  
	  #services #content ul.services li.icon {
	  	background: url(../images/concrete1.jpg) repeat #fff;
	  }
	  
  	
  	#services article {
  		float: none;
  		width: 100%;
  		text-align: center;
  	}
  	
  	#services .action {
  		padding-right: 15px;
  		padding-top: 10px;
  	}
  	
  	#services .action h4 {
  		float: none;
  		text-align: center;
  	}
  	
  	#services .action a.button {
  		float: none;
  		width: 150px;
  		margin-left: auto;
  		margin-right: auto;
  		display: block;
  		margin-bottom: 15px;
  	}
  	
  	#content a.portfolio {
  		width: 100%;
  		margin-left: 0;
  	}
  	
  	#services .action h4 {
  		line-height: 24px;
  		margin-bottom: 10px;
  	}
  	
  	#process .step .counter {
  		position: relative;
  		margin: auto;
  		margin-bottom: 20px;
  	}
  	
  	#process #content .step img {
  		margin-left: 0px !important;
  		margin-right: 0px !important; 
  		width: 100%;
  		margin-bottom: 20px;
  	}
  	
  	#process #content .step article {
  		margin: 0;
  		width: 100%;
  	}
  	
  	#process #content h1 span {
  		display: none;
  	}
  	
  	#projects .article-info h2 img {
  		width: 90%;
  	}
  	
  	#blog header #banner {
  		margin-bottom: 10px;
  	}
  	
  	#blog #content .meta {
  		margin-bottom: 0px;
  	}
  	
  	#blog #content ol#comments li .comment {
  		margin-left: 0;
  		clear: both;
  	}
  	
  	#blog #content ol#comments li .comment .tip {
  		display: none;
  	}
  	
  	#blog #content ol#comments .metadata {
  		float: none;
  	}
  	
  	#blog #content .categories {
  		float: right;
  	}
  	
  	#share h4 {
  		display: none;
  	}
  	
  	#blog #content .categories {
  		float: left;
  		clear: left;
  	}
  	
  	#blog #content .categories a {
  		margin-left: 0;
  		margin-right: 10px;
  		clear: none;
  	}
  	
  	#bio img,
  	#bio.kicktastic img {
  		float: none;
  		display: block;
  		margin: auto;
  		text-align: center;
  		margin-bottom: 10px;
  	}
  	
  	#bio a.button {
  		margin-left: auto;
  		margin-right: auto;
  		float: none;
  	}
  	
  	#blog #content #bio .bio-info {
  		margin-left: 0;
  		text-align: center;
  		padding: 0;
  	}
  	
  	.formbox input#captcha {
  		margin-bottom: 10px;
  		width: 130px !important;
  	}
  	
  	.formbox span.captcha img {
  		margin-bottom: 20px;
  		display: block;
  	}
  	
  	.formbox input[type="text"].required,
  	.formbox textarea.required {
  		color: #984428;
  		background: url(../images/icon-required.png) no-repeat right 7px #fff;
  	}
  	
  	#content .formbox p.notify {
	  	font-size: 12px;
	  }
	  
	 nav#portfolio li a {
	 	padding-left: 0;
	 	background-position: 6px -2337px;
	 }   
	 
	 nav#portfolio li.brand a {
	 	background-position: 6px -2408px;
	 }
	 
	 nav#portfolio li.expressionengine a {
	 	background-position: 6px -2481px;
	 }
	 
	 nav#portfolio li.video a {
	 	background-position: 6px -2552px;
	 }
	 
	 nav#portfolio li .sublist li {
	 	width: 100%;
	 }
	 
	 #contact .formbox .intro {
	 	float: left;
	 	position: relative;
	 	width: 100%;
	 	right: 0;
	 }
	 
	 #contact .formbox input[type="text"] {
	 	width: 97%;
	 }
	 
	 #contact .formbox .chzn-container,
	 #blog #content .action .chzn-container {
	 	width: 100% !important;
	 }
	 
	 #contact .formbox a.pricing {
	 	display: none;
	 }
	 
	 .formbox hr.input-hr {
	 	width: 100%;
	 }
	 
	 #home header #banner .testimonial article img {
	 	width: 25%;
	 }
	 
	 #home #banner .about img,
	 #home #banner .projects img {
	 	clear: both;
	 	margin-top: 25px !important;
	 }
	 
  	
  	#home #home-blog .col {
  		width: 100%;
  		margin-left: 0;
  		text-align: center;
  	}
  	
  	#home #content #home-blog .col li a {
  		padding-bottom: 10px;
  		text-align: center;
  	}
  	
  	#home #content #home-blog .col h5 {
  		text-align: center;
  	}
  	
  	#home #content #home-blog .featured-blog img {
  		width: 100%;
  		margin-right: 0;
  		margin-bottom: 10px;
  	}
  	
  	#home #content #home-blog .featured-blog a.button {
  		float: none;
  		
  	}
  	
  	#home header #banner .testimonial h1 {
  		margin-bottom: 5px;
  	}
  	
  	
  	.flex-direction-nav {
  		display: none;
  	}
  	
  	footer {
  		padding-top: 30px;
  	}
  	
  	footer a.social {
  		margin-right: 5px;
  	} 
  	
  	footer .col.contact {
  		width: 100%;
  	}
  	
  	footer .col.follow {
  		width: 100%;
  		position: relative;
  		bottom: 0px;
  		margin-left: 0px;
  	}
  	
  	footer .col.follow .split-col {
  		width: 100%;
  	}
  	
  	footer #utility p.copyright {
  		width: 100%;
  		text-align: center;
  		margin-bottom: 10px;
  	}
  	
  	footer #utility a.ee {
  		float: none;
  		margin-left: auto;
  		margin-right: auto;
  		margin-bottom: 10px;
  		margin-top: 0px;
  	}
  	
  	#action {
	  	background-image: url(../images/action-bkg2.png);
	  	height: 250px;
	  	clear: both;
	  }
	  
	  #action p {
	  	font-size: 16px;
		  line-height: 20px;
	  }
	  
	  #action a.go {
	  	bottom: -40px;
	  }
	  
	  #content .story .icon {
	  	float: none;
	  	margin-left: auto;
	  	margin-right: auto;
	  }
	  
	  #content .bcard {
	  		float: none;
	  		width: 100%;
	  	}
	  	
	  #content .bio-wrapper {
	  	padding-left: 0;
	  	padding-top: 1em;
	  }
	  
}
 
@media print {

  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; font-size: 99% !important; line-height: 105% !important;
  } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.9cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  footer,
  #codeigniter_profiler,
  header {
  	display: none;
  }
  #content ul li {
  	list-style-type: bullet !important;
  	padding-top: 3px;
  	padding-bottom: 3px;
  }
  
  #sidebar li.print {
  	display: none;
  }
  
  #content h1 {
  	font-size: 30px !important;
  	line-height: 30px !important;
  }
  
  #content {
  	width: 95% !important;
  	float: none;
  
  }
  
  #sidebar {
  	width: 95% !important;
  	float: none;
  	clear: both;
  	overflow: visible;
  	border: none !important;
  }
  
  .estimate #content td.hour_low.total h2 {
  	font-size: 25px !important;
  }
}