/* Start of CMSMS style sheet 'Default' */
/* Start of CMSMS style sheet 'Default' */
/* ---------- =Resets= --------------- */
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;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* ---------- =GENERAL= --------------- */
html {font-size:100.01%;height:100%;}
body{font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;color: #4b4942;background: #FFFEEF;}
a{text-decoration: none;color:#174262/*#5599a7*/;}
a:hover{color: #CCBB88;}
ul.borderedlist li{border-bottom: 1px dashed #d1cfcd;}
ul.borderedlist li a{
display: block;
padding:3px 0 0 2px;
height: 26px;
color: #42423b;
}
ul.borderedlist li a:hover{background: #E5E5E4;color: #42423b;}

/* ---------- =LAYOUT= --------------- */
.container{
width:900px;
margin: 0 auto;
position: relative;
overflow:hidden;
}

/* header layout */
#header {height: 260px;background: #4a4841 /*url(uploads/EcoBusiness/top_bg.jpg) top repeat-x*/;position: relative;}
#navigation {position: absolute;right: 0;top:10px;}

/* main area layout */
#main{min-height:380px;padding:30px 0 20px 0;}
#leftcolumn{float: left;width:193px;}
#center{float: left;width:380px;padding: 0 20px;}
#rightcolumn{float: left;width:287px;}

/* bottom layout */
#bottominfo{
border-top: 5px solid #DCAD51;
background: #f1eee7;
padding-bottom:25px;
width: 100%;
overflow: hidden;
}
.bottomcolumn{float: left;width:300px;}
.bottomright{margin-right:0;}

/* ---------- =HEADER= --------------- */
#header .container{height:260px;width:1004px;z-index:0;}

/* logo */
#header p {position: absolute;top: 38px;}
  #header p a {
  color:#CCBB88;
  display:block;
  font:normal 32px/1 georgia,Arial,Helvetica,sans-serif;
  letter-spacing:-1px;
  padding:0 9px 0 8px;
  }
  #header p a:hover{color: #fff;}
#header p a strong {font-weight:normal;}
#header p#tag-line {
color:#FFFFFF;
font:italic 13px/1.4 arial,tahoma,sans-serif;;
right:0;
top:48px;
}

#tagline {clear:both;font:20px/3 Arial,Helvetica,sans-serif;text-align:center;color:#000;}

/* top navigation */
#navigation li {
float: left;
padding-left:20px;
text-transform: uppercase;
font-size: 1.3em;
font-weight: normal;
}
  #navigation li a{color: #fff;}
  #navigation li a:hover,#navigation li.active a{color: #CCBB88;}

/* message and building pic */
#banner{
position: absolute;
background:transparent url(uploads/images/logo3-flat.jpg) no-repeat scroll 0 6px;
bottom:0;
color:#A49C8F;
font-size:1.3em;
font-weight:bold;
height:186px;
width:1004px;
}

/* ---------- =CONTENT= --------------- */
/* left column */

p.header_small {
font-size:14px;
font-weight: bold; 
background: #f1f0ef url(uploads/EcoBusiness/h3_bg_tall.jpg) 0 0 repeat-x;
padding:10px 0;
text-align:center;
margin-bottom:3px;
}
div.leftbox {
display:block; 
background:#f1f0ef url(uploads/EcoBusiness/h3_bg_tall.jpg) 0 0 repeat-x;
padding:10px 16px;
margin-bottom:3px;
line-height:1.6;
}
  .leftbox p{padding-bottom:1em; font-size:12px}
  .features{padding-top:15px;font:12px Arial, Helvetica, sans-serif;}
  ul.leftbox{font-size: 12px;}

/* center column */
.article_wrapper h1{color: #6A5746; font-size:2em;margin:0 0 10px;}
.article_wrapper p{padding-bottom:10px;font-size:1.3em;}  

/* right column */
.rightbox_wrapper{
background: #eeeded;
padding:5px;
margin-bottom: 20px;
width:277px;
overflow: hidden;
font-size:11px;
line-height: 18px;
color: #58584D;
}
.rightbox{border: 1px dashed #d9e0e8;width:275px;overflow: hidden;padding-bottom:6px;}
#rightcolumn h3 {font-size:12px;}

.product_image{ float: left;margin: 6px 0 0 6px;}
.product_wrapper{float: right;width:200px;}
.product_wrapper h4{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:10px;}
.product_wrapper p{font-size:1em;}

.lastbox{margin:0;}

/* ---------- =BOTTOM= --------------- */
.bottomcolumn h3{border-bottom: 4px solid #9b968f;color: #5699A7; font-size:18px;padding:15px 0 5px 5px;}
.bottomcolumn p{padding: 10px 35px 10px 5px;font-size: 1.2em;}
.iconlist{border-top: 1px dashed #d1cfcd;font-size: 1.2em;}

ul.iconlist li a{padding-left: 25px;background: url(uploads/EcoBusiness/footer_list.jpg) left bottom no-repeat;}
ul.iconlist  li a:hover{background: #E9E4DE url(uploads/EcoBusiness/footer_list.jpg) left top no-repeat;color: #42423b;}

.enewsbox{
float: left;
width: 180px;
height: 17px;
padding:3px 5px;
border: 4px solid #5599A7;
font-size:13px;
}
.search{margin-top:20px;}
.button{
display: block;
float: left;
width: auto;
line-height:1em;
text-align: center;
background: #659AA6;
border: 4px solid #fff;
color: #fff;
cursor: pointer;
margin:0;
padding:3px 8px; /* IE6 */
}

/* ---------- =FOOTER= --------------- */
#footer{height: 37px;background: #4a4841 url(uploads/EcoBusiness/footer_bg.jpg) 0 0 repeat-x;
font-size: 1.2em;}
  #footer a{color: #A39D97;}
  
/*#designby{
background: url(uploads/EcoBusiness/logo.gif) 0 0 no-repeat;
float: left;
height: 23px;
padding:2px 0 0 30px;
margin-top: 5px;
}*/

#footer_navigation{  float: right;padding-top:7px;}
#footer_navigation li{float: left;padding-left:18px;}
#footer_navigation li a{text-transform:uppercase;}
#footer_navigation li a:hover{color: #5699A7;}

/* ---------- =Classes= --------------- */
.center {text-align:center;}
.clear {clear:both;padding:0;margin:0;line-height:0;}
.external {/* if needed with new window JS */}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {font-size:20px;font-weight:bold;}
.light {color:#999;}
.png {/* if needed with png fix JS */}
.report-image {border:1px solid #000;padding: 1px; float:left;margin-right:10px;}
.report-text {overflow:hidden;padding-bottom:15px !important;font-size:12px !important;font-weight:normal !important;line-height:1.3 !important;}
.report-title {clear:both;padding-top:20px !important;font-size:12px !important;font-weight:bold !important;color:#174262 !important;line-height:1.3 !important;}
.small {font-size:10px;font-weight:normal;}


/* accessibility */
span.accesskey { text-decoration:none;}
.accessibility { position: absolute;top: -999em;left: -999em;}
dfn {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}
/* end accessibility */

/* wiki style external links */
a.external span { position: absolute; left: -5000px; width: 4000px;}
/* make some room for the image */
a.external { padding: 0 12px 0 0;}
/* colors for external links */
a.external:link { color: #18507C; background: url(uploads/EcoBusiness/external.gif) no-repeat 100% 0;}
a.external:visited { color: #18507C;  background: url(uploads/EcoBusiness/external.gif) no-repeat 100% 0; }
a.external:hover { color: #18507C; background: url(uploads/EcoBusiness/external.gif) no-repeat 100% 0; background-color: #C3D4DF;}
/* end wiki style external links */

/* clearing */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html>body .clearfix {display: inline-block; width: 100%;}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
/* end clearing */
/* End of 'Default' */


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}
/* End of 'Default' */

