/* 
Arch Template File - Company Name Here
Started: Start Date
Ended: End Date
Modified By: 
*/
/* IE6 PNG Fix - add tags that use png's below */
img, div, h1, h2, h3, h4, p, a { behavior: url(iepngfix.htc) }

/* html */
body{ margin: 0px 0px 25px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; background: url('../images/body-bg.jpg') repeat-x #9E9E9E; }
ul{ list-style-type: none; margin: 10px 0px; }
ul.imbed { list-style-type: none; margin: 10px 0px; }
li.imbed {  margin-:le 20px; fline-height: 18px; }
li{ line-height: 18px; }
li > a{ color: #00badc; text-decoration: none; }
li > a:hover{ text-decoration: underline; }
ol { list-style-type:decimal; }
li.order{  margin-left: 18px; line-height: 18px; }
strong{ font-weight: bold; }
em{ font-style: italic; }

a.mainHomeLink{display: block; position: absolute; width: 240px; height: 80px; margin: 10px 0px 0px 15px; text-indent: -9999px; overflow: hidden;}
h1.pageHeader{ display: block; width: 754px; font-size: 16px; color: #777; padding: 25px 0px 5px; margin: 0px auto 0px; border-bottom: 2px solid #df8300; }


h1.welcome, h1.about, h1.trainingEvent, h1.clients, h1.lle, h1.research, h1.resource, h1.solutions, h1.ourTeam, h1.sbss, h1.solProvide, h1.training{ display: block; width: 754px; font-size: 16px; color: #777; padding: 0px 0px 5px; margin: 0px auto; border-bottom: 2px solid #df8300; text-indent: -9999px; overflow: hidden; }


h1.sst, h1.threelevels, h1.spark, h1.sustainResearch, h1.sphinxSustain, h1.ssModel, h1.tenSteps, h1.lleSolutions, h1.error, h1.trainingEvent{ display: block; width: 754px; font-size: 16px; color: #777; padding: 0px 0px 5px; margin: 0px auto; border-bottom: 2px solid #df8300; text-indent: -9999px; overflow: hidden; }



h1.welcome{ display: block; width: 754px; font-size: 16px; color: #777; padding: 0px 0px 5px; margin: 0px auto;  border-bottom: 2px solid #df8300; text-indent: -9999px; overflow: hidden; }
h1.welcome{ background: url('../images/welcome.png') no-repeat; }
h1.about{ background: url('../images/about-us.png') no-repeat; }
h1.clients{ background: url('../images/clients.png') no-repeat; }
h1.lle{ background: url('../images/local_living_economies.png') no-repeat; }
h1.research{ background: url('../images/research.png') no-repeat; }
h1.resource{ background: url('../images/resource_center.png') no-repeat; }
h1.solutions{ background: url('../images/solutions.png') no-repeat; }
h1.ourTeam{ background: url('../images/team.png') no-repeat; }
h1.sbss{ background: url('../images/sbss.png') no-repeat; }
h1.solProvide{ background: url('../images/sbss.png') no-repeat; }
h1.sst{ background: url('../images/sst.png') no-repeat; }
h1.threelevels{ background: url('../images/3levels.png') no-repeat; }
h1.spark{ background: url('../images/spark.png') no-repeat; }
h1.sustainResearch{ background: url('../images/sustainResearch.png') no-repeat; }
h1.sphinxSustain{ background: url('../images/sphinxSustain.png') no-repeat; }
h1.ssModel{ background: url('../images/ssModel.png') no-repeat; }
h1.tenSteps{ background: url('../images/10Steps.png') no-repeat; }
h1.lleSolutions{ background: url('../images/lleSolutions.png') no-repeat; }
h1.error{ background: url('../images/404.png') no-repeat; }
h1.trainingEvent{ background: url('../images/training-events.png') no-repeat; }

h1.training{ margin-top: 25px; border-bottom: 2px solid #6a6bfc; background: url('../images/training-events.png') no-repeat; }



h1.team, h1.history, h1.sphinxLogo{ display: block; width: 420px; padding: 0px 0px 5px; margin: 0px auto 5px; border-bottom: 2px solid #df8300; text-indent: -9999px; overflow: hidden;}

h1.team{ background: url('../images/our-team.png') no-repeat; }
h1.history{ background: url('../images/history.png') no-repeat; }
h1.sphinxLogo{ background: url('../images/sphinx-logo.png') no-repeat; }


h2{ display: block; font-size: 20px; color: #666; margin: 20px 0px 15px; padding-bottom: 3px; border-bottom: 1px solid #666; background: url('../images/blog-icon.jpg') no-repeat right; }

h3.sphinxTeam{ display: block; width: 754px; font-size: 16px; color: #777; padding: 0px 0px 5px; margin:0px 0px 10px 0px; border-bottom: 2px solid #df8300; text-indent: -9999px; overflow: hidden; }
h3.sphinxTeam{ background: url('../images/welcome.png') no-repeat; }

h3.insideH3{ font-size: 20px; color: #666; margin-bottom: 15px; }
/**/

/* Header	 */
div#siteHeader{ display: block; width: 811px; height: 91px; margin: 0px auto; padding: 0px; background: url('../images/header-background.jpg') no-repeat; }
div#mainHeader{ display: block; width: 811px; height: 260px; margin: 0px auto; overflow: hidden; padding: 0px; }

/* Top Navigation */
div#topNavigation{ position: relative; width: 325px; top: 52px; left: 442px; }
a.aboutLink, a.teamLink, a.clientsLink, a.contactLink{ display: block; float: left; height: 39px; text-indent: -9999px; overflow: hidden; }
a.aboutLink{ width: 82px; margin-right: 4px; background: url('../images/nav/about-us.jpg') no-repeat; }
a.teamLink{ width: 60px; margin-right: 4px; background: url('../images/nav/team.jpg') no-repeat; }
a.clientsLink{ width: 66px; margin-right: 4px; background: url('../images/nav/clients.jpg') no-repeat; }
a.contactLink{ width: 95px; background: url('../images/nav/contact-us.jpg') no-repeat; }
a.aboutLink:hover{ background: url('../images/nav/about-us-roll.jpg') no-repeat; }
a.teamLink:hover{ background: url('../images/nav/team-roll.jpg') no-repeat; }
a.clientsLink:hover{ background: url('../images/nav/clients-roll.jpg') no-repeat; }
a.contactLink:hover{ background: url('../images/nav/contact-us-roll.jpg') no-repeat; }

/* Main Container */
div#container{ width: 811px; margin: 0px auto; background: url('../images/container-background.png') repeat-y; }
div#containerBottom{ width: 811px; height: 10px; margin: 0px auto; overflow: hidden; background: url('../images/container-bottom.png') repeat-y; }

/* Navigation */
div#navigation{ display: block; width: 801px; height: 29px; margin: 0px auto; overflow: hidden; background: url('../images/middle-navigation.jpg') repeat-y; }
a.solutions, a.research, a.resource, a.local, a.train{ display: block; float: left; height: 29px; text-indent: -9999px; overflow: hidden; }
a.solutions{ width: 113px; margin-right: 3px; background: url('../images/nav/solutions.jpg') no-repeat 0px 0px; }
a.solutions:hover{ cursor: pointer; background: url('../images/nav/solutions.jpg') no-repeat 0px -29px; }
a.research{ width: 123px; margin-right: 3px; background: url('../images/nav/research.jpg') no-repeat 0px 0px; }
a.research:hover{ cursor: pointer; background: url('../images/nav/research.jpg') no-repeat 0px -29px; }
a.resource{ width: 169px; margin-right: 3px; background: url('../images/nav/resource.jpg') no-repeat 0px 0px; }
a.resource:hover{ cursor: pointer; background: url('../images/nav/resource.jpg') no-repeat 0px -29px; }
a.local{ width: 219px; margin-right: 3px; background: url('../images/nav/local.jpg') no-repeat 0px 0px; }
a.local:hover{ cursor: pointer; background: url('../images/nav/local.jpg') no-repeat 0px -29px; }
a.train{ width: 165px; background: url('../images/nav/training.jpg') no-repeat 0px 0px; }
a.train:hover{ cursor: pointer; background: url('../images/nav/training.jpg') no-repeat 0px -29px; }
span.navDivider{ display: block; float: left; width: 3px; height: 29px; border: 1px solid #000; background: url('../iamges/nav/navDivider.jpg'); }

/* Index CTA */
div#indexCta{ width: 801px; margin: 0px auto; background: url('../images/index-cta-bg.jpg') repeat-x #000; }
.cta{ float: left; width: 360px; padding: 18px 15px; }
.ctaImg{ float: left; width: 73px; height: 90px; padding-right: 8px; }
.ctaContainer{ float: left; width: 275px; color: #fff; font-size: 11px; line-height: 16px; padding: 10px 0px; }
.cta h3{ margin: 0px; color: #00ff00; font-size: 14px; }
.moreBttn{ position: absolute; top: 0px; right: 80px !important; *right: 0px; }
.greyDivider{ width: 275px; margin-top: 5px; border-top: 2px solid #fff; background: #494949; height: 1px; font-size: 0px; }

/* Inside CTA */
div#thought{ width: 801px; margin: 0px auto; overflow: auto; background: url('../images/inside-cta-bg.gif') repeat-x; }
div#thoughtImage{ display: block; float: left; width: 188px; height: 71px; margin-left: 15px; text-indent: -9999px; overflow: hidden; background: url('../images/thought-text.gif'); }
div#thoughtTxt{ display: block; float: left; width: 510px; font-size: 10px; line-height: 17px; color: #fff; margin-left: 15px; padding: 8px 0px; }
div#thoughtTxt >a{ color: #fff; text-decoration: none; }
div#thoughtTxt > a:hover{ text-decoration: underline; }
div#blogIcon{ display: block; float: right; width: 35px; height: 35px; margin: 5px 5px 0px 0px; }

/* Content Container */
div#contentContainer{  width: 801px; margin: 0px auto; background: url('../images/content-bg.jpg') repeat-x; padding-top: 25px; }
div#content{ width: 754px; margin: 0px auto; padding: 10px 0px 15px; }
div#contentOneCol{ width: 754px; font-size: 12px; line-height: 17px; margin: 0px auto; padding: 10px 0px 15px; }
div#contentOneCol > img{ float: left; padding: 2px; margin: 0px 8px 5px 0px; border: 1px solid #b1b1b1; background: #fff; }
div#contentOneCol > a{ color: #00badc; text-decoration: none; }
div#contentOneCol > a:hover{ text-decoration: underline; }
div#contentLeft{ float: left; width: 420px; font-size: 12px; line-height: 17px; }
div#contentLeft > img{ float: left; padding: 2px; margin: 0px 8px 5px 0px; border: 1px solid #b1b1b1; background: #fff; }
div#contentRight{ float: right; width: 306px; padding: 16px 0px 0px; background: url('../images/side-bar-bg.png') no-repeat; }
a.fullView, a.fullView2{ display: block; width: 70px; margin: 2px 0px 0px 190px; color: #00badc; text-indent: 15px; background: url('../images/magnifying-glass.png') no-repeat; }
a.fullView2{ margin: 2px 0px 0px 85px; }
div#sideContent{ width: 265px; font-size: 11px; line-height: 16px; margin: 0px auto; }
div#sideContent >  a{ color: #00badc; }
div#contentFooter{ width: 801px; text-align: center; margin: 5px auto 0px; padding: 5px 0px; background: url('../images/footer-bg.jpg') repeat-x; }
div#contentFooter > a{ font-size: 12px; color: #fff; margin: 0px 3px 0px; text-decoration: none; }
div#bottomCta{ width: 754px; margin: 25px auto; }
div#bottomCtaInside{ width: 420px; margin: 25px auto; }
div#bottomCtaContent{ width: 100%; background: url('../images/traning-bg.jpg') repeat-x; }
div#bottomIcon{ display: block; float: left; width: 40px; height: 51px; margin: 10px 0px 0px 15px; background: url('../images/guy-icon.png'); }
div#bottomCopy{ display: block; float: left; width: 655px; font-size: 12px; color: #777; line-height: 17px; margin: 10px 0px 0px 15px; }
div#bottomCopy > a{ color: #00badc; }

/* Left Content Styles */
span.link{ display: block; padding: 5px 0px; }
span.link, span.link > a{ color: #00badc; }

/* Site Footer */
div#footer{ width: 801px; padding: 10px 0px; font-size: 12px; text-align: center; color: #fff; margin: 0px auto; }
div#footer > a{ color: #fff; text-decoration: none; }
div#footer > a:hover{ text-decoration: underline; }

/* misc tags */
.clearBoth{ clear: both; }
.clearLeft{ clear: left; }
.clearRight{ clear: right; }
.expand { display: none; padding: 1em } 
.bioPic { float: left; padding-right: 10px; }
.faqDiv > a{ color: #00badc; font-size: 11px; }
.listCarat{ color: #00badc; }