@charset "utf-8";
/* CSS Document */

#promos { z-index: 0; height: 400px; padding:0 0 0 0 ;}
#promo-nav {
	position:0 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: 15px;
}






#promo-nav {
	background: url("../images/promo_nav_bg.jpg") repeat-x left bottom; /*border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(220, 220, 220) rgb(220, 220, 220);*/ padding: 12px 10px 10px;
}
#promo-nav ul li a {
	background: rgb(255, 255, 255); border: 1px solid rgb(212, 212, 212); width: 8px; height: 8px; text-indent: -9999px; margin-left: 7px; float: left; display: block;
}
#promo-nav ul li a:hover {
	background: rgb(212, 212, 212);
}
#promo-nav .activeSlide {
	background: rgb(212, 212, 212);
}
#promo-nav ul li a:active {
	background: rgb(51, 51, 51);
}



ul.clean {
	margin: 0px; padding: 0px; display: inline; list-style-type: none;
}
ul.clean li {
	margin: 0px; padding: 0px; display: inline; list-style-type: none;
}

จัดตำแหน่ง เมนูtab-------
.right {
	float: right;
}



.clearfix::after {
	height: 0px; line-height: 0; clear: both; display: block; visibility: hidden; content: ".";
}

html[xmlns] .clearfix {
	display: block;
}




.alpha {
	margin-left: 0px;
}
.omega {
	margin-right: 0px;
}
.grid_12 {
	float: left;
	display: inline;
	position: relative;
}



.container_12 {
	width: 533px;
	margin-right: auto;
	margin-left: auto;
}

.container_12 .grid_1 {
	width: 60px;
}
.container_12 .grid_2 { 
}
.container_12 .grid_4 {
	width: 300px;
}
.container_12 .grid_5 { 
	width: 380px;
}
.container_12 .grid_6 {
	width: 460px;
}
.container_12 .grid_7 {
	width: 540px;
}
.container_12 .grid_8 {
	width: 620px;
}
.container_12 .grid_9 {
	width: 700px;
}
.container_12 .grid_10 {
	width: 780px;
}
.container_12 .grid_11 {
	width: 860px;
}
.container_12 .grid_12 {
	width: 533px;
}

.clear {
	width: 0px; height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden;
}
.clearfix::after {
	width: 0px; height: 0px; line-height: 0; clear: both; font-size: 0px; display: block; visibility: hidden; content: " ";
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}