/* global styles for all projects */
html, body, form, td, th {margin: 0; padding: 0;}
body {
	background: #fff;
	color: #585858;
	font: 11px Arial, Tahoma, sans-serif, monospace;
}
table {border-collapse: collapse; font: 11px Arial, Tahoma, sans-serif, monospace;}
img {border:0;}

a {text-decoration:underline; color: #585858;}
a:hover {text-decoration:none;}

.aright {text-align:right;}
.aleft {text-align:left;}
.acenter {text-align:center;}

.vtop {vertical-align:top;}
.vbottom {vertical-align:blist-style: none;
            margin: 0 0 0 350px; padding: 0;ottom;}
.vmiddle {vertical-align:middle;}

.fright {float:right;}
.fleft {float:left;}
.clb {clear: both;}

.aw {width:100%;}
.ah {height:100%;}

.bold {font-weight: bold;}

hr {
    color: #a23804;
    background-color: #a23804; 
    height: 2px;
    border: none;
}
blockquote {
    margin: 20px 0 10px 30px; padding: 0 0 0 5px;
    border-left: 2px solid #a23804;
}

.tech-table {
    width: 100%
}
.tech-table tr:hover {
    background: #a23804;
}
.tech-table td, .tech-table th {
    border: 1px solid #821804;
    padding: 3px;
}

/* custom for eco-technology */
#wrapper {
    width: 850px;
    margin: 0 auto;
}
    #header {
        margin-top: 20px;
        height: 140px;
    }
        #header .icons {
            position: absolute;
            list-style: none;
            margin: 0 0 0 350px; padding: 0;
        }
            #header .icons li {
                float: left;
                margin: 0; padding: 10px 20px 0 0;
            }
        #header .phone {
            float: right;
            margin: 0;
        }
        #menu {
            list-style: none;
            float: right;
            margin: 63px 0 0 0; padding: 0;
            font-weight: bold;
        }
            #menu li {
                float: left;
                margin: 0; padding: 0 10px 0 0;
                color: #cdcdcd;
            }
                #menu li a {
                    color: #000;
                    display: block;
                    margin: 0; padding: 0 0 5px 0;
                    text-decoration: none;
                }
                #menu li a:hover {
                    border-bottom: 6px solid #1a75bb;
                }
                #menu li.current_page_item a {
                    border-bottom: 6px solid #1a75bb;
                }
                #menu li.current_page_item a:hover {
                    border-bottom-color: #66cc00;
                }
    #content {
        margin-bottom: 10px;
    }
        #content .contleft {
            float: left;
            width: 523px;
        }
        #content .contright {
            float: right;
            width: 235px;
        }
        #content .contright img {
            margin-bottom: 10px;
        }
        #content .contright .link {
            margin-left:25px;
            font-weight: bold;
            color: #1a75bb;
        }
    #footer {
        height: 160px;
        background: url('image/bottom_bg.gif') repeat-x bottom;
        color: #969696;
    }
        #footer a {
            color: #969696;
        }
        #footer .hr {
            border-top: 1px solid #dcdcdc;
            margin-bottom: 14px;
        }
            #footer .hr div {
                height: 3px; width: 523px;
                background: #dcdcdc;
            }
        #footer .copy {
            float: right;
            width: 300px;
            text-align: center;
        }