@charset "UTF-8";

/********** = COMBINED.CSS **********/

/******************

	This style sheet combines into one file all the seperate 
	working files created during production, in order to cut
	down on the http requests and speed-up page loads.
		
	Author: InLikeALion
	For: www.squaredeye.com
	Last Modified: 17 June 2009

******************/


/********** = RESET.CSS **********/

/******************

  	This is a modified reset derived from Eric Meyer's reset.
	See http://meyerweb.com/eric/tools/css/reset for the original.
	Author: Matt Bainton (InLikeALion)
	For: www.squaredeye.com
	Last Modified: 13 October 2008 - 7:09

******************/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

body {
	color: #38393E;
	background-color: #B1D1D2;
	line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

a {color: #FFFEEA;}

:link, :visited, :hover, :active {text-decoration: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/********** = STRUCTURE.CSS **********/

/******************
	Author: Matt Bainton (InLikeALion)
	For: www.squaredeye.com
	Last Modified: 10 November 2008 - 01:51
******************/

html {
	background:#b1d1d2 url(../images/bg-all-grid-24x24.png) repeat scroll center 0;
	color:#5A5A5A;
	font-family:"Lucida Sans", "Lucida Grande", Verdana, Sans-serif;}

body {
	background:transparent url(../images/bg-all-grid-wave-264x146.png) repeat-x scroll center -7px;
	height:140px;}

#wrapper-1 {
	width: 100%;
	background:transparent url(../images/bg-all-blue-waves-252x18.png) repeat-x scroll 100% 122px;}

#wrapper-2 {
	height: 100%;
	min-height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	/*background:transparent url(../images/bg-all-gradient-25x384.png) repeat-x fixed 100% bottom;*/}

#container {
	width: 913px;
	margin: 0 auto;
	position: relative;}

#body-index #container {min-height: 900px;}

#header {
	width: 100%;
	height: 140px;
	position: relative;
	z-index: 100;}

#branding {
	height:221px;
	left:7px;
	position:absolute;
	top:72px;
	width:273px;
	z-index:99999;}

#nav-main {
	margin: 0px;
	padding: 0px;
	float: left;
	position: absolute;
	top: 57px;
	left: 300px;}

#return-home {
	width: 66px;
	height: 73px;
	position: absolute;
	top: 0;
	left: 57px;}

#nav-sub {
	width: 187px;
	height: 166px;
	background: url(../images/bg-all-subnav-563x268.png) no-repeat 0 bottom;
	position: absolute;
	top: 220px;
	left: 72px;
	padding-top: 71px;
	z-index: 99998;}
	
#body-about #nav-sub {
	height: 112px;
	background: url(../images/bg-all-subnav-563x268.png) no-repeat -188px bottom;}
	
#body-about.about-team #nav-sub {
	height: 112px;
	background: url(../images/bg-all-subnav-563x268.png) no-repeat -376px bottom;}
	
#body-work.work-featured #nav-sub,
#body-notebook.notebook-resources #nav-sub {background: url(../images/bg-all-subnav-563x268.png) no-repeat -188px bottom;}	
	
#body-work.work-clients #nav-sub,
#body-notebook.notebook-elsewhere #nav-sub {background: url(../images/bg-all-subnav-563x268.png) no-repeat -376px bottom;}
	
#body-services #nav-sub {
	height: 112px;
	background: url(../images/bg-all-subnav-563x268.png) no-repeat -188px bottom;}
	
#body-services.services-process #nav-sub {
	height: 112px;
	background: url(../images/bg-all-subnav-563x268.png) no-repeat -376px bottom;}

#content {
	background: url(../images/bg-all-transparent-7x7.png) repeat-y 312px 100%;
	margin: 226px 0 0;
	position: relative;
	z-index: 0;}

#body-index #content {
	margin-top: 166px;
	margin-bottom: 200px;
	background: none;}
	
#body-about.appetite #content {
	background: none;
	margin-top:147px;}
	
#body-about.about-team #content {
	margin-top: 304px;}

#body-work.work-clients #content {margin-top: 154px;}

#body-notebook #content {
	min-height: 942px;
	margin-top: 134px;}
	
#body-notebook.notebook-resources #content {margin-top: 132px;}

#body-notebook.notebook-elsewhere #content {margin-top: 144px;}

#body-predesign.predesign-home #content {margin-top: 172px;}

#footer {
	background: url(../images/bg-all-transparent-7x7.png) repeat-x 0 0 scroll;
	width: 871px;
	min-height: 200px;
	padding: 35px 0 0;
	margin-left: 42px;
	position: relative;
	clear: both;}



/********** = CONTENT-LAYOUT.CSS **********/

/******************
	Author: Matt Bainton (InLikeALion)
	For: www.squaredeye.com
	Last Modified: 02 November 2008 - 10:42
******************/

#branding img {
	position: absolute;
	bottom: 0;
	left: -11px;}

.heading-main {
	width: 607px;
	height: 139px;
	position: absolute;
	top: 144px;
	left: 306px;}
	
.heading-sub {
	width: 607px;
	height: 73px;
	padding-top: 1px;
	position: absolute;
	top: 270px;
	left: 313px;}

#body-about.appetite .heading-sub {
	background: transparent url(../images/bg-about-subheading-445x103.png) no-repeat scroll -6px 2px;
	height: 105px;
	top: 300px;}

#body-about.appetite #keepclose {
	background: transparent url(../images/bg-about-keepclose-542x82.png) no-repeat scroll -1px 2px;
	height: 84px;
	margin-top: 18px;
	margin-bottom: 37px;}
	
#body-about.about-team .heading-sub {
	background: transparent url(../images/bg-team-subheading-601x131.png) no-repeat scroll 0 2px;
	height: 132px;
	top: 272px;}

#body-services.services-process .heading-sub {top: 300px;}

.sub-heading {height: 0;}

#details {
	background:transparent url(../images/bg-index-details-button-239x72.png) no-repeat scroll 0 0;
	width:239px;
	height:35px;
	left:362px;
	position:absolute;
	top:97px;}

.content-sub {
	background: transparent url(../images/bg-all-transparent-7x7.png) repeat-x scroll 0 0;
	float:left;
	width: 270px;
	margin-top: 78px;
	margin-left: 42px;
	padding-top: 38px;}

#body-index .content-sub {
	width:312px;
	margin-left: 0;
	padding-top: 24px;}
	
#body-about.appetite .content-sub {margin-top:54px;}

#body-about.about-team .content-sub {margin-top:0px;}

#body-work .content-sub {margin-top: 132px;}

#body-work.work-clients .content-sub {margin-top: 204px;}

#body-services .content-sub {margin-top: 78px;}

#body-services.services-process .content-sub {
	width: 241px;
	padding-left: 29px;}

#body-notebook .content-sub {
	margin-left:42px;
	margin-top:0;
	padding:25px 18px 22px 0;
	width:252px;}
	
#body-predesign .content-sub {
	background: none;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	color: #454545;
	width: 246px;
	margin-top: 0;
	padding-top: 0;
	padding-right: 24px;}

.quote {
	margin-bottom: 24px;
	padding: 17px 37px 0 0;}

#body-index .quote {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat-x scroll 0 bottom;
	margin-bottom: 26px;
	padding-top: 18px;
	padding-left: 13px;
	padding-bottom: 27px;}

#body-notebook .quote {
	padding-top: 19px;
	padding-right: 0;}

#body-work .quote {
	padding: 0;}

.content-main {
	color:#38393e;
	width: 571px;
	padding-left: 30px;	
	float:right;
	position:relative;}

#body-index .content-main {width: 601px; padding: 0;}

#body-about.appetite .content-main {
	width: 600px;
	padding: 0;
	min-height: 203px;}

#body-work.work-featured .content-main {min-height: 702px;}

#body-work.work-clients .content-main {min-height: 0;}

#body-index #nav-viewport {	margin-top:8px;}

#body-about #nav-viewport {
	height:167px;
	margin-left:-23px;}
	
#body-about.appetite #nav-viewport {
	height:125px;
	margin-left:0;}

.column-mini {
	width: 277px;
	margin-bottom: 36px;
	float: left;}
	
.appetite .column-mini {margin-bottom:38px;}
	
.even {clear: left;}

.odd {}

#links-column {
	width: 270px;
	height: 732px;
	float: left;
	padding-top: 192px;}

#project-viewer {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat 0 0;
	height: 294px;
	width: 587px;
	margin-left: -23px;
	padding: 0 0 0 23px;
	position: relative;}

#body-index #project-viewer {width:601px;}
#body-index .project-carousel {margin-left:7px;}

#nav-viewer {z-index: 99999;}

#project-viewer a.previous {
	width: 39px;
	height: 39px;
	position: absolute;
	top: 165px;
	left: -24px;}
	
#body-index #project-viewer a.previous {left: -19px;}

#project-viewer a.next {
	width: 39px;
	height: 39px;
	position: absolute;
	top: 165px;
	right: -19px;}

ol.pagination {
	position: absolute;
	right: 0;
	bottom: -36px;}

ol.pagination li {float: left;}

.project-carousel {
	height: 667px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	z-index: 10;}
	
ul.carousel-slider {}

ul.carousel-slider li {float: left;}

/*Slider styles*/

#project-window { position: relative; margin-left: -23px; }
#project-viewer { position: absolute; padding: 0; margin: 0; width: 595px; height: 301px;} 
.carousel-panel { position: relative; }
#prevBtn, #nextBtn { 
	width: 39px;
	height: 39px;
	position: absolute;
	display: block;
	top: 165px;
	z-index: 9999;}
	
	#prevBtn {left: -19px;}
	#nextBtn {right: -19px;}
	
.project-carousel LI { float: left; margin-top: 7px; z-index: 10;}
.project-carousel, .project-carousel LI { width: 587px; height: 293px; overflow: hidden; z-index: 10;}
.project-carousel img {position: relative; z-index: 1;}
.panel-details { padding-left: 23px; }
.pagination { z-index: 9999; }

.hoverNav { position: absolute; top: 50px; width: 172px; height: 113px; z-index: 9999; display: none;}
.hoverLeft {  left: -30px; background: url('/images/arrow-left-hover.png') no-repeat top left; z-index: 9999;}
.hoverRight { right: -25px; background: url('../images/arrow-right-hover.png') no-repeat top left;  z-index: 9999;}
.hoverNav IMG { margin: 15px 0 0 15px; }
.carousel-content { min-height: 302px; }
.carousel-content LI { display: none; }

.panel-details {margin-top: 25px;}


/*PROCESS SLIDER */

#process-carousel {position: relative;}
.services-process #project-viewer { position: absolute; padding: 0; margin: 0; width: 595px; height: 300px; } 
.services-process #process-carousel { width: 587px; height: 293px; overflow: hidden; background: #fff;}
.services-process .carousel-panel {background: #ffffff; width: 487px; min-height: 217px; padding: 38px; padding-left: 62px; float: left; overflow: hidden;}
#panel-process-create {height: 235px;}
#panel-process-build {height: 367px;}
#panel-process-deploy {height: 319px;}
.carousel-panel ol li {
	list-style: outside url(../images/bg-all-bulletlist-blue-6x6.png);
	width: 300px;
	margin-bottom: 20px;
	clear: left;}

#panel-process-listen ol li,
#panel-process-brainstorm ol li {margin-bottom: 0; width: 400px;}

img#ptscreenshot {
	float: left;
	padding:0 6px 34px 0;}

.employee-main {
	min-height: 126px;
	margin-bottom: 30px;}
	
.employee-main img {
	margin: 3px 13px 0 1px;
	float: left;}
	
.employee-main.alpha {margin-top: -2px;}

.employee-main.omega {margin-bottom: 44px;}
	
.employee-sub {
	width: 283px;
	height: 65px;
	margin-bottom: 25px;
	float: left;}

.employee-sub img {
	margin: 1px 13px 0 1px;
	float: left;}

hr {
	color: #91bcc1;
	height: 1px;
	border: 1px solid #91bcc1; border-style: none none solid;
	margin-bottom: 12px;}
	
hr.hr1 {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat-x 0 0;
	height: 7px;
	margin: 7px 0 34px -23px; /*added 6px bottom padding during about page changes*/
	clear: both;}
	
hr.big-list-hr{}
		
hr.hr-divider {margin-bottom: 29px;}

hr.hr2 {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat-x 0 0;
	height: 7px;
	margin: 7px 0 0 -23px;
	clear: both;}
	
.appetite .content-main hr.hr2 {margin-left: 0}	

hr.hr4 {
	color: #91bcc1;
	height: 1px;
	border: 1px solid #91bcc1; border-style: none none solid;
	margin-bottom: 9px;}
	
hr.hr5 {
	color: #91bcc1;
	height: 1px;
	border: 1px solid #91bcc1; border-style: none none solid;
	margin: 20px 0 9px;}
	
#body-about.appetite .content-main hr.hr4 {margin-bottom:15px;}
	
#process-viewer {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat 0 0;
	min-height: 293px;
	margin-top: 42px;
	margin-left: -23px;
	padding: 7px 7px 0 0;
	position: relative;}

#process-viewer a.previous {
	width: 39px;
	height: 39px;
	position: absolute;
	top: 167px;
	left: -20px;}

#process-viewer a.next {
	width: 39px;
	height: 39px;
	position: absolute;
	top: 167px;
	right: -19px;}
	
	
	
#process-viewer ol.pagination {
	width: 605px;
	height: 42px;
	position: absolute;
	left: 0;
	top: -42px;}

#process-viewer ol.pagination li {float: left;}
	
#process-content {
	background: #FFFFFF;
	min-height: 193px;
	padding: 40px 63px 60px;}

.excerpt {
	width: 270px;
	padding: 0;
	margin-bottom: 21px;}

.blurb {
	width: 155px; 
	float: right;
	margin-top: -4px;}

.read-article {
	background: url(../images/bg-notebook-readarticle-85x30.png) no-repeat 0 0;
	width: 85px;
	height: 15px;}
	
.big-list {
	color: #aed2d2;
	background: url(../images/bg-all-biglist-sprite-130x31.png) no-repeat 0 0;
	width: 130px;
	height: 15px;
	margin-top: 18px;
	margin-left:94px;
	font-size: 0;
	text-decoration: none;}
	
.about-team .big-list {
	color: #aed2d2;
	background: url(../images/bg-all-biglist-sprite-200x62.png) no-repeat 0 0;
	width: 200px;
	height: 31px;
	margin-top: 18px;
	margin-left:94px;
	font-size: 0;
	text-decoration: none;}
	
.about-team .big-list:hover {
	background: url(../images/bg-all-biglist-sprite-200x62.png) no-repeat 0 -31px;
	width: 210px;
	height: 31px;}
	
#body-index .big-list {margin-left: 153px;}

#body-about .big-list {margin-left:31px;}

.more-links {
	position: absolute;
	top: 373px;
	right: -7px;}

.see-casestudy {
	background: url(../images/bg-work-seecasestudy-225x58.png) no-repeat 0 0;
	width: 225px;
	height: 29px;
	margin-bottom: 11px;}
	
.client-list {margin-bottom: 19px;}

#client-list {padding-right:17px;}
#body-index #client-list {padding-right:0;}

#come-swim {
	background: url(../images/bg-services-swim-sprite-641x342.png) no-repeat 0 0;
	width: 641px;
	height: 171px;
	margin: 0 0 23px -23px;
	clear: both;}

.contain-archives {
	width: 630px;}

.archive {
	width: 277px;
	float: left;
	margin: 0 17px 20px 0;}

.archive img{
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat scroll 0 0;
	padding: 7px;
	margin-bottom: 13px;}

.placeholder {
	background: transparent url(../images/bg-notebook-article-placeholder-277x199.png) no-repeat 0 0;
	width: 197px;
	height: 145px;
	padding: 27px 40px;
	margin-bottom: 23px;
	float: left;}

#links-column h4 {margin-bottom: 13px;}

.icon-link {
	float:left;
	height:126px;
	margin:0;
	position:relative;
	top:-1px;
	width:85px;}

.icon-link img {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat scroll 0 0;
	height:83px;
	padding:1px;
	width:83px;
	z-index:8888;}

.flickr {}

.flickr .icon-link a {
	background: url(../images/bg-notebook-smallpost-icons-170x378.png) no-repeat 0 0;
	width: 85px;
	height: 126px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;}

.flickr .icon-link a:hover {background: url(../images/bg-notebook-smallpost-icons-170x378.png) no-repeat -85px 0;}

.delicious {}

.delicious .icon-link a {
	background: url(../images/bg-notebook-smallpost-icons-170x378.png) no-repeat 0 -126px;
	width: 85px;
	height: 126px;
	display: block;}

.delicious .icon-link a:hover {background: url(../images/bg-notebook-smallpost-icons-170x378.png) no-repeat -85px -126px;}

.twitter {}

.twitter .icon-link a {
	background: url(../images/bg-notebook-smallpost-icons-170x378.png) no-repeat 0 -257px;
	width: 85px;
	height: 126px;
	display: block;}

.twitter .icon-link a:hover {
	background: url(../images/bg-notebook-smallpost-icons-170x378.png) no-repeat -85px -257px;}

.img-author {
	float: right;
	margin: 0 0 7px 7px;}

.img-editorial {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat scroll 0 0;
	margin: 0 0 21px 7px;
	padding: 0 7px 7px 0;}

#body-notebook .img-editorial {
	margin-left: -23px;
	margin-bottom: 12px;
	padding: 7px 7px 7px 0;}

#featured p {margin-top: 0px;}

/*#viewport {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat scroll 0 0;
	height:293px;
	padding:7px;
	width:587px;
	position:relative;}

#video-waves {
	background:transparent url(../images/bg-video-wave.png) repeat-x scroll 0 0;
	height:293px;
	left:7px;
	padding:7px;
	position:absolute;
	top:7px;
	width:573px;}

img#video-play {
	left:43%;
	position:absolute;
	top:19%;}*/

#vp-nav1 {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat-y right 0;}

#vp-nav2 {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat-y right 0;}

.row {
	background: url(../images/bg-all-transparent-row-1200x7.png) no-repeat -38px top scroll;
	width: 100%;
	padding-top: 7px;
	clear: both;}

div#contact-flash {
	background:transparent url(../images/bg-contact-bubble.png) no-repeat scroll 0 0;
	height:117px;
	left:282px;
	padding:20px 20px 18px 56px;
	position:absolute;
	top:142px;
	width:553px;
	z-index:1000;
	display:none;}

#contact-flash a#close {
	background:transparent url(../images/bg-contact-close.png) no-repeat scroll 0 0;
	display:block;
	height:24px;
	position:absolute;
	right:-11px;
	text-indent:-99999px;
	top:-12px;
	width:24px;}

div.final-words {
	width: 583px;
	margin-left: 289px;
	margin-top: 45px;}

#rss {
	background: transparent url(../images/bg-all-rssicon-85x85.png) no-repeat right 6px;
	width: 130px;
	height: 91px;
	padding-right: 94px;
	text-align: right;
	position: absolute;
	top: 36px;
	right: 19px;}

#rss ul {margin-top: 4px;}

#body-index .first {margin-top: 0;}

.first {
	background: none;
	padding-top: 0;}

.contact-stub {
	width: 270px;
	padding-bottom: 26px;
	position: relative;}

#body-work .contact-stub {padding-bottom: 25px;}

#body-about .contact-stub {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat-x scroll 0 bottom;}

.contact-stub h4 {
	height: 25px;
	width:235px;
	padding-bottom: 18px;
	background: url(../images/bg-all-contact-stub-triangle-235x12.png) no-repeat scroll left bottom;
	margin-right: 37px;}

.contact-stub p {
	border: solid 1px #84bcc2;
	border-top: none;
	width: 193px;
	padding: 14px 20px 15px;
	background-color: #FFFFFF; }

.contact-stub em {
	width: 235px;
	display: block;
	margin:12px 37px 0 0;}

#footer .contact-stub {
	margin-top: 3px;
	float: left;
	background: none;}




/********** = TYPOGRAPHY.CSS **********/

/******************
	Author: Matt Bainton (InLikeALion)
	For: www.squaredeye.com
	Last Modified: 02 November 2008 - 10:42
******************/

body {font-family:"Lucida Sans", "Lucida Grande", Verdana, Sans-serif;}

#branding h1 {
	font-family:"Rockwell","Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 4px;
	text-align: right;
	text-transform: uppercase;
	width: 203px;
	height: 21px;
	margin-left: 51px;
	position: relative;
	overflow: hidden;}

#branding-txtreplace {
	background:transparent url(../images/bg-logo-squaredeye-203x21.png) no-repeat scroll;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;}

#nav-main {
	font-family:"Rockwell","Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;}

#return-home {text-indent: -999999px;}

#monstrous {background:transparent url(../images/bg-index-hl-monstrous-607x139.png) no-repeat scroll 0 0;}

#body-about #monstrous {background:transparent url(../images/bg-about-hl-monstrous-607x139.png) no-repeat scroll 0 0;}

#team-heading {
	background: transparent url(../images/bg-team-hl-personality-642x106.png) no-repeat scroll 0 0;
	height: 108px;
	width:649px;}

#greatthings {
	background:transparent url(../images/bg-about-hl-greatthings-607x110.png) no-repeat scroll 0 0;
	height: 110px;}

#yourclients {
	background: transparent url(../images/bg-work-hl-yourclients-607x110.png) no-repeat scroll 0 0;
	height: 110px;}

#featured-heading {
	background: transparent url(../images/bg-featured-work-hl-578x109.png) no-repeat scroll 0 0;
	height: 110px;}
	
#startwave {
	background:transparent url(../images/bg-clients-hl-startwave-607x128.png) no-repeat scroll 0 0;
	height: 128px;}
	
#services-heading {
	background: transparent url(../images/bg-services-hl-wemakesmiles-599x102.png) no-repeat scroll 0 0;
	height: 102px;}
	
#ourprocess {
	background: transparent url(../images/bg-process-hl-processperfect-565x133.png) no-repeat scroll 0 0;
	height: 133px;}

#deep {background: transparent url(../images/bg-notebook-hl-deepthoughts-607x139.png) no-repeat scroll 0 0;}

#resources-heading {background: transparent url(../images/bg-notebook-hl-resources-448x110.png) no-repeat scroll 0 0;}

#elsewhere-heading {background: transparent url(../images/bg-notebook-hl-elsewhere-550x139.png) no-repeat scroll 0 0;}

#predesigns-heading {background: transparent url(http://squaredeye.com/images/bg-pred-hl-webdesigns-579x126.png) no-repeat scroll 0 0;}

#heading h3 {
	font-family: /*"Archer"*/, "Lucida Grande", "Lucida Sans", Verdana, Sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	text-transform: uppercase;}

.content-sub {
	color:#38393e;
	text-align: right;}

#links-column .content-sub {text-align: left;}

.content-sub h3 {
	font-family: /*"Archer"*/, "Lucida Grande", "Lucida Sans", Verdana, Sans-serif;
	font-size: 22px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 4px;}
	
#body-index .content-sub h3 {
	height: 24px;
	margin: 0 31px 4px 0;}
	
#body-services.services-process .content-sub h3 {
	line-height: 24px;
	width: 180px;
	margin-top: 2px;}

.content-sub h4 {
	font-family: /*"Archer"*/, "Lucida Grande", "Lucida Sans", Verdana, Sans-serif;
	font-size: 17px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 20px;
	margin-bottom: 7px;}
	
#body-index .content-sub h4.rc-heading {margin: 0 36px 17px;}

.content-sub h4.rc-heading {margin-right:35px;}

.quote {
	font-family:"Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size:12px;
	font-style:italic;
	color: #474E53;
	line-height:18px;}

#body-work .quote {
	color: #51585D;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 18px;}
	
#body-work .quote em {color: #3B3C3F;}

#body-services.services-process .content-sub p {
	font-size: 12px;
	line-height: 18px;
	width: 200px;
	margin-top: 18px;}
	
#body-predesign .content-sub p {padding-bottom: 12px;}

.content-main ul.col1, .content-main ul.col2  {float:left;}
.content-main .col1 li, .content-main .col2 li {width: 271px;}
.client-list.col1 li {padding-right:19px;}

#client-list li,
.client-list li,
.content-sub li {
	color:#545664;
	font-size:.62em;
	line-height:12px;
	margin-bottom:15px;
}

#client-list li,
.content-sub li {	padding-right:36px;}
	
#client-list strong,
.client-list strong,
.content-sub strong {
	color:#3B3C3F;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	line-height:14px;
	padding-top: 1px;}

#body-notebook .content-sub strong {font-size: 11px;}

.content-main h3 {}

.about-team .content-main h3 {margin-bottom: 22px;}

#restofteam {
	background: transparent url(../images/bg-team-restofteam-526x80.png) no-repeat 1px 3px;
	width: 526px;
	height: 83px;
	margin-bottom: 32px;}

#body-services .column-mini h3 {height: 50px; margin-bottom: 40px;}

#body-notebook.notebook-main .content-main h3 {margin:31px 0 2px;}

.content-main h4 {margin-bottom:18px; margin-top:-3px;} /*trying this out on the client page*/

.content-main p {
	color:#3B3C3F;
	font-family:"Lucida Sans","Lucida Grande",Verdana,Sans-serif;
	font-size:0.73em;
	line-height:18px;
	margin:0 18px 6px 0;}
	
#body-about.appetite .content-main p {
	color: #505155;
	font-size: 11px;
	display: block;}
	
#body-about.appetite .content-main p#nanosec {
	padding-top: 4px;
	padding-bottom: 12px;}

#body-notebook .content-main p {margin: 0;}

#body-about .content-main blockquote {
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size: 12px;
	font-weight: 600;
	font-style: italic;
	line-height: 18px;
	margin-top: 58px;
	margin-bottom: 6px;}

.employee-sub p {
	color: #505155;
	font-size: .62em;
	line-height: 12px;
	margin-bottom: 3px;}

/*
.employee-sub strong {
	font-size: 12px;
	line-height: 13px;}
*/
	
.employee-sub h4 {
	margin: 1px 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 13px;}
	
.employee-sub a {line-height: 20px;}

.carousel-panel h3.text-replace {margin-bottom: 19px;}

h3#welisten {
	background: url(../images/bg-process-welisten-374x48.png) no-repeat 0 0;
	width: 374px;
	height: 48px;}

h3#webrainstorm {
	background: url(../images/bg-process-brainstorm-460x73.png) no-repeat 0 0;
	width: 460px;
	height: 73px;}
	
h3#wecreate {
	background: url(../images/bg-process-create-398x50.png) no-repeat 0 0;
	width: 398px;
	height: 50px;}
	
h3#webuild {
	background: url(../images/bg-process-build-338x49.png) no-repeat 0 0;
	width: 338px;
	height: 49px;}
	
h3#wecelebrate {
	background: url(../images/bg-process-wedeployandcelebrate-412x100.png) no-repeat 0 0;
	width: 412px;
	height: 100px;}

.carousel-panel ol li {
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 18px;}

.contact-stub h4 {
	font-family: /*"Archer"*/, "Lucida Grande", "Lucida Sans", Verdana, Sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: 500;
	text-align: center;}

.contact-stub p {
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size: 13px;
	line-height: 18px;
	text-align: center;}

.contact-stub em {
	font-family: /*"Archer"*/, "Lucida Grande", "Lucida Sans", Verdana, Sans-serif;
	font-size: 28px;
	font-style: italic;
	font-weight: 100;
	letter-spacing: 2px;
	text-align: center;}

/*.content-main p.column-mini {
	font-size: 13px;
	line-height: 18px;
	margin-top: -2px;
	margin-right: 12px;}*/

p.description {
	font-size: 10px;
	line-height: 10px;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;}

.excerpt p {
	font-size: 10px;
	margin: 0;
	padding: 0;}
	
.excerpt strong {font-size: 12px;}

.more-links {font-size: 12px;}

.column-mini strong {font-weight: 700;}

.flickr h4 {
	background: url(../images/bg-notebook-sidelinks-188x40.png) no-repeat 0 0;
	width: 188px;
	height: 12px;}

.delicious h4 {
	background: url(../images/bg-notebook-sidelinks-188x40.png) no-repeat 0 -14px;
	width: 188px;
	height: 12px;}

.twitter h4 {
	background: url(../images/bg-notebook-sidelinks-188x40.png) no-repeat 0 -28px;
	width: 188px;
	height: 12px;}

.tags {
	font-family:"Rockwell","Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size: 13px;
	font-weight: 400;
	font-style: italic;
	text-transform: lowercase;
	margin-bottom: 6px;}

.tags a {font-family:"Rockwell","Lucida Sans", "Lucida Grande", Verdana, Sans-serif;}

address {
	font-size: 11px;
	font-weight: 500;
	font-style: normal;
	margin-bottom: 4px;}

.date {
	text-transform: uppercase;
	font-size: 9px;}

#body-notebook .content-sub a {
	font-family:'Lucida Sans', 'Lucida Grande',Verdana,Sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
	color: #fffeea;	}

#body-notebook .content-sub p {
	font-family:'Lucida Sans', 'Lucida Grande', Verdana, Sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 300;
	color: #454545;}

.icon-link {
	text-align: center;
	vertical-align: bottom;}

.icon-link a {
	font-size: 11px; 
	line-height: 12px;
	text-align: center;}

.placeholder p {
	font-family: "Lucida Sans","Lucida Grande", Verdana, Sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-style: italic;
	text-align: center;}

.textlink {
	font-family:"Lucida Sans","Lucida Grande", Verdana, Sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-style: italic;
	color: #fffeea;}

div#contact-flash {
	font-size:12px;
	font-style:italic;}

div#contact-flash p {text-align:center;}

span.tel {
	color:#4F5254;
	display:block;
	font-family:arial,sans-serif;
	font-size:94px;
	font-style:normal;
	font-weight:bold;
	padding-bottom:6px;}

span.tel span {
	color:#BBBBBB;
	font-family:georgia;
	font-size:18px;
	padding:0 4px;}

span.org {
	color:#287AA0;
	font-weight:bold;}

.final-words {
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size: 17px;
	color: #474E53;
	line-height: 24px;
	margin: 0 18px 25px 19px;}

#rss a {font-size: 13px;}

#rss a:hover {
	font-size: 12px;
	text-transform: uppercase;}
	
.text-left {text-align: left;}

.text-right {text-align: right;}

.text-replace,
a.text-replace {
	display: block;
	text-indent: -99999px;
	overflow: hidden;}

span.text-replace {
	text-align:left; /*adding the span and then text-aligning left seems to take care of the weirdness when the parent element is floated right*/
}


/********** = LINKS.CSS **********/

/******************
	Author: Matt Bainton (InLikeALion)
	For: www.squaredeye.com
	Last Modified: 25 October 2008 - 16:05
******************/

#header a {color: #35363B;}

#nav-main li {
	float: left;
	margin-right: 10px;}

#nav-main a * {display: none;}

#nav-main a,
#nav-main a .hover {
	height: 43px;
	position: relative;
	display: block;
	background: url(../images/bg-all-nav-main-sprite-407x129.png) 0 0 no-repeat;}

/* individual navigation items */
#nav-main a#nav-about {
  background-position: -7px 0;
  width: 69px;}

#nav-main .highlight a#nav-about:hover,
#nav-main a#nav-about .hover {
  background-position: -7px -86px;}

#nav-main a#nav-work {
  background-position: -72px 0;
  width: 65px;}

#nav-main .highlight a#nav-work:hover,
#nav-main a#nav-work .hover {
  background-position: -72px -86px;}

#nav-main a#nav-services {
  background-position: -133px 0;
  width: 86px;}

#nav-main .highlight a#nav-services:hover,
#nav-main a#nav-services .hover {
  background-position: -133px -86px;}

#nav-main a#nav-notebook {
  background-position: -215px 0;
  width: 100px;}

#nav-main .highlight a#nav-notebook:hover,
#nav-main a#nav-notebook .hover {
  background-position: -215px -86px;}

#nav-main a#nav-contact {
  background-position: -311px 0;
  width: 89px;}

#nav-main .highlight a#nav-contact:hover,
#nav-main a#nav-contact .hover {
  background-position: -311px -86px;}

a#return-home {display: none;}

a#return-home,
a#return-home .hover {
	height: 73px;
	position: relative;
	background: url(../images/bg-all-return-66x147.png) no-repeat 0 0;
	display: block;}

/*a#return-home.highlight:hover,
a#return-home .hover {
	background-position: 0 -69px;
	height: 53px;}*/

/* nav-main "you-are-here" */

#body-about #nav-main a#nav-about {background: url(../images/bg-all-nav-main-sprite-407x129.png) no-repeat -7px -43px;}

#body-work #nav-main a#nav-work {background: url(../images/bg-all-nav-main-sprite-407x129.png) no-repeat -72px -43px;}

#body-services #nav-main a#nav-services {background: url(../images/bg-all-nav-main-sprite-407x129.png) no-repeat -133px -43px;}

#body-notebook #nav-main a#nav-notebook {background: url(../images/bg-all-nav-main-sprite-407x129.png) no-repeat -215px -43px;}

#nav-sub li {
	width: 185px;
	height: 54px;
	margin: 1px 1px 0;}
	
#body-about #nav-sub a {
	background: url(../images/bg-about-subnav-text-563x111.png) no-repeat 0 0;
	width: 185px;
	height: 54px;
	display: block;}

#body-about #nav-about-appetite a {background-position: 0 0;}

#body-about #nav-about-team a {background-position: 0 -56px;}

#body-about #nav-about-appetite a:hover {background-position: 2px 0;}

#body-about #nav-about-team a:hover {background-position: -189px -56px;}

#body-about.about-team #nav-about-appetite a:hover {background-position: -189px 0;}

#body-about.about-team #nav-about-team a:hover {background-position: 1px -56px;}

#body-work #nav-sub a {
	background: url(../images/bg-work-subnav-text-563x266.png) no-repeat 0 0;
	width: 185px;
	height: 54px;
	display: block;}

#body-work #nav-work-all a {background-position: 0 0;}

#body-work #nav-work-featured a {background-position: 0 -56px;}

#body-work #nav-work-clients a {background-position: 0 -111px;}

#body-work #nav-work-all a:hover {background-position: -376px 0;}

#body-work #nav-work-featured a:hover {background-position: -189px -56px;}

#body-work #nav-work-clients a:hover {background-position: -189px -111px;}

#body-work.work-featured #nav-work-all a:hover {background-position: -189px 0;}

#body-work.work-featured #nav-work-featured a:hover {background-position: -376px -56px;}

#body-work.work-clients #nav-work-all a:hover {background-position: -189px 0;}

#body-work.work-clients #nav-work-clients a:hover {background-position: -376px -111px;}

#body-services #nav-sub a {
	background: url(../images/bg-services-subnav-text-563x111.png) no-repeat 0 0;
	width: 185px;
	height: 54px;
	display: block;}

#body-services #nav-services-services a {background-position: 0 0;}

#body-services #nav-services-process a {background-position: 0 -56px;}

#body-services #nav-services-services a:hover {background-position: -376px 0;}

#body-services #nav-services-process a:hover {background-position: -189px -56px;}

#body-services.services-process #nav-services-services a:hover {background-position: -189px 0;}

#body-services.services-process #nav-services-process a:hover {background-position: 1px -56px;}

#body-notebook #nav-sub a {
	background: url(../images/bg-notebook-subnav-text-563x266.png) no-repeat 0 0;
	width: 185px;
	height: 54px;
	display: block;}

#body-notebook #nav-notebook-thoughts a {background-position: 0 0;}

#body-notebook #nav-notebook-resources a {background-position: 0 -56px;}

#body-notebook #nav-notebook-elsewhere a {background-position: 0 -111px;}

#body-notebook #nav-notebook-thoughts a:hover {background-position: -376px 0;}

#body-notebook #nav-notebook-resources a:hover {background-position: -189px -56px;}

#body-notebook #nav-notebook-elsewhere a:hover {background-position: -189px -111px;}

#body-notebook.notebook-resources #nav-notebook-thoughts a:hover {background-position: -189px 0;}

#body-notebook.notebook-resources #nav-notebook-resources a:hover {background-position: -376px -56px;}

#body-notebook.notebook-elsewhere #nav-notebook-thoughts a:hover {background-position: -189px 0;}

#body-notebook.notebook-elsewhere #nav-notebook-elsewhere a:hover {background-position: -376px -111px;}

#details:hover {background-position:0 -36px;}

.contact-stub a {
	color: #488994;
	text-decoration: none;
	background: url(../images/bg-all-link-underline-100x3.png) repeat-x center 16px;
	padding: 3px 0;}

.contact-stub a:hover {background: none;}

a.previous,
a.previous {background: transparent url(../images/bg-all-previous-next-sprite-80x80.png) no-repeat 0 0;}

a.previous:hover,
a.previous:hover {background: transparent url(../images/bg-all-previous-next-sprite-80x80.png) no-repeat 0 -41px;}

a.next,
a.next {background: transparent url(../images/bg-all-previous-next-sprite-80x80.png) no-repeat -41px 0;}

a.next:hover,
a.next:hover {background: transparent url(../images/bg-all-previous-next-sprite-80x80.png) no-repeat -41px -41px;}

.pagination a {
	background: transparent url(../images/bg-all-pagination-circles-14x48.png) no-repeat center 2px;
	width: 20px;
	height: 20px;}

.pagination a:hover {background: transparent url(../images/bg-all-pagination-circles-14x48.png) no-repeat center -15px;}

.pagination .active a {background: transparent url(../images/bg-all-pagination-circles-14x48.png) no-repeat center -33px;}

#process-viewer .pagination a {height: 42px;}

#one-listen {
	background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat 0 0;
	width: 105px;
	z-index: 500;}

#one-listen:hover {background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat 0 -42px;}

.active #one-listen {background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat 0 -84px;}

#two-brainstorm {
	background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat -105px 0;
	width: 162px;
	margin-left: -8px;
	z-index: 400;}

#two-brainstorm:hover {background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat -105px -42px;}

.active #two-brainstorm {background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat -105px -84px;}

#three-create {
	background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat -267px 0;
	width: 125px;
	margin-left: -8px;
	z-index: 300;}

#three-create:hover {background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat -267px -42px;}

.active #three-create {background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat -267px -84px;}

#four-build {
	background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat -392px 0;
	width: 111px;
	margin-left: -8px;
	z-index: 200;}

#four-build:hover {background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat -392px -42px;}

.active #four-build {background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat -392px -84px;}

#five-deploy {
	background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat -503px 0;
	width: 134px;
	margin-left: -8px;
	z-index: 100;}

#five-deploy:hover {background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat -503px -42px;}

.active #five-deploy {background: transparent url(../images/bg-process-viewer-sprite-637x126.png) no-repeat -503px -84px;}

a.textlink {
	background: url(../images/bg-all-link-underline-blue-25x3.png) repeat-x 100% bottom;
	padding-bottom: 1px;}
	
.content-main a.textlink {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat scroll 0 0;
	padding:0 4px 0 3px;}

.content-main a.textlink:hover {
	background-image:none;
	color:#FFFFFF;}

#nav-viewport li {float:left;}

#nav-viewport li a {
	background-position:center 50px;
	height:126px;}

.appetite #nav-viewport li a {height: 137px;}

#nav-viewport li:hover {background:transparent url(../images/bg-all-transparent-7x7.png) repeat 0 0;}

/*implement later 
#nav-viewport li .hover {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat 0 0;
	display:block;
	height:100%;
	width:100%;
	}
*/

.vp-process a {
	background: url(../images/bg-bottom-tabs-process-115x28.png) no-repeat;
	width:180px;
	margin-right:7px;}
	
.vp-featured a {
	background: url(../images/bg-bottom-tabs-project-171x28.png) no-repeat;
	width:215px;
	margin-right:7px;}

.vp-thoughts a {
	background: url(../images/bg-bottom-tabs-deepthoughts-142x28.png) no-repeat;
	width:192px;}

#body-about.appetite .vp-process a {width: 179px;}
	
#body-about.about-team .vp-process a {width: 173px;}
	
.content-main a:hover {color: #488994;}

.read-article:hover {
	background: url(../images/bg-notebook-readarticle-85x30.png) no-repeat 0 -15px;
	width: 85px;
	height: 15px;}

.big-list:hover {
	background: url(../images/bg-all-biglist-sprite-130x31.png) no-repeat 0 -16px;
	width: 130px;
	height: 15px;}

.see-casestudy:hover {
	background: url(../images/bg-work-seecasestudy-225x58.png) no-repeat 0 -29px;
	width: 225px;
	height: 29px;}
	
#come-swim:hover {background: url(../images/bg-services-swim-sprite-641x342.png) no-repeat 0 -171px;
	height: 171px;}

.tags a {
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;}

.tags a:hover {	color: #488994;}

.archive:hover img {background: url(../images/bg-all-transwhite-7x7.png) repeat 0 0;}

.archive:hover p {color: #fbfeea;}

.external {
	font-size: 11px;
	text-decoration: none;
	background: url(../images/bg-all-link-underline-100x3.png) repeat-x center 13px;
	padding: 3px 0;}

.external:hover {
	color: #488994;
	background: none;}

#rss li {margin-bottom: 2px;}

#rss a {
	height: 20px;
	background: url(../images/bg-all-link-underline-100x3.png) no-repeat 15px 13px;
	padding-left: 16px;}

#rss a:hover {background: transparent url(../images/bg-all-rss-star-13x13.png) no-repeat left top;}


/* end all */

.text-replace,
a.text-replace {
	display: block;
	text-indent: -99999px;
	overflow: hidden;}