/*
Theme Name: GoWeb Asia
Theme URI: http://www.gowebasia.com
Version: 1.0
Description: Developed by GoWeb Asia
Author: GoWeb Asia
Author URI: http://www.gowebasia.com
Tags: GoWeb Asia
*/


/* ===== For ALL Element ===== */
html{
	margin: 0px;
	padding: 0px;
	background-color:#360000; 
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

body{
	margin: 0px;
	padding: 0px;
	background-color:#360000;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
}

a {
	text-decoration:none;
}

img {
	border: none;
}

p {
	margin-top: 0px;
}

.title{
	font-weight: bold;
}

/* ===== Basic Layout ===== */
#main_container {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float:left;
}

#header{
	width:100%;
	height: 100px;
	background-color:#360000;    /* FFFFFF --> 3600000 */
	float:left;
	
}

#body{
	width: 100%;
	background-color:#FFFFFF;	/* 36000 --> FFFFFF */
	float:left;
	
}

#footer{
	width: 100%;
	background-color:#360000;   	
	float:left;
	
}

/* ===== header elements ===== */

#header_wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 100px;
}
#logo{
	margin-left: 10px;
	margin-right: 10px;
	float: right;
	clear: right;
	margin-top:-25px;
}

/* Nav Multi-Level Menu */
#nav {
	/* Margin and Padding */
	margin: 0px;
	margin-top:38px;
	margin-bottom: 12px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
	/* Alignment */
	text-align: center;
	clear:left;
	float:left;
	/* Size */
	width: 740px;
	height: 20px;
}

/* First Horizontal Level Menu List: Set the margin here */
#nav ul {
	/* Margin and Padding. You can set the margin left and margin right if you want the first level menu to align center of the nav */
	margin: 0px;
	padding: 0px;
	/* Remove List Style */
	list-style: none;
	/* If the menu go behind something, set this value higher */
	z-index: 9999;
	/* Others */
	line-height: 1;
	display:block;
	/* Remark background color and image can not work in the first at this block */
}

/* First Horizontal Level Menu List Item: Set Border Here */
#nav li {
	/* Margin and Padding */
	margin: 0px;
	padding: 0px;
	/* Make the First Level Menu Horizontal */
	float: left;
	text-align: center;
	display:block;
}

/* Link: Set the background, font and padding here */
#nav a {
	/* Make the link item to display as a box */
	display: block;
	float:left;
	margin-right: 10px;
	color: #FFFFFF;  /* 1E120C ---> AAAAAA */
	background-color:#360000;
	font-weight: bold;
	font-size:11px;
}

#nav a img{
	margin-right: 3px;
}

#nav a:hover span{
	color: #90002A;
}

#nav a.navCurrent{ /* Not Using */
	color:#B70065;
}
#nav a.navCurrent:hover span{ /* Not Using */
	color: #B70065;
	text-decoration:underline;
}

/* Second-level Vertical Menu which attached BELOW the first level: set background here*/
#nav li ul {
	/* Width of the sub menu MUST be defined. Becareful that this value affecting different block's width and margin value below */
	width:150px;
	/* Margin and Padding */
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	padding-top:0px;
	display:block;
	/* Hide the list */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border:solid;
	border-width:1px 1px 1px 1px;
	border-color:#000000;
	background-color:#FFFFFF;
}

#nav li ul li{
	border:solid;
	border-width:0px 0px 0px 0px;
	border-color:#000000;
	float:left;
	clear:both;
	text-align: left;
}

#nav li ul a{
	padding: 5px;
	width: 110px; /* Width of Sub menu - (padding * 2) - border */
	overflow:hidden;
	margin-right: 0px;
	padding-left: 33px;
}

#nav li ul a:hover{
	color:#90002A;
}

/* third-and-above-level lists, Vertical Menu, attached NEXT to the upper level: nothing is needed to set */
#nav li ul ul { 
	margin: 0px 0px 0px -99%; /* The last value is the Width of sub Menu - 5 */
	padding: 0;
}

#nav li ul ul a{
	width: 125px; /* Width of Sub menu - (padding * 2) */ 
}

/* Sub Menu Show / Hide Setting */
#nav li:hover, #nav li.hover {
    position: static;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* End of NAV menu */

/* ===== body elements ===== */
#body_wrapper{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;	
}

#body_left{
	width: 765px;
	margin: 10px;
	float: left;
}

#body_left_wrapper{
	float: left;
}

#featured{ /* Featured Post */
	width: 765px;
	height: 300px;
	margin-bottom: 15px;
}

#main_content_area{
	background-color: #D6B2A4;
	color: #000000;
	padding: 10px;
	width: 745px;
}

#home_top_wrapper{
	width: 765px;
	margin-bottom: 15px;
}

#home_top_title{
	font-weight: bold;
        font-size: 14px;
	color: #000000;  /* FFFFFF --> 000000 */
}

#home_top_desc{
	color: #000000;    /* FFFFFF --> 000000 */
}

.home_top_read_more{
	color:#000000;   /* FFFFFF --> 000000 */
	margin-left: 5px;
	text-decoration: underline;
}

#home_bottom_wrapper{
	width: 765px;
	float: left;
	overflow: hidden;
}

#home_bottom_left_wrapper{
	width: 575px;
	float:left;
}

#home_bottom_left_title{
	width: 565px;
	height: 20px;
	padding: 5px;
	float: left;
	background-color:#FFFFFF;
	color: #1A100A;
	font-weight: bold;
        /* font-size: 14px; */
	margin-bottom: 10px;
}

.home_bottom_left_content_wrapper{
	width: 575px;
	height: 250px;
	float: left;
	margin-bottom: 10px;
}

.home_bottom_left_content_image{
	position: relative;
	width: 250px;
	height: 250px;
	float: left;
	background-color: #FFFFFF;
}

.home_bottom_left_content_image img{
	width: 250px;
	height: 250px;
	border: none;
}
.overlayText{
	position: absolute;
	top: 205px;
	left: 5px;
	width: 230px;
	height: 30px;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	padding: 5px;
}

.overlayText a{
	color: #000000;
}

.home_bottom_left_content_text{
	width: 295px;
	height: 230px;
	float: right;
	background-color:#1A100A;
	padding: 10px;
}
.home_bottom_left_content_title{
	font-weight: bold;
        font-size: 14px;
}

.home_bottom_read_more{
	color:#FFFFFF;
	margin-left: 0px;
	text-decoration: underline;
}

#home_bottom_right_wrapper{
	width: 180px;
	float: right;
}

#home_bottom_right_title{
	width: 170px;
	height: 20px;
	padding: 5px;
	float: left;
	background-color:#FFFFFF;
	color: #1A100A;
	font-weight: bold;
        /* font-size: 14px; */
	margin-bottom: 10px;
}

.home_bottom_right_content_image{
	position: relative;
	width: 180px;
	height: 120px;
	float: left;
	background-color: #FFFFFF;	
	margin-bottom: 10px;
}

.home_bottom_right_content_image img{
	width: 180px;
	height: 120px;
	border: none;
}
.overlayTextRight{
	position: absolute;
	top: 75px;
	left: 5px;
	width: 160px;
	height: 30px;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	padding: 5px;
}

.overlayTextRight a{
	color: #000000;
}


#body_right{
	width: 205px;
	height: 922px;
	margin: 10px;
	margin-left: 0px;
	float: right;
	background-color:#1A100A;	
}

#body_right_wrapper{
	width: 185px;
	margin: 10px;
	float: right;
}

#body_right_header{
	width: 185px;
	height: 20px;
}

#body_right_header img{
	margin-right: 3px;
}

#body_right_content{
	line-height: 20px;
}

#body_right_content a.news_title{
	color: #FFFFFF;
	font-weight: bold;
}
#body_right_content a.news_body{
	color: #FFFFFF;
}

#body_right_content a.news_read_more{
	color: #FFFFFF;
	text-decoration:underline;	
}

.content-title{
	font-weight: bold;
	margin-bottom: 10px;
        font-size: 15px;
}

/* ===== footer elements ===== */
#footer_copyright{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 980px;
	height: 20px;
	text-align: right;
}

#footer_copyright a{
	color: #FFFFFF;
	text-decoration:none;		
}

/* ===== Sitemap ===== */
#sitemap_area ul {
	margin-left: 10px;
}
#sitemap_area ul ul {
	margin-left: 10px;
}
#sitemap_area ul li a img{
	display: none;
}

.linklove{
	display:none;
}
#language_container{
	float:left;
	padding:0px 0px 0px 0px;
	width: 100px;
	margin-top:10px;

	/*
	margin: 25px 0px 0px 630px;
	#margin: 25px 0px 0px 630px;
	_margin: 15px 0px 0px 630px;
	*/
	visibility:hidden;
}
.qtrans_language_chooser{
	list-style:none;
	line-height:1;
	display:block;
	padding:0px;
	margin:0px;
} 
.qtrans_language_chooser li{
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
	display: block;
}
.qtrans_flag {
	margin:5px;
	padding:0px;
	height:12px; 
	width:18px; 
    display:block;
}
.qtrans_flag span {
	display:none;
}
.qtrans_flag_and_text { 
	/*padding-left:20px;*/
}