@import url('reset.css');
@import url('../fonts/fonts.css');

/* 
	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; }
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		{ background:#f2c910; color:#1eb0bc; }
::selection				{ background:#f2c910; color:#1eb0bc; }

: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.jpg') no-repeat center top; }


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

#contact-block h1			{ color: #f2c910; font: normal normal bold 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; width: 262px; }
#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: 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;*/ }
#logo						{ background:url('../img/logo-lift.png'); display:block; float:left; margin:0 35px 50px 0; text-indent:-999em; width:106px; height:91px; }
#branding h1				{ display:none; margin:0; }
.home #branding h1			{ display:block; }
#branding hgroup h2,
#page-title					{ color: #000; font: 54px/1.3 'ClarendonFSXBold', georgia, serif; letter-spacing: -2px; position:absolute; top:125px; left:0; width: 100%; }
#branding hgroup h2 span	{ color: #acacac; font: normal 18px/1.3 'CoralRegular', sans-serif; letter-spacing: 0; word-spacing: -4px; margin: 25px 0 0 20px; }
.home #branding				{ margin-bottom: 75px; }
.home #branding hgroup h2	{ font-size: 70px; top: 115px; }
.home #branding hgroup h2 a	{ color: #000; }
.home #branding hgroup h2 a:hover	{ color: #dc2128; }



/* =nav */
#branding nav			{ float:left; }
#branding nav li		{ display:inline; float:left; margin-right:30px; }
#branding nav a			{ color: #000; display: block; float: left; font: bold 27px/1.5em "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; margin-top: 25px; padding: 0; } /* height:91px; */
#branding nav a.current	{ border: solid; border-width: 2px 0; /*color: #1eb0bc; background: url('../img/lift-bird.png') no-repeat center 10px;*/ }
#branding nav a:hover,
#branding nav a.active	{ color: #1eb0bc; }
#branding nav a:focus	{ outline: 0; }



/* =site-search */
#site-search						{ float: right; margin: 30px 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; }
#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						{ height: 328px; padding-bottom: 50px; }
#feature .wrap					{ width: 960px; height: 328px; position: relative; }
#feature figure					{ position: relative; width: 960px; height: 328px; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;*/ }
#feature figure img				{ border: 10px solid #82742d; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;*/ }
#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 'ClarendonFSBold', 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 'ClarendonFSLight', 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 'ClarendonFSLight', 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: 70px/1.4 'ClarendonFSXBold', georgia, serif; padding: 100px 0 0; }
#slideshow q span				{ display: none; color: #acacac; font: normal 18px/1.3 'CoralRegular', 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: bold 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			{ background:transparent url('../img/bg-end-to-end.png') no-repeat center top; padding-top: 11px; }*/
#content .wrap			{  }

.default #content h1,
.services #content h1,
.search #content h1,
.company #content h1,
#page-title				{ background: #dc2128; color: #fff; font: 38px/1.4 'ClarendonFSXBold', 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: 40px; }

#main-content h1		{ color: #000; font: 3.1667em/1.2 'ClarendonFSXBold', 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: 2.333em/1.2 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", helvetica, sans-serif; margin-bottom: 3px; }
#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: bold 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; }
#main-content article img,
#main-content article object			{ max-width: 500px; }
.news #main-content article				{ border-bottom: 1px solid #e5e5e5; margin-bottom: 2em; min-height: 150px; }
#main-content article header h1			{ color: #dc2128; font: 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: -20px; 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: 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: -2px; }
#main-content article footer time abbr	{ color:#000; font: normal 2em/1 'ClarendonFSMedium', georgia; display:block; border: 0; }
#main-content article footer time span	{ font: 3em/1.3 'ClarendonFSXBold',serif;display: block; margin-top:-10px;  }
#main-content article footer img,
.authors img, #vcards img				{ background:#f2f2f2; border:5px solid #e5e5e5; margin-top:5px; padding:1px; 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 article footer a[rel="bookmark"]			{ background: #e5e5e5; border: solid #def3f5; border-width: 0 1px 1px 0; color: #dc2128; clear: both; display: inline-block; font: bold 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 article 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 #sub-content						{ color: #000; padding: 5px 0 45px 0; }
.home #content #sub-content h1			{ color: #000; font: 28px/1.4 "ClarendonFSXBold", georgia, serif; }
.home #sub-content article				{ border-bottom: 1px solid #ccc; margin-bottom: 0; }
.home #content #sub-content article h1	{ font: 24px/1.2 "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", Helvetica, sans-serif; margin-bottom: 0; }
.home #sub-content a					{ color: #000; }
.home #sub-content .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 #sub-content .more a				{ color: #dc2128; }

/*
**	=spotlight
************************/
#spotlight				{ padding: 60px 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; }
#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: 38px/1.4 'ClarendonFSXBold', 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; }
.launch a						{ background: #1aa4b2; 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)) ); }

.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: 22px/1.4 'ClarendonFSMedium'; 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: 27px/2 'ClarendonFSXBold', 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; }
/*.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: 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: 24px/1.2 'ClarendonFSXBold', 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: bold 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: 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: 600 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: bold 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; } /*'ClarendonFSLight', */
#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		{/* background: url('../img/speech-arrow.gif') no-repeat right -175px;*/ color: #757575; float: left; display: block; font: 20px/1.2 'ClarendonFSXBold', 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; }
#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: 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; } /*font: 18px/1 'ClarendonFSMedium', georgia, serif;*/
.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: 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 30px/1 'ClarendonFSLight', georgia, serif; height: auto; margin-bottom: -4px; text-align: right; text-transform: none; width: 364px; }
.textarea textarea		{ line-height: 1.4; padding: 12px 0 12px 20px; height: 180px; width: 384px; max-width: 384px; -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: 600 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: 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; }




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

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

#site-info h2			{ color: #f2c910; font: bold 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:200px; }
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: bold 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; }