* {padding:0; margin:0;}

body {margin:0; padding:0; color:#111; font-size:62.5%; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; background:url(../img/temp/bg.gif) repeat-x;}

p {
	font-size:1.2em;
	margin-bottom:10px;
	line-height:1.6em;
	text-align:left;
}
h1 {font-size:2em; text-indent:-9999px;}
h2 {
	font-size:1.8em;
	padding:0 0 5px 25px;
	background:url(../img/temp/leaf-small.jpg) no-repeat;
	color:#08421a;
	margin:30px 0 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	font-size:1.4em;
	margin:15px 0 5px;
	color:#111;
	font-family: Arial, Helvetica, sans-serif;
}
h4 {font-size:1.3em; font-weight:bold; margin:0 0 5px 0 ; text-align:left;}
h5 {font-size:1em; margin:5px 0 -14px; text-align:center;}

hr {color:#1c2c3f;font-size: 1px;line-height: 1px;}
img {border:0; outline:0;} .image {float:right; margin:0 0 20px 20px; border:1px solid #111;}
a {outline:none;}
a:link, a:visited { color:#32a129;text-decoration: none;}
a:hover, a:active {color: #08421a;text-decoration:underline;}

img {margin:5px;}
a:link img { border:3px solid #32a129;}
a:visited img { border:3px solid #111;}
a:hover img {border: 3px #08421a solid;}
a:active img {border: 3px red solid;}

img.button {border:0; margin:0;}
a:link img.button {border:0; margin:0;}
a:visited img.button {border:0; margin:0;}
a:hover img.button {border:0; margin:0;}
a:active img.button {border:0; margin:0;}
/*---------------------------------------------main-------------------------------------------------------*/

#container {margin:0 auto 5px; padding:0 0 30px 0; width:810px; border-bottom:1px solid #ccc;}

#header {width: 810px; height:100px; position:relative; border-bottom:1px solid #eee; padding:10px 0; }
#logo {position:absolute; height:100px; width:200px; top:10px; left:20px; background:url(../img/temp/logo.png) no-repeat;}
#search {position:absolute; height:30px; width:300px; top:70px; right:20px;}
#flag {position:absolute; width:30px; height:20px; right:20px; top:20px; background:url(../img/buttons/vn.jpg);}

#side { float:right; width:250px; padding:30px 0; text-align:center;}
.thumb {margin:0 14px;}

.photo { float:left; margin:10px; height:120px; width:100px; border:1px solid #e8e8e8;}

#main {
	float:left;
	padding:0px 10px;
	width:500px;
	text-align: left;
}

#footer {clear:both;}
#footer p {text-align: right; font-size:1em; color:#666; margin-bottom:1px;}
#address {margin:0 auto; width:800px; text-align:center; padding:0 15px 5px 0; color:#444;}

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

.nav {padding:0 0 0 10px; margin:0; list-style:none; height:41px; background:url(../img/temp/back.png) repeat-x; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; width:800px;}
.nav li {float:left; height:41px;}
.nav li a {display:block; height:41px; width:160px; float:left; line-height:37px; color:#000; text-decoration:none; text-align:center;}
.nav li a:hover {position:relative; visibility:visible; line-height:35px; z-index:50;}
.nav li a:hover b {display:block; width:160px; height:41px; background:url(../img/temp/toptab_shadow.png);}
.nav li a:hover span {display:block; width:160px; height:41px; position:absolute; left:0; top:0; cursor:pointer;}
.nav li ul, .nav li div  {position:absolute; left:-9999px;}
.nav li:hover {position:relative;}
.nav li:hover > a {line-height:35px; color:#000;}
.nav li:hover > a b {display:block; width:160px; height:41px; background:url(../img/temp/toptab_shadow.png);}
.nav li:hover > a span {display:block; width:160px; height:41px; position:absolute; left:0; top:0; cursor:pointer;}

.nav table {border-collapse:collapse; margin:-1px;}

.nav :hover ul.news {left:0; top:37px; width:200px; height:220px; padding:10px 0; background:url(../img/temp/sub_back.png); z-index:100;}
.nav :hover ul.work {left:0; top:37px; width:200px; height:140px; padding:10px 0; background:url(../img/temp/sub_back2.png); z-index:100;}
.nav :hover ul.help {left:0; top:37px; width:200px; height:115px; padding:10px 0; background:url(../img/temp/sub_back3.png); z-index:100;}

.nav :hover ul {padding:0; margin:0; list-style:none; left:0; top:37px; width:200px; height:144px; padding:10px 0; z-index:120;}
.nav :hover ul li {height:27px;}
.nav :hover ul li a {height:27px; line-height:27px; color:#fff; width:196px; text-align:left; text-indent:20px;}
.nav :hover ul li.fly a {background:url(pro_drop9/arrow.gif) no-repeat 150px center;}
.nav :hover ul li a:hover {background: url(../img/temp/subtab_over.png); color:#000;}
.nav :hover ul li:hover > a {background: url(../img/temp/subtab_over.png); color:#000;}

.nav :hover ul ul, .nav :hover ul div {position:absolute; left:-9999px;}
.nav :hover ul :hover {z-index:200;}
.nav :hover ul :hover div {left:150px; top:-4px; width:200px; height:144px; padding:10px 0; background:url(../img/temp/sub_back.png); z-index:200;}
.nav :hover ul :hover ul {padding:0; margin:0; list-style:none; left:150px; top:-4px; width:200px; height:144px; padding:10px 0; z-index:250;}
.nav :hover ul :hover ul li a {background:transparent;}
.nav :hover ul :hover ul li a:hover {background: url(../img/temp/subtab_over.png); color:#000;}


#holder {width:750px:}
#holder img {margin-top:-4px;}

[if lte IE 6]>
<style type="text/css">
.nav li a:hover b,
.nav li a:hover div
{background:expression('url('+this.currentStyle['backgroundImage'].split('\"')[1]+'")');filter:expression('progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+this.currentStyle['backgroundImage'].split('\"')[1]+')');z-index:100; cursor:pointer;}
<![endif]

/*-------------------------------------------------------------------------------------------------------------------------------------------*/
form {}
form * { font-family: Arial, Helvetica, sans-serif; color: #08421a; font-size:1.1em;}
form .input,form select,form textarea { border: 1px solid #FFFFFF; background-color: #b9d431; padding: 3px; margin-bottom:10px; }
form textarea { height: 75px; overflow: hidden; }
form .input.short { width: 50px; }
form label { display: block; width: 150px; float: left; padding-top: 1px; }
form p { clear: both;}
form .button-submit { margin-left: 150px; }

