/*  /////////////////////////////////////
- MomentuM [Base] Style Sheet
- Version: 1.0.1
- Inception: March 2007
================================
- 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: 1em;
  font-family: "Verdana", Arial, Helvetica, San-serif;
  background: #a4ba70 url('../images/bg-body.gif') repeat-x center 111px;
}

h1 {
  font-size: 140%;
  color: #452b34;
}

h2 {
  font-size: 130%;
  color: #613f40;
}

h3 {
  font-size: 110%;
}

h4 {
  font-size: 100%;
  margin: 20px 0 -10px 0;
  padding: 0;
  color: #452b34;
  border-bottom: 1px solid #b3ae76;
  width: 100%;
}

h5 {
	font-size: 100%;
}


a {
  color: #0000CC;
}

a:visited {
  color: #551a8b;
}

a:hover {
  color: #FF0000;
  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;
}

li {
	margin: 0 0 1em 0;
	padding: 0;
}

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

/* - CLEAR FIX HACK - */

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

.clearfix {display: inline-table;}

/* --- Main Page Container --- */
#wrapper {
  position: relative;
  width: 99%;
  padding: 0;
  margin: 0;
  text-align: center;
  background: url('../images/bg-wrapper.jpg') no-repeat center 12px;
  border: 1px solid #a4ba70;
}

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

#masthead {
  position: relative;
  width: 757px;
  margin: 0 auto;
  text-align: left;
}


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

#logo {
  display: block;
  width: 213px;
  height: 97px;
  overflow: hidden;
  margin: 12px 0 0 10px;
  padding: 0;
  background: transparent url('../images/logo-momentum.gif') top left no-repeat; 
}

* html #logo {
  margin: 5px 0 0 12px;
}

#logo img {
  display: none;
}

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

#breadcrumbs {
  margin: 0;
  padding: 10px 0;
  font-size: 85%;
}

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

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

#nav {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 70%;
  font-weight: 900;
}

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

#nav li {
  display: inline;
  margin: 0 0 0 -4px;
  padding: 0;
}

#nav li a#navLast {
	background: #a4ba70 url('../images/bg-nav-last.gif') top right no-repeat;
}

#nav li a {
  color: #452b34;
  text-decoration: none;
  padding: 5px 11px 15px 11px;
  margin: 0;
  line-height: 50px;
  background: #a4ba70 url('../images/bg-nav.gif') top right no-repeat;
}

#nav li a.navActive {
  color: #fff;
  background: #613f40 url('../images/bg-nav-active.gif') top right repeat-x;
}

#nav li a:hover {
  color: #fff;
  background: #613f40 url('../images/bg-nav-active.gif') top right repeat-x;
}

#nav li a:hover#navLast {
  background: #613f40 url('../images/bg-nav-active.gif') top left repeat-x;
}

#nav li span.navActive {
  color: #fff;
  cursor: help;
  background: #613f40 url('../images/bg-nav-active.gif') top right repeat-x;  
  padding: 5px 10px 15px 10px;
  margin: 0;
}
#nav li span.navActiveLast {
  color: #fff;
  cursor: help;
  background: #613f40 url('../images/bg-nav-active.gif') top left repeat-x;  
  padding: 5px 10px 15px 10px;
  margin: 0;
}

#nav li span.estHeight {
  padding: 5px 0 15px 0;
  margin: 0;
}

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

#main {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 757px;
}

#content {
  margin: 0;
  padding: 0;
  font-size: 80%;
  color: #333;
}

#content-int {
	position: relative;
	width: 522px;
	margin: 0 0 0 222px;
	background: #e6e0bc;
	border-left: 2px solid #e6e0bc;
}

#content-int img#hdr {
	margin: -17px 0 0 0;
}

#content-int-nohdr {
	position: relative;
	width: 524px;
	margin: 0 0 0 222px;
	padding: 25px 0 0 0;
	background: #e6e0bc url(../images/bg-no-hdr.gif) top left repeat-x;
	border-left: 2px solid #e6e0bc;
}

#content-int-nolftnav {
	position: relative;
	width: 726px;
	margin: 0 0 0 15px;
	padding: 15px 0 0 0;
	background: #e6e0bc url(../images/bg-no-hdr.gif) top left repeat-x;
}

#content-int-nolftnav h1 {
	margin: 10px 0 45px 0;
}

#content-int-nohdr h1 {
	margin: 0 0 40px 0;
}

#content-int-pad {
	padding: 0 20px 40px 20px;
}

#products td {
	padding: 10px 3px 15px 3px;
	width: 30%;
	border-bottom: 1px solid #aca36e;
	vertical-align: top;
}

#products th {
	padding: 15px 3px 0 3px;
	width: 30%;
	vertical-align: top;
}

#products img {
	border: 2px solid #aca36e;
}


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

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


/* - Home Page Photo Rotator - */

img#photoHome {
	position: relative;
	margin: -20px 0 0 190px;
}

/* - Quote box on the home page -*/

#quote {
	position: absolute;
	top: 320px;
	left: 30px;
}

/* - Postmark on interior pages -*/

#postmark {
	position: absolute;
	top: 125px;
	left: 300px;
}

/* --- Featured Items on the Home page --- */

#features {
	position: relative;
	width: 757px;
	margin: 0 auto;
	text-align: left;
	font-size: 80%;
}

body.interior #features {
	position: absolute;
	top: 300px;
	left: 0;
	width: 205px;
	margin: 75px 0 0 0;
	font-size: 85%;
}

.feature {
	display: block;
	width: 242px;
	float: left;
	margin: .5em .5em 1em 0;
	height: 150px;
}

body.interior .feature {
	display: inherit;
	width: 210px;
	float: none;
	padding: 20px 0 20px 0;
	height: auto;
}

.featureHdr {
	text-align: center;
}

#features p {
	padding: 0 10px 0 80px;
}

body.interior #features p {
	padding: 0 10px 0 80px;
}

#features span {
	clear: both;
	font-weight: 900;
	font-size: 100%;
	color: #000;
}

#features label{
	clear: both;
	font-size: 90%;
	margin: 0;
	padding: 0;
}

#features input {
	font-size: 90%;
	background: #edf4dd;
}

#features form {
	padding: 0;
	margin: 0;
	background: transparent;
	clear: both;
}

body.interior #features img {
	padding: 0 0 0 0;
}

#f1 { 
	border-right: 2px solid #60863e;
}
#f2 { 
	border-right: 2px solid #60863e;
}

body.interior #f1, body.interior #f2 { 
	border-right: none;
	border-bottom: 2px solid #60863e;
	background-position: left 30px;	
	background-image: none;
}

body.interior #f3 { 
	border-right: none;
	background-position: left 30px;	
	background-image: none;
}

/* --- Globally used utility classes --- */

.image_embedded_lft { 
	margin: 10px 10px 0px 0px; 
	padding: 0; 
	float: left; 
}

.image_embedded_rgt { 
	margin: 5px 0px 10px 10px; 
	padding: 0; 
	float: right;  
}

.sidebar {
	float: right;
	width: 214px;
	background: #613f40;
	border: 2px solid #613f40;
	margin: 5px 0px 10px 10px;
}

.sidebar blockquote {
	border: 2px solid #e9e4bc;
	color: #fff;
	padding: 10px;
	margin: 0;
	line-height: 20px;
}

#subnav blockquote li {
  margin: 0 0 0 15px;
  padding: 0;
  list-style: disc;
  border-bottom: none;
}

.sidebar a:link, .sidebar a:visited {
	color: #e9e4bc;
}


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

#subnav {
	width: 210px;
	position: absolute;
	top: 110px;
	left: 12px;
	height: auto;
	padding: 0;
	font-size: 95%;
}

#subnav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#subnav li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #60853f;
}

#subnav li.subnavActive {
  color: #452b34;
  font-weight: bold;
  background: #e6e0bc;
  padding: 7px 10px;
  display: block;
  font-size: 95%;
}

#subnav li.subnavActiveLv2 {
  color: #452b34;
  font-weight: bold;
  background: #e6e0bc;
  padding: 7px 20px 7px 20px;
  display: block;
  font-size: 95%;
}

#subnav li a {
  text-decoration: none;
  background: #a4ba71;
  padding: 7px 10px;
  display: block;
  color: #452b34;
}

#subnav li.subnavlv2 {
  font-size: 95%;
}

#subnav li.subnavlv2 a {
  padding: 7px 20px;
}

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

#subnav blockquote {
	color: #d9ebb1;
	margin: 10px 0;
	padding: 8px 20px 0 25px;
	background: url('../images/bg-blockquote.gif') top left no-repeat;
	font-weight: 900;
	line-height: 19px;
	height: 200px;
	font-size: 90%;
}

#subnav blockquote ul {
	margin: 10px 0 0 0;
}

#subnav blockquote span {
	background: url('../images/bg-blockquote-end.gif') top left no-repeat;
	padding: 0 40px 25px 0;
	color: #5b873e;
}

#subnav blockquote cite {
	padding: 0 0 0 50px;
}

#subnav blockquote a {
	color: #e9e4bc;
}

/* Specific Contact Form Declarations */


#conform {
  border: 0px dashed #ccc;
  position: relative;
  width: 485px;
}

#conform br {
	clear: both;
}

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

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

.define_required {
   display: block;
   width: 98%;
   text-align: right;
   margin-bottom: 1em;
   
}

.define_required span {
  color: #ff0000;
}

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

.success { color: green; }

.formcopy { 
  width: 40%;
  float: left;
  text-align: left; 
  font-style: italic; 
}

.nolabel {
  width: 40%;
  float: left;
  text-align: right;
  margin: 0 1em 0 0;
  padding: 2px;
  clear: both;
  line-height: 1px;
}

#conform .hr { 
	clear: both;
	width: 100%; 
	border-bottom: 1px solid #b4b17e; 
	line-height: 1px; 
	padding-top: 5px; 
	margin-bottom: 5px; 
}


/* FORM Elements */

form {
  height: auto;
  margin: 20px 0;
  padding: 10px;
  background-color: #dad5ab;
}

* html form {
  height: 1%;
}

label {
  width: 40%;
  float: left;
  text-align: left;
  margin: 0 1em 5px 0;
  padding: 2px;
  clear: both;
  cursor: help;
}

input, select, textarea {
  float: left;
  margin: 0 .25em 0 0;
  padding: 2px;
  font-family: "Verdana", Arial, Helvetica, San-serif;
}


label span {
  vertical-align: middle;
}

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

* html input.checkbox {
  margin: 0;
}




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

#footer {
  position: relative;
  width: 757px;
  margin: 30px auto;
  padding: .5em;
  font-size: .65em;
  color: #60863e;
  text-align: left;
}

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

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

#footer a:hover {
  color: #613f40;
}

#footer address {
  color: #452b34;
  border-bottom: 2px solid #60863e;
  text-align: center;
  padding: 0 0 10px 0;
  font-size: 110%;
}

#footer address span {
  color: #60863e;
  padding: 0 10px;
}


/* Powered by Foraker Bug  */

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

#forakerlink {
   display: block;
   width: 120px;
   height: 24px;
   overflow: hidden;
   margin: 0;
   padding: 0;
   background: transparent url('../images/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;
}