* { margin:0; padding:0; }
html,body { height:100%; }
body  {
font-family: 'Fanwood Text', serif;
background:#ededed url(../images/bkg_body.gif) 0 0 repeat-x;
color:#793c30;
text-align:center;
line-height: 2.55em;
font-size: 72.5%;
}
img { border:0; vertical-align:top; }

/* Lists */
ul,ol { list-style:none; }

h2 {
font-size: 3.1em;
padding-bottom: 0em;
}

h2.title {
padding: 30px 0 10px 0;
}

h3 {
font-size: 2.4em;
padding-bottom: 10px;
}

h4 {
font-size: 1.7em;
font-weight: normal;
padding-bottom: .2em;
}

p {
font-size: 1.4em;
padding-bottom: .5em;
}

/* Layout ================================================================================ */
.wrapper { min-height:100%; background:url(../images/bkg_body2.gif) 0 100% repeat-x; }
.page { width:970px; margin:0 auto; min-height:100%; text-align:left; }
.main-container { width:950px; padding:0 10px; background:url(../images/bkg_shadow.png) 50% 0 repeat-y;}
.main { width:888px; margin:0 auto; min-height:400px; padding:25px 25px 40px 36px; background:#fffffe url(../images/bkg_main.gif) 0 0 no-repeat; text-align:left; }

/* Header ================================================================================ */
.logo { float:left; }
.header-container { width:950px; padding:0 10px; background:url(../images/bkg_shadow.png) 50% 0 repeat; }
.header { margin:0 auto; padding:10px; text-align:right; border-top:5px solid #ececec; border-bottom:1px solid #ececec; /*background:url(../images/bkg_header.jpg) 0 0 no-repeat; position:relative; z-index:10; }*/
background: #ececec;}
.header .logo { float:left; margin:3px 0 10px 12px; text-decoration:none !important; }
.header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
.header h1.logo { margin:0; }
.header .quick-access { float:right; width:600px; padding:28px 10px 0 0; }
.header .welcome-msg { margin:0; color:#fff; text-align:right; }
.header .links { float:right; margin:0 0 6px; }
.header .links li { float:left; font-size:11px; background:url(../images/bkg_pipe1.gif) 100% 60% no-repeat; padding:0 8px 0 7px; }
.header .links a { color:#ebbc58; }
.header-container .top-container { clear:both; padding:5px 10px 0 12px; }
.header-container .top-container a { font-size:11px; color:#ebbc58; }

/* Footer ================================================================================ */
.footer-container { background:url(../images/bkg_shadow-bottom.png) 0 0 no-repeat; text-align:center; }
.footer { width:930px; margin:0 auto; padding:20px 10px; }
.footer a { color:#333; text-decoration:none; }
.footer a:hover { text-decoration:underline; }
.footer address { margin:0 0 20px; color:#333333; }
.footer address a { color:#333333; text-decoration:underline; }
.footer address a:hover { text-decoration:none; }
.footer ul { display:inline; }
.footer ul.links { display:block; }
.footer li { display:inline; background:url(../images/bkg_pipe2.gif) 100% 60% no-repeat; padding:0 7px 0 4px; }
.footer li.last { background:none !important; padding-right:0 !important; }
.footer-container .bottom-container { margin:0 0 5px; }
/* ======================================================================================= */

/* Clears ================================================================================ */
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/* ======================================================================================= */
#cb_1,
#d_1 {
background-color: white/*#fcf8ed*/;
color: #793c30;
}

#cb_2,
#d_2 {
background-color: #050505/*#242729*/;
color: white/*#fcf8ed*/;
}

#cb_3,
#d_3 {
background-color: #846b3d/*#8e4423*/;
color: white/*#fcf8ed*/;
}

#cb_4,
#d_4 {
background-color: #6d0507/*#d3741c*/;
color: white/*#fcf8ed*/;
}

#cb_1 a {
background-color: white/*#fcf8ed*/;
color: #793c30;
}

#cb_2 a {
background-color: #050505/*#242729*/;
color: white/*#fcf8ed*/;
}

#cb_3 a {
background-color: #846b3d/*#8e4423*/;
color: white/*#fcf8ed*/;
}

#cb_4 a {
background-color: #6d0507/*#d3741c*/;
color: white/*#fcf8ed*/;
}

#d_1 {
background: white/*#fcf8ed*/ url(../images/bf.png) no-repeat 200px 350px;
}

#d_3 {
height: 493px;
}

#standard {
background: white/*#fcf8ed*/ url(../images/ecoahau-logo-2.png) no-repeat 120px 170px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: none;
height: 493px;
}

.items li {
float: left;
margin: 0px 8px 8px 0px;
text-transform: uppercase;
font:25px/1 web-font;
}
  
.items li .outerContainer {
display: table;
width: 210px;
height: 169px;
overflow: hidden;
background-color: #EBEBEB;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

.items li .outerContainer .innerContainer {
display: table-cell;
vertical-align: middle;
width: 209px; /* Adjust this width, it should be a fraction smaller than the outercontainer width. */
margin: 0 auto;
text-align: center;
}
  
.items li .outerContainer .innerContainer .element a
{
/*color: black;*/
text-decoration: none;
/*padding: 0px 10px;*/
display: block;
}
.items li .outerContainer .innerContainer .element a:active,
.items li .outerContainer .innerContainer .element a:selected { 
    border: none;
    outline: none;
}

.items li .outerContainer:hover .innerContainer .element a {
/*color: #FFFFFF;*/
text-decoration: none;  	  
}

/* Description for selection */
.description {
width: 830px;
/*height: 493px;*/
padding: 5px 20px 20px 20px;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin-top: 178px;
}

#eco_1 {
margin-top: 20px;
margin-bottom: 5px;
}

#eco_3 {
float: left;
margin-top: 10px;
margin-right: 15px;
}

#eco_4 {
float: left;
margin-right: 15px;
}

#eco_5 {
float: right;
margin-left: 10px;
margin-top: 8px;
}

#eco_8 {
float: right;
margin-top: 40px;
}

/*#eco_10 {
float: right;
}*/

#eco_cat {
float: right;
margin-left: 10px;
margin-right: 0px;
text-align: center;
width: 167px;
}

.description a:link {
color: #2f2f2f;
font-size: 1.4em;
text-decoration: none;
}

.description a:visited {
color: #2f2f2f;
}

.description a:hover {
color: #2f2f2f;
}

.description a:focus {
color: #2f2f2f;
}

.description a:active {
color: #2f2f2f;
}

.box1 {
width: 400px;
}

.text-align-justify {
text-align:justify;
}