@import url('reset.css');
/*@import url('../fonts/fonts.css');*/
@font-face {
	font-family: 'MavenProMedium';
	src: url('../fonts/Medium/maven_pro_medium-webfont.eot.eot'); /* IE9 Compat Modes */
	src: url('../fonts/Medium/maven_pro_medium-webfont.eot.eot?iefix') format('eot'), /* IE6-IE8 */
	     url('../fonts/Medium/maven_pro_medium-webfont.eot.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/Medium/maven_pro_medium-webfont.eot.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/Medium/maven_pro_medium-webfont.eot.svg#svgFontName') format('svg'); /* Legacy iOS */
	}

@font-face {
	font-family: 'MavenProRegular';
	src: url('../fonts/Regular/maven_pro_regular-webfont.eot.eot'); /* IE9 Compat Modes */
	src: url('../fonts/Regular/maven_pro_regular-webfont.eot.eot?iefix') format('eot'), /* IE6-IE8 */
	     url('../fonts/Regular/maven_pro_regular-webfont.eot.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/Regular/maven_pro_regular-webfont.eot.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/Regular/maven_pro_regular-webfont.eot.svg#svgFontName') format('svg'); /* Legacy iOS */
	}

/*
	Main CSS doc for Lift Interactive | Copyright 2010
	Created By Lift. (http://www.liftinteractive.com)
*/

/*
	Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px.
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/


/*
	Palette

	#dc2128 	red
	#1eb0bc		teal
	#f2c910		yellow

*/


/*
**	=global
************************/
body					{ background:#000 url('../img/bg-footer-pattern.png') repeat 0 0; color:#fff; font:75%/1 Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif; -webkit-text-size-adjust: none;  -webkit-font-smoothing: antialiased; -webkit-background-clip: padding-box; }
a						{ color:#666; text-decoration:none; }
a:hover					{ color:#ccc; }
a img, img				{ border:0; }
p,ul,ol					{ margin-bottom:1em; }
p,li					{ line-height:1.4; }
h1,h2,h3,h4,h5,h6		{ font-weight:normal; margin-bottom:0.5em; }
strong, b				{ font-weight:bold; }
em, i					{ font-style:italic; }
hr						{ border:0 dotted #ccc; border-top-width:1px; height:0; clear:both; }

/* HTML5 tags */
/*header, section, footer,
aside, nav, article, figure		{ display:block; }*/

* p:last-child			{ margin-bottom:0; }

.hide					{ display:none; }
img.left				{ float: left; clear: left; margin: 0 1em 0.5em 0; }
img.right				{ float: right; clear: right; margin: 0 0 0.5em 1em; }


/*selected text*/
::-moz-selection,
::selection				{ background: #f2c910; color: #000; }

:focus					{ outline: none; }

/* grid */
.wrap					{ margin:0 auto; padding:0; width:960px; position:relative; }
.wrap:after				{ clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.wrap					{ display:inline-block; }  /* for IE/Mac */
.wrap					{ display:block; }


/* =color palette */
/*.f1						{ background-color: #82742d; }
.f2						{ background-color: #2cc5c7; }
.f3						{ background-color: #dc2128; }
.f4						{ background-color: #f049cf; }
.f5						{ background-color: #f0e249; }*/
.f1						{ background-color: #dc2128; }
.f2						{ background-color: #ef8822; }
.f3						{ background-color: #f2c910; }
.f4						{ background-color: #1eb0bc; }
.f5						{ background-color: #177ea0; }


img.fancy				{ border: 7px solid #bbb; }

#branding, #feature,
#content, #spotlight,
#recent-projects,
#past-projects			{ background:transparent; color:#555; }
#wrap					{ background:#fff; }
/*.home #wrap       { background:#fff url('../img/bg-body-alt.jpg') no-repeat center top; }*/


/*
**	=contact-block
************************/
#contact-block				{ background:#333; display: none; }
#contact-block .wrap		{ padding: 2em 0 3em; overflow: visible; }
#site-info #contact-block	{ display: none; }

#contact-block h1			{ color: #f2c910; font: normal normal 700 22px/1.2 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; }
#contact-block .textarea label	{ color: #666; }
#contact-block .field input + span,
#contact-block .field textarea + span	{ color: #666; }
#contact-block .field :focus + span		{ color: #B7B7B7; }
#contact-block .field .invalid + span	{ color: #c62927; }

#contact-block #contact-form	{ float: left; width: 600px; }
#contact-form p 				{ font-size: 18px; }
#the-form .submit input[disabled]	{ background-color: #666; }

#contact-block .info		{ float: right; margin-right: -53px; width: 313px; }
#contact-block .info ul		{ overflow: hidden; }
#contact-block .info li		{ float: left; list-style-type: none; margin: 0 10px 10px 0; }
#contact-block address		{ color: #B7B7B7; font-size: 14px; font-style: normal; line-height: 1.4; margin: -0.5em 0 1em; }
#contact-block address a	{ color: #B7B7B7; }

#contact-block .close		{ background: #666; color: #B7B7B7; cursor: pointer; font: 400 15px/1.4 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; padding: 4px 15px; text-transform: uppercase; position: absolute; bottom: 0; left: 700px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
#contact-block .close:hover	{ color: #fff; }


/*
**	=branding
************************/
#branding					{ /*padding-top:30px;*/ /*overflow:hidden;*/ position: relative; z-index: 10; }
#branding .wrap             { clear: both; }
#logo						{ background:url('../img/logo-lift.png'); display: block; float: left; margin: 40px 35px 0 0; text-indent:-999em; width:106px; height:91px; } /* margin: 40px 35px 50px 0; */
#branding h1				{ display:none; margin:0; }
.home #branding h1			{ display:block; }
#branding hgroup h2,
#page-title, #tagline   	{ color: #000; font: 700 54px/1.3 'superclarendon-1', 'superclarendon-2', georgia, serif; letter-spacing: -2px; position:absolute; top:150px; left:0; width: 100%; }
/*#branding hgroup h2 span  { color: #acacac; font: normal 18px/1.3 sans-serif; letter-spacing: 0; word-spacing: -4px; margin: 25px 0 0 20px; }*/

/* =nav */
#branding nav			{ float: left; overflow: hidden; }
#branding nav li		{ display: inline; float: left; margin-right: 0; }
#branding nav a			{ color: #000; display: block; float: left; font: 700 20px/1.5em "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; margin-top: 0; padding: 58px 15px 23px; text-align: center; width: auto; position: relative; } /* height:91px; */
/*#branding nav a.current   { border: solid; border-width: 2px 0; }*/
#branding nav a.current	{ background: url('../img/bg-nav-active.png') no-repeat 0 0; color: #177ea0; padding-left: 0; padding-right: 0; width: 106px; }
#branding nav a:hover,
#branding nav a.active	{ color: #1eb0bc; }
#branding nav a:focus	{ outline: 0; }
#branding nav a .gxf    { display: block; position: absolute; bottom: 0; left: 0; }


/* =site-search */
#site-search						{ float: right; margin: 57px 0 0 0; position: relative; }
/*.split #site-search					{ margin: 30px 22px 0 0; }*/
#site-search input					{ font: 1em/1 verdana,arial,sans-serif; margin: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#site-search input[type="text"]		{ background: #bbb; color: #fff; border: 0; padding: 8px 35px 8px 10px; width: 217px; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.25); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.25); box-shadow: inset 0 0 10px rgba(0,0,0,0.25); }
#site-search input[type="text"]:focus	{ background: #404040 url('../img/bg-comment-field.gif') repeat 0 0; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.75); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.75); box-shadow: inset 0 0 10px rgba(0,0,0,0.75); }
#site-search input[type="image"]	{ position: absolute; right: 0; top: 0; padding: 7px 10px; }



/*
**	=feature
************************/
#feature                        { clear: both; height: 420px; margin-top: -30px; position: relative; z-index: 1; }
#feature .wrap                  { width: 960px; height: 420px; position: relative; }
#feature #slideshow,
#slideshow figure               { height: 420px; width: 960px; position: relative; }

#pagers                         { display: none; background: #dedede; background: rgba(0,0,0,0.15); bottom: 38px; right: 4px; overflow: hidden; padding: 10px 9px; position: absolute; z-index: 99; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#pagers a                       { background: #ebebeb; background: rgba(255,255,255,0.5); float: left; text-indent: -999em; width: 14px; height: 14px; margin: 0 3px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
#pagers a.activeSlide           { background: #c4c4c4; }

#feature #next, #feature #prev  { background: no-repeat 0 0; width: 62px; height: 107px; position: absolute; top: 40%; text-indent: -999em; }
#feature #next                  { background-image: url('../img/arrow-right.png'); right: -100px; }
#feature #prev                  { background-image: url('../img/arrow-left.png'); left: -100px; }

#feature .more                  { background: #177ea0; color: #fff; display: inline-block; font: 700 20px/32px "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; height: 32px; max-height: 32px; padding: 0 50px 0 12px; text-transform: uppercase; position: absolute; left: 0; bottom: 60px; }
#feature .more .gfx             { position: absolute; right: -16px; top: 0; display: inline-block; font-size: 0px; line-height: 0%; width: 0px; border-top: 16px solid #fff; border-left: 16px solid #177ea0; border-bottom: 16px solid #fff; }
#feature .more:hover            { background-color: #1eb0bc; }
#feature .more:hover .gfx       { border-left-color: #1eb0bc; }



/*#feature                      { height: 328px; padding-bottom: 50px; }
#feature .wrap                  { width: 960px; height: 328px; position: relative; }
#feature figure                 { position: relative; width: 960px; height: 328px; }
#feature figure img             { border: 10px solid #82742d; }
#feature figure.f2 img          { border-color: #0f604a; background: 0; }
#feature figure.f3 img          { border-color: #509cc5; background: 0; }
#feature figure.f4 img          { border-color: #d0d0d0; background: 0; }
#feature figure.f5 img          { border-color: #177ea0; background: 0; }
#feature figure .legend         { background: #000; background: rgba(0,0,0,0.85); color: #fff; font: 1em/1.2, georgia, serif; padding: 15px 25px; text-align:right; position:absolute; right:-6px; bottom:40px; min-width: 120px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#feature .legend time           { font:italic 1.25em/1.2 georgia, serif; }
#feature .legend div            { font-size: 1.5em; font-weight: bold; }
#feature .legend div a          { color: #ccc; display: block; font: normal 0.75em/1.2 georgia, serif; }
#feature .legend div a:hover    { color: #fff; }
#feature a:focus                { outline: 0; }

#feature figure.f1              { background: 0; }
#feature figure.f1 img          { border: 0;  padding: 10px; }
#slideshow q                    { color: #000; display: inline-block; font: 700 70px/1.4 'superclarendon-1', 'superclarendon-2', georgia, serif; padding: 100px 0 0; }
#slideshow q span               { display: none; color: #acacac; font: normal 18px/1.3 sans-serif; letter-spacing: 0; word-spacing: -4px; margin: 25px 0 0 20px; }
*/

/* =next/prev buttons */
/*#feature .next, #feature .prev    { background:#2cc5c7 no-repeat center center; display:block; position:absolute; top:132px; width:52px; height:52px; text-indent:-999em; }
#feature .next                  { background-image:url('../img/btn-next.png'); right:-52px; border-bottom-right-radius:2px; border-top-right-radius:2px; -moz-border-radius-bottomright:2px; -moz-border-radius-topright:2px; -webkit-border-bottom-right-radius:2px; -webkit-border-top-right-radius:2px; }
#feature .prev                  { background-image:url('../img/btn-prev.png'); background-color:#f0e249; left:-52px; border-bottom-left-radius:2px; border-top-left-radius:2px; -moz-border-radius-bottomleft:2px; -moz-border-radius-topleft:2px; -webkit-border-bottom-left-radius:2px; -webkit-border-top-left-radius:2px; }*/
/*#next, #prev                  { display:none; }*/

/*appboy: #0f604a   strathcona: #509cc5   AUPE: #d0d0d0*/

/*#feature figure.f1 .next      { background-color:#ef8822; }
#feature figure.f1 .prev        { background-color:#177ea0; }
#feature figure.f2 .next        { background-color:#509cc5; }
#feature figure.f2 .prev        { background-color:#d0d0d0; }
#feature figure.f3 .next        { background-color:#d0d0d0; }
#feature figure.f3 .prev        { background-color:#0f604a; }
#feature figure.f4 .next        { background-color:#0f604a; }
#feature figure.f4 .prev        { background-color:#509cc5; }*/
/*#feature figure.f5 .next		{ background-color:#dc2128; }
#feature figure.f5 .prev		{ background-color:#1eb0bc; }*/

/* =pagers */
/*#pagers                           { bottom: 10px; display: none; right: 19px; position: absolute; z-index: 99; }
#pagers a                       { float: left; text-indent: -999em; width: 28px; height: 8px; position: relative; top: 3px; }
#pagers a.activeSlide           { height: 11px; top: 0; }
*/
/*#pagers a.f1                  { background-color: #0f604a; }
#pagers a.f2                    { background-color: #509cc5; }
#pagers a.f3                    { background-color: #d0d0d0; }*/


/* =streams */
.home #streams			{ background:transparent url('../img/bg-end-to-end.png') no-repeat center top; overflow: hidden; height: 150px; margin-bottom: 35px; }
#streams li				{ color: #fff; display: block; float: left; font: 700 20px/1.2 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; text-align: center; margin-left: 30px; padding-top: 5px; width: 300px; }
#streams li:first-child	{ margin-left: 0; }
#streams li strong		{ display: block; font-weight: bold; font-size: 40px; }



/*
**	=content
************************/
#content				{ border-bottom:1px solid #000; padding-bottom: 30px; }
.home #content .wrap    { border-top: 1px solid #000; }
#content .wrap			{ margin-top: 30px; }

.default #content h1,
.services #content h1,
.search #content h1,
.videos #content h1,
.company #content h1,
#page-title				{ background: #dc2128; color: #fff; font: 700 38px/1.4 'superclarendon-1', 'superclarendon-2', georgia, serif; margin: 0 0 1em; padding: 5px 16px 2px; /*left:-16px; width:960px;*/ } /* width:992px; */


#main-content			{ float:left; width:600px; } /* margin-top:40px; */
.split #main-content	{ margin-top: 65px; }

#main-content h1		{ color: #000; font: 700 3.1667em/1.2 'superclarendon-1', 'superclarendon-2', georgia, serif; }
#main-content h1 a		{ color: #000; text-shadow: 0 0 1px rgba(0,0,0,0.01); }
#main-content h1 a:hover,
#main-content h1 span	{ color: #dc2128; }
#main-content h2		{ color: #1eb0bc; font: 400 2.333em/1.2 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; margin-bottom: 3px; }
#main-content article h2{ clear: right; }
#main-content h3		{}
#main-content h4		{}
#main-content h5		{}
#main-content h6		{}

#main-content p,
#main-content li,
.casestudy #content p	{ font-size: 16px; }
#main-content p a		{ color: #222; border-bottom: 1px dotted #F2C910; }
#main-content p a:hover { color: #000; border-bottom: 1px solid #F2C910; }

#main-content ul,
#main-content ol 		{ margin-left: 2em; }
#main-content li		{ margin-bottom: 0.25em; }

#main-content blockquote	{ margin: 2em 0; }


#sub-content						{ display: inline; float: right; width: 300px; }
#content #sub-content article h1,
#content aside#sub-content h1		{ background: #fff; color: #1eb0bc; font: 700 22px/1.2 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; margin-bottom: 0.25em; }
#content #sub-content li a			{ color: #555; }
#content #sub-content li a:visited	{ color: #888; }
#content #sub-content li a:hover	{ color: #F2C910; }

/* =article */
#main-content article					{ padding-left: 127px; position: relative; clear: left; min-height: 150px; }
#main-content article img,
#main-content article object			{ max-width: 500px; }
.news #main-content article				{ border-bottom: 1px solid #e5e5e5; margin-bottom: 2em; }
#main-content article header h1			{ color: #dc2128; font: 400 30px/1.2 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; margin-bottom: 3px; }
#main-content article header a			{ color: #dc2128; }
#main-content article header a:hover	{ color: #1eb0bc; text-shadow: 0 0 4px rgba(0,0,0,0.15); }/*1eb0bc*/
#main-content article header abbr,
#sub-content article header abbr			{ cursor: pointer; border: 0; font: 15px/1 Palatino,"Palatino Linotype"; position: relative; top: 1px; left: 1px; }
#sub-content article header abbr			{ top: 3px; }
#main-content article header a[rel],
#sub-content article header a[rel]			{ background: url('../img/bg-comment-bubble.png') no-repeat 0 0; color: #fff; display: inline-block; font-size: 0.5em; text-align: center; position: relative; top: -8px; left: 0; height: 22px; width: 25px; }
#main-content article header a[rel]:hover,
#sub-content article header a[rel]:hover	{ color: #fff; }

/*#sub-content article header a[rel]		{  }*/
/*#main-content article footer			{ position:absolute; top:10px; left:0; text-align:right; width:101px; }*/
#main-content article footer			{ float: left; margin: 10px 0 0 -127px; text-align:right; width:101px; }
#main-content article footer address	{ color: #555; font: 400 15px/1.2 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2"; margin-bottom: 10px; }
#main-content article footer address a	{ color:#dc2128; text-transform:uppercase; }
#main-content article footer time		{ color:#000; float: left; text-align:center; margin-top: 3px; letter-spacing: -3px; }
#main-content article footer time abbr	{ color:#000; font: 400 20px/1 'superclarendon-1', 'superclarendon-2', georgia; display:block; border: 0; }
#main-content article footer time span	{ font: 700 30px/1.3 'superclarendon-1', 'superclarendon-2',serif;display: block; margin-top: -5px;  }
#main-content article footer img,
.authors img, #vcards img				{ background:#f2f2f2; border:5px solid #e5e5e5; float: right; margin-top:5px; padding:1px; max-height: 39px; max-width: 39px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#main-content article footer img:hover,
.authors a:hover img, #vcards a:hover img	{ border-color: #f2c910; -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.3); box-shadow: 0 0 7px rgba(0,0,0,0.3); }
#main-content footer a[rel="bookmark"]			{ background: #e5e5e5; border: solid #def3f5; border-width: 0 1px 1px 0; color: #1eb0bc; clear: both; display: inline-block; font: 700 16px/1 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; margin: 1em 0; padding: 4px 6px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; /*text-shadow: 0 0 2px rgba(0,0,0,0.15);*/ }
#main-content footer a[rel="bookmark"]:hover	{ background: #1eb0bc; color: #fff; border-color: #1b9ea9; }

#main-content article footer h4			{ color:#bbb; font:bold 1.0833em/1.2 georgia,'times new roman',serif; margin:1em 0 0; text-transform: uppercase; }
#main-content article footer ul			{ list-style-type:none; }
#main-content article footer li			{ font-size: 12px; margin-bottom: 0; }
#main-content article .tags a			{ color: #999; display: block; font-style: italic; text-transform: lowercase; }
#main-content article .tags a:visited	{ color: #bbb; }
#main-content article .tags a:hover		{ color: #666; }


.home #main-content                     { margin-top: 25px; width: 630px; }
.home #main-content h1                  { margin-bottom: 0.25em; }
/*.home #sub-content                        { color: #000; padding: 5px 0 45px 0; }*/
.home #sub-content h1       			{ color: #000; font: 700 28px/1.4 'superclarendon-1', 'superclarendon-2', georgia, serif; }
.home #recent-articles article			{ border-top: 1px solid #ccc; margin-bottom: 0; min-height: 0; }
.home #recent-articles article.first    { border: 0; }
.home #recent-articles article h1   	{ font: 400 24px/1.6 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", Helvetica, sans-serif; margin-bottom: 0; }
.home #recent-articles a				{ color: #000; }
/*.home #recent-articles .more          { font: 600 18px/1.4 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", Helvetica, Arial, sans-serif;text-align: right; margin-top: 0.5em; }
.home #recent-articles .more a          { color: #dc2128; }*/

#recent-articles                    { border-top: 1px solid #ccc; margin: 10px 0 0; padding: 10px 0 0 127px; position: relative; }
#recent-articles > header           { position: absolute; top: 12px; left: 0; }
#recent-articles > header h1        { font: 400 24px/1.2 'superclarendon-1', 'superclarendon-2', georgia, serif; text-align: right; width: 101px; }
#recent-articles footer             { position: absolute; top: 60px; left: 0; width: 101px;  }
#recent-articles footer a           { float: right; }
#recent-articles article            { padding-left: 0; }
#recent-articles article header     { position: static; }
/*#recent-articles article header h1  { line-height: 2; }*/



.home #sub-content      { background: url('../img/full-service-interactive-agency.gif') no-repeat right 0; height: 405px; margin: 0; padding: 0; text-indent: -9999px; position: relative; }
.home #sub-content a.red-buttons                  { display: block; width: 275px; height: 51px; position: absolute; text-indent: -9999em; }
.home #sub-content a.red-buttons:hover            { -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.5); box-shadow: inset 0 1px 5px rgba(0,0,0,0.5); }
.home #sub-content a.red-buttons.strategy         { top: 167px; left: 13px; }
.home #sub-content a.red-buttons.design           { top: 242px; left: 13px; }
.home #sub-content a.red-buttons.development      { top: 319px; left: 13px; }
.home #gun              { background: url('../img/gun.gif') no-repeat 0 0; height: 32px; width: 56px; position: absolute; top: -7px; left: -56px; }

/*
**	=spotlight
************************/
#spotlight				{ padding: 90px 0 0; }
.spotlight				{ background: #fff no-repeat center top; color:#383838; border-bottom:7px solid #000; }
.spotlight.white		{ background-color: #000; color: #fff; }
.spotlight .wrap		{ background: no-repeat center top; padding: 160px 488px 0 0; width:472px; height:260px; } /* width:960px; height:420px; */
.spotlight.right .wrap	{ padding: 160px 0 0 488px;  }
/*.spotlight h2			{ font:bold 2.5em/1.2 arial,helvetica,sans-serif; letter-spacing:-0.025em; }*/
.spotlight h2			{ display: none; }
.spotlight p			{ font-size: 1.833em; }
.spotlight p a			{ background: #545454; background:rgba(0,0,0,0.65); color:#fff; display:inline-block; font:bold 0.667em/1em arial,helvetica,sans-serif; padding:12px 15px; text-transform: uppercase; text-shadow:0 0 4px rgba(0,0,0,0.2); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.25); box-shadow: 0 0 2px rgba(0,0,0,0.25); }
.spotlight.white a		{ background: #333; background:rgba(255,255,255,0.4); }
.spotlight.white p a:hover,
.spotlight p a:hover	{ color: #F2C910; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.25); box-shadow: 0 0 8px rgba(0,0,0,0.25); }


#spot-appboy			{ border-color: #262626; }
#spot-appboy .wrap		{ background-image: url('../img/spotlight-appboy.jpg'); }

#spot-trekstorm			{ background: url('../img/spotlight-trekstorm-tile.jpg') repeat-x 0 0; border-color: #4b433d; }
#spot-trekstorm	.wrap	{ background-image: url('../img/spotlight-trekstorm.jpg'); }

#spot-aupe				{ background: url('../img/spotlight-aupe-tile.jpg') repeat-x 0 bottom; border-color: #c0c0c0; }
#spot-aupe .wrap		{ background-image: url('../img/spotlight-aupe.jpg'); }

#spot-strathcona		{ background: url('../img/spotlight-strathcona-tile.jpg') repeat-x 0 0; border-color: #4185aa; }
#spot-strathcona .wrap	{ background-image: url('../img/spotlight-strathcona.jpg'); }


/*
**	=recent-projects
************************/
#recent-projects,
#past-projects			{ background:#000; }
#recent-projects h1,
#past-projects h1		{ color:#1eb0bc; font:30px/1.2 georgia,'times new roman',serif; margin-bottom:0; padding:1.5em 0 0; }
#recent-projects ul		{ list-style-type:none; }
#recent-projects li		{ margin:0 0 16px 16px; float:left; position:relative; z-index: 1; }
#recent-projects li.active  { z-index: 99; }
#recent-projects ul li.first	{ margin-left:0; }
#recent-projects a		{ border:6px solid #444; display:block; float:left; width:134px; height:101px; overflow: hidden; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#recent-projects a img	{  }
#recent-projects img.zoom	{ border:6px solid #fff; cursor:pointer; position:absolute; top:-50px; left:-55px; z-index: 99; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }


/*
**	=past-projects
************************/
#past-projects			{ padding-bottom: 50px; }
#past-projects section	{ display: inline; float: left; margin-left: 30px; overflow: hidden; width: 300px; }
#past-projects section.first	{ margin-left: 0; }
#past-projects h2		{ color: #a2a2a2; font: 1.75em/1.2 georgia,'times new roman',serif; }
#past-projects ul		{ float: left; list-style-type: none; width: 140px; }
#past-projects li		{ border-bottom: 1px solid #292929; font-size: 1.0833em; padding: 3px 0; }
#past-projects a		{ color: #8a8a8a; }
#past-projects a:visited{ color: #666; }
#past-projects a:hover	{ color: #fff; }



/*
**	=casestudy
************************/
.casestudy #branding hgroup h2,
.news #branding hgroup h2,
#page-title							{ background:#dc2128; color: #fff; font: 700 38px/1.4 'superclarendon-1', 'superclarendon-2', georgia, serif; margin: 0; padding:5px 16px 2px; left:-16px; width:960px; } /* width:992px; */
.casestudy #content					{ padding:35px 0 0; }
/*.casestudy #content .wrap			{ overflow:hidden; }*/
.casestudy #main-content			{ margin-top:2em; width:960px; }
.casestudy #sub-content				{ border-top: 1px solid #ccc; float:left; padding: 25px 0; margin: 0; width: auto; }
.casestudy #main-content img.left	{ float:left; margin:0 30px 30px 0; }
.casestudy #sub-content img.right	{ display:inline; float:right; margin:0 0 30px 30px; }

.casestudy #content h1			    { color:#1eb0bc; font-size: 38px; margin: 50px 0 .25em; }
.casestudy #content h2			    { color:#dc2128; font:italic 1.667em/1.2 georgia,serif; margin:1em 0 0; }
.casestudy #content ul			    { list-style-type:none; margin-top: 0.5em; }
.casestudy #content li		    	{ background: url('../img/bg-list-arrow.png') no-repeat 678px 11px; font-size: 1.333em; padding:3px 0 3px 695px; }

.casestudy #content .launch 		{ font: bold 1.0833em/1em arial, Helvetica, sans-serif; }
#content .launch a      			{ background: #1aa4b2; border: 0; color: #fff; display: inline-block; padding: 0.75em 2em; text-transform: uppercase; text-align: center; text-shadow: 0 0 3px rgba(0,0,0,0.3); border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:-moz-linear-gradient( left center, rgb(34,187,198) 9%, rgb(26,163,178) 90% );  background:-webkit-gradient(linear, left top, right top, color-stop(0.09, rgb(34,187,198)), color-stop(0.9, rgb(26,163,178)) ); }
#content .launch a:hover            { border: 0; color: #f2c910; }

.casestudy #content blockquote		{ background:url('../img/bg-blockquote.jpg') repeat-y 0 0; margin: 2.5em 0; padding:30px; }
.casestudy #content blockquote p	{ color:#1eb0bc; font: 400 22px/1.4 'superclarendon-1', 'superclarendon-2',; width:400px; }




/*
**	=services
************************/
.services #streams						{ overflow: hidden; }
.services #streams section				{ float: left; margin-left: 30px; width: 300px; }
.services #streams section:first-child	{ margin: 0; }
.services #streams h1					{ background: no-repeat 0 0; color: #1eb0bc; font: 700 27px/2 'superclarendon-1', 'superclarendon-2', georgia, serif; margin-bottom: 0.5em; padding: 10px 0 0 65px; }
.services #streams h1.strategy			{ background-image: url('../img/strategy.gif'); }
.services #streams h1.design			{ background-image: url('../img/design.gif'); }
.services #streams h1.development		{ background-image: url('../img/development.gif'); }
.services #streams p 					{ font-size: 18px; }
.footnote								{ clear: both; margin: 2em 0 0; }
.footnote em							{ font-weight: bold; font-style: normal; }

/*
**	=news
************************/
body.split						{ background:#fff url('../img/bg-body-split.gif') repeat-y center top; }
.split #wrap,
.split .wrap,
.split footer#site-info			{ background: 0; border: 0; }
.split #branding				{ padding-bottom: 30px; }
.split #main-content			{ color: #555; width: 677px; }
.split #sub-content				{ display: inline; float: right; margin-right: 30px; width: 230px; }

.tagged							{ background: #e5e5e5; font-size: 1.1667em; padding: 0 20px; line-height: 1.6; }
.tagged em						{ font-size: 1.333em; font-weight: bold; }

.news #branding hgroup h2,
.split #page-title				{ width: 661px; }
.news #branding hgroup h2 a,
.article #page-title a			{ color: #fff; }
.news #branding hgroup h2 a:hover,
.article #page-title a:hover	{ text-shadow: 0 0 7px rgba(255,255,255,0.4); }

.split #main-content article	                { padding-right: 47px; padding-bottom: 30px; }
.split #main-content article:last-child	        { border: 0; }
.split #main-content article blockquote         { border-left: 4px solid #E5E5E5; margin-left: 10px; padding: 0 40px 0 20px; }
.split #main-content article blockquote p       { color: #1a1a1a; font: 20px/1.4 "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2"; }
.split #main-content article blockquote cite    { display: block; font-size: 16px; margin: 10px 0; }
.split #main-content article blockquote.pull    { border: 0; margin: 2em 30px; padding: 0; }
.split #main-content article blockquote.pull p  { color: #12b0ba; font: italic 300 22px/1.4'superclarendon-1', 'superclarendon-2', georgia, serif; }


/*.article #main-content article	{ padding-left: 0; position: relative; }
.article #main-content article h1	{ border-bottom: 1px solid #e5e5e5; margin-bottom: 0.5em; padding: 25px 0 10px 127px; }
.article #main-content article footer		{ color: #bbb; position: static; text-align: left; width: auto; }
.article #main-content article footer div	{ position: absolute; top: 0; left: 0; }
.article #main-content article footer a		{ color: #bbb; }
.article #main-content article footer .meta	{ font-size: 1.0833em; }
.article #main-content article footer .meta a	{ font-style: italic; }
.article #main-content article footer time	{ margin-right: 10px; }*/
.article #main-content article	{ border-bottom: 1px solid #e5e5e5; padding-bottom: 3em; }
.endmark						{ margin: 0 10px; }


.pagination						{  }
.pagination a,
.pagination span				{ color: #1eb0bc; font: 400 18px/1.4 "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif; margin: 0 2px; }
.pagination span.current		{ font-weight: bold; border: solid; border-width: 1px 0; font-size: 20px; margin-top: 3px; }
.pagination a:hover				{ color: #F2C910; }

.split #sub-content				{ margin-top: -25px; }
.split #sub-content h1			{ color: #1eb0bc; font: 700 24px/1.2 'superclarendon-1', 'superclarendon-2', georgia, serif; /*text-shadow: 1px 1px 0 rgba(255,255,255,0.3);*/ }

/* recent-articles */
#sub-content article			{ position: relative; margin-bottom: 2em; }
#sub-content article header		{ padding-top: 18px; }
.split #sub-content article header h1	{ color: #fff; font: 700 22px/1.2 "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif; }
#sub-content article header a	{ color: #fff; }
#sub-content article header a:hover	{ color: #F2C910; }
#sub-content article footer		{ color: #7e7e7e; font: 400 15px/1.2 "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif; /*text-transform: uppercase;*/ position: absolute; top: 0; left: 0; }
#sub-content article footer a	{ color: #7e7e7e; }
#sub-content article footer a:hover	{ color: #fff; }


/* article categories */
#sub-content ul					{ list-style-type: none; margin-left: 20px; }
#sub-content ul li				{ background: url('../img/bg-sub-list.png') no-repeat 0 6px; padding-left: 20px; }
#sub-content ul a				{ color: #fff; font: 400 18px/1.2 "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif; }
#sub-content ul a:hover			{ color: #F2C910; }

/* =rss feed */
#sub-content a[rel="feed"]			{ background: url('../img/icon-rss-lg.png') no-repeat 0 0; color: #ef8822; display: inline-block; font: 700 18px/1.2 "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif; margin-top: 1em; padding: 2px 0 0 30px; }
#sub-content a[rel="feed"]:hover	{ color: #f2c910; }

.split footer#site-info			{ border-top: 2px dashed #ced1d1; margin-top: 4em; }
.split footer#site-info section:first-child,
.split footer#site-info section#news-info	{ margin-left: 0; }
.split footer#site-info section#authors		{ width: 330px; }
.split footer#site-info nav,
.split footer#site-info nav + p	{ margin-left: 40px; }

.split #site-info nav			{ display: block; float: none; }
.split #site-info section:last-child	{ background: 0; }
.split footer h1		{ color: #9ea4a4; font: italic 1.5em/1.3 georgia, serif; }


#recent-comments li		{ font: bold 1.0833em/1.3 arial, Helvetica, sans-serif; margin-bottom: 4px; padding: 5px 10px; position: relative; }
#site-info #recent-comments a	{ color: #fff; }

.authors li				{ float: left; margin: 0 10px 10px 0; line-height: 1; }
.authors img			{ margin-top: 0; }


/*
**	=comments
************************/
#comments h1,
#comment-form h1		{ color: #dc2128; font: italic 20px/1.3 georgia, serif; margin-top: 3em; }
#comments h1			{ margin-top: 1em; }

#comments ul					{ list-style-type: none; margin: 0; padding: 0; }
#comments li 					{ background: 0; margin: 0 50px 2em 0; }
#comments blockquote			{ position: relative; font-size: 0.833em; margin: 0; overflow: hidden; width: 100%; }
#comments li div				{ color: #fff; display: inline; float: right; margin: 0; padding: 12px 18px 8px; width: 431px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#comments li div p				{ color: #fff; font-size: 16px; line-height: 1.4; margin-bottom: 0.75em; }
#comments blockquote cite		{ color: #757575; float: left; display: block; font: 600 16px/1.2 'superclarendon-1', 'superclarendon-2', georgia, serif; padding-right: 40px; position: relative; text-transform: capitalize; width: 120px; }
#comments blockquote cite a		{ color: #1eb0bc; }
#comments blockquote cite span	{ display: block; }
#comments blockquote cite time	{ color: #b7b7b7; display: block; font: italic 11px/1.5 helvetica, arial, sans-serif; margin-top: 7px; text-transform: lowercase; }
#comments blockquote cite .gfx,
#recent-comments li .gfx		{ background: 0; display: block; width: 0; line-height: 0%; font-size: 0px; border-left: 20px solid #fff; border-top: 20px solid #fff; position: absolute; right: 0; top: 14px; }
#comments div a					{ color: #fff; text-decoration: underline; }

#comments blockquote cite .f1,
#recent-comments li.f1 .gfx		{ border-top-color: #dc2128; }
#comments blockquote cite .f2,
#recent-comments li.f2 .gfx		{ border-top-color: #ef8822; }
#comments blockquote cite .f3,
#recent-comments li.f3 .gfx		{ border-top-color: #f2c910; }
#comments blockquote cite .f4,
#recent-comments li.f4 .gfx		{ border-top-color: #1eb0bc; }
#comments blockquote cite .f5,
#recent-comments li.f5 .gfx		{ border-top-color: #177ea0; }

#recent-comments li .gfx		{ border-width: 10px 0 0 10px; left: -10px; top: 6px; }

/*
**	=comment-form
************************/
.field					{ clear: both; margin-bottom: 10px; width: 100%; }
.field label			{ background: #616161; color: #fefefe; display: inline-block; float: left; font: 400 18px/1 "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif; padding: 0 20px; height: 40px; line-height: 40px; text-transform: uppercase; vertical-align: top; width: 104px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.field input,
.field textarea			{ background: #858585; color: #fff; border: 0 !important; display: inline-block; font: bold 18px/1 Palatino, "Palatino Linotype", georgia, serif; margin: 0 !important; padding: 0 20px; height: 40px; line-height: 40px; width: 220px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.field textarea			{ font-size: 16px; font-weight: normal; }
.field :focus			{ background: #404040 url('../img/bg-comment-field.gif') repeat 0 0; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.75); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.75); box-shadow: inset 0 0 10px rgba(0,0,0,0.75); }
.field span				{ color: #b7b7b7; font: 400 20px/1 "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif; vertical-align: top; position: relative; left: 15px; top: 10px; }
.field span span		{ color: #b7b7b7; font: 11px/1.4 helvetica, arial, sans-serif; top: 4px; left: 4px; }
.field :focus + span span,
.field :focus + span	{ color: #666; }
.field .invalid			{ background: #c62927 url('../img/bg-comment-field-error.gif') repeat 0 0; }
.field .invalid + span	{ color: #c62927; }

.textarea label			{ background: 0; color: #313131; display: block; float: none; font: italic 300 30px/1 'superclarendon-1', 'superclarendon-2', georgia, serif; height: auto; margin-bottom: -4px; text-align: right; text-transform: none; width: 364px; }
.textarea textarea		{ line-height: 1.4; padding: 12px 20px; height: 180px; width: 364px; max-width: 364px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.textarea span			{ position: relative; top: 75px; }

.submit					{ width: 404px;	 }
.submit input			{ background: #23b2be; border: 0; color: #fff; display: inline-block; font: 700 18px/35px "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif; float: right; height: 35px; padding: 0 25px; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 0 0 3px rgba(0,0,0,0.5); }
.submit input:hover		{ background: #177EA0; }
.submit input:focus		{ background: #82742D; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.45); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.45); box-shadow: inset 0 0 5px rgba(0,0,0,0.45); }


/*
**	=search-results
************************/
#search-results				{  }
#search-results li			{ color: #ccc; font: 400 24px/1 "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif; }
#search-results h2 a		{ color: #1EB0BC; font-size: 30px; }
#search-results h2 a:visited{ color: #ccc; }
#search-results h2 a:hover	{ color: #F2C910; }
#search-results h2 strong	{ color: #82742D; font: 14px/1 Helvetica, Arial, sans-serif; position: relative; top: -2px; }
#search-results li p 		{ color: #555; font-size: 16px; font-family: Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif; }



.movember img.left          { clear: none; margin: 0 4px 10px 5px !important; padding: 0 !important; }

.movember h2			    { color:#dc2128; font:italic 1.667em/1.2 georgia,serif; margin:1em 0 40px 0; }

#content blockquote         { border-left: 4px solid #E5E5E5; margin-left: 10px; padding: 0 40px 0 20px; }
#content blockquote p       { color: #1a1a1a; font: 20px/1.4 "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2"; }
#content blockquote cite    { display: block; font-size: 16px; margin: 10px 0; }
#content blockquote.pull    { border: 0; margin: 2em 30px; padding: 0; }
#content blockquote.pull p  { color: #12b0ba; font: italic 300 22px/1.4'superclarendon-1', 'superclarendon-2', georgia, serif; }

.movember .featuretext		{ font: 18px/23px 'superclarendon-2', georgia, serif; padding: 15px 30px 0px 0; }


/*
**	=site-info
************************/
footer#site-info		{ /*background: url('../img/bg-footer-pattern.png') repeat 0 0;*/ border-top:1px solid #fff; padding:40px 0; }
#site-info a			{ color:#d2d2d2; }

#site-info .wrap        { /*overflow: hidden;*/ }
#site-info nav,
#site-info section		{ display:inline; float:left; width:300px; }
#site-info section		{ margin-left:30px; }
#site-info nav li		{ margin-bottom:5px; }
#site-info nav a		{ color:#fff; font: 700 27px/1.5em "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; padding: 2px 0 2px 43px; }
#site-info nav li:first-child a		{ background:url('../img/lift-bird.png') no-repeat 0 3px; }
#site-info nav a:hover,
body.portfolio #site-info nav a:hover	{ color: #F2C910; }

#site-info #tagline     { color: #fff; font-size: 35px; position: absolute; top: auto; bottom: 11px; left: 330px; margin: 0; width: 630px; }

footer#site-info ul,
footer#site-info li		{ list-style-type: none; }

#site-info h2			{ color: #f2c910; font: 700 2em/1.2 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; }
#site-info address		{ color: #fff; font:normal 1.25em/1.2 'palatino',georgia,serif; width: 210px; }
address .staff			{ border-top:1px solid #505050; color:#d2d2d2; display:block; font:0.75em/1.4 verdana,arial,sans-serif; margin:15px 0 0; padding:14px 0 0; }
.lift					{ font-family:georgia; font-style:italic; font-weight:bold; text-transform:lowercase; }

#site-info p 			{ color:#9ea4a4; /*font-size:0.9167em;*/ }
#site-info p a 			{ color:#9ea4a4; }
#site-info p span		{ font-style:italic; }

#site-info p.feeds		{ color:#1eb0bc; font: 700 16px/1.4 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; margin: 1em 0; }
#site-info p.feeds a	{ color:#1eb0bc; margin-right:17px; padding:0 0 0 15px; }
#site-info p.feeds a:first-child{ background:url('../img/icon-map.png') no-repeat 0 0; }
#site-info p.feeds a[rel]	{ background:url('../img/icon-rss.png') no-repeat 0 1px; color:#f18822; padding-left:20px; }

/*#site-info section:last-child { background:url('../img/lift-circle.png') no-repeat right 0; }*/

/* =white */
body.portfolio footer#site-info		{ background:#fff; border-top:0; }
body.portfolio #site-info nav a		{ color:#000; }
body.portfolio #site-info h2		{ color:#1eb0bc; }
body.portfolio #site-info address,
body.portfolio #site-info a			{ color:#878787; }
body.portfolio address .staff		{ border-color:#cfcfcf; color:#878787; }
body.portfolio #site-info #tagline  { color: #000; }


/* Services Details */

.services-details.design #wrap                              { background: url(../img/bg-services-design.jpg) center top no-repeat #fff; }
.services-details.design #services-header h1                { margin: 0 0 0 160px; position: relative; font: 800 108px/.8 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; text-transform: uppercase; color: rgba(33,209,220,0.27); text-shadow: -4px -3px 0 #127988; }
.services-details.design #services-header h1 b              { text-shadow: -4px -3px 0 rgba(18,121,136, 0.85); font-weight: 800; }
.services-details.design #services-header h1 i              { text-shadow: -4px -3px 0 rgba(18,121,136, 0.9); font-style: normal; }
.services-details.design #services-header h1 .indent        { padding-left: 47px; text-shadow: -4px -3px 0 #127988; }
.services-details.design #services-header h1 .effect        { position: absolute; top: 0px; left: 0px; color: #21d1dc; opacity: 0.35; -webkit-mask-box-image: url(../img/mask-servicestype.png) 100 repeat; }
.services-details.design #services-header h1 .effect b      { color: #05b8c3; }
.services-details.design #services-header h1 .effect i      { color: #7de0e6; }
.services-details.design #services-header h2                { position: absolute; top: 175px; left: 440px; font: 600 32px/1.1 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; text-transform: uppercase; color: #18939f; text-shadow: -4px -3px 0 rgba(0,0,0,0.05); }
.services-details.design #services-header h2 b              { color: #28a6b2; font-weight: 600; text-shadow: -4px -3px 0 rgba(0,0,0,0.05); }
.services-details.design #services-header h2 i              { color: #28a6b2; font-style: normal; text-shadow: -4px -3px 0 rgba(0,0,0,0.05); }
.services-details.design #services-header h3                { font: 600 26px/1.2 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; color: #000; text-align: center; height: 116px; width: 801px; margin: -22px 0 0 72px; padding: 52px 0 0; display: block; background: url(../img/bg-services-ribbon.png) top left no-repeat; }
.services-details.design #services-header #hand             { position: absolute; top: 12px; left: -190px; }

.services-details.development #wrap                              { background: url(../img/bg-services-design.jpg) center top no-repeat #fff; }
.services-details.development #services-header h1                { margin: 0 0 0 160px; position: relative; font: 800 108px/.8 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; text-transform: uppercase; color: rgba(33,209,220,0.27); text-shadow: -4px -3px 0 #127988; }
.services-details.development #services-header h1 b              { text-shadow: -4px -3px 0 rgba(18,121,136, 0.85); font-weight: 800; }
.services-details.development #services-header h1 i              { text-shadow: -4px -3px 0 rgba(18,121,136, 0.9); font-style: normal; }
.services-details.development #services-header h1 .indent        { padding-left: 47px; text-shadow: -4px -3px 0 #127988; }
.services-details.development #services-header h1 .effect        { position: absolute; top: 0px; left: 0px; color: #21d1dc; opacity: 0.35; -webkit-mask-box-image: url(../img/mask-servicestype.png) 100 repeat; }
.services-details.development #services-header h1 .effect b      { color: #05b8c3; }
.services-details.development #services-header h1 .effect i      { color: #7de0e6; }
.services-details.development #services-header h2                { position: absolute; top: 175px; left: 440px; font: 600 32px/1.1 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; text-transform: uppercase; color: #18939f; text-shadow: -4px -3px 0 rgba(0,0,0,0.05); }
.services-details.development #services-header h2 b              { color: #28a6b2; font-weight: 600; text-shadow: -4px -3px 0 rgba(0,0,0,0.05); }
.services-details.development #services-header h2 i              { color: #28a6b2; font-style: normal; text-shadow: -4px -3px 0 rgba(0,0,0,0.05); }
.services-details.development #services-header h3                { font: 600 26px/1.2 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; color: #000; text-align: center; height: 116px; width: 801px; margin: -22px 0 0 72px; padding: 52px 0 0; display: block; background: url(../img/bg-services-ribbon.png) top left no-repeat; }
.services-details.development #services-header #engine           { position: absolute; top: 80px; left: -250px; }

.services-details.strategy #wrap                              { background: url(../img/bg-services-strategy.jpg) center top no-repeat #fff; }
.services-details.strategy #services-header h1                { margin: 0 0 0 160px; position: relative; font: 800 108px/.8 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; text-transform: uppercase; color: rgba(33,209,220,0.27); text-shadow: -4px -3px 0 #127988; }
.services-details.strategy #services-header h1 b              { text-shadow: -4px -3px 0 rgba(18,121,136, 0.85); font-weight: 800; }
.services-details.strategy #services-header h1 i              { text-shadow: -4px -3px 0 rgba(18,121,136, 0.9); font-style: normal; }
.services-details.strategy #services-header h1 .indent        { padding-left: 47px; text-shadow: -4px -3px 0 #127988; }
.services-details.strategy #services-header h1 .effect        { position: absolute; top: 0px; left: 0px; color: #21d1dc; opacity: 0.35; -webkit-mask-box-image: url(../img/mask-servicestype.png) 100 repeat; }
.services-details.strategy #services-header h1 .effect b      { color: #05b8c3; }
.services-details.strategy #services-header h1 .effect i      { color: #7de0e6; }
.services-details.strategy #services-header h2                { position: absolute; top: 175px; left: 440px; font: 600 32px/1.1 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; text-transform: uppercase; color: #18939f; text-shadow: -4px -3px 0 rgba(0,0,0,0.05); }
.services-details.strategy #services-header h2 b              { color: #28a6b2; font-weight: 600; text-shadow: -4px -3px 0 rgba(0,0,0,0.05); }
.services-details.strategy #services-header h2 i              { color: #28a6b2; font-style: normal; text-shadow: -4px -3px 0 rgba(0,0,0,0.05); }
.services-details.strategy #services-header h3                { font: 600 26px/1.2 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; color: #000; text-align: center; height: 116px; width: 801px; margin: -22px 0 0 72px; padding: 52px 0 0; display: block; background: url(../img/bg-services-ribbon.png) top left no-repeat; }
.services-details.strategy #services-header #hand             { position: absolute; top: 12px; left: -190px; }

.services-details .col                                      { float: left; width: 300px; margin: 0 40px 0 0; }
.services-details .col.first                                { margin-left: 160px; }
.services-details .col h2                                   { font: 600 22px/1.2 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; color: #750e0e; margin: 0; padding: 0 0 5px; }
.services-details .col p                                    { font-size: 14px; padding-bottom: 10px; }


/* Code Nest */

.codenest .wrap             { width: 820px; }
.codenest #branding .wrap   { height: 90px; }
.codenest #logo						  { background:url('../img/logo-lift-64.png'); display: block; float: left; margin: 20px 15px 0 0; text-indent:-999em; width:64px; height:54px; } /* margin: 40px 35px 50px 0; */
.codenest #subname          { margin: 34px 0 0; float: left; font: 200 17px/1.4 "MavenProRegular", Helvetica, Arial, sans-serif; }
.codenest #subname:hover    { color: #222; }
.codenest #contact          { color: #888; margin: 34px 0 0; float: right; font: 200 12px/1.5 "MavenProRegular", Helvetica, Arial, sans-serif; }
.codenest #contact .button  { margin-left: 10px; }

.codenest #pagetitle        { height: 88px; background: url(../img/bg-blackpattern.gif) #252525; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.codenest #pagetitle h1     { margin: 20px 7px 0 0; float: left; font: 200 36px/1.4 "MavenProMedium", Helvetica, Arial, sans-serif; letter-spacing: -1px; text-shadow: 0 1px 2px #000; }
.codenest #pagetitle h2     { margin: 36px 10px 0 0; float: left; color: #bbb; font: 200 20px/1.4 "MavenProRegular", Helvetica, Arial, sans-serif; text-shadow: 0 1px 2px #000; }
.codenest #pagetitle p      {}
.codenest #pagetitle a.button   { width: 100px; margin: 27px 0; float: right; -webkit-box-shadow: inset 0 0 5px #3ddde2, 0 0 10px rgba(61, 221, 226, 0.5); -webkit-animation-name: pulse; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; }

@-webkit-keyframes pulse {
  from { -webkit-box-shadow: inset 0 0 5px #3ddde2, 0 0 5px rgba(61, 221, 226, 0.3); }
  50% { -webkit-box-shadow: inset 0 0 10px #3ddde2, 0 0 20px rgba(61, 221, 226, 1); }
  to {  -webkit-box-shadow: inset 0 0 5px #3ddde2, 0 0 5px rgba(61, 221, 226, 0.3); }
}

.codenest.purrrify #content       { padding-bottom: 0; }
.codenest.purrrify #content .wrap { padding-bottom: 30px; background: url(../img/codenest-cat.jpg) bottom right no-repeat; }
.codenest #content .wrap          { margin-top: 50px;  }
.codenest #content #main-content  { width: 580px; }
.codenest #content #sub-content   { width: 220px; margin-top: 10px; }

.codenest #main-content h1        { color: #222; font: 200 30px/1.4 "MavenProMedium", Helvetica, Arial, sans-serif; letter-spacing: -1px; margin-bottom: 3px; }
.codenest #main-content h2        { margin-top: 15px; color: #222; font: 200 24px/1.4 "MavenProMedium", Helvetica, Arial, sans-serif; letter-spacing: -1px; }
.codenest #main-content h3        { margin-top: 15px; color: #222; font: 200 18px/1.4 "MavenProMedium", Helvetica, Arial, sans-serif; letter-spacing: -1px; }
.codenest #main-content h4        { margin-top: 15px; color: #222; font: 200 14px/1.4 "MavenProMedium", Helvetica, Arial, sans-serif; letter-spacing: -1px; }
.codenest #main-content p         { color: #777; font: 200 13px/1.5 "MavenProRegular", Helvetica, Arial, sans-serif; margin-bottom: 7px; }
.codenest #main-content p.large   { color: #555; font: 200 16px/1.5 "MavenProRegular", Helvetica, Arial, sans-serif; }

.codenest #main-content #photos             { position: relative; height: 275px; display: block; margin-bottom: 24px; }
.codenest #main-content #photos img         { position: relative; z-index: 1; border: 2px solid #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); box-shadow: 0 1px 2px rgba(0,0,0,0.5); -webkit-transition: 0.15s all ease-in; }
.codenest #main-content #photos img:hover   { -webkit-transform: scale(1.25); z-index: 2; }
.codenest #main-content #photos #photo1     { position: absolute; top: 0; left: 0; width: 220px; }
.codenest #main-content #photos #photo2     { position: absolute; top: 0; left: 230px; width: 180px; }
.codenest #main-content #photos #photo3     { position: absolute; top: 0; left: 420px; width: 155px; }
.codenest #main-content #photos #photo4     { position: absolute; top: 116px; left: 420px; width: 155px; }
.codenest #main-content #photos #photo5     { position: absolute; top: 175px; left: 0; width: 220px; }

.codenest #main-content .gist .gist-file           { border: none; }
.codenest #main-content .gist .gist-data           { padding: 10px; background: url(../img/bg-blackpattern.gif) #252525; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.95); -moz-box-shadow: inset 0 2px 3px rgba(0,0,0,0.95); box-shadow: inset 0 2px 3px rgba(0,0,0,0.95);  }
.codenest #main-content .gist .gist-meta           { background: #fff; font: 200 11px/1.5 "MavenProRegular", Helvetica, Arial, sans-serif; }
.codenest #main-content .gist .gist-meta a         { color: #199dac; }
.codenest #main-content .gist .gist-meta a:hover   { color: #dc2128; }

.codenest #main-content .gist .line       { color: #ccc; font-size: 13px; line-height: 1.3; text-shadow: 0 1px 1px rgba(0,0,0,0.5); }
.codenest #main-content .gist .line:hover { background: rgba(255,255,255,0.03); }
.codenest #main-content .gist .line span  { text-shadow: 0 1px 1px rgba(0,0,0,0.5); }
.codenest #main-content .gist .line .nx,
.codenest #main-content .gist .line .na,
.codenest #main-content .gist .line .o    { color: #ccc; }
.codenest #main-content .gist .line .kd,
.codenest #main-content .gist .line .nt,
.codenest #main-content .gist .line .mi   { color: #3ddde2; } /* Teal */
.codenest #main-content .gist .line .s1   { color: #dc2128; } /* Red */
.codenest #main-content .gist .line .s,
.codenest #main-content .gist .line .kc,
.codenest #main-content .gist .line .k    { color: #f18822; } /* Orange */

.codenest #main-content .gist .gist-data ::-moz-selection,
.codenest #main-content .gist .gist-data ::selection                                  { background:#199dac; color:#fff; text-shadow: none; }
.codenest #main-content .gist .gist-data::-webkit-scrollbar                           { width: 10px; height: 10px; }
.codenest #main-content .gist .gist-data::-webkit-scrollbar-button:start:decrement,
.codenest #main-content .gist .gist-data::-webkit-scrollbar-button:end:increment      { display: block; height: 10px; }
.codenest #main-content .gist .gist-data::-webkit-scrollbar-button:vertical:increment { background-color: #fff; }
.codenest #main-content .gist .gist-data::-webkit-scrollbar-track-piece               { background-color: #fff; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
.codenest #main-content .gist .gist-data::-webkit-scrollbar-thumb:vertical            { height: 50px; background-color: #333; -webkit-border-radius: 5px; border: 2px solid #fff; -webkit-background-clip: padding-box; }
.codenest #main-content .gist .gist-data::-webkit-scrollbar-thumb:horizontal          { width: 50px; background-color: #333; -webkit-border-radius: 5px; border: 2px solid #fff; -webkit-background-clip: padding-box; }

.codenest #content #sub-content h1        { color: #222; font: 200 20px/1.4 "MavenProMedium", Helvetica, Arial, sans-serif; letter-spacing: -1px; }
.codenest #content #sub-content h2        { color: #222; font: 200 16px/1.4 "MavenProMedium", Helvetica, Arial, sans-serif; letter-spacing: -1px; }
.codenest #content #sub-content h3        { color: #222; font: 200 12px/1.4 "MavenProMedium", Helvetica, Arial, sans-serif; letter-spacing: -1px; }
.codenest #content #sub-content p         { color: #777; font: 200 12px/1.5 "MavenProRegular", Helvetica, Arial, sans-serif; margin-bottom: 7px; }
.codenest #content #sub-content a.button  { float: right; padding: 4px 15px; margin: 0 0 10px; }

.codenest .button             { padding: 7px 15px; text-align: center; color: #fff; font: 400 14px/1.5 "MavenProMedium", Helvetica, Arial, sans-serif; margin-bottom: 7px; text-shadow: 0 1px 1px rgba(0,0,0,0.5);  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.codenest .button.orange      { border: 1px solid #b6470d; background: url(../img/button-orange-small.jpg) repeat-x #f07d1f; -webkit-box-shadow: inset 0 1px #fad242, 0 1px 1px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px #fad242, 0 1px 1px rgba(0,0,0,0.05); box-shadow: inset 0 1px #fad242, 0 1px 1px rgba(0,0,0,0.05); }
.codenest .button.orange:hover  { position: relative; top: -1px; -webkit-box-shadow: inset 0 1px #fad242, 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: inset 0 1px #fad242, 0 1px 2px rgba(0,0,0,0.15); box-shadow: inset 0 1px #fad242, 0 1px 2px rgba(0,0,0,0.15); }
.codenest .button.orange:active { position: relative; top: 1px; -webkit-box-shadow: inset 0 1px #fad242; -moz-box-shadow: inset 0 1px #fad242; box-shadow: inset 0 1px #fad242; }

.codenest .button.grey        { color: #888; border: 1px solid #ccc; background: url(../img/button-grey-small.jpg) repeat-x #e8e8e8; text-shadow: 0 1px #fff; -webkit-box-shadow: inset 0 1px #fff, 0 1px 1px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px #fff, 0 1px 1px rgba(0,0,0,0.05); box-shadow: inset 0 1px #fff, 0 1px 1px rgba(0,0,0,0.05); }
.codenest .button.grey:hover  { border: 1px solid #aaa; position: relative; top: -1px; -webkit-box-shadow: inset 0 1px #fff, 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: inset 0 1px #fff, 0 1px 2px rgba(0,0,0,0.15); box-shadow: inset 0 1px #fff, 0 1px 2px rgba(0,0,0,0.15); }
.codenest .button.grey:active { position: relative; top: 1px; -webkit-box-shadow: inset 0 1px #fff; -moz-box-shadow: inset 0 1px #fff; box-shadow: inset 0 1px #fff; }

.codenest .button.large         { padding: 6px 20px; font: 200 16px/1.4 "MavenProMedium", Helvetica, Arial, sans-serif; }
.codenest .button.blue.large    { background: url(../img/button-blue-large.jpg) repeat-x #23b1bd; }

.codenest #contact-block .wrap,
.codenest footer .wrap             { width: 960px; }