/*
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 ===== */
body
{
	margin: 0px;
	padding: 0px;

	background-color:#343436;
}

a {
	text-decoration:none;
}

img {
	border: none;
}

p {
	margin-top: 0px;
}

/* Main Container */
#main_container {

	margin-right: auto;
	margin-left: auto;
	margin-top: 55px;
	padding-left: 113px;
	padding-right: 113px;
	
	width: 757px;
	height: 582px;

	background-image:url("img/bg.gif");
	background-repeat:no-repeat;
	background-position:left;	
}

#main_container_wrapper{
	margin-left: auto;
	margin-right: auto;
	
	width: 757px;
}

/* Header */
#header
{
	width:757px;
	height: 100px;
}

#header #logo{
	
	float: left;

	width: 160px;
	height: 100px;

	background-image:url("img/logo.gif");
}

/* Nav Multi-Level Menu */
#nav {
	/* Margin and Padding */
	margin: 0px;
	padding: 0px;
	margin-top:75px;
	margin-bottom: 10px;	
	/* Alignment */
	text-align: center;
	float:right;
	/* Size */
	width: 597px;
	height: 15px;
	/* Background Image of the menu container */
	background-color:#343436;
}

/* 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 {
	/* Background Image */
	background-color:#343436;	
	/* Make the link item to display as a box */
	display: block;
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	height:15px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#nav ul li a:hover{
	color: #50ADB8;
}

/* End of NAV menu */

#wrapper{
	margin: 0px;
	padding: 0px;
	
	width: 757px;
	height: 455px;
	text-align: left;	
}

#content-wrapper{
	width: 757px;
	height: 455px;
	background-image: url("img/noel_bg.jpg");	
}

#news-content-wrapper{
	width: 757px;
	height: 455px;
	background-image: url("img/news_bg.jpg");	
}

#content-left{
	width: 230px;
	height: 100%;
	display:block;
	float:left;
	text-align:right;
}

#content-right{
	width: 527px;
	height: 455px;
	display:block;
	float:right;
}

#content-right-title{
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 75px;
	text-align:left;
	color:#50ADB8;
	font-size:24px;
}
#content-right-content{
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 75px;
	width: 422px;
	height:350px;
	overflow:auto;
	overflow-x:hidden;
}



#footer{
	padding-top: 10px;
	width:757px;
	height: 17px;
	text-align: left;
}
#footer_copyright{
	float: left;
	width: 300px;
	text-align: left;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer_bgmusic{
	float: right;
	width: 300px;
	text-align: right;
	display:block;
}

#collection_main_title{
	display:block;
	float:left;
	width: 697px;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	text-align:left;
	color:#50ADB8;
	font-size:24px;
}

#collection_main_content{
	display:block;
	float: left;
	width:631px;
	height: 360px;
	overflow:hidden;
	margin-top:20px;
	margin-left:63px;
	margin-right:63px;
	text-align:center;
}

#collection_main_content div{
	float:left;
	width: 200px;
	margin-left: 5px;
	margin-right: 5px;

}
#collection_main_content div a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #50ADB8;
}

#collection_main_content div img{
	width: 200px;
	height: 300px;
	border: none;
}


#collection_right{
	width: 100%;
	height: 100%;
	display:block;
	overflow:hidden;
}

#collection_right_title{
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	text-align:left;
	color:#50ADB8;
	font-size:24px;
}
#collection_title{
	color:#50ADB8;
	font-size:24px;
	display:block;
	width: 350px;
	float:left;
	text-align:left;
}
#collection_link{
	color:#343436;
	font-size:14px;
	font-weight:bold;
	display:block;
	padding-top: 9px;
	width: 500px;
	float:right;
	text-align:left;
	clear:right;
}
#collection_link a{
	color:#343436;
	font-size:14px;
	font-weight:bold;
}

#current_collection{
	color:#50ADB8;
	font-size:16px;
	font-weight:bold;
}
#collection_right_content{
	text-align:center;
	color:#000000;
	display:block;
	float:left;
	overflow:hidden;
	width:100%;
	height:100%;
}
#gallery_outer_div{
	overflow:hidden;
	text-align: center;
	width:666px;
	height:300px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
#gallery_div{
	height: 300px;
}
#collection_right_content img{
	float:left;
	width:200px;
	height:300px;
	opacity:0.6;
	filter:alpha(opacity=60)	
}

#contact_info {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#contact_info a{
	color:#50ADB8;
}

#contact_form *{
	margin:0px;
	padding: 0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
}

#contact_form .linklove{
	display:none;
}

#contact_form input.single{
	width: 300px;
}
#contact_form textarea.area{
	width: 300px;
	height: 60px;
}
#contact_form input.sendbutton{
	width: 150px;
	float: right;
	margin-right: 15px;
	text-align:center;
}
#contact_form label{
	margin-right: 5px;
}
#news-home-title{
	display:block;
	float:left;
	width: 487px;
	margin-top: 20px;
	margin-left: 250px;
	margin-right: 30px;
	text-align:left;
	color:#50ADB8;
	font-size:24px;	
}
#news-home-content{
	display:block;
	float: left;
	width: 697px;
	height: 360px;
	overflow:auto;
	overflow-x:hidden;
	margin-top:20px;
	margin-left: 30px;
	margin-right: 30px;
}

#news-home-content table{
	width: 650px;
}

#news-home-content table tr{
	height: 30px;
}

#news-home-content table td.news_home_date_td{
	width: 190px;
	text-align:right;	
	font-family:Arial, Helvetica, sans-serif;		
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	color:#000;	
	overflow:hidden;
}
#news-home-content table td.news_home_space_td{
	width: 28px;
}
#news-home-content table td.news_home_title_td{
	width: 442px;
	overflow:hidden;
}
td.news_home_title_td a{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:14px;
	color:#000;	
}

td.news_home_title_td a:hover{
	color:#50ADB8;
}
/*
#news-home-content a{
	display: block;
	float:left;
	width: 697px;
	margin-bottom: 20px;
}



span.news_home_date{
	display: block;
	float:left;
	width: 190px;
	text-align:right;
	margin-right: 30px;
	overflow:hidden;
	font-weight:bold;
	font-style:italic;
}
span.news_home_title{
	display: block;
	float:left;
	width: 450px;
	text-align:left;
	overflow:hidden;
	font-weight:normal;
	font-size:12px;

}*/
#content-title{
	display:block;
	float:left;
	width: 697px;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	text-align:left;
	color:#50ADB8;
	font-size:18px;	
}
#content-post{
	display:block;
	float: left;
	width: 697px;
	height: 360px;
	overflow:auto;
	margin-top:20px;
	margin-left: 30px;
	margin-right: 30px;
	text-align:left;
}