/*  /////////////////////////////////////
- Gordon Squared [Base] Style Sheet
- Version: 1.0.1
- Inception: July 2006
================================
- Graphic Design: Anna Bensen
- HTML/CSS Dev: Daniel Humann
- Foraker Design - Boulder, Colorado
- http://www.foraker.com
///////////////////////////////////// */


/* --- Generic HTML Selectors --- */

html {
  margin: 0;
  padding: 0;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: "Verdana", Arial, Helvetica, San-serif;
  background: #a6b1b7 url('../img/bg-body.gif');
}

h1, h2 {
  color: #8a1e04;
}

h1 {
  font-size: 130%;
}

h2 {
  font-size: 110%;
}


a {
  color: #1582b6;
}

a:visited {
  color: #551a8b;
}

a:hover {
  color: #dd4521;
  text-decoration: none;
}


img {
  margin: 0;
  padding: 0;
}

a img {
  border: 0;
}

abbr, acronym, dfn {
  font-style: normal;
  cursor: help;
  border-bottom: 1px dotted #ccc;
}

address {
  font-style: normal;
}

hr {
  height: 1px;
  overflow: hidden;
  margin: 1.5em 0;
  padding: 0;
  color: #ebdeb2;
  background: #ebdeb2;
  border: 0;
  clear: both;
}

* html hr {
  margin: 0 0;
}


/* FORM Elements */

form {
  height: auto;
  margin: 0;
  padding: 0;
}

* html form {
  height: 1%;
}

label {
  width: 8em;
  float: left;
  text-align: right;
  margin: 0 1em 1em 0;
  padding: 2px;
  clear: both;
  cursor: help;
  display: block;
}

input, select, textarea {
  float: left;
  margin: 0 .25em 1em 0;
  padding: 2px;
  font-size: .9em;
  font-family: "Verdana", Arial, Helvetica, San-serif;
  background: #f8eecd;
  border: 1px solid #333;
}


label span {
  vertical-align: middle;
}

input.checkbox {
  margin: 7px 0 0 0;
  border: 0;
}

* html input.checkbox {
  margin: 0;
}


form input.formbuttons {
  margin: 4px 0;
  padding: 4px 2px;
  font-weight: bold;
  color: #777;
  cursor: default;
}


html>body form input.formbuttons {
  padding: 4px 10px;
}



/* --- Utility Objects ---*/
#skiplinks {
  display: none;
}


/* - CLEAR FIX HACK - */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Specific Contact Form Declarations */


#conform {
  border: 0px dashed #ccc;
}

.error, .red {
  color: #ff0000;
}

.red {
  padding: 0 0 0 4px;
  }

.define_required {
   margin-bottom: 1em;
}

.define_required span {
  color: #ff0000;
}

.form_error { background-color: #f9f590; border-right: 1px solid #D76E49; border-bottom: 1px solid #D76E49; border-left: 1px solid #692007; border-top: 1px solid #692007; }

.success { color: green; }

/* --- Start Named Element Selectors --- */

#masthead {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 176px;
  overflow: hidden;
  background: #deb306;
}

* html #masthead {
  width: 99.9%;
}

body.interior #masthead {
  height: 111px;
}

* html body.interior #masthead {
  height: 112px;
}


/* --- Basic Rules... --- */
#brand {
  position: relative;
  left: 0;
  margin: 0;
  padding: 0;
}



/* --- This is for the "Home" page... --- */
body.home #brand {
  top: 14px;
  height: 148px;
  background-color: #fefaed;
  background-image: url('../img/bg-brand.jpg'); 
  background-position: 262px 0;
  background-repeat: no-repeat;
}

/* Filter for IE - Rotten POS! */
* html body.home #brand {
  height: 147px;
  overflow: hidden;
}


/* --- This is for the interior pages... --- */
body.interior #brand {
  top: 13px;
  height: 98px;
  text-align: left;
  background-color: #fbf3d8;
  background-image: url('../img/bg-brand.gif'); 
  background-position: bottom left;
  background-repeat: repeat-x;
}



#logo-int {
  height: 98px;
  max-width: 1242px;
  min-width: 762px;
  margin: 0 41px 0 0;
  background-color: #fefaed;
  background-image: url('../img/bg-logo-int.gif'); 
  background-position: top left;
  background-repeat: repeat-x;
  border-right: 1px solid #deb306;
}

* html #logo-int {
  height: 99px;
  margin: 0 40px 0 0;
}


body.home #logo {
  display: block;
  width: 262px;
  height: 145px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-indent: -999px;
  background: transparent url('../img/logo-gs.gif') top left no-repeat; 
}


body.interior #logo {
  display: block;
  width: 224px;
  height: 98px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-indent: -999px;
  background: transparent url('../img/logo-gs-int.gif') top left no-repeat; 
}

#logo img {
  display: none;
}



/* --- Generic Heading + Breadcrumb Trail Ruleset --- */


#desc {
  display: block;
  position: absolute;
  top: 16px;
  left: 0;
  z-index: 100;
  width: 94%;
  max-width: 1230px;
  min-width: 760px;
  padding: 0 16px 0 0;
  font-size: .8em;
  font-weight: bold;
  text-align: right;
  vertical-align: middle;
  color: #8a1e04;
  border: 0px dashed #ff0000;
}

* html #desc {
  width: 98%;
}


/* ---  + Breadcrumb Trail Rules + --- */

#breadcrumbs {
  display: block;
  position: absolute;
  top: 64px;
  left: 260px;
  margin: 0;
  padding: 0;
  font-size: .8em;
  color: #898165;
  border: 0px dashed #ff0000;
}

#breadcrumbs em {
  margin: 0 .5em 0 0;
  font-style: normal;
}


.fltbox {
	float: right;
	margin: 0 0 5px 5px;
	background-color: #e2e8ec;
	border-top: 5px solid #647e8b;
	border-right: 1px solid #647e8b;
	border-left: 1px solid #647e8b;
	border-bottom: 1px solid #647e8b;
	width: 200px;
	font-size: .9em;
	padding: 12px;
}


/* --- Main Page Container --- */
#wrapper {
  position: relative;
  max-width: 1200px;
  min-width: 720px;
  margin: 0 38px 1em 38px;
  padding: 0;
  background: #647d89;
  border: 4px solid #647d89;
}

/* --- This is for the "Home" page --- */
body.home #wrapper {
  padding: 196px 0 0 0;
}


/* --- This is for the interior pages... --- */
body.interior #wrapper {
  padding: 136px 0 0 0;
}


/* --- Main Navigation Rules --- */

#nav {
  position: absolute;
  top: 4px;
  right: .25em;
  font-size: .65em;
  font-weight: bold;
}

* html #nav {
  top: 8px;
  right: 3.75em;
  font-size:  10px;
  border: 0px dashed #fff;
}

#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #bfd0d9;
}

#nav li {
  display: inline;
  margin: 0 0 0 -2px;
  padding: .25em 1.5em;
  background: #647d89;
  border: 0px solid #fff;
}

* html #nav li {
  margin: 0 0 0 1px;
  padding: .75em 1.5em;
}

#nav li a {
  color: #bfd0d9;
  text-decoration: none;
}

#nav li a:hover {
  color: #fff;
  text-decoration: none;
}

#nav li span.navActive {
  color: #ecc218;
  cursor: help;
}





/* --- Main Content Wrapper --- */

#main {
  margin: 0;
  padding: 0 0 0 182px; /* This pushes the content block to the left, leaving room for the subnav container. */
  background: #ebdeb2;
  
/* Border used for design and visualization purposes...  */
  border: 0px dashed #ff0000;
}

#content {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 85%;
  color: #333;
  background: #fefaed;
}

* html #content {
  font-size: 80%;
}






/* --- Main section body content --- */

#post-body {
   padding: 10px 3em 3em 3em;
}

* html #post-body {
   padding: 5px 3em 3em 3em;
}

.image_embedded_rgt { 
   margin: 0px 0px 10px 10px; 
   padding: 0;
   float: right; 
   border: 2px solid #ebdeb2; 
 }


/* + A few  extra utility selectors + */

p.emf {
  color: #8a1e04;
}

p.emf em {
  font-style: normal;
}

.notes {
  font-size: .8em;
}




#thumbs {
  font-size: 9px;
  padding: .25em;

}

#thumbs a {
  display: block;
  float: left;
  width: 180px;
  height: auto;
  overflow: visible;
  margin: 0 8px 0 0;
  padding: .25em;
  text-align: center;
  border: 0px dashed #ff0000;
}

#thumbs a img {
   display: block;
   margin: 0 auto .5em auto;
}

#thumbs a span {
   display: block;
}








/* --- Sub-Nav includes sidebar content, specifically the "Our Services" navigation --- */

#subnav {
  position: absolute;
  top: 0;
  left: 0;
  width: 182px;
  overflow: hidden;
  color: #8a1e04;
}

body.home #subnav {
  top: 202px;
}

body.interior #subnav {
  top: 136px;
}


#subnav h2 {
  margin: 0;
  padding: 1.1em .5em .75em .5em;
  color: #745f0b;
  font-size: .9em;
  background: #ecce76;
  border-right: 1px solid #deb306;
  border-bottom: 1px solid #deb306;
}

#subnav a {
  color: #8a1e04;
}

#subnav ul {
  margin: 0;
  padding: 0;
  font-size: .7em;
  list-style: none;
}

#subnav li {
  margin: 0;
  padding: 0;
  padding: 1em .5em 1em .75em;
  border-bottom: 1px solid #fff;
}

#subnav li.subnavActive {
  color: #777;
  font-weight: bold;
  background: #fefaed;
}

#subnav li a {
  text-decoration: none;
}

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

#subnav address {
  margin: .5em 0 0 0;
  padding: 1em;
  font-size: .7em;
  color: #651d21;
  text-align: right;
}

#subnav address span {
  display: block;
  padding: .25em 0;
}

#subnav p.flr {
  padding: .25em 1em;
  font-size: .7em;
  text-align: right;
}




/* --- Footer & aassociated elements --- */

#footer {
  position: relative;
  margin: 0;
  padding: .5em;
  font-size: .65em;
  color: #9fb2bb;
}

#footer p {
  margin: .25em 0;
  padding: 0;
}

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

#footer a:hover {
  color: #fff;
}



/* Powered by Foraker Bug  */

#poweredbyforaker {
  position: absolute;
  top: 8px;
  right: 4px;
  width: 120px;
  height: 24px;
  font-size: 9px;
  border: 0px dashed #fff;
}

* html #poweredbyforaker {
   right: 4.75em;
}

#forakerlink {
   display: block;
   width: 120px;
   height: 24px;
   overflow: hidden;
   margin: 0;
   padding: 0;
   background: transparent url('../img/bg-forakerlink.gif') top left no-repeat;
 }
 
a#forakerlink:hover {
   background-position: 0 -24px;
 }
 
#forakerlink span {
  position: relative;
  top: 0;
  left: 40px;
  margin: 0;
  padding: 0;
}