body{
		background-image: url(background.jsp?name=background&ext=jpg);
		font: 13px "Trebuchet MS";
		background-repeat:no-repeat;
		background-position: 0px 0px;
	}
	.upbar{
		width : 990px;
		height : 72px;
		background-image: url(component.jsp?name=upbar&ext=png);
		display: block;
		margin: 0px auto;
		background-repeat: no-repeat;
	}
	.downbar{
		width: 983px;
		height: 46px;
		background-image: url(component.jsp?name=downbar&ext=png);
		display: block;
		margin: 0px auto;
		background-repeat: no-repeat;	
		position: relative;
			
	}
	
	.everfid, .minimal, .fubiz, .goodspace, .apple, .vv{
		background-image: url(component.jsp?name=rakdee-link&ext=png);
		background-repeat: no-repeat;
		margin: 14px 9px;
		float: left;
		cursor: pointer;
	}
	.everfid{
		background-position: -13px -8px;
		width: 32px;
		height: 38px;
	}
	.goodspace{
		background-position: -61px -8px;
		width: 62px;
		height: 38px;
	}
	.apple{
		background-position: -140px -8px;
		width: 30px;
		height: 38px;
	}
	.vv{
		background-position: -186px -8px;
		width: 53px;
		height: 38px;
	}
	.minimal{
		background-position: -250px -8px;
		width: 105px;
		height: 38px;
	}
	.fubiz{
		background-position: -368px -8px;
		width: 85px;
		height: 38px;
	}
	.everfid:hover{
		background-position: -13px -67px;
		width: 32px;
		height: 38px;
	}
	.goodspace:hover{
		background-position: -61px -67px;
		width: 62px;
		height: 38px;
	}
	.apple:hover{
		background-position: -140px -67px;
		width: 30px;
		height: 38px;
	}
	.vv:hover{
		background-position: -186px -67px;
		width: 53px;
		height: 38px;
	}
	.minimal:hover{
		background-position: -250px -67px;
		width: 105px;
		height: 38px;
	}
	.fubiz:hover{
		background-position: -368px -67px;
		width: 85px;
		height: 38px;
	}
	.sponsor{
		width: 550px;
		height: 65px;
		border-right: 1px solid #bfbfbf;
		padding: 0px 0px;
		float: left;
	}
	.menu_down{	
		position: absolute;
		top: -68px;
		left: 18px;
	}
	.main_menu{
		float: left;
	}

	.home, .about, .ourwork, .service, .contact,.home_selected, .about_selected, .ourwork_selected, .service_selected, .contact_selected{
		background-image: url(component.jsp?name=menu&ext=png);
		background-repeat: no-repeat;
		margin: 12px 10px 0px;
		float: left;
		cursor: pointer;
	}
	.home{
		background-position: -3px -42px;
		width: 80px;
		height: 32px;
	}
	.home_selected{
		background-position: -3px -77px;
		width: 80px;
		height: 32px;
	}
	.about{
		background-position: -96px -42px;
		width: 74px;
		height: 32px;
	}
	.about_selected{
		background-position: -96px -77px;
		width: 74px;
		height: 32px;
	}
	.ourwork{
		background-position: -183px -42px;
		width: 98px;
		height: 32px;
	}
	.ourwork_selected{
		background-position: -183px -77px;
		width: 98px;
		height: 32px;
	}
	.service{
		background-position: -294px -42px;
		width: 78px;
		height: 32px;
	}
	.service_selected{
		background-position: -294px -77px;
		width: 78px;
		height: 32px;
	}
	.contact{
		background-position: -384px -42px;
		width: 95px;
		height: 32px;
	}
	.contact_selected{
		background-position: -384px -77px;
		width: 95px;
		height: 32px;
	}
	.home:hover, .home_selected:hover{
		background-position: -3px -4px;
		width: 80px;
		height: 32px;
	}
	.about:hover, .about_selected:hover{
		background-position: -96px -4px;
		width: 74px;
		height: 32px;
	}
	.ourwork:hover, .ourwork_selected:hover{
		background-position: -183px -4px;
		width: 98px;
		height: 32px;
	}
	.service:hover, .service_selected:hover{
		background-position: -294px -4px;
		width: 78px;
		height: 32px;
	}
	.contact:hover, .contact_selected:hover{
		background-position: -384px -4px;
		width: 95px;
		height: 32px;
	}
	
	.logo{
		background-image: url(component.jsp?name=rakdee-logo&ext=png);
		float: left;
		background-position: -3px -3px;
		width: 139px;
		height: 35px;
		margin: 12px 263px 0px 38px;
	}
	.text_gui{
		width: 300px;
		height: 57px;
		border-right: 1px solid #bfbfbf;
		border-left: 1px solid #9d9d9d;
		float: left;
		padding : 4.7342073897497px 0px;
		
	}
	._pdf{
		border-left: 1px solid #9d9d9d;
		float: left;
		height: 57px;
		display: block;
		padding : 4.7342073897497px 0px;
	}
	.pdf{
		background-image: url(component.jsp?name=pdf&ext=png);
		background-position: -14px -18px;
		width: 40px;
		height: 57px;
		cursor: pointer;
		margin-left: 25px; 
	}
	.pdf:hover{
		background-position: -14px -93px;
		width: 40px;
		height: 57px;
	}
	
	.btm_txt{
		line-height: 36px;
		margin-left: 25px;
		color: #666465;
		font-size: 11px;
		float: left;
	}
	
	.text_gui div{
		float: left;
		padding: 5px 8px;
		font-size: 16px;
		color: #666666;
	}	
	.text_gui .seperate{	
		padding: 5px 1px;
	}
	.btm{
		position: absolute;
		bottom: 0px;		
		left: 0px;
		width: 100%;
	}
	.fb-like{
		float: right;
		margin-top:9px;
	}