/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 13 November 2008 @ 10:00 EST
* --------------------------------------------------------------
**/
/** FONTS
-------------------------- **/
html, #homeGrid h3 { font-family: Verdana, Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif; }

#default #contentSlot h1 { font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }

#globalNav ul li a,
h1, h2, h3, h4, h5, h6,
#homeGrid #column4 h3,
#default #sectionTitle .content_header_title,
#sectionNav ul li a { font-family: "New York", Georgia, Garamond, "Times New Roman", Times, serif; }

.Batang { font-family: Batang; }
.SimSun { font-family: SimSun; }
.PMingLiU { font-family: PMingLiU; }


/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   color: #6F706D;
}
body { background-color: #EBF0CE; }
   a {
		color: #CC0000;
		text-decoration: none;
		font-weight: bold;
	}
   	a:hover { text-decoration: underline; }
   	a:visited { color: #660000; }
   	a img { border: 0; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
   	line-height: 1.25em;
   	font-weight: normal;
   	color: #333;
   }
   	h1, .content h1 { font-size: 1.9em; color: #CC0000; text-transform: uppercase; margin-bottom: 0.4em; }
   	h2, .content h2 { font-size: 1.6em; }
   	h3, .content h3 { font-size: 1.5em; }
   	h4, .content h4 { font-size: 1.3em; }
   	h5, .content h5 { font-size: 1.1em; }
   	h6, .content h6 { font-size: 0.9em; }

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	background: #8A8278 no-repeat scroll center;
}
	div.hr hr { display: none; }

#wrapper {
	position: relative;
	width: 980px;
	border: 10px solid #FFF;
	margin: 35px auto;
	margin-bottom: 0;
}
   #default #wrapper { background: transparent url('../images/bg_contentSlot_home.jpg') left top repeat-y; }

pre { color: #000; }


/** Header
-------------------------- **/
/** @group header */
#header { width: 980px; padding-bottom: 7px; }
   #default #header { height: 178px; }
#default #header #masthead a, 
#default #header #masthead a:visited
{
	position: absolute;
	display: block;
	background: url("../images/logo_interior.gif") 0 0 no-repeat;
	text-indent: -10000px;
	width: 304px;
	height: 178px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 0;
	left: 0;
}
/** @group globalNav */
#globalNav {
   position: absolute;
   top: -35px;
   right: 0;
}
#globalNav ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
#globalNav ul li { display: inline; }
   #globalNav ul li a {
      display: block;
      float: left;
      font-size: 1.3em;
      padding: 0 15px 0 20px;
      color: #000;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: normal;
      background: transparent url('../images/bg_global_nav_divider.gif') left center no-repeat;
   }
      #globalNav ul li.first a { background-image: none; padding-left: 15px; }
/* @end globalNav **/
/** @group language */
#language_selection {
   position: absolute;
   top: -35px;
   left: 0;
}
   #language ul li { display: inline; }
      #language ul li a {
         display: block;
         float: left;
         color: #999;
         font-size: 1.0em;
         font-weight: normal;
         padding: 3px 6px;
      }
         #language ul li.selected a { color: #333; }
/* @end language **/

/** @group topNavigation */
#home #topNavigation, #home #header #masthead a, #topNavigation ul ul { display: none; }
#default #topNavigation {
   position:absolute;
   top:77px;
   left:267px;
   width:721px;
}
#topNavigation ul li { display: inline; }
   #topNavigation ul li a {
      display: block;
      float: left;
      background-color: #535300;
      color: #FFF;
      text-align: center;
      padding: 4px 8px;
      font-size: 1.0em;
      font-weight: bold;
      width: 159px;
      height: 15px;
      margin-right: 4px;
   }
      #topNavigation ul li.ho-tram-strip a { background-color: #CC9900; }
      #topNavigation ul li.explore-project-i a { background-color: #535300; }
      #topNavigation ul li.the-development-team-en a { background-color: #999900; }
      #topNavigation ul li.experience-vietnam-en a { background-color: #99CC00; }
         #topNavigation ul li.selected, #topNavigation ul li a:hover { background-color: #000; text-decoration: none; }
/* @end topNavigation **/
/** @group hdrImg */
#default #hdrImg { text-align: right; }
/* @end hdrImg **/
/** @group sectionTitle */
#default #sectionTitle {
   position:absolute;
   top:103px;
   left:252px;
   width:728px;
}
   #default #sectionTitle .content_header_title { 
      display: block;
      padding: 10px 30px;
      font-size: 2.4em;
      color: #000;
      background: transparent url('../images/bg_column4_home.gif') left bottom repeat-x;
   }
/* @end sectionTitle **/

/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   font-size: 1.1em;
   line-height: 1.5em;
   min-height: 315px;
}
   #home #contentWrapper, #home #header { background: transparent url('../images/bg_contentSlot_home.jpg') left top repeat-y; }
/** @group contentSlot */
#contentSlot {
   width: 656px;
   float: right;
}
   #default #contentSlot { width: 728px; }
      #default #contentSlot .content { padding: 32px; padding-top: 0; }
      #default #contentSlot .content table,
      #default #contentSlot .content form,
      #default #contentSlot .content p { margin: 0; }      
         #default #contentSlot .content td { padding: 0; }
      #default #contentSlot h1 {
         text-transform: capitalize;
         font-weight: 100;
         color: #333;
         margin-top: 0;
         font-size: 2.3em;
      }
      
         #default #contentSlot.flashEnabled .content { padding-left: 7px; }
         #default #contentSlot.flashEnabled h1 { display: none; }
/** @group homeGrid */
#homeGrid {}
   #homeGrid .column {
      width: 216px;
      float: left;
      margin-right: 4px;
      position: relative;
   }
      #homeGrid .homeImage { padding-top: 23px; }
      #homeGrid .homeContent { padding: 11px; }
      #homeGrid h3 {
         background-color: #535300;
         color: #FFF;
         padding: 4px 8px;
         font-size: 1.0em;
         font-weight: bold;
         position: absolute;
         top: 0;
         left: 0;
         width: 200px;
      }
         #column2 h3 { background-color: #999900; }
         #column3 h3 { background-color: #99CC00; }
   #homeGrid #column3 { margin: 0; }
   
   #homeGrid #column4 {
      float: none;
      clear: left;
      width: 646px;
      padding-top: 20px;
      padding-right: 10px;
      background: transparent url('../images/bg_column4_home.gif') left 15px repeat-x;
   }
      #homeGrid #column4 .homeImage { display: none; }
      #homeGrid #column4 h3 {
         width: 95px;
         height: 110px;
         background-color: transparent;
         color: #000;
         padding: 15px 20px;
         padding-top: 25px;
         float: left;
         position: static;
         text-align: center;
      }
/* @end homeGrid **/

/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   width: 324px;
   float: left;
}
   #default #sideBar { width: 252px; }
   .margincontent { padding: 8px 60px 20px 33px; }
      .margincontent p { margin: 0.8em 0; }
/* @end sideBar **/
/** @group sectionNav */
#sectionNav { 
   padding-top: 30px;
   padding-left: 22px;
   width: 222px;
   padding-bottom: 30px;
}
#sectionNav ul { 
   list-style: none;
   background: transparent url('../images/scroll_sm.gif') right bottom no-repeat;
   padding-bottom: 94px;
}
   #sectionNav ul li a {
      display: block;
      padding: 12px 20px;
      text-align: right;
      color: #000;
      text-transform: uppercase;
      font-size: 1.2em;
      font-weight: normal;
      background: transparent url('../images/bg_column4_home.gif') left bottom repeat-x;
   }
      #sectionNav ul li.selected a, #sectionNav ul li a:hover { color: #CC0000; text-decoration: none; }
      #sectionNav ul li.last a { background-image: none; }
/* @end sectionNav **/

/* @end contentWrapper **/



/** Footer
-------------------------- **/
/** @group footer */
#footer { 
   position: relative;
   height: 1px;
   margin-top: -1px;
   font-size: 1.1em;
}
#footer #copyright {
   position: absolute;
   top: 21px;
   left: 0;
}
   #footer #footerNav { 
      position: absolute;
      top: 21px;
      right: 0;
      text-align: right;
      padding-bottom: 20px;
      width: 250px;
   }
   #footerNav ul { list-style: none; }
      #footerNav ul li { display: inline; }
         #footerNav ul li a {
            display: block;
            float: left;
            padding: 0 10px;
            color: #666;
            background: transparent url('../images/bg_footer_nav_divider.gif') 100% center no-repeat;
         }
            #footerNav ul li.last a { background-image: none; padding-right: 0; }
#footer a, #optionsBar a {
   color: #8A8795;
   text-decoration: none;
}
   #footer a:hover, #optionsBar a:hover { text-decoration: underline; }
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent input.input, #formContent textarea.textarea { border-color: 1px solid #83833C; }
#formContent input.submit {
   background-color: #796043;
   border: 1px solid #5B4732;
   border-left-color: #A5825B;
   border-top-color: #A5825B;
   color: #FFF;
}
/* @end formContent **/


/** Class Styles
-------------------------- **/
.hidden, .printOnly {
	display: none;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}