/*
 * XHTML CSS Coder by Apisit Asavatappitak
 * E-mail: iii_jsiega@hotmail.com
 *
 * Copyright 2010, Apisit Asavatappitak
 *
 */


* {
	background:none;
	border:none;
	font-style:normal;
	line-height:100%;
	list-style:none;
	margin:0;
	outline:none;
	padding:0;
	text-decoration:none;
	vertical-align:baseline;
}

a { cursor:pointer; }

:focus { outline:none; }


body {
	margin:0;
	font:12px Tahoma;
	color:rgb(255, 255, 255);
	background:none;
}
.divL1 {
	width:690px;
	height:500px;
	float:left;
	margin:0;
	padding:0 5px;
	position:relative;
}
.divL1 .sidebar {
	width:320px;
	margin:0;
	padding:0;
	position:absolute;
	z-index:1;
	left:5px;
	top:0;
}

/* signin */
.divL1 .sidebar .signin {
	width:170px;
	float:left;
	margin:110px 0 10px 0;
	padding:35px 0 0 0;
	background:url(../images/bg-signin2.png) no-repeat -150px 0;
}
.divL1 .sidebar .signin li {
	width:170px;
	float:right;
	margin:0 0 10px;
	padding:0;
}
.divL1 .sidebar .signin li label {
	width:70px;
	float:left;
	margin:0;
	padding:1px 0 0;
}
.divL1 .sidebar .signin li input {
	width:95px;
	float:left;
	margin:0;
	padding:0;
	background:rgb(235, 235, 235);
}
.divL1 .sidebar .signin li input.button {
	width:auto;
	height:17px;
	float:left;
	margin:0;
	padding:0 3px 2px;
	color:rgb(255, 255, 255);
	background:url(../images/bg-button.jpg) repeat-x 0 0;
	font:bold 11px Tahoma;
}
.divL1 .sidebar .signin li a {
	color:rgb(255, 255, 255);
}
.divL1 .sidebar .signin li a:hover {
	color:rgb(255, 255, 255);
	text-decoration:underline;
}

/* banner */
.divL1 .sidebar .banner {
	width:470px;
	margin:0 0 10px;
	padding:0;
	position:absolute;
	z-index:2;
	left:2px;
	top:335px;
}

/* center */
.divL1 .center {
	width:185px;
	margin:0;
	padding:0;
	position:absolute;
	z-index:3;
	left:220px;
	top:10px;
}
.divL1 .center .tvc {
	width:285px;
	height:240px;
	margin:0;
	padding:12px 5px;
	background:url(../images/bg-tvc.png) no-repeat 0 0;
	position:absolute;
	z-index:4;
	left:0;
	top:50px;
}
.divL1 .center .banner {
	width:185px;
	margin:0;
	padding:0;
	position:absolute;
	z-index:5;
	left:-212px;
	top:235px;
}

/* right */
.divL1 .right {
	width:170px;
	float:right;
	margin:70px 0 0 0;
	padding:0;
}
.divL1 .right h6 {
	width:170px;
	float:left;
	margin:0 0 5px;
	padding:0;
}
.divL1 .right .nav {
	width:170px;
	float:left;
	margin:0;
	padding:0;
}
.divL1 .right .nav li {
	width:170px;
	float:left;
	margin:0;
	padding:0;
	/*border-bottom:1px dotted rgb(128, 128, 128);*/
}
.divL1 .right .nav li h2 {
	width:170px;
	height:22px;
	float:left;
	margin:0;
	padding:0;
	font:bold 12px Tahoma;
}
.divL1 .right .nav li h2 a {
	width:167px;
	height:20px;
	float:left;
	margin:0;
	padding:2px 0 0 3px;
	display:block;
	background:url(../images/bg-trans-drawer.jpg) no-repeat -66px 0;
}
.divL1 .right .nav li h2 a:hover {
	width:167px;
	height:20px;
	float:left;
	margin:0;
	padding:2px 0 0 3px;
	display:block;
	color:rgb(255, 102, 0);
}
.divL1 .right .nav li h2.highlight {
	color:rgb(255, 102, 0);
}
.divL1 .right .nav li ul {
	width:170px;
	float:left;
	margin:0 0 1px;
	padding:0;
	display:none;
}
.divL1 .right .nav li ul li {
	width:170px;
	float:left;
	margin:0;
	padding:0;
}
.divL1 .right .nav li ul li a {
	width:156px;
	float:left;
	margin:0;
	padding:1px 0 3px 14px;
	display:block;
	color:rgb(240, 240, 240);
	background:rgb(11, 11, 11) url(../images/bullet2.gif) no-repeat 6px 8px;
	line-height:140%;
}
.divL1 .right .nav li ul li a:hover {
	color:rgb(240, 240, 240);
	background:rgb(51, 51, 51) url(../images/bullet2.gif) no-repeat 6px 8px;
}


/* copyright */
.divL1 .copyright {
	width:325px;
	margin:0;
	padding:0;
	text-align:center;
	color:rgb(128, 128, 128);
	text-transform:capitalize;
	position:absolute;
	z-index:6;
	top:470px;
	left:187.5px;
}

/* close */
.divL1 .copyright .close {
	width:30px;
	height:30px;
	margin:0;
	padding:0;
	position:absolute;
	z-index:20;
	left:652px;
	top:-373px;
	display:block;
}