@charset "utf-8";

/* TAGS ----------------------------------------------------------------*/

html, body, div, form, object {
	margin: 0;
	padding: 0;
	}

body {
	background: #DAD3A5;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #434242;
	}

table, input, select, textarea, button {
	font: inherit;
	font-size: 1em;
	}

input, select, button {
	vertical-align: middle;
	}

a img {
	border: 0 none;
	}

h2, h3, h4 {
	margin: 0;
	padding: 0;
	}

h5 {
	margin: 1em 0;
	padding: 0;
	color: #A48B46;
	font-size: 1em;
	}

h6 {
	margin: 1em 0;
	padding: 0;
	font-size: 1em;
	}

p {
	margin: 1em 0;
	}

/* END TAGS ------------------------------------------------------------*/

/* LAYOUT --------------------------------------------------------------*/

#container {
	width: 782px;
	margin: 0 auto;
	padding-bottom: 6em;
	text-align: left;
	}

#container a:link {
	color: #A48B46;
	text-decoration: none;
	}

#container a:visited {
	color: #8A8989;
	text-decoration: none;
	}

#container a:hover {
	text-decoration: underline;
	}

#container a:active {
	text-decoration: underline;
	}

/* BODY ----------------------------------------------------------------*/

/* Begin header */

#header {
	margin: 30px 0 23px 0;
	padding: 0 12px 0 26px;
	}

#header h1 {
	float: left;
	width: 215px;
	height: 63px;
	margin: 0;
	}

#header #topNav {
	float: right;
	width: 484px;
	display: inline;
	margin: 38px 19px 0 0;
	background: url(../img/border_header.gif) top left repeat-x;
	}

#header #topNav ul {
	margin: 0;
	padding: 4px 0;
	background: url(../img/border_header.gif) bottom left repeat-x;
	}

#header #topNav ul li {
	margin: 0;
	padding: 0 20px;
	list-style-type: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	color: #53535D;
	}

/* Hides from IE-mac \*/
* #header #topNav ul li {height: 1%;}
/* End hide from IE-mac */

#header #topNav a:link {
	color: #53535D;
	text-decoration: none;
	}

#header #topNav a:visited {
	color: #8A8989;
	text-decoration: none;
	}

#header #topNav a:hover {
	background: white;
	text-decoration: none;
	}

#header #topNav a:active {
	color: #A58D49;
	background: white;
	text-decoration: none;
	}

#header #topNav .current a:link {
	color: white;
	background: #A58D49;
	}

#header #topNav .current a:visited {
	color: white;
	background: #A58D49;
	}

#header #topNav .current a:hover {
	color: #53535D;
	background: white;
	text-decoration: none;
	}

#header #topNav .current a:active {
	color: #A58D49;
	background: white;
	text-decoration: none;
	}

/* End header */

/* Begin content */

#flashContent {
	width: 782px;
	margin-bottom: 2em;
	}

/* Hides from IE-mac \*/
* #flashContent {height: 1%;}
/* End hide from IE-mac */

#flashContent div {
	background: url(../img/background.gif) top left repeat-y;
	}

#content {
	clear: both;
	background: url(../img/background.gif) top left repeat-y;
	margin-bottom: 4em;
	}

#inner {
	background: url(../img/background_bottom.gif) bottom left no-repeat;
	padding: 0 26px;
	}
	
/* Hides from IE-mac \*/
* #inner {height: 1%;}
/* End hide from IE-mac */

#innerLeft {
	float: left;
	width: 481px;
	}
	
/* Hides from IE-mac \*/
* #innerLeft div {height: 1%;}
/* End hide from IE-mac */

#innerRight {
	float: right;
	width: 181px;
	}

/* End content */

/* END BODY ------------------------------------------------------------*/



/* NAV COLUMN ----------------------------------------------------------*/

#navCol {
	float: left;
	width: 142px;
	font: bold 1em/1em Arial, Helvetica, sans-serif;
	}

#navCol h4 {
	margin: 0 0 0.5em 0;
	color: #9f853d;
	font-size: 1.1em;
	}

#navCol ul {
	margin: 0;
	padding: 1px 0 0 0;
	list-style-type: none;
	background: url(/img/nav_background.gif) left top no-repeat;
	}

#navCol li {
	background: url(/img/nav_background.gif) left bottom no-repeat;
	}

#navCol a {
	height: 0;
	display: block;
	padding: 0.3em 0 0.3em 15px;
	}
html>body #navCol a {
	height: auto;
	}

#navCol h4 a {
	display: inline;
	padding: 0;
	}

#navCol a:link, #navCol a:visited {
	color: #57585c;
	}

/* END NAV COLUMN ------------------------------------------------------*/


/* CONTENT COL ---------------------------------------------------------*/

#contentCol {
	float: left;
	width: 481px;
	}

ul.storyList {
	margin: 0 0 27px 0;
	padding: 0;
	}

ul.storyList li {
	margin: 0 0 1.5em 0;
	padding: 0 0 1.5em 0;
	list-style-type: none;
	border-bottom: 1px solid #a48b46;
	}

/* junk markup-free foat containment */
ul.storyList li:after {
    content: "."; 
    display: block; 
    position:relative; /*works better in IE5.5 or float in float situations*/
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
ul.storyList li {display: inline-block;}
/* Hides from IE-mac \*/
* html ul.storyList li {height: 1%;}
ul.storyList li {display: block;}
/* End hide from IE-mac */

ul.storyList h5 {
	line-height: 1.5em;
	margin: 0 0 1em 0;
	}

ul.storyList h6 {
	margin: 0 0 1em 0;
	}

ul.storyList p {
	line-height: 1.5em;
	margin: 1em 0 0 0;
	}

ul.storyList .imgLink {
	position: static;
	display: block;
	float: right;
	margin: 0;
	padding: 3px;
	background-color: #fff;
	}

ul.storyList .imgLink:link, ul.storyList .imgLink:visited {
	border: 1px solid #E6E0CD;
	}
	
ul.storyList .imgLink:hover {
	border-color: #A48B46;
	}

ul.storyList div {
	padding-left: 3px;
	margin-right: 127px;
	}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html ul.storyList div {
  	margin-right: 124px;
  	}
/* End hide from IE5/mac */

ul.storyList li.topStory div {
	margin: 22px 0 0 0;
	padding-bottom: 2px;
	background: url(../img/divider_news.gif) bottom left no-repeat;
	}

ul.storyList li.topStory img {
	margin-left: 27px;
	}

ul.storyList li.topStory h5 {
	padding: 1.5em 0 0 3px;
	}

ul.storyList li.topStory p {
	padding-left: 3px;
	}

ul.storyList p.readStory {
	margin-top: 0;
	}

.storyListNav .current:link {
	color: #4B4B4B;
	}

.storyListNav .current:visited {
	color: #4B4B4B;
	}

.storyListNav .current:hover  {
	text-decoration: underline;
	}

.storyListNav .current:active  {
	text-decoration: underline;
	}

/* END CONTENT COL -----------------------------------------------------*/



/* PAGE SPECIFIC -------------------------------------------------------*/

/* Begin News */

#news #inner {
	padding-bottom: 65px;
	}

#news #subHeader {
	height: 118px;
	background: url(../img/background_waves_lge.gif) bottom left no-repeat;
	}

#news #subHeader h2 {
	padding: 42px 0 0 2px;
	}

#news #subHeader h3 {
	padding: 10px 0 27px 2px;
	}


/* RH bumps */

#news #innerRight {
	padding-top: 36px;
	}

#news #innerRight h4 {
	display: block;
	margin-bottom: 14px;
	padding: 22px 0 8px 4px;
	background: url(../img/divider_news_small.gif) bottom left repeat-x;
	}

#news #innerRight h5,
#news #innerRight p {
	margin: 0;
	line-height: 1.5em;
	}

#news #innerRight .RHBump h5,
#news #innerRight .RHBump p {
	padding-left: 3px;
	}

#news #innerRight .RHBump {
	margin-bottom: 20px;
	padding: 0 0 1.5em 0;
	background: url(../img/divider_RHBumps.gif) bottom center no-repeat;
	}

#news #innerRight .RHBump .imgLink {
	margin: 0;
	padding: 0;
	border: 3px solid;
	}

#news #innerRight .RHBump .imgLink:link, #news #innerRight .RHBump .imgLink:visited {
	margin-bottom: 1em;
	display: block;
	color: #DAD3A5;
	}

#news #innerRight .RHBump .imgLink:hover {
	color: #A48B46;
	}

#news #innerRight .RHBumpHeadline {
	padding-left: 4px;
	margin-bottom: 36px;
	}

#news #innerRight .moreNews {
	padding-left: 4px;
	}

/* End RH bumps */

/* End News */


/* Begin News Story page */

#newsStory #inner {
	padding-bottom: 65px;
	}

#newsStory #subHeader {
	height: 118px;
	background: url(../img/background_waves_lge.gif) bottom left no-repeat;
	}

#newsStory #subHeader h2 {
	padding: 42px 0 0 2px;
	}

#newsStory #subHeader h3 {
	padding: 10px 0 27px 2px;
	}

#newsStory #innerLeft div {
	margin: 2em 0 0 0;
	padding-bottom: 2px;
	background: url(../img/divider_news.gif) bottom left no-repeat;
	text-align: center;
	}

/*
#newsStory #innerLeft div img {
	margin-left: 27px;
	}
*/

#newsStory #innerLeft p.newsStoryNav {
	margin: 2em 0 0 0;
	}
	
#newsStory #innerLeft h6 {
	line-height: 1.5em;
	padding: 0.5em 0 0 3px;
	}

#newsStory #innerLeft p {
	line-height: 1.5em;
	padding: 0 0 0 3px;
	}

#newsStory blockquote {
	margin: 1em 0 0 3px;
	padding: 1em 4em 1em 31px;
	line-height: 1.5em;
	background: #F1EFDE;
	}

#newsStory blockquote p {
	margin: 0 0 0.5em 0;
	padding: 0;
	}

#newsStory blockquote .quoteName {
	margin: 0;
	}

/* RH bumps */

#newsStory #innerRight {
	padding-top: 36px;
	}

#newsStory #innerRight h4 {
	display: block;
	margin-bottom: 14px;
	padding: 22px 0 8px 4px;
	background: url(../img/divider_news_small.gif) bottom left repeat-x;
	}

#newsStory #innerRight h5,
#newsStory #innerRight p {
	margin: 0;
	line-height: 1.5em;
	}

#newsStory #innerRight .RHBump h5,
#newsStory #innerRight .RHBump p {
	padding-left: 3px;
	}

#newsStory #innerRight .RHBump {
	margin-bottom: 20px;
	padding: 0 0 1.5em 0;
	background: url(../img/divider_RHBumps.gif) bottom center no-repeat;
	}

#newsStory #innerRight .RHBump div {
	margin-bottom: 1em;
	padding: 3px;
	background: #DAD3A5;
	}

#newsStory #innerRight .RHBumpHeadline {
	padding-left: 4px;
	margin-bottom: 36px;
	}

#newsStory #innerRight .moreNews {
	padding-left: 4px;
	}

/* End RH bumps */

/* End News Story page */

/* Begin Case Studies */

#casestudies #inner {
	padding-bottom: 65px;
	}

#casestudies #subHeader {
	height: 118px;
	margin-bottom: 37px;
	background: url(../img/background_waves_lge.gif) bottom left no-repeat;
	}

#casestudies #subHeader h2 {
	padding: 42px 0 0 2px;
	}

#casestudies #subHeader h3 {
	padding: 10px 0 27px 2px;
	}

#casestudies #contentCol {
	float: right;
	margin-right: 27px; /* bogus margin to avoid IE/Win's double-margin-on-floats bug */
	}
html>#casestudies #contentCol {
	margin-right: 53px;
	}

#casestudies .storyList {
	margin-top: 2em;
	}

/* End Case Studies */

/* Begin Case Study Client */

#casestudyclient #inner {
	padding-bottom: 65px;
	}

#casestudyclient #subHeader {
	height: 118px;
	margin-bottom: 37px;
	background: url(../img/background_waves_lge.gif) bottom left no-repeat;
	}

#casestudyclient #subHeader h2 {
	padding: 42px 0 0 2px;
	}

#casestudyclient #subHeader h3 {
	padding: 10px 0 27px 2px;
	}

#casestudyclient #contentCol {
	width: 588px;
	margin-right: 0;
	}

#casestudyclient ul.storyList {
	clear: both;
	margin: 0;
	padding: 0;
	}

#casestudyclient ul.storyList li {
	float: left;
	width: 196px;
	w\idth: 181px;
	margin: 0;
	padding: 0 15px 3em 0;
	border: 0 none;
	}

#casestudyclient ul.storyList .imgLink {
	float: none;
	margin: 0;
	padding: 0;
	border-width: 3px;
	}

#casestudyclient ul.storyList div {
	padding-left: 0;
	margin: 1em 0 0 0;
	}

#casestudyclient ul.storyList p, #casestudyclient ul.storyList h5 {
	margin: 0;
	}

#casestudyclient #navCol h4 a:link, #casestudyclient #navCol h5 a:visited {
	color: #9f853d;
	}

#casestudyclient #navCol .current a {
	background: url(/img/arrow_a48b46.gif) left center no-repeat;
	}

#casestudyclient #navCol .current a:link, #casestudyclient #navCol .current a:visited {
	color: #9f853d;
	}

/* End Case Study Client */

/* Begin Contact */

#contact #subHeader {
	height: 118px;
	background: url(../img/background_waves_lge.gif) bottom left no-repeat;
	}

#contact #subHeader h2 {
	padding: 42px 0 57px 2px;
	}

#contact #inner {
	padding-bottom: 79px;
	}

#contact #innerLeft {
	padding-top: 37px;
	}

#contact #innerRight {
	padding-top: 35px;
	margin-right: 18px;
	display: inline;
	}

#contact .introPara {
	margin: 0 0 1em 0;
	}

#contact #innerLeft p {
	padding-left: 3px;
	}

/* Contact Form */

#contact #contactForm {
	background: url(../img/divider_contact.gif) top left repeat-x;
	padding-top: 25px;
	margin-top: 37px;
	}

#contact #contactForm p {
	padding-left: 2px;
	}

#contact #contactForm fieldset {
	width: 340px;
	border: none;
	margin: 0;
	padding: 0 0 0 38px;
	}

* html #contact #contactForm fieldset {
	width: 378px; /* for IE5 and IE6 in quirks mode */
	w\idth: 340px; /* for IE6 in standards mode */
	}

/* legend added to get form to validate with fieldsets */
#contact #contactForm legend {
	display: none;
	}

#contact #contactForm div:after {
    content: "."; 
    display: block; 
    position:relative; /*works better in IE5.5 or float in float situations*/
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#contact #contactForm div {display: inline-block;}
/* Hides from IE-mac \*/
* html #contact #contactForm div {height: 1%;}
#contact #contactForm div {display: block;}
/* End hide from IE-mac */
 
#contact #contactForm label {
	float: left;
	width: 84px;
	display: block;
	}

#contact #contactForm input {
	float: right;
	margin: 0 0 0.5em 0;
	padding: 0.2em 0;
	width: 254px;
	height: 1.5em;
	border: 1px solid #7F9DB9;
	background-color: #F1EFDE;
	}

* html #contact #contactForm input {
	width: 256px; /* for IE5 and IE6 in quirks mode */
	w\idth: 254px; /* for IE6 in standards mode */
	height: 1.9em; /* for IE5 and IE6 in quirks mode */
	he\ight: 1.5em; /* for IE6 in standards mode */
	}

#contact #contactForm textarea {
	float: right;
	margin: 0 0 0.5em 0;
	padding: 0.2em 0;
	width: 254px;
	border: 1px solid #7F9DB9;
	background-color: #F1EFDE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	}

* html #contact #contactForm textarea {
	width: 256px; /* for IE5 and IE6 in quirks mode */
	w\idth: 254px; /* for IE6 in standards mode */
	}

#contact #contactForm .formButton {
	width: 119px;
	height: 24px;
	border: none;
	background: none;
	margin-right: 137px;
	}

/* End Contact Form */

#contact address {
	margin-top: 17px;
	font-style: normal;
	}

/* End Contact */

/* Terms and Conditions */

#terms #subHeader {
	height: 118px;
	background: url(../img/background_waves_lge.gif) bottom left no-repeat;
	}

#terms #subHeader h2 {
	padding: 41px 0 57px 2px;
	}

#terms #inner {
	padding-bottom: 79px;
	}

#terms #innerLeft {
	padding-top: 37px;
	}

#terms .introPara {
	margin: 0 0 1em 0;
	}

#terms #innerLeft p {
	padding-left: 3px;
	}

/* End Terms and Conditions */

/* Colophon */

#colophon #subHeader {
	height: 118px;
	background: url(../img/background_waves_lge.gif) bottom left no-repeat;
	}

#colophon #subHeader h2 {
	padding: 41px 0 52px 2px;
	}

#colophon #inner {
	padding-bottom: 79px;
	}

#colophon #innerLeft {
	padding-top: 37px;
	}

#colophon .introPara {
	margin: 0 0 1em 0;
	}

#colophon #innerLeft h5, #colophon #innerLeft p {
	margin: 0 0 1em 0;
	line-height: 1.5em;
	padding-left: 3px;
	}

#colophon #innerLeft h5 {
	padding-top: 1em;
	background: url(../img/divider_colophon.gif) top left repeat-x;
	color: #4B4B4B;
	}

#colophon #innerLeft h5.introHead {
	padding-top: 0;
	background: none;
	}

/* End Colophon */

/* END PAGE SPECIFIC ---------------------------------------------------*/


/* FOOTER --------------------------------------------------------------*/

#footer {
	margin: 0 11px;
	background: url(../img/crosshair.gif) left center no-repeat;
	height: 29px;
	font-family: "Courier New", Courier, mono;
	font-size: 1.1em;
	}
	
#footer p {
	float: left;
	margin: 0 0 0 46px;
	padding: 0;
	width: 438px;
	display: inline;
	line-height: 29px;
	}

#footer div {
	float: right;
	width: 276px;
	}

#footer div span {
	float: left;
	margin-right: 20px;
	line-height: 29px;
	width: 130px;
	text-align: right;
	}

#footer div ul {
	float: right;
	margin: 0;
	padding: 4px 0 4px 0;
	background: url(../img/crosshair.gif) right center no-repeat;
	width: 126px;
	}
	
#footer div ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	line-height: 21px;
	height: 21px;
	width: 20px;
	text-align: center;
	}

#footer .dateBlue {
	background: url(../img/date_blue.gif) top left no-repeat;
	}

#footer .dateMagenta {
	background: url(../img/date_magenta.gif) top left no-repeat;
	}

#footer .dateYellow {
	background: url(../img/date_yellow.gif) top left no-repeat;
	}

#footer .dateBrown {
	background: url(../img/date_brown.gif) top left no-repeat;
	color: white;
	width: 21px;
	}

/* END FOOTER ----------------------------------------------------------*/

/* END LAYOUT ----------------------------------------------------------*/

/* UTILITY CLASSES -----------------------------------------------------*/

.clear {
	clear: both;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}

/* junk markup-free foat containment */
.clearFix:after {
    content: "."; 
    display: block; 
    position:relative; /*works better in IE5.5 or float in float situations*/
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearFix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
/* End hide from IE-mac */

/* float containment requiring junk markup for special circumstances;
   use with the following markup:

   <div class="fixFloat"><br clear="all"></div>

   modify markup as necessary for doctype & left/right clearing requirements */
.fixFloat {
	display: block;
	float: none;
	clear: both;
	margin-top: -1px;
	height: 1px;
	line-height: 1px; 
	font-size: 1px;
	overflow: hidden;
	}

/* IMAGE REPLACEMENT
	Gilder Levin Ryznar Jacoubsen IR Version 1
	see: http://www.ryznardesign.com/web_coding/image_replacement/
	best of a bad lot of in terms of accessibility, graceful degradation */
.replace { 
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 1em; /* Choose a font-size here that will keep the headline small enough to fit completely under the em. */
	}

.replace em {
	display: block;
	position: absolute;
	top: 0; 
	z-index: 1; /* for opera5 (?) and o6/mac */
 	background-position: top left;
	background-repeat: no-repeat;
	}

/* for IE5.x mac only */
* html>body	.replace { 
	position: static;
	overflow: visible;
	font-size: 10px; /* Since overflow: hidden doesn't work with ie5.x/mac, we choose a font-size here that will keep the headline small enough to fit completely under the span. */
	}
* html>body	.replace em  { 
	position: static;
	}
* html>body	.replace a {
	text-decoration: none; /* ie5.0-5.1.x/mac must have this value or the underline shows through the image. */
	}

/* Each pair of statements per instance of IR */

#myh1, #myh1 em {
	width: 225px;
	height: 40px;
	background-image: url(blue_heading.gif);
	}
/* for ie5.x/mac only */
* html>body #myh1 em { 
	margin-bottom: -40px;/* Required to bring text underneath image. Use the negative height of the image here.*/
	}

/* nukes bottom border on image links */
.imgLink:link, .imgLink:visited, .imgLink:hover {
	border: 0 none;
	}

/* END UTILITY CLASSES --------------------------------------------------*/