body { font-family: 'TrebuchetMS','Trebuchet MS',sans-serif; background: #F7F6F6; }

div#container { width: 900px; margin: auto; }

/* Navigation */

ul#navigation { list-style: none; margin: 0; padding: 0; width: 100%; height: 71px; background: url(../template-images/navBkg.gif) repeat-x; }
ul#navigation li { float: left; }
ul#navigation li a { float: left; height: 71px; }
ul#navigation li a span { position: absolute; top: -1000px; }

ul#navigation li#navHome a { width: 65px; background: url(../template-images/navHome.gif) no-repeat top left; }
ul#navigation li#navWhatwedo a { width: 61px; background: url(../template-images/navWhatwedo.gif) no-repeat top left; }
ul#navigation li#navStep1 a { width: 48px;  background: url(../template-images/navStep1.gif) no-repeat top left; }
ul#navigation li#navStep2 a { width: 46px; background: url(../template-images/navStep2.gif) no-repeat top left; }
ul#navigation li#navStep3 a { width: 52px; background: url(../template-images/navStep3.gif) no-repeat top left; }
ul#navigation li#navWhatwevedone a { width: 65px; background: url(../template-images/navWhatwevedone.gif) no-repeat top left; }
ul#navigation li#navTheteam a { width: 61px; background: url(../template-images/navTheteam.gif) no-repeat top left; }
ul#navigation li#navNews a { width: 62px; background: url(../template-images/navNews.gif) no-repeat top left; }
ul#navigation li#navKnowledge a { width: 61px; background: url(../template-images/navKnowledge.gif) no-repeat top left; }
ul#navigation li#navPartners a { width: 62px; background: url(../template-images/navPartners.gif) no-repeat top left; }
ul#navigation li#navContact a { width: 64px; background: url(../template-images/navContact.gif) no-repeat top left; }

ul#navigation li#navHome a:hover,
ul#navigation li#navWhatwedo a:hover,
ul#navigation li#navStep1 a:hover,
ul#navigation li#navStep2 a:hover,
ul#navigation li#navStep3 a:hover,
ul#navigation li#navWhatwevedone a:hover,
ul#navigation li#navTheteam a:hover,
ul#navigation li#navNews a:hover,
ul#navigation li#navKnowledge a:hover,
ul#navigation li#navPartners a:hover,
ul#navigation li#navContact a:hover { background-position: bottom left; }

ul#navigation li#navHome a.selected,
ul#navigation li#navWhatwedo a.selected,
ul#navigation li#navStep1 a.selected,
ul#navigation li#navStep2 a.selected,
ul#navigation li#navStep3 a.selected,
ul#navigation li#navWhatwevedone a.selected,
ul#navigation li#navTheteam a.selected,
ul#navigation li#navNews a.selected,
ul#navigation li#navKnowledge a.selected,
ul#navigation li#navPartners a.selected,
ul#navigation li#navContact a.selected { background-position: bottom left; }

div#datetime { position: absolute; margin: 10px 0 0 690px; color: #aaa; }

/* Common */

h1 { clear: left; width: 880px; margin: 0; padding: 10px; font-size: 28px; font-weight: normal; }
h2 { margin: 0; font-size: 20px; line-height: 22px; }
p, ul { font-size: 13px; }
p img { vertical-align: middle; }
a img { border: none; }
ul { margin: 18px 0 0 0; padding-left: 15px; list-style: square; }
a{ color:#584d4d;}

/* Home page */

h1#homeTitle { background: #8B6CAA; color: #ffffff; }
p#homeDefinition { color: #8B6CAA; font-size: 22px; position: absolute; margin: 338px 0 0 603px; z-index: 1000; padding: 5px; }
p#homeDefinition span#wideLetters { font-size: 17px; letter-spacing: 18px; display: block; }
p#homeDefinition span#smallLetters1 { font-size: 11px; display: block; margin-top: -28px; letter-spacing: 0.3px; }
p#homeDefinition span#smallLetters2 { font-size: 11px; display: block; margin-top: -28px; letter-spacing: -0.40px; }
div#homeFlash { width: 900px; height: 300px; overflow: hidden; overflow: hidden; }
h2#homeSubtitle { background: #DAD9B2; width: 580px; padding: 20px 300px 60px 20px; font-weight: normal; color: #56636E; margin-top: -5px; font-size: 24px; line-height: 30px; }
img#homeFooter { margin-top: -78px; }

/* What we do */

h1#whatwedoTitle { background: #76A8BD; color: #661D68; margin-top: -13px; }
h1#whatwedoTitle span { font-size: 16px; display: block; color: #ffffff; }
div#whatwedoCol1 { width: 600px; float: left; }
div#whatwedoCol2 { width: 300px; float: left; }
div#whatwedoCol3 { width: 300px; float: left; height: 397px; }
div#whatwedoCol4 { width: 280px; padding: 10px; float: left; line-height: 14px; }
div#whatwedoCol5 { width: 900px; clear: left; background: #A3C8CB; }
div#whatwedoCol5 p { margin: 0; padding: 5px 0 5px 480px; color: #fff; font-weight: bold; }
div#whatwedoCol6 { width: 280px; background: url(../template-images/whatwedoQuotes.gif) no-repeat top left; padding: 10px 10px 10px 10px; }
div#whatwedoCol7 { width: 280px; padding: 10px 10px 0 10px; }
div#whatwedoCol7 p { margin-top: -5px; }
div#whatwedoOverview { background: #C9DAE1; width: 580px; padding: 10px 10px 50px 10px; clear: left; float: left; }
h2#whatwedoSubtitle1 { text-align: center; margin: 10px 0 20px 0; color: #697681; }
h2#whatwedoSubtitle2 { font-weight: normal; color: #697681; }
h2#whatwedoSubtitle3 { font-weight: normal; font-size: 24px; }
ul#whatwedoWhylist li { margin-bottom: 10px; }
img#whatwedofStep1 { position: absolute; margin: -40px 0 0 20px; }
img#whatwedofStep2 { position: absolute; margin: -45px 0 0 170px; }
img#whatwedofStep3 { position: absolute; margin: -50px 0 0 320px; }
img#whatwedoStep1 { position: absolute; margin: -40px 0 0 20px; }
img#whatwedoStep2 { position: absolute; margin: -40px 0 0 170px; }
img#whatwedoStep3 { position: absolute; margin: -40px 0 0 320px; }
img#whatwedoDots { position: absolute; margin: -140px 0 0 615px; }

/* Step 1 */

h1#step1Title { background: #AAD48B; color: #3C642E; }
h1#step1Title span { font-size: 16px; display: block; color: #ffffff; }
h1#step1Title strong { color: #5EAA91; }
div#step1Col1 { width: 300px; float: left; }
div#step1Col2 { width: 600px; float: left; }
div#step1Col3 { width: 280px; float: left; padding: 10px; }
div#step1Col4 { width: 280px; float: left; padding: 10px; }
div#step1Col5 { width: 280px; float: left; padding: 10px; background: #C9DAE1; }
div#step1Col6 { width: 280px; float: left; padding: 10px; }
div#step1Col6 p { margin-top: 0px; }
div#step1Plans { clear: left; width: 900px; height: 456px; background: url(../template-images/step1Plans.jpg) no-repeat top left; }
h2#step1Subtitle1 { text-align: left; margin: 20px 0 0 10px; color: #697681; font-weight: normal; }
p#step1Subtitle2 { text-align: center; margin: -117px 0 20px 600px; color: #697681; position: absolute; width: 300px; height: 75px; background: url(../template-images/whatwedoQuotes.gif) no-repeat top left; font-size: 20px; padding-top: 20px; }
img#step1Link { position: absolute; margin: 40px 0 0 820px; }
img#step1Dots { position: absolute; margin: -170px 0 0 615px; }

/* Step 2 */

h1#step2Title { background: #B484D4; color: #661D68; }
h1#step2Title span { font-size: 16px; display: block; color: #ffffff; }
h1#step2Title strong { color: #AA3EAF; }
div#step2Col1 { width: 600px; float: left; }
div#step2Col2 { width: 300px; float: left; background: url(../template-images/whatwedoQuotes.gif) no-repeat top left; padding-top: 10px; }
div#step2Col3 { width: 300px; float: left; }
div#step2Col4 { width: 280px; float: left; padding: 309px 10px 10px 10px; }
div#step2Col5 { width: 600px; float: left; clear: left; }
div#step2Col6 { width: 280px; float: left; padding: 10px; background: #DAD9B2; }
div#step2Col7 { width: 280px; float: left; padding: 10px; }
div#step2Col7 p { margin-top: 0px; }
img#step2Dots { position: absolute; margin: -220px 0 0 -34px; }
img#step2Plans { margin-left: 20px; }
img#step2Link { position: absolute; margin: 40px 0 0 810px; }

/* Step 3 */

h1#step3Title { background: #F0AB65; color: #A96924; }
h1#step3Title span { font-size: 16px; display: block; color: #ffffff; }
h1#step3Title strong { color: #EE7B23; }
div#step3Col1 { width: 300px; float: left; }
div#step3Col2 { width: 280px; float: left; padding: 10px; }
div#step3Col3 { width: 300px; float: left; background: url(../template-images/whatwedoQuotes.gif) no-repeat top left; padding-top: 10px; }
div#step3Col4 { width: 280px; padding: 10px; }
div#step3Col5 { width: 280px; float: left; background: url(../template-images/whatwedoQuotes.gif) no-repeat 0 20px #DAD9B2; padding: 30px 10px 15px 10px; height: 81px; }
div#step3Col6 { width: 280px; float: left; padding: 10px; background: #DAD9B2; margin-top: -13px; }
div#step3Col7 { width: 280px; float: left; padding: 10px; }
div#step3Col8 { width: 900px; float: left; clear: left; }
h2#step3Subtitle1 { text-align: center; margin: 10px 0 20px 0; color: #697681; }


/* Knowledge pages */


div.knowledgeFrame { background: url(../template-images/knowledgeFrame.jpg) no-repeat top left; width: 208px; margin: 0px 7px 0 7px; padding:21px 0 0 2px; float: left; }
div.knowledgeFrame img { padding: 12px 0 10px 11px; }
div.knowledgeFrame p { font-size: 10px; font-weight: bold; text-align: center; color:#564c4b; }
p.knowledgePostedDate{ font-size:14px; position:absolute; margin-top:-16px; color:#564c4b;}

h1#knowledge { background: #af86b0; color: #653e7d; }
h1#knowledge span { font-size: 16px; display: block; color: #ffffff; }
div#knowledgeLinks{ background:#d9d4b4; clear:both; height:1%; overflow:hidden;}
div#knowledgeLinks h2{ display:block; background:#a8c3d4; color:#ffffff; padding:4px 0 4px 10px; font-size: 16px; }
div#steelcaseLink{ padding:15px 0 0 0; width:417px; float:left; }
div#knowledgeLinks a{}
div#knowledgeLinks p{ font-size:10px; }
div#knowledgeListing { margin-top: 180px; }

div#movingOffice{ width:473px; float:left; padding:15px 0 0 0px; }

img#knowledgePhoto1 { position: absolute; margin: 0 0 0 492px; }

div#steelcaseLink img { float: left; margin: 0 20px 10px 10px }

div#movingLinks {
	float: left; width: 170px; height: 257px; background: url(../images/288.jpg) no-repeat top left; margin: 0 20px 0 10px; padding: 40px 20px 20px 20px;
}

div#movingLinks p,
div#steelcaseLink p,
div#movingOffice p { font-size: 12px; }


/* What we've done */

h1#folioTitle { background: #FEAA22; color: #A2481C; margin-bottom: 40px; }
h1#folioTitle span { font-size: 16px; display: block; color: #ffffff; }
div.folioFrame { background: url(../template-images/folioFrame.gif) no-repeat top left; width: 190px; margin: 10px 30px 0 0; float: left; }
div.folioFrame img { padding: 12px 0 0 11px; }
div.folioFrame p { font-size: 10px; font-weight: bold; text-align: center; }
div.last { margin-right: 0; }
img#folioFooter { margin-top: 30px; }
img#folioLogo { margin-left: 10px; }
div#folioCol1 { width: 300px; font-size: 13px; position: absolute; margin: 8px 0 0 240px; }
div#folioCol2 { width: 300px; font-size: 13px; position: absolute; margin: 8px 0 0 600px; }
img#folioBig { clear: left; margin: 40px 0 0 0; }
div#folioCol3 { width: 300px; float: left; background: #E2EADA; }
div#folioCol4 { width: 300px; float: left; background: #E5D6ED; }
div#folioCol5 { width: 300px; float: left; background: #F3E2C9; }
h2#folioSubtitle1 { background: #BFD8A9; padding: 10px; color: #3B6860; margin-top: -5px; font-size: 24px; }
h2#folioSubtitle1 strong { color: #6FBDB0; }
h2#folioSubtitle2 { background: #CAA0E1; padding: 10px; color: #56268C; margin-top: -5px; font-size: 24px; }
h2#folioSubtitle2 strong { color: #9D38B5; }
h2#folioSubtitle3 { background: #F3C076; padding: 10px; color: #AD6D25; margin-top: -5px; font-size: 24px; }
h2#folioSubtitle3 strong { color: #E78C0F; }
div#folioColwrap { background: url(../template-images/folioCbkg.gif) repeat-y; overflow: hidden; margin-top: -5px; }
div#folioCol3 ul,
div#folioCol4 ul,
div#folioCol5 ul { margin: 20px; }
div#folioBubble { background: url(../template-images/folioBubble1.gif) no-repeat top left; width: 900px; }
div.bubbleHeight1 { margin-top: 20px; }
div.bubbleHeight2 { margin-top: 60px; }
div#folioBubble span { display: block; padding: 65px 40px 0 30px; }
div#folioBubble img { margin: 0 0 -5px 0; }
div#folioBubble span strong { color: #2F515F; }
div#folioCircle2 { width: 140px; height: 140px; background: url(../template-images/folioCircle.png) no-repeat top center; position: absolute; text-align: center; font-size: 12px; padding-top: 17px; margin: 70px 0 0 700px; }
div#folioCircle { width: 150px; height: 150px; background: url(../template-images/folioCircle2.png) no-repeat top center; position: absolute; text-align: center; font-size: 12px; padding-top: 23px; margin: 70px 0 0 710px; }
div#folioSpacer { height: 60px; }
p#backLink{ font-size:14px; vertical-align:top; padding:18px 0 0 40px; clear:both;}

/* The team */

h1#teamTitle { background: #6FBDB0; color: #661D68; margin-bottom: 40px; }
h1#teamTitle span { font-size: 16px; display: block; color: #ffffff; }
div#teamBox1 { height: 190px; background: url(../template-images/teamBox1.jpg) no-repeat; padding: 10px 0 0 570px; margin-top: -22px; }
div#teamBox1 h2 span { font-size: 13px; }
div#teamBox1 p { width: 320px; font-size: 12px; margin-top: 5px; }
div#teamBox2 { height: 190px; background: url(../template-images/teamBox2.jpg) no-repeat; padding: 10px 0 0 65px; margin-top: 8px; }
div#teamBox2 h2 span { font-size: 13px; }
div#teamBox2 h2 { text-align: right; }
div#teamBox2 p { width: 320px; font-size: 12px; margin-top: 5px; text-align: right; }
div#teamBox3 { height: 190px; background: url(../template-images/teamBox3.jpg) no-repeat; padding: 10px 0 0 513px; margin-top: 8px; }
div#teamBox3 h2 span { font-size: 13px; }
div#teamBox3 p { width: 370px; font-size: 12px; margin-top: 5px; }
div#teamBox1 h2,
div#teamBox2 h2,
div#teamBox3 h2 { color: #697681; margin-top: 5px; width: 320px; }
img#teamDots1 { position: absolute; margin: -50px 0 0 10px; }
img#teamDots2 { position: absolute; margin: -15px 0 0 370px; }
img#teamFooter { margin-top: -68px; }

div.teamBox { height: 136px; background: #dad9dc; width: 900px; clear: left; margin-bottom: 7px; }
div.teamFirst { margin-top: -22px; }
div.teamBox h2 span { font-size: 13px; }
div.teamBox h2 { padding: 8px 0 0 0; }
div.teamBox p { width: 450px; font-size: 12px; margin-top: 0px; line-height: 16px; float: left; }
div.teamBox img { float: left; }

/* Our news */

h1#newsTitle { background: #A8605B; color: #550C14; margin-bottom: 40px; }
h1#newsTitle span { font-size: 16px; display: block; color: #ffffff; }
img#newsPhoto1 { position: absolute; margin: -40px 0 0 527px; }
img#newsRss { margin-bottom: 90px; }
div.newsArticle { border-top: 2px solid #ddd; padding-top: 10px; clear: left; }
div.newsArticle img { width: 170px; height: 140px; float: left; padding-right: 10px; }
div.newsArticle p.date { margin: 0; }
div.newsTitle2 { background: #C9DAE1; width: 270px; float: left; min-height: 40px; padding: 10px; font-size: 24px; color: #5E5E5E; }
div.newsDate { background: #697681; position: absolute; color: #C9DAE1; margin: 0px 0 0 100px; padding: 1px 5px 1px 5px; font-size:14px; }
div.newsExcept { background: #DAD9B2; width: 580px; float: left; min-height: 40px; margin-left: 10px; padding: 10px; font-size: 13px; }
div.newsExcept p { margin: 0; }
a.newsReadmore { font-size: 12px; margin-top: -18px; display: block; float: left; }
div.newsContent { clear: left; width: 560px; padding: 60px 30px 10px 10px; float: left; }
div.newsImages { float: left; width: 300px; padding-top: 76px }
a#press { position: absolute; margin: -30px 0 0 440px; z-index: 2000; }

/* Partners */

h1#keyTitle { background: #76A8BD; color: #661D68; }
h1#keyTitle span { font-size: 16px; display: block; color: #ffffff; }
div#keyCol1 img{ display:block; height:422px;}
div#keyCol1 { width: 300px; float: left;}
div#partnerquote { height:150px; background:#c9dae1;}
div#partnerquote h2#whatwedoSubtitle1 { background: url(../template-images/keyQuote.gif) no-repeat top left; margin: -5px 0 0 0; padding: 35px 0 20px 0; }
div#keyCol2 { width: 600px; float: left; }
div#keyCol3 { width: 280px; float: left; background: #DBDAB3; padding: 10px; margin-top: -6px; }
div#keyCol4 { width: 280px; float: left; font-size: 12px; padding: 10px; margin-top: -6px; }
img#keyPhoto3 { margin-top: -5px; }
div#keyCol5 { width: 410px; float: left; margin-top: -5px; padding: 10px 30px 10px 10px; }
div#keyCol6 { width: 450px; float: left; margin-top: -5px; }
.fixheight{ height:108px; }

/* Contact */

h1#contactTitle { background: #9372AF; color: #661D68; }
h1#contactTitle span { font-size: 16px; display: block; color: #ffffff; }
div#contactCol1 { float: left; width: 600px; height: 688px; background: url(../template-images/contactPhoto1.jpg) no-repeat top left; }
div#contactCol2 { float: left; width: 270px; padding: 20px 10px 0 20px; background: #fff; height: 668px; }
div#contactMap { position: absolute; width: 225px; height: 70px; margin: 450px 0 0 5px; text-align: center; }
div#contactMap a { display: block; width: 100%; height: 100%; text-decoration: none; color: #000; padding-top: 160px; }
div#contactMap h2 { font-size: 18px; }
div#contactMap p { margin: 0; }
div#contactDetails { position: absolute; text-align: right; margin: 535px 0 0 320px; }
ul.zemError { position: absolute; background: red; color: #fff; margin: 0 0 0 -480px; padding: 10px 20px 10px 30px; }
ul.zemError li strong { color: #fff; }