*	{
	margin:0px;
	padding:0px;
}

html	{
	margin:0px;
	padding:0px;
	overflow:hidden;
}

body	{
	margin:0px;
	padding:0px;
	background:center top #000;
	color:#bbb;
	font-family:Verdana;
	font-size:11px;
}

a:link 		{ color: #bbb; text-decoration: none; }
a:visited 	{ color: #bbb; text-decoration: none;  }
a:hover 	{ color: #fff; text-decoration: underline; }
a:active 	{ color: #bbb; text-decoration: none;  }
img a		{ border:none; }

h3	{
	padding-top:15px;
	padding-bottom:20px;
	font-size:24px;
	font-weight:normal;
	font-family:Georgia;
	color:#fff;
}

h4	{
	padding:10px 5px 20px 5px;
	font-size:20px;
	font-weight:normal;
	font-style:italic;
	font-family:Georgia;
	color:#e7e7e7;
}


/* ---- Top Area ---- */
#logo	{
	position:absolute;
	background:url(../images/logo/thaiartistwall.png) top no-repeat;
	width:180px;
	height:72px;
	text-indent:-5000px;
	cursor:pointer;
	z-index:10;
}
#logo:hover	{
	background-position:bottom;
}
#area_top	{
	position:absolute;
	display:none;
	top:0px;
	width:100%;
	height:72px;
	background:url(../images/topbar.png) repeat-x;
	z-index:5;
}
#area_top #menu	{
	position:absolute;
	right:0px;
	font-size:11px;
	text-align:right;
	padding:10px 20px 10px 20px;
}

/* --- Ballon Detail --- */
#ballon	{
	position:absolute;
	margin-left:-150px;
	left:50%;
	margin-top:85px;
}
#ballon span	{
	background:url(../images/bgballon.png) repeat;
	padding:5px 8px 5px 8px;
	font-size:10px;
}


/* ---- Content Area ---- */
#area_content	{
	position:absolute;
	display:none;
	width:610px;
	height:460px;
	background:url(../images/bgcontent.png) no-repeat;
	top:50%;
	left:50%;
	margin-left:-320px;
	margin-top:-240px;
	z-index:100;
	padding:10px 10px 10px 20px;
}

#area_content #page {
	width:100%;
	height:450px;
}

#area_content #close_area	{
	position:absolute;
	width:30px;
	height:30px;
	background:url(../images/button/close.png) no-repeat;
	top:-15px;
	right:-13px;
}

/* ---- Background Slide ---- */
#slide	{
	position:absolute;
	height:100%;
	width:100%;
	z-index:1;
}
#cback	{
	position:absolute; 
	top:50%;
	left:5px;
	margin-top:-50px;
	background:url(../images/back.png) no-repeat bottom;
	cursor:pointer;
	text-indent:-5000px;
	width:81px;
	height:100px;
	z-index:10;
}
#cback:hover	{
	background-position:top;
}

#cnext	{
	position:absolute;
	top:50%;
	right:5px;
	margin-top:-50px;
	background:url(../images/next.png) no-repeat bottom;
	cursor:pointer;
	text-indent:-5000px;
	width:81px;
	height:100px;
	z-index:10;
}
#cnext:hover	{
	background-position:top;
}


/* ---- Bottom Area ---- */
#area_bottom	{
	position:absolute;
	display:none;
	bottom:0px;
	width:100%;
	height:72px;
	background:url(../images/bottombar.png) repeat-x;
	z-index:15;
}

#cc	{
	position:absolute;
	left:25px;
	width:90px;
	height:33px;
	bottom:17px;
	z-index:20;
}