/* ------------------------- Header --------------------------------------- */
body{ background:url(../images/main-bg.jpg) repeat-y top center #000}
#wrapper{ margin:0px auto; width:100%; overflow:hidden; background:url(../images/bg.jpg) no-repeat top center;}
#wrapper-2{ background:url(../images/footer-bg.jpg) no-repeat 50% 100%}
#container{ margin:0px auto; width:800px; overflow:hidden;background:url(../images/bg-.jpg) no-repeat top center;}



#header{ width:100%; height:309px; overflow:hidden; position:relative}
#header #logo{
	overflow:hidden;
	width:196px;
	position:absolute;
	top:152px;
	left:24px;
	z-index:10;
	height: 121px;
		
}
#header #logo2{
	overflow:hidden;
	width:150px;
	position:absolute;
	top:157px;
	left:641px;
	z-index:10;
	height: 121px;
		
}

#box-content{width:955px; overflow:hidden;}
/* ------------------------------------------------------------------------ */
/* ------------------------- Navigation Bar ------------------------------- */

/* -----------------------------------------------------------------------------------------*/
#menu1{ width:135px; overflow:hidden; margin:auto }
#menu1 ul{padding:0px; margin:0px 0px 0px 0px; overflow:hidden; list-style:none }
#menu1 ul li{float:left;}

.gioithieu a{display:block; width:135px; height:35px; background:url(../images/gioithieu.jpg) no-repeat 0 100%;color:#ffffff; text-indent:-9999px}
.gioithieu a:hover{ background-position:0 0; color:#000;}
.gioithieu a.act{background-position:0 0; text-indent:-9999px; cursor:default}
.gioithieu a.off{background-position:0 100%; text-indent:-9999px; cursor:default}

/* -----------------------------------------------------------------------------------------*/
#mainbody{width:100%; position:relative; overflow:hidden; margin:auto; background:url(../images/mainbody.jpg) no-repeat 0 0}

/* -----------------------------------------------------------------------------------------*/
.version{font-size:13px; position:absolute; font-weight:bold; text-transform:uppercase; top:160px; left:150px; z-index:2}
.main-title{font-size:20px; font-weight:bold; color:#000; text-align:center; margin:160px 0 20px 0; text-transform:uppercase}

.main-title2{font-size:20px; font-weight:bold; color:#000; text-align:center; margin:110px 0 20px 0; text-transform:uppercase}
/* -----------------------------------------------------------------------------------------*/ 

#footer{ width:100%; overflow:hidden; text-align:center; margin-top:0px;}
#ontop{width:20px;height:30px; margin:auto; overflow:hidden; margin-bottom:20px; }
#ontop a{width:20px;height:30px; display:block;color:#f5d69f; margin-left:0px; padding-left:12px; text-indent:-9999px}
#ontop a:hover{color:#ffaf00;}

#copyright{width:100%;color:#006666; font-size:11px;}
#copyright p{padding:20px 0 25px 0; text-align:center}

#menu3{color:#352c1a; margin:90px 0 35px}
#menu3 a{color:#352c1a;}
#menu3 a:hover{color:#934a01;}
#menu3 a.act{font-weight:bold;}
/*------------------------------------------------------*/
.imgleft{float:left; margin:3px 10px 0 0; border:solid 1px #83775f; padding:1px}
.imgright{float:right; margin:3px 0px 0 10px;border:solid 4px #83775f; padding:2px; }
.imgcenter{border:solid 4px #83775f; padding:2px; }
/*------------------------  Paging  ----------------------------*/
.paging{ width:610; padding:5px 10px 0 10px; overflow:hidden; margin-bottom:50px}
.paging table{ margin:auto}
.paging ul{ list-style-type:none}
.paging ul li{ float:left; margin-right:5px}
.paging ul li a.act{ color:#000; cursor:default}
/*------------------------------  Top Menu --------------------------*/
#topmenu{ margin:8px 0 0 80px;color:#cccc99; font-size:11px;}
#topmenu a:link,#topmenu a:visited{color:#cccc99;}
#topmenu a:hover{color:#ffcc99}