/* YUI CSS RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{ 
	margin:0;
	padding:0;
}
table 
{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img 
{ 
	border:0;
}

ol,ul 
{
   margin: 0;
   list-style-type: none;
}
caption,th 
{
	text-align:left;
}

q:before,q:after 
{
	content:'';
}
abbr,acronym 
{ 
   border:0;
}

/*------------------------------------------------------------
   GLOBAL
   YUI base
------------------------------------------------------------*/

body 
{
   font-size: 12px; 
   font-family: arial, helvetica, verdana, san-serif;
   /* for IE6/7 */ 
   /**font-size: small; */
   /* for IE Quirks Mode */
   /*font: x-small; */
   /*background-color: #332c21;*/
   background-color: #433a29;
   color: #ffffff;
   text-align: center;
}


/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button 
{
	font: 13px arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table 
{
   font-size:inherit;
   font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre, code, kbd, samp, tt 
{
   font-family:monospace;
   font-size: 13px;
   line-height:100%;
}

h1 
{
   font-size: 16px;  
}
h2 
{
	font-size: 14px; 
}
h3 
{
	font-size: 12px;  
}

h1,h2,h3 
{
	margin:0 0 10px 0;
}
h1,h2,h3,h4,h5,h6,strong 
{
	font-family: arial, helvetica, verdana, sans-serif;
}

p
{
   font-size: 13px;
   font-weight: normal;
}

li 
{
   font-size: 13px;
}


abbr,acronym 
{
	border-bottom:1px dotted #000;
	cursor:help;
} 
em 
{
	/*bringing italics back to the em element*/
	font-style:italic;
}

dl dd 
{
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}

th 
{
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}

caption 
{
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}

p,fieldset,table 
{
	margin-bottom:1em;
}

a:link, a:visited { color: #ffffff; text-decoration: underline; }
a:hover, a:active { color: #c0ddea; text-decoration: none; }

.left { float: left; }
.right { float: right; }
.imageLeft { margin: 0px 15px 10px 0px; }
.imageRight { margin: 0px 0px 10px 15px; }

td.label { font-weight: bold !important; }

/*------------------------------------------------------------
   pageContainer
------------------------------------------------------------*/
div#pageContainer
{
   width: 900px;
   margin: 0 auto;
   text-align: left;
}

div#pageContainer hr 
{
   color: #aaa686;
   background-color: #aaa686;
   width: 900px;
   height: 1px;
   border: 0px;
}

/*------------------------------------------------------------
   HEADER
------------------------------------------------------------*/
div#header
{
   height: 156px;
   margin: 0px 0px 20px 0px;
}

div#header div#headerRight
{
   width: 180px;
   height: 110px;
   float: right;
}

div#header div#headerRight div#login
{
   height: 25px;
   background-color: #382f28;
   padding: 25px 0px 0px 75px;
}


div#header div#headerRight div#request
{
   padding-top: 5px;
   height: 25px;
   background-color: #4a3521;
}

div#header div#headerRight div#request h3
{
   padding: 5px 0px 0px 25px;
   margin-top: -3px;
   font-size: 15px;
   font-family: times, serif;
   font-style: italic;
   font-weight: normal;
   float: left;
}

div#header div#headerRight table
{
   margin-top: 7px;
   float: left;
}

div#header div#headerRight a:link, div#header div#headerRight a:visited { color: #fff; text-decoration: none; }
div#header div#headerRight a:hover, div#header div#headerRight a:active { color: #c0ddea; text-decoration: underline; }


/*------------------------------------------------------------
   Main nav
------------------------------------------------------------*/

ul#nav
{
   display: block;
   list-style-type: none;
   height: 40px;
   width: 600px; /* for ie6/7 */
   margin: 11px 0 0 0;
   float: right;
}

ul#nav li
{  
   font-size: 11.35px;
   display: inline;
   font-weight: bold;
   letter-spacing: 0.2px;
	float: right;
}

ul#nav a 
{
   display: block;
   padding: 10px 6px 10px 6px;
}


#nav a:link, #nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover { text-decoration: underline; }
#nav a:active { text-decoration: underline; }

ul#nav li .selected, ul#subnav li .selected
{
   background-color: #006a71;
}

ul#nav a.selected:hover, ul#subnav a.selected:hover
{
   background-color: #006a71;
   text-decoration: none;
}

/*------------------------------------------------------------
   SUBNAV
------------------------------------------------------------*/

*  html div#header ul#subnav { margin-top: 0px; }

ul#subnav
{
   width: 100%;
   margin: 40px 0;
}

ul#subnav hr { margin-top: 40px; }

ul#subnav li
{  
   font-size: 12px;
   list-style-type: none;
}

ul#subnav a 
{
   display: block;
   padding: 5px 15px 5px 30px;
}


#subnav a:link, #subnav a:visited { color: #fff; text-decoration: none; }
#subnav a:hover { text-decoration: underline; } 
#subnav a:active { text-decoration: underline; }




/*------------------------------------------------------------
   Home Page content
------------------------------------------------------------*/
div#homeContent
{
   height: 400px;
   margin:0px 0px 20px 0px;
}

div#homeContent div#col1 
{
   background-color: #695c54;
   width: 213px;
   height: 360px;
   float: left;
   padding: 40px 40px 0px 45px;
}

div#homeContent div#col1 h1
{
   
   font-size: 25px;
   line-height: 120%;
   font-weight: normal;
}

div#homeContent div#col1 p
{
   font-size: 15px;
   line-height: 120%;
   font-weight: normal;
}

div#homeContent div#col2
{
   height: 400px;
   width: 601px;
   float: left;
   z-index: 1;
	position: relative;
}

div#homes
{
   margin: 0;
   height: 160px;
   width: 310px;
   background: url('../graphics/transparent_pixel.png');
   background-repeat: repeat;
   position: relative;
   top: 45px;
   left: 291px;
}

div#homes div#homeList
{
   height: 50px;
   width: 297px;
   background-color: #54361b;
   margin: 0;
   padding: 5px 5px 5px 8px;
}

div#homes div#homeList img 
{
   display: block;
   background-color: #4d4020;
   padding: 3px 3px;
   float: left;
   margin: 0 2px;
}

* html body div#homes div#homeList
{
   padding: 5px 4px 5px 9px;
}

* html body div#homes div#homeList img
{
   padding: 3px 2px;
}

div#homes div#homeList img.selected 
{ 
   background-color: #106470; 
}

div#homes h1 
{ 
   margin: 0;
   padding-top: 15px;
   font-size: 36px;
   font-family: times, serif;
   font-style:italic;
   font-weight: normal;
   text-align: center;
}

div#homes h2 
{ 
   font-size: 16px;
   margin: 0 5px 0 155px;
   float: left;
   font-weight: normal;
}

div#homes .play 
{
   clear: both;
   margin: 0px 10px;
}

div#homes .play img 
{
   float: left;
   margin: 0 2px;
}

* html body div#homes h2
{
	margin: 0 5px 0 80px;
}

div#homes a:link, div#homes a:visited { color: #fff; text-decoration: none; }
div#homes a:hover, div#homes a:active { color: #c0ddea; text-decoration: underline; }

.arrow 
{ 
   margin: 6px 0 0 5px;
} 

.prev, .pause, .next 
{
   cursor: pointer;
}

.himage
{
  position: absolute;
}

.hover { display: block; }


/*------------------------------------------------------------
   project pros
--------------------------------------------------------------*/
div#project-pros 
{
   margin-right: 23px;
   padding: 20px 20px 0 130px;
   width: 147px;
   height: 192px;
   float: left;
   background-image: url(../graphics/bg-project-pros.jpg);
   background-repeat: no-repeat;
   color: #543e25;
}


#project-pros h2
{
   font-size: 22px;
   font-weight: bold;
   text-align: right;
   margin-bottom: 5px;
}

#project-pros p 
{
   font-size: 13px;
   text-align: right;
   float: right;
   padding: 0;
   width: 140px;
   margin-bottom: 20px;
}

a.check-us-out {
   clear: both;
   display: block;
   padding: 10px 5px 5px 9px;
   width: 125px;
   height: 24px;
   background-image: url(../graphics/btn-checkusout.png);
   background-repeat: no-repeat;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 11.5px;
   margin-left: 20px;
   text-decoration: none;
}

a.check-us-out:hover {
   color: #fff;
}

/*------------------------------------------------------------
   Homepage FEATURES
--------------------------------------------------------------*/
div#featureContainer
{
   width: 900px;
   height: 225px;
   margin: 20px 0 10px 0;
}

div.feature 
{
   width: 242px;
   height: 172px;
   float: left;
   padding: 20px 15px 20px 15px;
}

div.feature h2 { font-size: 20px; font-weight: normal; margin: 0; padding-bottom: 10px;} 

div.feature h2 a:link, div.feature h2 a:visited { color: #fff; text-decoration: none; }
div.feature h2 a:hover, div.feature h2 a:active { color: #c0ddea; text-decoration: underline; }


div.feature p { color: #ded5b3;}

div#feature2 { background-color: #292220; }
div#feature2 img 
{ 
   float: right; 
   margin-top: 0px 0 0 5px;
   border: 4px solid #4d4020;
}

/*------------------------------------------------------------
   home life
--------------------------------------------------------------*/
div#home-life {
   padding: 20px 20px 0 20px;
   width: 246px;
   height: 192px;
   float: right;
   background-image: url(../graphics/bg-home-life.jpg);
   background-repeat: no-repeat;
   color: #543e25;
}

#home-life h2
{
   font-size: 22px;
   font-weight: bold;
   text-align: left;
   margin-bottom: 5px;
   color: #f4dbae;
}

#home-life p 
{
   font-size: 13px;
   text-align: left;
   color: #fff;
   width: 137px;
   margin-bottom: 31px;
}

a.learn-more {
   display: block;
   padding: 10px 5px 5px 9px;
   width: 125px;
   height: 24px;
   background-image: url(../graphics/btn-learnmore.png);
   background-repeat: no-repeat;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 11.5px;
   text-decoration: none;
}

a.learn-more:hover {
   color: #fff;
}

/*------------------------------------------------------------
   FOOTER
------------------------------------------------------------*/
div#footer
{
   background-color: #382f28;
   height: 30px;
   width: 900px;
   clear: both;
   margin-top: 56px;
   position: relative;
   color: #b7b1a9;
}

* html body #footer {
   margin-top: 20px;
}

div#footer p
{
   font-size: 10px;
   padding: 0;
   margin: 0;
   position: absolute;
   bottom: 9px;
   left: 15px;
}

div#footer .divider { margin: 0px 7px 0px 7px; }

div#footer a:link, div#footer a:visited { color: #b7b1a9; text-decoration: none; }
div#footer a:hover, div#footer a:active { color: #fff; text-decoration: underline; }

#footer-nav-wrapper {
   position: absolute;
   right: 0;
   height: 62px;
   width: 265px;
   background-image: url(../graphics/footer-bg.png);
   top: -42px;
   padding: 10px 0 0 20px;
}

#footer-nav-wrapper h2 {
   float: left;
   color: #d1c19b;
   font-family: arial, sans-serif;
   font-weight: normal;
   font-size: 17px;
}

.facebook-icon {
   float: left;
   margin-left: 10px;
   margin-top: -3px;
}

#footer-nav {
   left: 20px !important;
}

/*------------------------------------------------------------
   SUBPAGE layout
------------------------------------------------------------*/

div#contentWrapper 
{
   width: 900px;
   float: left;
   min-height: 500px;
   background-image: url('../graphics/content_bkgrd.png');
   background-repeat: repeat-y;
   margin-bottom: 65px;
}

* html #contentWrapper {
   margin-bottom: 0px;
}

div#sidebar {
  /* background-color: #272019; */
  background-color: #382F28;
  float: left;
  position: relative;
  width: 216px;
  z-index: 1;
}

div#sidebar div#sideContent
{
   margin-bottom: 100px;
   margin-top: 20px;
}

div#sidebar div#sideContent img
{
   margin: 20px 20px;
}

div#sidebar div#sideContent h1
{
   font-weight: normal;
}

div#sidebar div#sideContent p,
div#sidebar div#sideContent h1,
div#sidebar div#sideContent h2,
div#sidebar div#sideContent h3,
div#sidebar div#sideContent h4,
div#sidebar div#sideContent h5,
div#sidebar div#sideContent h6
{
   padding: 0 20px;
}

#sideContent ul {
   margin-left: 32px;
   list-style-type: disc;
}

#sideContent ul li {
   padding-bottom: 4px;
}

div#sidebar hr 
{
   color: #aaa686;
   background-color: #aaa686;
   width: 80%;
   height: 1px;
   border: 0px;
   text-align: center;
}

/*div#content 
{
   width: 682px;
   background-color: #695c54;
   float: left;
   padding-bottom: 10px;
}*/

div#content {
  background-color: #695C54;
  border-left: 216px solid #382F28;
  float: left;
  margin-left: -216px;
  padding-bottom: 10px;
  position: relative;
  width: 682px;
  z-index: 0;
}

div#content ul, div#contentFull ul
{
   list-style-type: disc;
   padding-left: 5%;
   margin-bottom: 10px;
}

div#content ol, div#contentFull ol 
{
   list-style-type: decimal;
   padding-left: 5%;
}

div#content li, div#contentFull li
{
   padding: 2px 0px 2px 0px;
}


div#content h1
{
   color: #bed7db;
   font-size: 18px;
}

div#content hr 
{
   color: #9e9682;
   background-color: #9e9682;
   width: 90%;
   height: 2px;
   border: 0px;
   margin: 20px auto;
}

div#content div#col1 
{
   width: 389px;
   float: left;
   height: inherit;
   padding: 0px 30px 10px 30px;
   margin-top: 0px;
   *margin-top: 0px;
}

* html div#content div#col1 
{
   width: 389px;
   padding-right: 10px;
}

div#content div#col2 
{
   padding: 0px 20px 20px 0px;
   width: 213px;
   float: left;
   height: inherit;
   margin-top: 10px;
}

* html body div#content div#col2 
{ 
   margin-right: -3px;
   padding-right: 20px;
   width: 213px;
   float: right;
}

div#content div#col2 img { padding: 20px 0 20px 0; }

div#content div#singleCol 
{
   width: 623px;
   float: left;
   height: inherit;
   padding: 0px 30px; 
}

div#contentFull 
{
   width: 840px;
   min-height: 500px;
   /*height: auto; */
   background-color: #766a63;
   float: left;
   padding: 0px 30px 20px 30px;
}

div#contentFull h1
{
   color: #bed7db;
   font-size: 18px;
   margin-top: 20px;
}

div#iconsContainer
{
   width: 100%;
   height: 40px;
}
table#icons 
{
   float: right;
   margin: 10px 30px 10px 0;
}

table#icons img { margin: 0 7px 0 13px; }


/*------------------------------------------------------------
   QuoteBox
------------------------------------------------------------*/
div#content .quotebox
{
   width: 175px;
   background-color: #544a41;
   color: #e0ded9;
   font-family: 'Times New Roman', serif;
   line-height: 180%;
   font-size: 18px;
   font-style: italic;
   padding: 20px 30px;
}

* html body div#content .quotebox
{
   width: 158px;
   margin: 0;
}

div#content .quotebox p { margin: 0; padding: 0; }

/*------------------------------------------------------------
   DesignBox
------------------------------------------------------------*/
div#content .designbox
{
   height: 50px;
   width: 400px;
   background-color: #54361b;
   margin-top: 20px;
   padding: 5px 5px 5px 8px;
}

div#content .designbox img
{
   display: block;
   background-color: #4d4020;
   padding: 3px 3px;
   float: left;
   margin: 0 2px;
}

div#content .designbox p 
{
   float: left;
   padding: 10px 20px;
   display: block;
   width: 120px;
}

* html body div#content .designbox
{
   padding: 5px 4px 5px 9px;
}

* html body div#content .designbox
{
   padding: 3px 2px;
}

/*------------------------------------------------------------
   Content Type - News Summary
------------------------------------------------------------*/
.newsSummary, #newsList
{
   list-style-type: none;
   margin: 0px 0px 11px 0px;
   padding: 0px 0px 0px 0px;
}
   
.newsSummary li, #newsList li
{
   margin: 0px 0px 15px 0px;
   padding: 0px;
}

ul.newsSummary li, ul#newsList li
{
   list-style-image: none;
}

#newsList li a { font-weight: bold; }
.newsSummary li img { margin: 0px 15px 10px 0px !important; }

#newsList li img { margin: 0px 15px 10px 0px; }


.searchSummary
{
   font-size: 12px;
   line-height: 140%;
}

/*------------------------------------------------------------
   Content Type - Event Summary
------------------------------------------------------------*/
.eventSummary
{
   list-style-type: none;
   margin: 0px 0px 11px 0px;
   padding: 0px 0px 0px 0px;
}

.eventSummary li
{
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

.eventSummary li img { margin: 0px 15px 10px 0px !important; }

.eventSummary .date { font-weight: bold; }

/*--------------------------------------------------
  Form Styles
--------------------------------------------------*/

.inputForm table
{
   padding: 0px;
   margin: 0px;
   border: 0px;
}

.inputForm input, .inputForm textarea
{ 
   font-size: 11px;
   margin-top: 3px;
   /*
   line-height: 1.4em;
   color: #000;
   background-color: #6d6e75;
   border: solid 1px #999;
   */
}

.inputForm td 
{ 
   font-size: 12px; 
   color: #000;
   padding: 0px 3px 3px 0px;
}

.inputForm .label 
{ 
   font-size: 12px;
   font-weight: bold;
   color: #fff;
}

.inputForm .required 
{ 
   color: #b40f27;
   font-weight: bold;
}

/*------------------------------------------------------------
   Content Type - Tables
------------------------------------------------------------*/
.table1, .table2, .table3, .table4
{
   font-family: Tahoma, Geneva, Arial, sans-serif;
   border-collapse: collapse;
   border: 0px;
   margin: 0 0 20px 0px;
   color: #ffffff;
}

/* th */
.table1 th, .table2 th { background-color: #695c54; }    /* Custom */ 
.table1 th { border: solid 1px #fff; }                /* Custom */ 
.table3 th, .table4 th { color: #000000; }               /* Custom */ 

.table1 th, .table2 th, .table3 th, .table4 th
{
   font-weight: bold;
   text-align: left;
   vertical-align: bottom;

}

.table1 th, .table2 th
{
   font-size: 14px;
   /*color: #bed7db;*/
   color: #ffffff;
   padding: 3px 8px 10px 8px;
}

.table3 th
{ 
   border: solid 1px #fff;
   font-size: 12px;
   padding: 4px 8px;
}

.table4 th 
{ 
   font-size: 12px;
   padding: 2px 2px 2px 0px;
}

/* td */
.table1 .highlight td, .table2 .highlight td { background-color: #695c54; }
.table3 .highlight td { background-color: #d8ede7; }

.table1 td, .table2 td, .table3 td, .table4 td
{
   vertical-align: top;
   font-size: 12px;
   font-weight: normal;
   padding: 4px 8px;
}

.table1 td
{
   background-color: #5a4f48;
   border-left: solid 1px #ddd;
   border-right: solid 1px #ddd;
   border-bottom: solid 1px #ddd;
}

.table2 td
{
   background-color: #5a4f48;
   border-bottom: solid 1px #ddd;
}

.table3 td
{
   border-left: solid 1px #fff;
   border-right: solid 1px #fff;
   border-bottom: solid 1px #fff;
}

.table4 td
{
   padding: 2px 2px 2px 0px;
}

caption
{ 
   caption-side: bottom; 
   font-size: 11px;
   font-weight: bold;
   text-align: left;
   padding: 6px 6px 0px 6px;
   color: #000;
}