@charset "UTF-8";

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

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: #fff;
	/*background-color: #E0FFFC;*/
	line-height: 1;
	height:100%;}

ol, ul {list-style: none;}

#body-signup .bulleted {
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size: 12px;
	color: #3b3c3f;
	line-height: 18px;
	margin: 0 18px 6px 0;
	list-style-position: inside;
	list-style-type: square;
}

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: #5a90a6;}

: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:#fff url(../images/bg-all-grid-24x24.png) repeat scroll center 0;
	color:#5A5A5A;
	font-family:"Lucida Sans", "Lucida Grande", Verdana, Sans-serif;}

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

#wrapper-1 {
	width: 100%;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/map_kaef.png);
	background-repeat: no-repeat;
	background-position: 10px -105px;
}

#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;}

#languages {
	width: 200px; 
	float: right;
	margin-top: 20px;
	margin-right: 0px;
	font-family:"Lucida Grande", "Lucida Sans", Verdana, Sans-serif;;
	font-size: 8px;
	font-weight: 400;
	letter-spacing: 2px;
	text-align: right;
	text-transform: uppercase;}

#branding {
	height:100px;
	left:7px;
	position:absolute;
	top:1px;
	width:600px;
	z-index:99999;}

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

#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-join #nav-sub {
	height: 112px;
	background: url(../images/bg-all-subnav-563x268.png) no-repeat -188px bottom;}
	
#body-join.about-team #nav-sub {
	height: 112px;
	background: url(../images/bg-all-subnav-563x268.png) no-repeat -376px bottom;}
	
#body-learn.learn-featured #nav-sub {background: url(../images/bg-all-subnav-563x268.png) no-repeat -188px bottom;}	
	
#body-learn.learn-clients #nav-sub {background: url(../images/bg-all-subnav-563x268.png) no-repeat -376px bottom;}
	
#body-signup #nav-sub {
	height: 112px;
	background: url(../images/bg-all-subnav-563x268.png) no-repeat -188px bottom;}
	
#body-signup.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: 50px 0 0;
	position: relative;
	z-index: 0;}

#body-index #content {
	margin-top: 5px;
	margin-bottom: 200px;
	background: none;}

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

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

#footer {
	background: url(../images/bg-all-transparent-7x7.png) repeat-x 0 0 scroll;
	width: 915px;
	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-signup.services-process .heading-sub {top: 300px;}

.sub-heading {height: 0;}

.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-learn .content-sub {
	width:312px;
	margin-left: 0;
	padding-top: 24px;}

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

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

#body-signup .content-sub {
	width:312px;
	margin-left: 0;
	padding-top: 24px;
	margin-top:10px;}

#body-join .content-sub {
	width:312px;
	margin-left: 0;
	padding-top: 24px;
	margin-top:10px;}
	
.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: 15px;
	padding-top: 18px;
	padding-left: 13px;
	padding-bottom: 27px;}

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

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

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

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

#body-join .content-main {min-height: 203px;}

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


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

#body-join #nav-viewport {
	height:175px;
	margin-left:-23px;}

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

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

.odd {}

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

#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;}
	
#project-viewervid {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat 0 0;
	height: 390px;
	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;}
	
a.playvid {
	width: 587px;
	height: 293px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #F00;
}
	
#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;} 
#project-viewervid { position: absolute; padding: 0; margin: 0; width: 595px; height: 397px;}
.carousel-panel { position: relative; }
#prevBtn, #nextBtn { 
	width: 40px;
	height: 40px;
	position: absolute;
	display: block;
	top: 165px;
	z-index: 9999;}
	
#playBtn { 
	width: 119px;
	height: 87px;
	position: absolute;
	display: block;
	top: 120px;
	z-index: 9999;}
	
	#prevBtn {left: -19px;}
	#nextBtn {right: -19px;}
	#playBtn {left: 240px;}
	
.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-carouselvid, .project-carouselvid LI { width: 587px; height: 389px; 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 #project-viewervid { position: absolute; padding: 0; margin: 0; width: 595px; height: 397px; }
.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;}

.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 28px -23px;
	clear: both;}
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;}
	
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;}
	
	
#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;}
	
.recruit {
	width: 265px; 
	float: right;
	margin-right: 20px;
	text-align: left;}

.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;}
	
#body-index .big-list {margin-left: 153px;}

#body-join .big-list {margin-left:94px;}

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

.see-casestudy {
	background: url(../images/bg-learn-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.wide {
	float:left;
	margin:0 17px 20px 0;
	width:571px;}

.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: 576px;
	margin-left: 340px;
	/*margin-top: 95px;
	text-align: right;*/
}

div.final-words2 {
	width: 910px;
	margin:0 auto;
	/*margin-top: 95px;*/
	text-align: center;
}

#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-info {
	width: 300px;
	padding-bottom: 26px;
	position: relative;}

#body-learn .contact-info {padding-bottom: 25px;}

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

.contact-info h4 {
	height: 25px;
	width:300px;
	padding-bottom: 18px;
	background: url(../images/bkgrnd_donate_arrow.png) no-repeat scroll left bottom;
	}

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

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

#footer .contact-info {
	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-join #monstrous {background:transparent url(../images/bg-about-hl-monstrous-607x139.png) no-repeat scroll 0 0;}

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

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

#featured-heading {
	background: transparent url(../images/bg-featured-learn-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(../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-learn .content-sub h3 {
	height: 24px;
	margin: 0 31px 4px 0;}

#body-join .content-sub h3 {
	height: 24px;
	margin: 0 31px 4px 0;}

#body-signup .content-sub h3 {
	height: 24px;
	margin: 0 31px 4px 0;}

.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: Cambria, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;}

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

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

.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:11px;
	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:13px;
	font-weight:bold;
	line-height:15px;}

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

.content-main h3 {}

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

#body-signup .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 {
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size: 12px;
	color: #3b3c3f;
	line-height: 18px;
	margin: 0 18px 6px 0;}

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

#body-join .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 {
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 2px;}

.employee-sub strong {
	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-info h4 {
	font-family: /*"Archer"*/, "Lucida Grande", "Lucida Sans", Verdana, Sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: 500;
	text-align: center;}

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

.contact-info 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, .final-words2 {
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size: 11px;
	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 **********/
#header a {color: #35363B;}

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

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

#nav-main a,
#nav-main a .hover {
	height: 60px;
	position: relative;
	display: block;
	background: url(../images/navigation_sprite3.png) 0 0 no-repeat;}

/* individual navigation items */
#nav-main a#nav-learn {
  background-position: 0px 0;
  width: 142px;}

#nav-main .highlight a#nav-learn:hover,
#nav-main a#nav-learn .hover {
  background-position: 0px -120px;}

#nav-main a#nav-join {
  background-position: -142px 0;
  width: 178px;}

#nav-main .highlight a#nav-join:hover,
#nav-main a#nav-join .hover {
  background-position: -142px -120px;}

#nav-main a#nav-signup {
  background-position: -320px 0;
  width: 164px;}

#nav-main .highlight a#nav-signup:hover,
#nav-main a#nav-signup .hover {
  background-position: -320px -120px;}

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;}

#body-learn #nav-main a#nav-learn {background: url(../images/navigation_sprite3.png) no-repeat 0px -60px;}
#body-join #nav-main a#nav-join {background: url(../images/navigation_sprite3.png) no-repeat -142px -60px;}
#body-signup #nav-main a#nav-signup {background: url(../images/navigation_sprite3.png) no-repeat -320px -60px;}

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

#body-learn #nav-join-all a {background-position: 0 0;}
#body-learn #nav-join-featured a {background-position: 0 -56px;}
#body-learn #nav-join-clients a {background-position: 0 -111px;}
#body-learn #nav-join-all a:hover {background-position: -376px 0;}
#body-learn #nav-join-featured a:hover {background-position: -189px -56px;}
#body-learn #nav-join-clients a:hover {background-position: -189px -111px;}
#body-learn.learn-featured #nav-join-all a:hover {background-position: -189px 0;}
#body-learn.learn-featured #nav-join-featured a:hover {background-position: -376px -56px;}
#body-learn.learn-clients #nav-join-all a:hover {background-position: -189px 0;}
#body-learn.learn-clients #nav-join-clients a:hover {background-position: -376px -111px;}
#body-signup #nav-sub a {
	background: url(../images/bg-services-subnav-text-563x111.png) no-repeat 0 0;
	width: 185px;
	height: 54px;
	display: block;}

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

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

.contact-info a {
	color: #333;
	text-decoration: none;
	padding: 3px 0;
}

.contact-info a:hover {
	background: none;
	color: #333;
	text-decoration: underline;
}

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 -40px;}

a.playvid,
a.playvid {background: transparent url(../images/video_play.png) no-repeat 0 0;}

a.playvid:hover,
a.playvid:hover {background: transparent url(../images/video_play_hover.png) no-repeat 0 0px;}

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

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

.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;}

#nav-viewport li {float:left;}

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

#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%;
	}
*/

.mnav-learn a {
	background: url(../images/bg-bottom-tabs-learn.png) no-repeat;
	width:195px;
	margin-right:7px;}
	
.mnav-join a {
	background: url(../images/bg-bottom-tabs-join.png) no-repeat;
	width:195px;
	margin-right:7px;}

.mnav-stayinformed a {
	background: url(../images/bg-bottom-tabs-stayinformed.png) no-repeat;
	width:197px;}
	
#body-join .mnav-join a {width: 173px;}
	
.content-main a:hover {color: #5a3d32;}

.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-learn-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: #b7c7cd;}

.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: #b7c7cd;
	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;}
	
a.pdf {
	background: url(../images/file-red.png) no-repeat;
	padding-left: 16px;
}
a.zip {
	background: url(../images/file-orange.gif) no-repeat;
	padding-left: 16px;
}
a.psd {
	background: url(../images/file-blue.gif) no-repeat;
	padding-left: 16px;
}
a.vid {
	background: url(../images/file-video.png) no-repeat;
	padding-left: 16px;
}
a.external {
	background: url(../images/window.gif) no-repeat;
	padding-left: 16px;
}

h2.heading,
h3.heading,
h4.heading{
	display: block;
	padding: 9px 20px;
	background-position: 12px 15px;
	text-indent: -9000px;
	overflow: hidden;
	background-repeat: no-repeat;
	margin: 0;
}
.donateblock{
	display: block;
	position: relative;
	width: 570px;
	height: 220px;
	margin-bottom:18px;
	}
.signupblock{
	display: block;
	position: relative;
	width: 570px;
	height: 320px;
	margin-bottom:18px;
	}

.donateblock p {
	margin-left: 20px;
}
.signupblock p {
	margin-left: 20px;
}
.donateblock.onlinedonate{
	background: #aacfe5 url(../images/donate_bkgrnd.png);
}
.donateblock.usdonate{
	background: #aacfe5 url(../images/donate_bkgrnd.png);
}
.donateblock.kosdonate{
	background: #578ea3 url(../images/donate_bkgrnd.png);
}
.signupblock.signup{
	background: #aacfe5 url(../images/signup_background.png);
}
.donateblock.onlinedonate h3{
		margin-left: 3px;
		width: 392px;
		height: 52px;
		background-image: url(../images/hdr_give_online_embossed_text.png);
		}
.donateblock.kosdonate h3{
		margin-left: 3px;
		width: 392px;
		height: 52px;
		background-image: url(../images/hdr_give_inkosova_embossed_text.png);
		}
.donateblock.onlinedonate h5{
		margin-left: 20px;
		width: 450px;
		height: 52px;
		}
.donateblock.kosdonate h5{
		margin-left: 20px;
		width: 450px;
		height: 52px;
		}
.donateblock.usdonate h5{
		margin-left: 20px;
		width: 450px;
		height: 40px;
		}
.donateblock.usdonate h3{
		margin-left: 3px;
		width: 392px;
		height: 52px;
		background-image: url(../images/hdr_give_inUS_embossed_text.png);
		}
.signupblock.signup h3{
		margin-left: 3px;
		width: 392px;
		height: 35px;
		background-image: url(../images/hdr_signup_embossed_text.png);
		}
 #simProg li {
	position: relative;
	display: block;
	top: 50px;
	left: 830px;
	z-index: 999;
	width: 125px;}

#simProg a * {display: none;}

#simProg a,
#simProg a .hover {
	height: 125px;
	position: relative;
	display: block;
	background: url(../images/albaniaprog-sprite.png) 0 0 no-repeat;}

/* individual navigation items */
#simProg a#nav-similar {
  background-position: 0px 0;
  width: 125px;}

#simProg .highlight a#nav-similar:hover,
#simProg a#nav-similar .hover {
  background-position: 0px -125px;}



#top {
    position: absolute;
}

#container-footer {
    min-height: 100%;
    margin-bottom: -36px;
}
#container-footer {
    height: 100%;
}
#footer-spacer {
    height: 36px;
}
#footer-type {
    border-top: 1px solid #fff;
    height: 35px;
}