/* ########## Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
strong {
	font: 14px Trebuchet, Trebuchet MS, Helvetica, Lucida Grande, Lucida Sans Unicode, Lucida Console, arial,helvetica,clean,sans-serif;
	color: #666666;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
}

body {font:11px Trebuchet, Trebuchet MS, Helvetica, Lucida Grande, Lucida Sans Unicode, Lucida Console, arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;color:#626262;}
table {font-size:inherit;font:100%;}
select, input, textarea {font-size:99%;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.6em;}

.hide { display: none !important; }
.show { display: block !important; }

/* ########## Structure */

a:link.searchlink { color: #ffcc01; text-decoration: none; }
a:visited.searchlink { color: #ffcc01; text-decoration: none;  }
a:active.searchlink { color: #ffcc01; text-decoration: none;  }
a:hover.searchlink { color: #000000; text-decoration: none;}

.search_result {
  width: 550px;;
  border-bottom: solid 1px #999999;
  padding-top: 10px;
  padding-bottom: 10px;
}

#wrapper {
  width: 100%;
}

#masthead {
  overflow: hidden;
  width: 100%;
  margin-bottom: 217px;
}

#headlet {
  position: absolute;
  top: 111px;
  left: 0;
  z-index: 20;
}

#header {
  position: absolute;
  z-index: 10;
  top: 111px;
  left: 0;
  width: 100%;
  height: 217px;
  background: #ffcc01;
}

#header_main_copy {
  position: absolute;
  top: 60px;
  left: 250px;
  z-index: 20;
}

#main-wrapper {
  position: relative;
  left: 0;
  overflow: hidden;
  padding-bottom: 40px;
  width: 990px;
}

#home #main-wrapper {
	padding-bottom:10px;
}

#main {
  margin-left: 227px;
  width: 737px;
  padding-left: 23px;
  padding-top: 10px;
}

/*
body#contact-us #main { padding-left: 0; }
body#contact-us #main #content { width: 417px; padding-bottom: 30px; background: url(/images/contact-bg.gif) bottom left no-repeat; }
*/
body#showing-off #main { padding-left: 0; }

#main #content {
  float: left;
  width: 354px;
}

#content_search {
  float: left;
  width: 550px;
}

#main #content.large {
  width: 445px;
}

#main #extra-content {
  float: left;
}

body#home #main { width: 717px; padding-left: 0; padding-top: 0;  }

#sidebar {
  float: left;
  width: 202px;
  padding-left: 25px;
}

body#home #wrapper {
 /* background: url(/images/home-bg-sidebar.gif) bottom left no-repeat; */
}

#footer {
  width: 100%;
  overflow: hidden;
  padding: 3px 0;
  clear: both;
  background: #fff;
  border-top: solid 1px #e2e2e2;
  border-bottom: solid 3px #ffcc00;
}

/* ########## Masthead */

#masthead h1 a {
  float: left;
  display: block;
  width: 227px; height: 111px;
  background: url(/images/logo.gif) 45px 50px no-repeat;
  text-indent: -1000em;
}

#masthead img { float: left; }

#masthead #subnav {
  position: absolute;
  top: 0;
  right: 0;
  width: 333px;
  padding-bottom: 3px;
  padding-right: 22px;
  background: url(/images/bg-subnav.jpg) top right repeat-y;
}

#masthead #subnav ul {
  float: right;
}

#masthead #subnav ul li {
  display: block;
  margin-left: 22px;
  float: left;
  white-space: nowrap;
}

#masthead #subnav ul li a {
  line-height: 23px;
  color: #fff;
  text-decoration: none;
}

#masthead #subnav ul li a:hover {
  text-decoration: underline;
}

#masthead #subnav ul li#homelink a {
  color: #ffcc00;
}

#masthead #subnav input {
  float: left;
}

#masthead #subnav input#search {
  font-family: Trebuchet, Trebuchet MS, Helvetica, Lucida Grande, Lucida Sans Unicode, Lucida Console, arial,helvetica,clean,sans-serif;
  color:#626262;
  margin: 2px 2px 0 0;
  padding: 2px 4px;
  _padding: 0 4px;
  border: none;
  border-top: solid 1px #696969;
  border-left: solid 1px #696969;
}

#masthead a#login {
  /*float: right;*/
  position: absolute;
  top: 75px;
  right: 22px;
  display: block;
  width: 174px; height: 25px;
  background: url(/images/button-login.gif) top left no-repeat;
  text-indent: -1000em;
}

#masthead a#login:hover {
  background-position: bottom left;
}

/* ########## Header */

#header #inspire {
  padding-left: 227px;
  text-align: right;
}

#header dl {
  margin-top: -5px;
  min-width: 776px;
  padding-right: 225px;
  height: 71px;
  background: url(/images/inspire.gif) bottom right no-repeat;
}

#header dl dt { display: none; }

#header dl dd {
  width: 782px; height: 71px;
  /*background: #fff;*/
}

#header dl dd ul {
  width: 555px; height: 51px;
  margin-left: 227px;
  padding-top: 20px;
  padding-left: 10px;
  background: url(/images/bg-nav-ul.gif) bottom left repeat-x;
}

#header dl dd ul li {
  display: inline;
}

#header dl dd ul li a {
  display: block;
  float: left;
  height: 20px;
  color: #fff;
  font-size: 1px;
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -1000em;
}

#header dl dd ul li a:hover {
  background-position: 0 -20px;
}

#header dl dd ul li#li-about a {
  width: 115px;
  background-image: url(/images/navigation/about.gif);
}

body#about-us #header dl dd ul li#li-about a {
  background-position: bottom left;
}

#header dl dd ul li#li-services a {
  width: 102px;
  background-image: url(/images/navigation/services.gif);
}

body#services #header dl dd ul li#li-services a {
  background-position: bottom left;
}

#header dl dd ul li#li-clients a {
  width: 93px;
  background-image: url(/images/navigation/clients.gif);
}

body#clients #header dl dd ul li#li-clients a {
  background-position: bottom left;
}

#header dl dd ul li#li-showing-off a {
  width: 134px;
  background-image: url(/images/navigation/showingoff.gif);
}

body#showing-off #header dl dd ul li#li-showing-off a {
  background-position: bottom left;
}

#header dl dd ul li#li-contact a {
  width: 101px;
  background-image: url(/images/navigation/contact.gif);
}

body#contact-us #header dl dd ul li#li-contact a {
  background-position: bottom left;
}

#header h2 { display: none; }

/* ########## Main */

#main #content h1, #main #content h2, #main #content h3, #main #content h4, #main #content h5, #main #content h6,
#main #content p, #main #content blockquote, #main #content form, #main #content ul, #main #content ol,
#main #content dl, #main #content fieldset, #main #content address, #main #content table {
  margin-bottom: 1.6em;
}

#main #content strong { font-weight: bold; }
#main #content em { font-style: italic; }
#main #content em strong, #main #content strong em { font-weight: bold; font-style: italic; }

#main #content ol { list-style: decimal; margin-left: 20px; }
#main #content ul { list-style: circle; margin-left: 20px; }

#main #content a {
  color: #626262;
  text-decoration: underline;
}

#main #content a:hover {
  color: #323232;
}

#main #content h2.byline {
  font-size: 1.4em;
  margin-bottom: 0;
  color: #626262;
}

#main #content h2 {
  font-size: 2.1em;
  line-height: 1em;
  font-weight: normal;
  color: #ffcc00;
  margin-bottom: 1em;
}

/*
body#contact-us #main #content h2 {
  display: block;
  width: 417px; height: 79px;
  text-indent: -1000em;
  margin-bottom: 1em;
  background: url(/images/contact-header.gif) top left no-repeat;
}

body#contact-us #main #content p { padding: 0 23px; }
body#contact-us #main #content p.address { padding: 0 13px 20px 13px; margin: 0 10px 20px 10px; background: url(/images/border.gif) bottom right no-repeat; }
*/

#main #content h3 {
  font-size: 1.3em;
  line-height: 1em;
  font-weight: normal;
  color: #444;
  margin-bottom: 1em;
}

#main #content h3.special {
  display: block;
  padding-bottom: 7px;
  background: url(/images/border.gif) bottom right no-repeat;
}

#main #content .summary {
  padding-left: 7px;
  padding-bottom: 3px;
  border-left: solid 1px #c2c2c2;
  margin-bottom: 2.5em;
}

#main #content .summary h3 {
  font-size: 1.9em;
  color: #222;
  font-weight: normal;
  margin-bottom: 0.5em;
}

#main #content .summary h4 {
  font-size: 1em;
  color: #222;
  font-weight: normal;
  margin-bottom: 0;
}

#main #content .summary h4 strong {
  font-weight: bold;
}

body#home #main div#button-personal {
	margin-left: 1px;
	margin-top: 6px;
}

body#home #main div#button-360 {
	margin-left: 1px;
}

body#home #main #col1 {
  float: left;
  width: 304px;
  margin-right: 5px;
}

body#home #main #col2 {
  float: left;
  width: 304px;
  /*width: 304px;*/
}

body#home #main .pane {
  width: 286px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 0 0 20px 0;
  background: url(/images/home-bg-pane.gif) bottom left no-repeat;
}

body#home #main .pane h2 {
  display: block;
  width: 286px; height: 35px;
  text-indent: -1000em;
}

body#home #main .pane a {
  text-decoration: none;
  color: #222;
  padding-right: 10px;
  background: url(/images/bg-morelink.gif) bottom right no-repeat;
}

body#home #main #projects h2 {
  margin-bottom: 10px;
  background: url(/images/home-projects-header.gif) top left no-repeat;
}

body#home #main #projects .project {
  padding-bottom: 10px;
  margin: 0 10px 10px 10px;
  background: url(/images/pane-border.gif) bottom left no-repeat;
}

body#home #main #projects .project.last {
  padding: 0;
  margin: 0 10px 0 10px;
  background: none;
}

body#home #main #projects .project img {
  float: left;
}

body#home #main #projects .project strong {
  color: #222;
}

body#home #main #projects .project .info {
  margin-left: 68px;
}

body#home #main #news h2 {
  margin-bottom: 10px;
  background: url(/images/home-news-header.gif) top left no-repeat;
}

body#home #main #news strong {
  color: #222;
}

body#home #main #news .article {
  padding-bottom: 10px;
  margin: 0 10px 10px 10px;
  background: url(/images/pane-border.gif) bottom left no-repeat;
}

body#home #main #news .article.last {
  padding: 0;
  margin: 0 10px 0 10px;
  background: none;
}

body#clients #main #col1 {
  float: left;
  width: 424px;
  margin-right: 27px;
  padding-bottom: 23px;
  background: url(/images/clients-list-bg.gif) bottom left no-repeat;
}

body#clients #main #col1 h2 {
  display: block;
  width: 424px; height: 70px;
  text-indent: -1000em;
  background: url(/images/clients-list-header.gif) top left no-repeat;
}

body#clients #main #col1 ul.left {
  float: left;
  width: 180px;
  margin-left: 20px;
  padding-right: 18px;
  background: url(/images/clients-list-divider.gif) center right no-repeat;
}

body#clients #main #col1 ul.right {
  margin-left: 225px;
  width: 180px;
}

body#clients #main #col1 ul li,
body#clients #main #col2 ul li {
  display: block;
  text-decoration: none;
  color: #626262;
  padding: 2px 0 2px 20px;
  border-bottom: solid 1px #e3e3e3;
}

body#clients #main #col1 ul li a,
body#clients #main #col2 ul li a {
  display: block;
  text-decoration: none;
  color: #626262;
  padding: 0 0 0 20px;
  margin-left: -20px;
}

body#clients #main #col1 ul li a:hover,
body#clients #main #col2 ul li a:hover {
  background: url(/images/clients-linkhover.gif) center left no-repeat;
}

body#clients #main #col2 {
  float: left;
  width: 238px;
  padding-bottom: 23px;
  background: url(/images/clients-ad-bg.gif) bottom left no-repeat;
}

body#clients #main #col2 h3 {
  display: block;
  width: 238px; height: 70px;
  text-indent: -1000em;
  background: url(/images/clients-ad-header.gif) top left no-repeat;
}

body#clients #main #col2 p,
body#clients #main #col2 ul {
  margin: 0 20px;
}

body#clients #main #col2 p {
	margin-bottom: 10px;
}

body#clients #main #col2 ul.actions {
  clear: both;
  float: left;
  width: 200px;
  margin-left: 0px;
  padding: 10px 0 0 20px;
}

body#clients #main #col2 ul.actions li {
  border: none;
  padding: 0; margin: 0;
  float: left;
  width: 90px;
}

body#clients #main #col2 ul.actions li.right {
  float: right;
  text-align: right;
}

body#clients #main #col2 ul.actions li a,
body#clients #main #col2 ul.actions li a:hover {
  padding: 0; margin-left: 0;
  background: none;
}

body#clients #main #col2 ul.actions li a:hover {
  margin-left: 0;
  text-decoration: underline;
}



body#clients.casestudies #main #col1 h2 {
  display: block;
  width: 424px; height: 70px;
  text-indent: -1000em;
  background: url(../images/casestudies-list-header.gif) top left no-repeat;
}

body#clients.casestudies #main #col1 ul {
  margin: 0 20px;
}

/* ########## Sidebar */

#sidebar img.quote-alt {
  margin-left: -25px;
}

/* Top Level */

#sidebar ul {
  width: 178px;
  margin-bottom: 100px;
}

#sidebar ul li a {
  display: block;
  width: 178px;
  line-height: 23px;
  background: url(/images/bg-subnav.gif) top left no-repeat;
  text-decoration: none;
  color: #626262;
  padding-left: 19px;
  font-size: 1.1em;
  border-bottom: solid 1px #e3e3e3;
}

#sidebar ul li.current a,
#sidebar ul li a:hover { background-position: 0 -64px; }

/* Second Level */

#sidebar ul li.current ul {
  width: 178px;
  margin-bottom: 0px;
}

#sidebar ul li.current ul li a {
  display: block;
  width: 178px;
  background-image: none;
  text-indent: 0;
  color: #626262;
  text-decoration: none;
  line-height: 23px;
  padding-left: 19px;
  font-size: 1em;
  border-bottom: solid 1px #e3e3e3;
}

#sidebar ul li.current ul li a:hover {
  color: #333;
  text-decoration: underline;
  background: none;
}

#sidebar ul li.current ul li.current a,
#sidebar ul li.current ul li.current a:hover {
  color: #979797;
  background: url(/images/bg-subnav.gif) 0 -128px no-repeat;
}

#sidebar ul li.current ul li.current a:hover { color: #333; }

/* Third Level */

#sidebar ul li.current ul li.current ul {
  width: 178px;
  margin-bottom: 0px;
}

#sidebar ul li.current ul li.current ul li a {
  display: block;
  width: 161px;
  background: none;
  text-indent: 0;
  color: #626262;
  text-decoration: none;
  line-height: 23px;
  padding-left: 19px;
  margin-left: 17px;
  font-size: 1em;
  border-bottom: solid 1px #e3e3e3;
}


#sidebar ul li.current ul li.current ul li a:hover {
  color: #333;
  text-decoration: underline;
  background: none;
}

#sidebar ul li.current ul li.current ul li.current a,
#sidebar ul li.current ul li.current ul li.current a:hover {
  color: #979797;
  background: url(/images/bg-subnav.gif) 0 -128px no-repeat;
}

#sidebar ul li.current ul li.current ul li.current a:hover { color: #333; }

/* ########## Footer */

#footer .left {
  float: left;
  padding-left: 28px;
}

#footer .right {
  float: right;
  padding-right: 22px;
}

#footer a {
  text-decoration: none;
  color: #626262;
}

#footer a:hover {
  text-decoration: underline;
  color: #626262;
}

/* ########## Space Calculator */

body.space-calculator #main {
  margin-left: 227px;
  width: 746px;
  padding-left: 14px;
  padding-top: 10px;
}

body.space-calculator #main #content {
  width: 736px;
}

/* ##### Tabs ##### */

body.space-calculator #main #content .tabs {
  width: 731px;
  float: left;
  background: url(../images/tabs-main-bg.gif) bottom left no-repeat;
  padding-bottom: 3px;
}

body.space-calculator #main #content .tabs ul { margin: 0; }

body.space-calculator #main #content .tabs li.first {
    margin-left: 0;
}

body.space-calculator #main #content .tabs li {
  float: left;
  display: block;
  height: 32px;
  padding-right: 12px;
  margin-right: -10px;
  position: relative;
  background: url(../images/tabs/tabright-back.gif) 100% 0 no-repeat;
  border-bottom: 1px solid #c4c4c4;
  white-space: nowrap;
}

body.space-calculator #main #content .tabs strong {
  float: left;
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  background: url(../images/tabs/tableft-back.gif) top left no-repeat;
  font-style: normal;
  font-weight: normal;
}


body.space-calculator #main #content .tabs li.current {
  z-index: 1;

  border-bottom: 1px solid #fff;
  height: 32px;
}

body.space-calculator #main #content .tabs li.current strong {
  font-weight: bolder;
}

body.space-calculator #main #content .tabs li.current a {
  color: #323232;
}

body.space-calculator #main #content .tabs a {
  text-decoration: none;
  cursor: hand;
}



body.space-calculator #main #content #calculator {
/*  position: relative;
  top: -5px;
  z-index: 1;*/
  width: 687px;
  padding: 20px 20px 0;
  float: left;
  border-left: solid 1px #c4c4c4;
  border-right: solid 1px #c4c4c4;
}

body.space-calculator #main #content #calculator h3 {
  font-size: 2em;
  color: #000;
}

body.space-calculator #main #content #calculator .lcol {
  width: 260px;
  float: left;
}

body.space-calculator #main #content #calculator .rcol {
  width: 370px;
  float: right;
}

body.space-calculator #main #content #calculator .rcol label {
  display: block;
  background: #efefef;
  padding: 5px 10px;
  font-weight: bold;
  color: #000;
}

body.space-calculator #main #content #calculator .rcol label em {
  display: block;
  font-style: normal;
}

body.space-calculator #main #content #calculator .rcol input {
  margin-bottom: 0;
}

body.space-calculator #main #content #calculator .rcol div {
  display: block;
  padding: 10px;
}

body.space-calculator #main #content #steps {
  clear: both;
  width: 689px;
  padding: 0 20px;
  height: 45px;
  font-size: 1.6em;
  color: #000;
  background: url(../images/steps-bg.gif) top left no-repeat;
}

body.space-calculator #main #content #steps a {
  display: block;
  text-decoration: none;
  color: #000;
  height: 45px;
  line-height: 45px;
  padding-right: 30px;
  background: url(../images/button-next.gif) center right no-repeat;
}

body.space-calculator #main #content #steps p {
  float: left;
  line-height: 45px;
}

body.space-calculator #main #content #steps p.right {
  text-align: right;
  float: right;
}

body.space-calculator #main #content #loading-message {
  clear: both;
  width: 689px;
  padding: 0 20px;
  height: 45px;
  font-size: 1.6em;
  color: #000;
  background: url(../images/steps-bg.gif) top left no-repeat;
}

body.space-calculator #main #content #loading-message p {
  float: left;
  line-height: 45px;
}

/* Space Calculator Summary */

body.space-calculator #main #content #calculator.summary {
  margin-bottom: 0;
}

body.space-calculator #main #content #calculator.summary .total {
  float: left;
  width: 645px;
  padding: 0 20px;
  background: #efefef;
  margin-bottom: 20px;
}

body.space-calculator #main #content #calculator.summary .total h3 {
  float: left;
  font-weight: bold;
  line-height: 2em;
  margin-bottom: 0;
}

body.space-calculator #main #content #calculator.summary .total p {
  font-size: 2em;
  float: right;
  line-height: 2em;
  margin-bottom: 0;
  color: #000;
}

body.space-calculator #main #content #calculator.summary .total p {
  font-weight: bold;
}

body.space-calculator #main #content #calculator.summary .total h3 p em {
  font-size: .7em;
}

body.space-calculator #main #content #calculator.summary .col1,
body.space-calculator #main #content #calculator.summary .col2,
body.space-calculator #main #content #calculator.summary .col3 {
  float: left;
  width: 173px; height: 20.9em;
  padding: 20px;
  margin-bottom: 20px;
  background: #efefef url(/images/spacecalc-summary-bg.gif) 50% 3.9em no-repeat;
}

body.space-calculator #main #content #calculator.summary .col2,
body.space-calculator #main #content #calculator.summary .col3 {
  margin-left: 24px;
}

body.space-calculator #main #content #calculator.summary .col1 h4,
body.space-calculator #main #content #calculator.summary .col2 h4,
body.space-calculator #main #content #calculator.summary .col3 h4 {
  font-size: 1.1em;
  font-weight: bold;
  color: #000;
  margin-bottom: 25px;
}

body.space-calculator #main #content #calculator.summary dl {
  font-weight: bold;
}

body.space-calculator #main #content #calculator.summary p {
  margin-bottom: 45px;
}

body.space-calculator #main #content #calculator.summary dd {
  margin-bottom: 15px;
}

body.space-calculator #main #content #calculator.summary dd.last {
  margin-bottom: 0;
}

body.space-calculator #main #content #calculator.summary .row input,
body.space-calculator #main #content #calculator.summary .row select {
  margin-top: 5px;
  margin-bottom: 10px;
  width: 100%;
}

body.space-calculator #main #content #calculator.summary .row label {
  color: #000;
}

body.space-calculator #main #content #calculator.summary .buttons input {
  width: auto;
}

body.space-calculator #main #content #calculator.summary .buttons {
  text-align: right;
}
body#home #main-wrapper {
	width:auto;
}
body#home #main {
	width:auto;
}
#stretching_people {
position:relative;
display:block;
	margin-left:600px;
height:430px;
margin-right:50px;
}

#stretching_people img {border:0px;}
#stretching_people span {position:absolute;}
#stretching_people span { display: inline-block; width:77px; height:87px; }
#stretching_people 	#people1-fix {left:32%;top:0px;}
#stretching_people 	#people2-fix {left:8%;top:50px;}
#stretching_people 	#people3-fix {left:82%;top:80px;}
#stretching_people 	#people4-fix {left:44%;top:110px;}
#stretching_people 	#people5-fix {left:15%;top:150px;}
#stretching_people 	#people6-fix {left:55%;top:190px;}
#stretching_people 	#people7-fix {left:25%;top:230px;}
#stretching_people 	#people8-fix {left:85%;top:270px;}
#stretching_people 	#people9-fix {left:5%;top:300px;}
#stretching_people 	#people10-fix {left:65%;top:320px;}
#stretching_people 	#people11-fix {left:35%;top:350px;}