* {margin:0;padding:0}
body, td, th {font: 70%/130% verdana, arial;}
body {text-align:center;background:#E8E8E8 url('images/pattern.gif') repeat 0px 0px;color:#000;padding-bottom:20px}
#top {background:url('images/back.jpg') repeat-x 0px 0px}
#layout {width:770px;margin:0px auto 0px auto;text-align:left;background:#fff url('images/back.gif') repeat-y top center}
#header {background:#EEE url('images/header.jpg') no-repeat top center; height:159px}
#header h1 {padding:28px 25px 10px 25px;font-size:170%}
#header h1 a {display:block;width:128px;height:60px;position:relative;overflow:hidden;color:#FEB403;}
#header h1 a:hover {background-color:transparent}
#header span {position:absolute;display:block;left:0;top:0;z-index:10;width:128px;height:60px;background:url('images/ecotec.jpg') no-repeat top left;cursor:pointer;cursor:hand;}

#footer {width:770px;margin:3px auto 0px auto;text-align:left;background:#F6F6F6 url('images/back2.gif') repeat-y top center;font-size:88%;color:#666}
#footer div {padding:2px 15px 3px 22px}
#footer span {color:#bbb;padding:0 6px}

#footer2 {width:726px;margin:3px auto 20px auto;text-align:left;font-size:88%;color:#999}
#footer2 a {color:#7EA389}
#footer2 a:hover {color:#165438;}


#left {width:190px;display:inline;float:left;margin-left:1px;background-color:#FDF7EB}
#nav li {width:100%;list-style-image:none;list-style-type:none;padding:0}
#nav li a {display:block;font-weight:normal;padding:4px 20px 4px 35px;text-decoration:none;color:#000;background:url('images/nav_point1.gif') no-repeat 22px 2px}
#nav li a:hover {background-color:#FBB971;}
#nav li .sub_nav {margin-left:30px}
#nav li .sub_nav li a {color:#555;background:url('images/nav_point2.gif') no-repeat 15px 2px;padding:0px 10px 0px 28px;font-size:90%}
#nav li .sub_nav li a:hover {color:#000;background-color:#FDD9B0;}
#content {width:515px;display:inline;float:right;margin-right:33px;color:#333;padding:15px 0 10px 0}

#content h1 {font: 220% tahoma, verdana, arial;color:#F98102;background:url('images/h1.gif') repeat-x bottom left;margin:0 0 20px 0}
#content h2 {font: 150% tahoma, verdana, arial;color:#F98102;background:url('images/h1.gif') repeat-x bottom left;margin:15px 0 10px 0}
#content h3 {font: bold 100% tahoma, verdana, arial;color:#F98102;margin:10px 0 0px 0}

#content strong {color:#555}
.clear {clear:both;height:1px;line-height:1px;font-size:1px;}

#content ul, #content ol {margin: 0 0 20px 35px}
#content ul.single {margin-bottom:0}
#content ul li {list-style-image:url('images/nav_point1.gif');padding:2px 0}
#content p {margin:0 0 10px 0}
a {color:#248659;font-weight:bold}
a:hover {color:#165438;background-color:#EBFAF3}

.img_r {float:right;margin:0 0 5px 10px}
.img_l {float:left;margin:0 10px 5px 0}
.img_normal {margin:0 0 10px 0}
.img_br {float:right;margin:0 0 5px 10px;border:1px solid #888}
.img_bl {float:left;margin:0 10px 5px 0;border:1px solid #888}
.img_b {border:1px solid #888}

.table_b {border-collapse:collapse;border:1px solid #aaa;margin:0 0 10px 0}
.table_b td, .table_b th {border:1px solid #E8E8E8;padding:2px 10px;vertical-align:top}
.table_b td {color:#333}
.table_b th {text-align:left;background-color:#fdf7eb;font-weight:bold;color:#666}

address {font-style:normal}
address b {width:65px}
