/* @group General */

* {
  margin: 0; padding: 0; outline: 0;
}
.clear { clear: both; }
.label { font-weight: bold; }

html, body {
  height: 100%;
}

body {
  font-family: arial, sans-serif;
  background: #352B25;
}

/* @end General */



/* @group General Layout */

div#container {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%; /* IE */
  font-size: 62.5%;
}

div#content {
  width: 80em;
  margin: 0 auto;
  padding: 4em 0 10px 0;
  text-align: left;
}

div#sub_container {
  background: #66554a;
}

div#team_list {
  float: right;
  width: 57.5em;
}
ul#team_navigation {
  list-style-type:none;
  float:left;
  width:18.5em;
  padding:0;
}
ul#team_navigation li {
  margin-bottom:4px; padding-top:4px;
  font-size:1.2em;
}
ul#team_navigation li a {
  text-decoration:none;
}

div.section, div.person {
  overflow:auto;
  width:100%;
  margin-bottom:1px; border-top:1px solid #999; padding-top:10px;
}
div.section h1.person, div.person h1 {
  margin-bottom:0.75em;
  font-size:1.8em; color:#fff; line-height:100%;
}
div.person h1 {
  margin-bottom:0.5em;
}
div.person h1 span.name {
  display:block;
}
div.person h1 span.title {
  padding:2px 4px;
  font-weight:normal; font-size:0.65em;
  background:#40352f;
}  

div.inset {
  width:18.5em;
}
div.inset img {
  margin-bottom:10px;
}
.person .inset img { margin-top: 10px; }
div.inset_left {
  float:left;
}
div.inset_right {
  float:right;
}

div.description h2, .work_example h2 { font-size:2.0em; }
div.description h3, .work_example h3 { font-size:1.4em; }
div.description p,  .work_example p { font-size:1.3em; }

div.description_right {
  float:right;
  width:59.5em;
}
div.description_left {
  float:left;
  width:59.5em;
}
div.small_description_right {
  float:right;
  width:39em;
}
div.small_description_left {
  float:left;
  width:39em;
}
/* @end General Layout */



/* @group Forms */
form div.field {
  margin-bottom:15px;
}
form div.button {
  clear:both;
  padding:5px 0 0 0;
}
form div.field label {
  display:block;
  margin-bottom:3px;
  font-size:1.2em;
  color:#fff;
}
form div.field input, form div.field textarea {
  width: 99%;
  border: 1px solid #333;
  padding: 4px 0;
  font: 1.4em arial, sans-serif;
  background: #fffefa;
}

form div.field textarea {
  font-size: 1.2em;
}

form div.field input:focus, form div.field textarea:focus {
  background: #ffd;
}

#contact_more_information {
  height: 10em;
}

form div.button input {
  width: auto;
  border: 2px solid #333;
  padding: 4px 14px;
  font-size: 1.4em;
  background: #fff;
}

div.fieldWithErrors input {
  border: 1px solid #d00;
  background: #fdd;
}

form#contactForm {
  float: right;
  width: 59.5em;
  padding-bottom: 15px;
}

/* @end Forms */



/* @group Navigation */

div#navigation {
  overflow: hidden;
  height: 96px;
  border-bottom: 1px solid #3b2b20;
  text-align: left;
  background: #fffbe7;
}

div#navigation ul {
  list-style-type: none;
  position: relative;
  width: 80em;
  margin: 0 auto;
  padding: 0;
}

div#navigation ul li {
  display: inline;
  font: 1.1em verdana, arial, sans-serif;
}

div#navigation ul li a {
  float: right;  
  display: block;
  margin-left: 20px;
  padding: 0 15px 0 0;
  color: #40352f;
  line-height: 96px;
  text-decoration: none;
  text-transform: uppercase;
}

div#navigation ul li a:hover,
div#navigation ul li a.current {
  color: #000;
  background: url(/images/navigation_hover.gif) no-repeat 100% 50%;
}

div#navigation ul li a#nav_home {
  position: absolute;
  top: 24px;
  left: 0;
  width: 182px;
  height: 58px;
  margin: 0 45px 0 0;
  border: 0;
  padding: 0;
  text-indent: -999em;
  background: url(/images/logo.gif) no-repeat;
}

/* @end Navigation */



/* @group General Content */
a {
  padding:1px;
  color:#fff;
}
a:hover {
  color:#fff; text-decoration:none;
  background:#f60;
}

h1 {
  margin-bottom:1em;
  color:#fff;
}
h1.work_title {
  margin-bottom:0.25em;
  font-size:3.2em; letter-spacing:-1px;
}
h1.serviceTitle {
  margin-bottom:0.5em;
  font-size:3.2em; letter-spacing:-1px;
}
h1.serviceTitle a, div.work_example a.view_button {
  position:relative;
  display:block;
  float:right;
  height:20px;
  padding:4px 25px 0 13px;
  font-size:0.4em; font-weight:normal; text-decoration:none; letter-spacing:0;
  background:#000 url(/images/arrow_button_right.gif) no-repeat 100% 50%;
}
h1.serviceTitle a:hover, div.work_example a.view_button:hover {
  background:#000 url(/images/arrow_button_right.gif) no-repeat 100% 50%;
}
h1.serviceTitle a span, div.work_example a.view_button span {
  position:absolute; top:0; left:0;
  display:block;
  width:12px; height:24px;
  background:url(/images/arrow_button_left.gif);
}
h2, h3 {
  margin-bottom:1em;
  color:#fff;
}

address {
  margin-bottom: 1em;
  color: #fff;
  font-size: 1.4em;
  font-style: normal;
}

address a {
  line-height: 140%;
  text-decoration: none;
}

p {
  margin-bottom:1em;
  font-size:1.4em; line-height:150%; color:#fff;
}
p.detail_small {
  margin-bottom:0.5em;
  font-size:1.1em; line-height:100%;
}
ul {
  margin-bottom:1em; padding-left:1.5em;
}
ul li {
  margin-bottom:0.25em;
  font-size:1.3em; color:#fff;
}
dl {
  color:#fff;
}
dl dt {
  margin-bottom:0.25em;
  font-size:1.4em; font-weight:bold;
}
dl dd {
  margin-bottom:1em; padding-left:1.5em;
  font-size:1.2em;
}
blockquote {
  border-left:4px solid #ffeeb4; padding-left:15px;
  font-style:italic;
}
blockquote span.open_quote {
  margin-left: -0.25em;
}
p.cite {
  text-align: right;
}
div.work_example blockquote {
  border-left: 0;
  padding-left: 0;
  font-style: normal;
}
pre {
  margin-bottom:1em;
  color:#fff;
}
code {
  color:#fff; font-size:1.5em;
}
/* @end General Content */



/* @group Home */
div#intro {
  overflow:hidden;
  height:283px;
  background:#40352f url(/images/artisan_hand.jpg) no-repeat 406px 14px;
}

div#intro h1 {
  display:none;
  margin-bottom:0.5em;
  padding:33px 0 0 22px;
  color:#fff;
  font-size:2.3em;
}

div#intro p {
  width:368px;
  padding-top:50px;
  padding-left:22px;
  color:#fffbe7;
  font-size:1.4em;
  line-height:200%;
}

div#intro ul {
  padding-left:40px;
}

div#subContent {
  position:relative;
}
div#subContent h1 {
  margin-bottom:0.5em;
  color:#fff; font-weight:normal; font-size:2.1em;
}
div#subContent h2 {
  color:#fffbe7; letter-spacing:-1px;
}
div#subContent h2 a {
  font-size:0.95em; color:#fffbe7;
}
div#subContent a {
  text-decoration:none;
}

div#services {
  position:absolute; top:-50px; left:42.4em;
  width:33.1em;
  border-top:1px solid #fff; border-right:1px solid #333; border-bottom:1px solid #333;
  padding:15px 9px 0 9px;
  background:#fffbe7;
}
div#services h2 {
  margin-bottom:0.5em;
  color:#f60; font-size:1.7em;
}
div#services h2 a {
  color:#f60; letter-spacing:0;
}
div#services p {
  margin-bottom:1.5em;
  color:#000; font-size:1.1em; line-height:150%;
}
div#services a {
  color:#000; font-weight:bold;
}
div#services a:hover {
  color:#fff;
}

div#newsAndWork {
  width:39em;
  padding-top:20px;
}
div#newsAndWork h2 {
  font-size:1.5em;
}

div#news {
  float:left;
  width:18.5em;
}
div#news h2 span {
  display:block;
  font-weight:normal; font-style:italic; font-size:0.75em;
}

div#work {
  float:right;
  width:18.5em;
}
div#work h2 {
  margin-bottom:0;
}
div#work p {
  border-bottom:1px solid #8e8680; padding-bottom:1em;
  font-size:1.1em; line-height:110%;
}
div#work a:hover {
  background:none;
}
div#work img {
  display:block;
  width:183px;
  margin-bottom:0.5em; border:1px solid #000;
}
/* @end Home */



/* @group Our Work */
div#case_study {
  float:left;
  width:59.5em;
}
div#case_study h2 {
  margin-bottom:0.5em;
  font-size:1.8em;
}
div#case_study img {
  margin-bottom:1em;
}

div#work_navigation {
  float: left;
  width: 36em;
}
div#work_navigation h1 {
  margin-bottom: 0.5em;
  font-size: 2.8em;
}
div#work_navigation h2 {
  margin-bottom: 0.5em;
  font-size: 1.0em;
}
div#work_navigation ul {
  list-style-type: none;
  padding: 0;
}
div#work_navigation ul li {
  position: relative;
  margin: 0 0 0.75em -10px;
  padding: 10px 10px 8px 10px;
  font-size: 1.1em;
  padding-left: 102px;
  zoom: 1;
}
div#work_navigation ul li.hover,
div#work_navigation ul li.current {
  cursor: pointer;
  background: #5c4c42;
}
div#work_navigation ul li img {
  position: absolute;
  top: 10px;
  left: 10px;
}
div#work_navigation ul li a {
  color: #fff;
  font-size: 1.1em;
  text-decoration: none;
  background: none;
}
div#work_navigation ul li p {
  margin-bottom: 0;
  color: #BFBAB7;
  font-size: 1.1em;
  line-height: 16px;
}

div.work_example {
  float: right;
  width: 40em;
  margin-bottom: 2em;
  padding-top: 8px;
}
div.work_example p {
  line-height:150%;
  text-align: justify;
}
div.work_example p strong {
  color: orange;
}
div.work_example a img {
  display: block;
}
div.end {
  margin-right:0;
}
div.work_example h2 {
  margin-bottom: 1em;
  font-size: 1.8em;
}
div.work_example img {
  margin-bottom:1em; border:0;
}
div.work_example a {
  padding:0;
}
div.work_example a:hover {
  background:none;
}
div.work_example a.view_button {
  float:left;
  padding-left: 16px;
  padding-right: 28px;
  font-size:1em;
  line-height:125%;
}

/* @end Our Work */



/* @group Services */
div.introText {
  float:left;
  width:39em;
}
div.introText p {
  font-size:1.5em;
}

div.steps {
  float:right;
  width:39em;
}
div.steps h2 {
  margin-bottom:0.25em; padding-left:80px;
  font-size:1.8em;
}
div.steps p {
  border-bottom:1px solid #999; padding:0 0 1em 80px;
  font-size:1.2em; line-height:125%;
}
div.steps p.process { background:url(/images/process.jpg) no-repeat; }
div.steps p.people  { background:url(/images/people.jpg) no-repeat; }
div.steps p.tools   { background:url(/images/tools.jpg) no-repeat; }
div.steps p.testing { background:url(/images/testing.jpg) no-repeat; }
div.steps p.testing:last-child { border-bottom: 0; }

div#trainingPhotos {
  float:right;
  width:39em;
}
/* @end Services */



/* @group News */
div.post {
  overflow:auto;
  padding-bottom:3em;
}
div.post h1 {
  margin-bottom:0.5em; border-bottom:1px solid #999; padding:0 0 0.25em 205px;
  font-size:2.8em;
}
div.post h1 a {
  text-decoration:none;
}
h2#comments {
  margin-bottom:1.25em; border-top:10px solid #333; padding-top:1.25em;
  font-size:2.0em; color:#ffeeb4;
}
h2#comments a {
  margin-left:10px;
  font-size:0.65em;
}
h3#leaveComment {
  padding:1em 0;
  font-size:2em; color:#ffeeb4;
}
div.comment {
  overflow:auto;
  border-top:1px solid #999; padding-top:1em;
}
div.comment h3 {
  margin-bottom:0.5em;
  color:#fff; font-size:1.4em;
}
/* @end News */



/* @group Footer */
div#footer {
  width:100%;
  padding:2.5em 0;
  background:#352b25;
}
div#footer div {
  width:80em;
  margin:0 auto;
}
div#footer a#backToTop {
  float:right;
  padding:4px 8px;
  text-decoration:none; color:#000; font-size:1.1em;
  background:#fff;
}
div#footer h1 {
  margin-bottom:0.5em;
  font-size:3.0em; font-weight:normal;
}
div#footer ul {
  list-style-type:none;
  margin-bottom:3em; padding:0;
}
div#footer ul li {
  margin-bottom:0.5em;
  font-size:1.5em; font-weight:bold;
}
div#footer ul li a {
  border-bottom:1px solid #ff8a44;
  color:#ff8a44; text-decoration:none;
}
div#footer ul li a:hover {
  border:0;
  color:#fff;
  background:#ff8a44;
}
div#footer p#copyright {
  margin-bottom:0; border-top:1px solid #999; padding-top:1.25em;
  font-size:1.6em;
}
div#footer.training p#copyright {
  border-top: 0;
  padding-top: 0;
}
div#footer p#copyright abbr {
  border:0;
}
/* @end footer */


img.mugshot {
  border: 1px solid #fff;
  padding: 5px;
}

#contact_info h1 {
  border-bottom: 1px solid #857365;
  padding: 1px 0 3px 0;
  font-size: 14px;
}

#contact_info address {
  font-size: 12px;
}

#contact_info p {
  font-size: 12px;
}

#training_left {
  position: relative;
  float: right;
  width: 250px;
  padding: 10px 10px 5px 10px;
  background: #473B33;
  -webkit-border-radius: 3px;
}

#training_left p, #training_left address {
  font-size: 12px;
}

#training_left em {
  font-style: normal;
  opacity: 0.7;
}

#training_left h2 {
  color: orange;
  font-weight: normal;
  font-size: 16px;
}

#training_right {
  float: left;
  width: 500px;
}

#training_right h2, #register, #instructors h2 {
  color: orange;
  font-size: 21px;
  font-weight: normal;
}

#register, #instructors {
  padding: 10px 0 5px 0;
}

#instructors {
  clear: both;
}

#instructors p {
  float: left;
  width: 32%;
  margin-right: 2%;
  font-size: 12px;
}

#instructors p img {
  float: left;
  display: block;
  margin: 0 10px 0 0;
}

#register_button {
  float: right;
  display: block;
  width: 136px;
  height: 30px;
  position: relative;
  right: 134px;
  padding: 0;
  text-indent: -999em;
  background: url(/images/register_button.gif);
}