/*
Theme Name: Easily Amused
Theme URI: http://underscores.me/
Author: James TRyon
Author URI: http://easilyamusedinc.com
Description: Easily Amused, Inc. - a creative agency
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
html, body {
	margin:0;
	padding:0;
	height: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
	text-decoration: none;
}
a img {
	border: 0;
}
/* @end reset */

/* @group loading graphic */
.no-js #loader { 
	display: none;  
}
.js #loader,
#loader { 
	display: block; 
	position: absolute; 
	left: 43%; 
	top: 250px; 
}
body.preload #branding,
body.preload .section,
body.preload footer {
	display: none;
}
/* @end loading graphic */

/* @group font face */
@font-face {
    font-family: 'FranklinGothicHeavy';
    src: url('fonts/franklin_gothic_heavy.eot');
    src: url('fonts/franklin_gothic_heavy.eot?#iefix') format('embedded-opentype'),
         url('fonts/franklin_gothic_heavy.woff') format('woff'),
         url('fonts/franklin_gothic_heavy.ttf') format('truetype'),
         url('fonts/franklin_gothic_heavy.svg#FranklinGothicHeavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ITCFranklinGothicStdDemi';
    src: url('fonts/itcfranklingothicstd-demi-webfont.eot');
    src: url('fonts/itcfranklingothicstd-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/itcfranklingothicstd-demi-webfont.woff') format('woff'),
         url('fonts/itcfranklingothicstd-demi-webfont.ttf') format('truetype'),
         url('fonts/itcfranklingothicstd-demi-webfont.svg#ITCFranklinGothicStdDemi') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KomikaTitleRegular';
    src: url('fonts/KomikaTitle-webfont.eot');
    src: url('fonts/KomikaTitle-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/KomikaTitle-webfont.woff') format('woff'),
         url('fonts/KomikaTitle-webfont.ttf') format('truetype'),
         url('fonts/KomikaTitle-webfont.svg#KomikaTitleRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KomikaTitle-PaintRegular';
    src: url('fonts/KomikaTitle-Paint-webfont.eot');
    src: url('fonts/KomikaTitle-Paint-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/KomikaTitle-Paint-webfont.woff') format('woff'),
         url('fonts/KomikaTitle-Paint-webfont.ttf') format('truetype'),
         url('fonts/KomikaTitle-Paint-webfont.svg#KomikaTitle-PaintRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KomikaTitleWideRegular';
    src: url('fonts/KomikaTitle-Wide-webfont.eot');
    src: url('fonts/KomikaTitle-Wide-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/KomikaTitle-Wide-webfont.woff') format('woff'),
         url('fonts/KomikaTitle-Wide-webfont.ttf') format('truetype'),
         url('fonts/KomikaTitle-Wide-webfont.svg#KomikaTitleWideRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KomikaTitleAxisRegular';
    src: url('fonts/KomikaTitle-Axis-webfont.eot');
    src: url('fonts/KomikaTitle-Axis-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/KomikaTitle-Axis-webfont.woff') format('woff'),
         url('fonts/KomikaTitle-Axis-webfont.ttf') format('truetype'),
         url('fonts/KomikaTitle-Axis-webfont.svg#KomikaTitleAxisRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KomikaTitleKapsRegular';
    src: url('fonts/KomikaTitle-Kaps-webfont.eot');
    src: url('fonts/KomikaTitle-Kaps-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/KomikaTitle-Kaps-webfont.woff') format('woff'),
         url('fonts/KomikaTitle-Kaps-webfont.ttf') format('truetype'),
         url('fonts/KomikaTitle-Kaps-webfont.svg#KomikaTitleKapsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* @end font face */


/* @group Global */
body,
button,
input,
select,
textarea,
#site-navigation ul ul a {
	font-size: 14px;
	font-size: 1.4rem;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.5;
	word-spacing: 0px;
	letter-spacing: 0px;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);

}

/* Headings */
h1, h2, h4, h5, h6,
.entry-title,
a, a:link,a:visited  {
	font-family: 'FranklinGothicHeavy';
	font-weight: normal;
	outline:none;
	text-decoration: none;
}
h3,
h4 {
	font-family: 'ITCFranklinGothicStdDemi';
	font-weight: normal;
	outline: none;
	text-decoration: none;
}
h1 {
	padding: 5px 0 15px;
	font-size: 36px;
	line-height: 43px;
}
h2 {
	font-size: 36px;
	line-height: 40px;
	margin: 0px;
	padding: 5px 0 0;
}
h3 {
	font-size: 22px;
	line-height: 27px;
	margin: 0 0 10px 0;
	padding: 5px 0 0;
}
h4 {
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 10px;
	padding: 0px;
}	
/* Text elements */
p {
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
.hentry ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.hentry ul li {
	background: transparent url(img/bullet-sm.png) no-repeat 0 center;
	padding: 3px 5px 3px 13px;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
	color: rgba(0,0,0,.8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 1.12em 1.5em 1em;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type=text],
input[type=email],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	color: #111;
}
input[type=text],
input[type=email] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* @group colors */
a, 
a:link, 
a:visited,
h1, h2, h3, h5, h6,
.entry-title {
	color:  #ce6428;
}
a:hover,
a:focus,
a:active,
#site-navigation ul a {
	color: #81AB1D;
}
html, 
body,
h3,
h4,
#services ul#main-services h4
{
	color: #2A4129;
}
/* @end colors */

/* @end Global */


/* @group Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
.fixed {
	 position: fixed !important;
}
.block {
	display: block !important;
}
.left {
	width: 50%;
	float: left;
	display: block;
}
.right {
	float: right;
	width: 50%;
	padding: 0;
	margin: 0;
}


/* @end aligmnent */

/* @group layout */

#branding {
	position:fixed;
	padding: 0;
	top: -12px;
	z-index: 99999;
    margin-left: -35px;
}
/* @group logo */
#site-title {
	display: block;
    float: left;
    height: 107px;
    margin: 0;
    padding: 0;
    width: 425px;
}
#site-title a {
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background: transparent url(img/ea-sprite.png) no-repeat 0 0;
}
h2.site-description {
	display: none;
}
/* @end logo */
#work.section,
#services.section {
	min-height: auto !important;
}
section,
.wrapper {
	margin:0 auto;
	max-width:960px;
	position: relative;
}
.section .wrapper {
	text-align: left;	
}
#page {
	height: auto !important;
    margin: 0 auto -140px;
    min-height: 100%;
}
#page #main {
	padding-top: 90px;
}
.page-template-page-services-php #page #main {
	padding-top: 0px;
}
#primary {
	float: left;
	margin: 0 -26% 0 0;
	width: 100%;
}
#content {
	margin: 0 30% 0 0;
}
.page-template-page-one-col-php #primary,
.page-template-page-work-php #primary {
	float: none;
	margin: 0;
}
.page-template-page-one-col-php #content,
.page-template-page-work-php #content {
	margin: 0;
}
#secondary { /* Sidebar 1 */
	float: right;
	overflow: hidden;
	width: 26%;
}
#tertiary { /* Sidebar 2 */
	clear: right;
}
.site-footer {
	clear: both;
	width: 100%;
	background-color: #2A4129;
}
.push {
	height: 200px;
}
.site-footer {
	height: 140px;
}
.pipes {
	position: relative;
	height: 125px;
	top: -68px;
	background: transparent url(img/floor-divider.png) no-repeat center top;
}
footer #site-info {
	float:left;
}
footer #site-generator {
	float:right;
}
footer a {
	text-decoration:underline;
	text-shadow: none;
}
footer a:hover {
	color: #2A4129;
}
#colophon {
	max-width: 960px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 18px;
	word-spacing: 0px;
	letter-spacing: 0px;
	margin: -30px auto 0;
	clear:both;
	height:40px;

}
/* @end layout */

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


/* @group Menu */

/* @group main nav  */
#site-navigation {
	background: url("img/ea-sprite.png") no-repeat scroll -425px 0 transparent;
    display: block;
    left: 425px;
    padding: 0;
    position: absolute;
    width: 595px;
    min-height: 70px;
}
#site-navigation ul {
	padding: 0;
	margin: 30px 0 0 26px;
	list-style: none;
	position: relative;
}
#site-navigation li {
	padding: 0 12px;
	float: left;
}
#site-navigation ul a {
	padding: 0;
	display: block;
	font-size: 21px;
	background-color: transparent;
}
#site-navigation ul a:hover,
#site-navigation ul li.current a,
#site-navigation ul li.current-menu-item a {
	text-decoration: none;
	background-color: transparent;
	color: #2A4129;
	padding-bottom: 5px;
}
#site-navigation ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 34px;
	left: -12px;
	right: -4px;
	z-index: 99999;
	background: transparent url(img/sub-nav.png) no-repeat top left;
	margin: 0;
	padding: 18px 22px 10px;
	
}
#site-navigation ul li.current_page_item ul {
	display: block;	
}

#site-navigation  ul ul ul {
	left: 100%;
	top: 0;
}
#site-navigation  ul ul a {
	display: block;
	white-space: nowrap;
	padding: 2px 0 0 !important;
	
}
#site-navigation  ul ul li {
	float: left;
	display: inline;
	width: 33.3%;
	margin: 0;
	padding: 0;
}
#site-navigation  li:hover > a {
}
#site-navigation  ul ul :hover > a {
	color: #CE6428;
}
#site-navigation  ul ul a:hover {
}
#site-navigation  ul li:hover > ul {
	display: block;
}
#site-navigation li.current_page_item a,
#site-navigation li.current-menu-item a {
}

/* @end main-nav */

/* @group Small menu */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* @end small menu */

/* @end menu */

/* @group blog */
h2.entry-title {
	font-size: 27px;
	line-height: 32px;
}
#nav-below {
	margin-bottom: 10px;
}
/* @end blog */

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
	margin: 0 0 30px;
	padding: 10px 30px;
	background: white;
}
.page.hentry {
	background: transparent;
}
.entry-meta {
	clear: both;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-bottom: 1.5em;
}
.wp-caption img {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-content .site-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.site-content .nav-previous {
	float: left;
	width: 50%;
}
.site-content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* @group Comments */
h2.comments-title {
	font-size: 23px;
	line-height: 27px;
	margin: 30px 0;
}
ol.commentlist {
	
}
ol.commentlist li {
	padding: 5px;
	background: white;
	margin: 5px 0;	
}
.comment-author.vcard,
.comment-author.vcard img,
.comment-meta.commentmetadata {

}
#commentform input[type="text"] {
	width: 365px;
}
.bypostauthor {
}

/* @end Comments */

/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

#secondary .widget {
	margin: 0 15px 1.5em;
}
#secondary ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#secondary ul li {
	
}
/* Search widget */
#searchsubmit {
	display: none;
}

/* @group buttons */
.btn {
}
.btn:hover {
}
a.more {
	font-family: 'KomikaTitleKapsRegular';
	color: #1E83AF;
	font-size: 34px;
	float: right;
}
a.more:hover {
	color: #C5007C;
}
/* @end buttons */

/* @group home one page slider */
.section,
footer {
	padding: 0;
	position: relative;
	background-image: url(img/paper.png);
	background-repeat: repeat;
}
/* @group work */
#work {
	min-height: 1100px;
	z-index: 100;
	background: transparent url(img/building-top.png) no-repeat center top;
}
#work .wrapper {
	padding: 75px 0 0 0;
}
#billboard-bg {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events:none;
	z-index: 100;
}
.royalSlider.billboard,
#work #meteor-slideshow {
	margin: 0 0 0 31px;
}
a.more-work {
	position: absolute;	
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	height: 71px;
	width: 141px;
	z-index: 99;
	background: transparent url(img/more-work.png) no-repeat 0 0;
	top: 492px;
	right: 92px;
}
/* @end work */

/* @group services */
#services.section {
	padding: 0;
	
}
#services .wrapper {
	padding: 150px 0 250px 0;
}
#services .building-divider:before {
	content: "";
	position: absolute;
	top: 1015px;
	left: 0;
	right: 0;
	height: 56px;
	background: transparent url(img/building-divider-2.png) repeat-x 0 0;
	pointer-events: none;
}
#services .building-divider:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	height: 54px;
	background: transparent url(img/building-divider-3.png) repeat-x 0 0;
	pointer-events: none;
}
#services ul#main-services {
	max-width: 610px;
	padding: 460px 0 0 0;
	margin: 0 0 0 0;
	list-style: none;	
	float: left;
}
#services ul#main-services li {
	display: block;
	min-height: 275px;
	margin: 0 0 0 0;
}
#services ul#main-services li.odd {
	text-align: right;
}
#services ul#main-services li.odd img {
	float: right;
	margin: 5px 0 0 30px;
}
#services ul#main-services li.even {
	text-align: left;
}
#services ul#main-services li.even img {
	float: left;
	margin: 5px 30px 0 0;
}
#services ul#main-services img {
	
}
#services ul#main-services h2 {
	white-space: nowrap;
}
#services ul#main-services h4 {
	margin-bottom: 5px;
}
#services ul#main-services p {
	width: auto;
	margin-top: 0px;
	line-height: 22px;
}
#service-menu {
	background: transparent url(img/service-menu.png) no-repeat 0 0;
	width: 310px;
	height:310px;
	float: right;
	padding: 35px 0 0 25px;
	margin: 0;
	position: relative;
	z-index: 20;
}
#service-menu.fixed {
	margin-left: 658px;
}
#service-menu h1 {
	font-size: 28px;
	margin: 0;
	padding: 0;
}
#service-menu ul {
    float: left;
    font-size: 14px;
    line-height: 18px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 48%;
}
#service-menu li {
	background: transparent url(img/bullet-sm.png) no-repeat 0 center;
	padding: 3px 5px 3px 13px;
}
.buddy,
.buddy-basic {
	display: block;
	width: 227px;
	height: 270px;
	position: relative;
	z-index: 999;
	pointer-events: none;
	background-image: url(img/buddy.png);
	background-position: 0 0;
	background-color: transparent;
	background-repeat: no-repeat;
}
.buddy span {
	display: none;
}
#buddy1 {
	width: 227px;
	height: 270px;
	position: absolute;
	left: -120px;
	top: 250px;
}
#buddy1 .buddy {
	position: relative;
}
#buddy-services {
	width: 227px;
	height: 270px;
	position: absolute;
	top: 568px;
	margin-left: 668px;
	z-index: 10;
}

#buddy-services .buddy {
	position: relative;
	background-position: -250px 0;
}

#buddy-services.hover {
	position: fixed;
	margin-left: 742px;
	top: 350px;
}
#buddy-process {
	top: 540px;
	position: absolute;
}
#buddy-process .buddy {
	z-index: 10;
	background-position: -800px 0;
}
#buddy-about {
	width: 255px;
	height: 320px;
	top: 320px;
	margin-left: 95px;
	position: absolute;
}
#buddy-about .buddy-basic {
	background-position: -560px top;
	height: 330px;
}
.banter {
	background: white;
	padding: 5px;
	position: absolute;
	top: -30px;
	left: -30px;
}
/* @end services */

/* @group process */
#process .wrapper {
	padding: 600px 0 0;
}
#process .copy {
	text-align: right;
	max-width: 480px;
	margin: 0;
}
#process h1 {
	margin: 0 0 5px 0;
	padding: 0;
}
ul#our-process {
	position: relative;
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	z-index: 15;
	min-height: 500px;
}
ul#our-process li {
	display: block;
	float: left;
	width: 160px;
	height: 160px;
	background-color: transparent;
	background-image: url(img/our-process.png);
	background-repeat: no-repeat;
}
ul#our-process li h2,
ul#our-process li .overview {
	display: none;
	position: absolute;
	top: 165px;
}
ul#our-process li:hover h2,
ul#our-process li:hover .overview {
	display: block;
}
ul#our-process li h2 {
	left: 0px;
	min-width: 350px;
	text-align: right;
}
ul#our-process li .overview {
	left: 400px;
	max-width: 500px;
}
ul#our-process li.process-1 {
	background-position: 13px top;
}
ul#our-process li.process-2 {
	background-position: -156px top;
}
ul#our-process li.process-3 {
	background-position: -324px top;
}
ul#our-process li.process-4 {
	background-position: -498px top;
}
ul#our-process li.process-5 {
	background-position: -670px top;
}
ul#our-process li.process-6 {
	background-position: -838px top;
}
#process:after,
#contact:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	height: 35px;
	background: transparent url(img/building-divider-4.png) repeat-x 0 0;
	pointer-events: none;
	z-index: 1;
}

/* @end process */

/* @group latest news - blog */
#blog {
	/* background-color: #B6C75F; */
}
#blog .wrapper {
	padding-top: 12%;
}
#blog .carl {
	float: left;
	margin: 34px 25px 0 -50px;
}
#latest-news {
	max-width: 480px;
	float: left;
}
#latest-news h1 {
	font-size: 36px;
	margin: 0;
}
#latest-news ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#latest-news ul img {
	float: left;
	margin: 0 15px 0 0;
}
#latest-news li {
	display: block;
	margin: 34px 0;
}
#latest-news li:first-child {
	margin-top: 4px;
}
#latest-news ul h2,
#latest-news ul h2 a {
	font-size: 22px;
	color: #2A4129;
	line-height: 27px;
	padding: 0;
	margin: 0;
}
#latest-news p {
	margin: 0 0 0 0;
	display: table-cell;
}
ul#latest-news-widgets {
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
	list-style: none;
}
ul#latest-news-widgets li {
	float: left;
}
ul#latest-news-widgets .widget_twitter {
	width: 58%;
	margin-right: 2%;
}
ul#latest-news-widgets .widget_text {
	width: 40%;
}

ul.tweets {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.tweets li {
	margin: 0;
	padding: 0;
}
ul.tweets li a.timesince {
	
}
/* @end latest news - blog */


/* @group contact */
#contact {
	/* background-color: #1E83AF; */
}
#contact .wrapper {
	padding-top: 110px;
}
.gform_wrapper {
	max-width: 460px !important;
}
#contact .gform_wrapper,
#contact #gforms_confirmation_message {
	width: 52%;
	max-width: 52%;
	margin: 0 3% 0 0;
	float: left;
}
#contact .gform_description {
  background: url("img/form-dis-bg.png") no-repeat scroll 0 0 transparent;
  display: block;
  margin: 0 0 0 -35px;
  padding: 8px 100px 8px 36px;
}
#contact .gform_wrapper .right_label .gfield_label,
#contact .gform_wrapper .top_label .gfield_label {
    position: absolute;
    left: -9999px;
}
#contact .operator {
	float: left;
	margin: -40px 0 40px;
}
input[type=text],
.gform_wrapper input[type=text],
input[type=textarea],
.gform_wrapper textarea {
	background: transparent url(img/inputs-bg.png) no-repeat 0 0;
	border: none;
	font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 15px !important;
    vertical-align: middle;
}
input[type=textarea],
.gform_wrapper textarea {
	background: transparent url(img/inputs-bg.png) no-repeat 0 -98px;
}
#contact .contact gform_wrapper .top_label input.medium, 
#contact .gform_wrapper .top_label select.medium,
#contact .gform_wrapper .top_label input.large,
#contact .gform_wrapper .top_label select.large, 
#contact .gform_wrapper .top_label textarea.textarea { 
	width: 74% !important;
}
#contact .gform_wrapper .top_label textarea.textarea { 
	width: 80% !important;
	margin-left: -5px;
}
.gform_wrapper .top_label input.medium, 
.gform_wrapper .top_label select.medium,
.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large, 
.gform_wrapper .top_label textarea.textarea { 
	width: 365px !important;
}
.gform_wrapper textarea.medium {
    height: 210px !important;
}
.gform_wrapper .gform_footer {
    clear: both;
    margin: 0 0 0;
    padding: 0 90px 0 0;
    text-align: right;
}
#contact .copy {
	width: 57%;
	float: left;
	margin: 0 0 100px 0;
}
ul.social {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	width: 43%;
}
ul.social li {
	float: left;
	display: block;
	width: 72px;
	height: 72px;
}
ul.social li a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(img/social.png);
}
ul.social li.facebook a {
	background-position: 0 0;
}
ul.social li.twitter a {
	background-position: -72px 0;
}
ul.social li.wordpress a {
	background-position: -142px 0;
}
ul.social li.youtube a {
	background-position: -214px 0;
}
ul.social li.rss a {
	background-position: -286px 0;
}
/* @end contact */

/* @group testimonial */
#testimonial {
	margin: 0 auto 300px;	
}
#testimonial .creative-director {
	float: left;
	margin: 20px 0 0 -50px;
}

/* My Comment */
#testimonial h1 {
	margin: 0 0 0 232px;
	padding: 0;
}
#testimonial quote {
	display: block;
	max-width: 710px;
	min-height: 140px;
	padding: 30px 20px;
	background: transparent url(img/client-test.png) no-repeat 0 0;
	margin: 0 0 0 215px;
	font-size: 14px;
	line-height: 22px;
}
#testimonial cite {
	display: block;
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    margin: 15px 30px 0 0;
    text-align: right;
}
/* @end testimonial */

/* @group about */
#about {
	background: transparent url(img/about.png) no-repeat center -150px;
}
#about .wrapper {
	padding: 395px 0 150px 0;
}
#about .copy {
	max-width: 550px;
	margin: 0 0 100px 412px;
}
#about p {
	
}
#about h1 {
	margin: 0 0 5px 0;
	padding: 0;
}
ul#whats-next-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#directions {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
ul#directions li {
	display: block;
	float: left;
}
ul#directions li h3 {
	font-size: 26px;
	white-space: nowrap;
}

ul#directions li h3,
ul#directions li p,
ul#directions li a {
	margin: 0 54px;
	text-align: left;
}
ul#directions li a.img {
	text-indent: -9999px;
	height: 110px;
	width: 100px;
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(img/directions.png);
	margin: 0 15px 0 0;
	float: left;	
}
ul#directions li a {
	font-size: 24px;
	display: block;
}
ul#directions li.work {
	width: 31%;
}
ul#directions li.work a.img {
	background-position: 0px top;
}
ul#directions li.services {
	width: 36%;
}
ul#directions li.services a.img {
	background-position: -310px top;
}
ul#directions li.contact {
	width: 33%;
}
ul#directions li.contact a.img {
	background-position: -602px top;
	
}
/* @end about */

/* @group resources */
#resources {
	background-color: #B5B5B5;
}
#resources .wrapper {
	padding: 68px 0 115px;
}
#resources #basement {
	margin: 0 0 30px 0;
	width: 100%;
}
#resources .left,
ul.resource-nav {
	width: 47%;
}
#resources .right {
	width: 45%;
}
ul.resource-nav {
	float: left;
	margin: 18px 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
ul.resource-nav li {
	background: transparent url(img/bullet.png) no-repeat 0 5px;
	padding: 3px 0 3px 25px;
}
ul li.heading {
	background-image: none;
	white-space: nowrap;
	clear: both;
	padding: 0 0 5px;
	width: 100%;
	text-indent: 0;
	height: auto;
}
/* @end resources */

/* @group dividers*/
#services.section:before,
#blog.section:before,
#contact.section:before {
	content: "";
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	height: 54px;
	background: transparent url(img/building-divider-1.png) repeat-x 0 0;
	pointer-events: none;
}
/* @end dividers */

/* @group bricks */
.bricks {
	pointer-events: none;
}
.bricks span {
	display: block;
	background: transparent url(img/bricks.png) no-repeat;
	height: 154px;
	position: absolute;
	z-index: -1;
}
.bricks span.brick1 {
	width: 230px;
	background-position: left top;
	left: -5%;
	top: 2%;
}
.bricks span.brick2 {
	width: 155px;
	background-position: -235px top;
	right: 0;
	top: 6%;
}
.bricks span.brick3 {
	width: 232px;
	background-position: -400px top;
	left: 40%;
	top: 16%;
}
.bricks span.brick4 {
	width: 160px;
	background-position: -635px top;
	left: 16%;
	top: 26%;
}
.bricks span.brick5 {
	width: 320px;
	background-position: -795px top;
	right: 16%;
	top: 33%;
}

/* @end */

/* @end home one page slider */

/* @group work page */
.page-template-page-work #page.wrapper {
	max-width: 960px;
}
/* @end work page */

/* @group isotope */
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
  margin: 5px;
}
.isotope-item img {
	border: 5px solid #fff;
	-webkit-box-shadow:  1px 1px 4px 1px rgba(0, 0, 0, 0.13);
            box-shadow:  1px 1px 4px 1px rgba(0, 0, 0, 0.13);
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/**** Isotope filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/* @end isotope */

/* @group work */
ul#filters {
	margin: 0 0 0 -32px;
	padding: 0 32px 50px 24px;
	list-style: none;
	background: url("img/large-nav-bg.png") no-repeat scroll 0 0 transparent;
    display: block;
    clear: both;
    height: 55px;
    width: 100%;
    font-size: 20px;
    z-index: 100;
}
ul#filters li {
	float: left;
}
ul#filters li a {
	display: block;
	padding: 14px;
	color: #81AB1D;
}
ul#filters li a:hover {
	color: #CE6428;
}
ul#filters li:last-child a {
	padding: 14px 0 14px;
} 
.piece .project-info {
	display: none;	
}
.piece:hover .project-info {
	display: block;	
}
.project-info {
	background: none repeat scroll 0 0 rgb(255, 255, 255);
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.92);
    bottom: 10px;
    left: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    pointer-events: none;
}
.project-info a {
	pointer-events: auto;
}
.project-info h2 {
	padding: 10px 15px 0;
	font-size: 32px;
}
#post-852 .project-info h2 {
	font-size: 26px;
}
.project-info h3 {
	padding: 5px 15px;
	margin-bottom: 0;	
}
.project-info p {
	padding: 0px 15px 0px;
	margin: 0;
}
ul.one_half {
	width: 42%;
	margin: 0 1px 0 7%;
}
ul.one_half.last_column {
	width: 39%;
	margin: 0 7% 0 4%;
}
/* @end work */

/* @group services */
.page-id-92 .entry-title, /* Services top page */
.page-id-152 .entry-title, /* hosting */
.page-id-984 .entry-title /* WordPress */ {
	display:none;
}
.page-template-page-services-php section,
.page-template-page-services-php #page.wrapper {
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.page-template-page-services-php .entry-content {
	width: 960px;
	margin: 0 auto;
}
.jcarousel {
    position: relative;
    overflow: hidden;
    /* You need at least a height, adjust this to your needs */
    height: 100%;
}

.jcarousel > ul.carousel {
    width: 100%;
    position: absolute;
    list-style: none;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

.jcarousel ul.carousel > li {
    float: left;
    width: 100%;
    padding: 155px 0 0 0;
    margin: 0;
}

.jcarousel-prev,
.jcarousel-next {
	display: block;
	position: absolute;
	top: 300px;
	z-index: 100px;
}
.jcarousel-prev {
	left: 100px;
}
.jcarousel-next {
	right: 100px;
}
div.one_half {
	width: 48%;
	margin-right: 2%;
}
div.one_half.last_column {
	width: 45%;
	margin-left: 5%;
	margin-right: 0;
}
#web-design-development h2 {
	white-space: nowrap;
}
li#wordpress h2 {
	width: 465px;
}
.market-trends {
	margin: -20px 0 0 30px;
}
.switch-board {
	margin: 0px 0 0 15px;
}
/* @end services */

/* @group shortcodes */
/* @group blog */
.blog-loop {
	
}
.blog-loop ul {
	
}
.blog-loop ul li {
	padding: 0 300px 0 0;
	margin: 35px 0;
    min-height: 240px;
}
.blog-loop ul li.WordPress {
	background: url("img/blog-simian.png") no-repeat scroll 626px top transparent;
    padding: 0 310px 0 0;
}
.blog-loop li {
	background: ;	
}
.blog-loop li {
	background: ;	
}
.blog-loop li {
	background: ;	
}
.blog-loop li {
	background: ;	
}
.blog-loop li {
	background: ;	
}
.blog-loop li {
	background: ;	
}


/* @end blog */

/* @group port */
.port {
	position: relative;
}
.port ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.port ul li {
	float: left;
	width: 31%;
	margin-right: 3%;
	padding: 0;
	background: transparent none;
}
.port ul li:last-child {
	margin-right: 0;
}
.port img {
	border: 5px solid #fff;
	-webkit-box-shadow:  1px 1px 4px 1px rgba(0, 0, 0, 0.13);
            box-shadow:  1px 1px 4px 1px rgba(0, 0, 0, 0.13);

}
.port a.more-work {
	bottom: -66px;
	right: 0;
	top: auto;
}
/* @end port */
/* @end shortcode */

/* @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; -webkit-overflow-scrolling: touch;}
#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; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    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:#fff;}
#colorbox{outline:0;}
#cboxContent{margin-top:32px; overflow:visible; background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(img/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
 /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(img/controls.png) no-repeat 0 0;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
 #cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
/* @end colorbox */

/* @group hide */
.service-menu,
.service-menu-advertising-marketing,
.service-menu-identit-branding,
.service-menu-mutimedia,
.service-menu-print-graphic-design,
.service-menu-research-education,
.service-menu-web-deign-development,
.service-menu-WordPress,
img#wpstats {
	display: none;
}
/* @end hide */

/* @group fixes */
hr,
.clear {
	clear:both;
	height:0px;
	overflow:hidden;
	padding: 0;
	margin: 0;
	border: none;
	pointer-events: none;
}
/* @end fixes */

/* @group responcive */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.hide-for-mobile {
		display: none;
	}

}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#billboard-bg {
		display: none;
	}
	#testimonial .creative-director {
    	float: none;
    }
    #testimonial h1 {
    	margin: 0 32px;
    }
    #testimonial quote {
    	margin: 0;
    }
    #testimonial cite {
    	margin: 5px 10px 0 0;
    }
    ul#our-process {
    	height: auto;
    	margin: 30px 0 70px;
    } 
   	ul#our-process li h2,
   	ul#our-process li .overview  {
		left: auto;
		width: auto;
		display: block;
		position: relative;
		text-align: left;
		top: auto;
	}
	ul#our-process li {
		float: none;
		width: auto;
		background: none;
		padding: 10px 20px;
	}
	ul#our-process li:before {
		content: "";
		position: relative;
	    background-color: transparent;
    	background-image: url("img/our-process.png");
    	background-repeat: no-repeat;
    	display: block;
    	float: left;
    	height: 160px;
    	width: 160px;
	}
	ul#our-process li.process-1:before {
		content: "";
		background-position: 13px top;
	}
	ul#our-process li.process-2:before {
		content: "";
		background-position: -156px top;
	}
	ul#our-process li.process-3:before {
		content: "";
		background-position: -324px top;
	}
	ul#our-process li.process-4:before {
		content: "";
		background-position: -498px top;
	}
	ul#our-process li.process-5:before {
		content: "";
		background-position: -670px top;
	}
	ul#our-process li.process-6:before {
		content: "";
		background-position: -838px top;
	}
	#about {
		background: #D7E2B2 none;
	}	
	#about .copy {
    	margin: 0 auto;
    	width: auto;
	}
	
	ul#directions li.work,
	ul#directions li.services,
	ul#directions li.contact {
    	width: auto;
	}
	ul#directions li {
    	display: block;
    	float: none;
    	margin: 60px;
	}
	#latest-news li {
    	display: block;
    	margin: 60px 0;
	}
	.alignleft,
	.alignright {
		float: none;
	}
	.container .widget-area {
    	float: none;
    	width: auto;
	}
	.one-half,
	.one-half.column {
		width: 100%;
		float: none;
		display: block;
	}
	#service-menu {
		display: none;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	nav li a,
	nav li a:visited,
	nav li a:focus {
		padding: 28px 6px 0;		
	}
	nav ul {
		height: 30px;
	}
	#site-navigation {
		background: none no-repeat scroll 0 0 transparent;
	    display: block;
	    left: 0px;
		width:100%;
	}
	.royalSlider.billboard, #work #meteor-slideshow {
		margin: 0 0 0 0;
	}
	#buddy-services {
		display: none;
	}
	#services ul#main-services h2,
	ul li.heading {
		white-space: normal;
	}
	#resources .left, 
	ul.resource-nav,
	#resources .right,
	#contact .gform_wrapper, 
	#contact #gforms_confirmation_message,
	#contact .operator,
	#blog .carl,
	#about .copy {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	#process .copy {
		text-align: left;
		max-width: 94%;
		margin: 0 auto;
	}
	#process h1 {
		margin: 0 80px 5px 0;
	}
	ul#our-process li:before {
		float: none;
		margin: 0 auto;
	}
	ul#our-process li {
		padding: 20px;
		height: auto;
	}
	#buddy-about {
		top: 100px;
	}
	ul#directions li a.img {
		margin: 0 auto;
		float: none;
	}
	#contact .wrapper {
		padding: 500px 0 100px;
		width: 94%;
	}
	#contact .operator {
		position: absolute;
		top: 60px;
		margin: 0 0 0 0;
	}
	#contact .gform_wrapper .gform_heading {
		width: 107% !important;
	}
	#contact .gform_description {
		padding: 8px 26px 8px 36px;
	}
	.gform_wrapper .top_label input.medium {
		width: 330px !important;
	}
	#contact .gform_wrapper .top_label textarea.textarea {
		width: 94% !important; 
	}
	#colophon {
		margin: -40px 6% 0;
	}
	footer #site-generator {
		display:none;
	}

}
/* @end responcive */