/* CSS Document */
body{
	padding-top:0;
	margin-top:0;
	background:#FFF url(../images/background.png) repeat-x;
	font-family:'Cicle Gordita';
	font-size:22px;
	font-weight:600;
	line-height:28px;
	text-decoration:none;
}
@font-face {
	font-family: 'Cicle Gordita';
	src: url('fonts/Cicle Gordita.eot');
	src: local('☺'), url('fonts/Cicle Gordita.woff') format('woff'), url('fonts/Cicle Gordita.ttf') format('truetype'), url('fonts/Cicle Gordita.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Quark-Light';
	src: url('fonts/Quark-Light.eot');
	src: local('☺'), url('fonts/Quark-Light.woff') format('woff'), url('fonts/Quark-Light.ttf') format('truetype'), url('fonts/Quark-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Mtcorsva';
	src: url('fonts/Mtcorsva.eot');
	src: local('☺'), url('fonts/Mtcorsva.woff') format('woff'), url('fonts/Mtcorsva.ttf') format('truetype'), url('fonts/Mtcorsva.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.align-right{text-align:right;}

.a{
	text-decoration:none;
}
.red{color:#F00;}
.green{ color:#2d7304;}
.green2{color:#c3d69b;}
.green3{ color:#948a54;}
.green4{ color:#77933c;}

.large{
	font-size:30px;
	color:#89822e;
	border-radius:
}

.callnumber{
	background:#a9c935;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.top20{ margin-top:15px;}

#wrapper{
	width:980px;
	height:auto;
	margin:0 auto;
	padding-top:0;
}

/*header*/
#header{
	width:980px;
	height:110px;
	margin:0 auto;
	background:#404040;
}

.header-right{
	width:680px;
	float:right;
	padding:0;
}

.header-left{
	width:300px;
	float:left;
	padding:0;
}

/*main menu*/	
#main_menu{
	margin:0;
	padding:0;
	width:680px;
	height:100px;
	float:left;
}	
#main_menu ul{ 
	width:700px;
	list-style:none;
	float:left;
	height:auto;
	
 }
#main_menu ul li{
	float:left;
	display:inline;
	margin:5px 30px 0 -5px;
	padding: 5px 15px 5px 5px;
	text-align:center;
	font-size:17px;
	font-family:'Cicle Gordita';

}
#main_menu ul li a {
	text-decoration:none;
	color:#FFF;
	
}
#main_menu ul li a:hover, #main_menu ul li a.current{
	color:#333;
}
#main_menu h3{
	padding:0;
	margin:0;
	color:#FFF;
	font-size:20px;
}
#main_menu h3:hover{
	padding:0;
	margin:0;
	color:#CCC;
	font-size:20px;
}

#slides{
	width:639px;
	height:476px;
	margin:0;
	padding:0;
	float:left;

/*	border:1px solid silver;*/
}


#content{
	width:980px;
	height:auto;
	min-height:1100px;
	margin:auto;
	background:url(../images/background-content.png) repeat;
}
.content-left{
	width:280px;
	margin:12px 0 0 5px;
	float:left;
	padding:5px; 
	text-decoration: none;
	text-align:left;
	background:url(../images/bg-left.png) no-repeat;
}

.content-left .h3{
	text-align:center;
	font-family:'Cicle Gordita';
	font-family:14px;
	text-shadow:0.1em 0.1em #333;
	color:#666;
	
}

.content-left table{
	margin:5px 0 5px 0;
	font-family:Tahoma;
	font-size:14px;
}

.content-left .name_menu{
	margin:0px 15px 0px 20px;
	font-size:24px;
	color:#666;
}
.content-left .name_menu a{
	color:#666;
	text-decoration:none;
}
.content-left .name_menu a:hover{
	color:#000;
}

.content-left .menu_lert{
	color:#000;
}

.content-left .menu_lert ul {
	color:#000;
}

.content-left .menu_lert ul li{
	color:#000;
	list-style-type:none;
	font-size:14px;
	display:inline;
}


.content-right{
	width:660px;
	float: right; 
	padding:0px; 
	margin-left:10px; 
	margin-right:10px; 
	text-decoration: none;
	text-align:justify;
	font-size:14px;
	text-decoration:none;
}
.content-right .frame{
	width:100%;
	background:#FFF;
	padding:5px ;
	margin:20px 0 0 0;
	font-size:16px;
	/*box-shadow: 7px 7px 5px #CCC;*/ /* ใส่เงาตรงแบคกราวด์*/
}

.content-right .text-topic{
	font-family:'Cicle Gordita';
	/*text-shadow:1px 1px 1px #666;*/
	font-size:36px;
	color: #0C0;
}
.content-right .topic{
	font-family:'Cicle Gordita';
/*	text-shadow:2px 2px 5px #666;*/
	font-size:32px;
	color:#F00;
}
.content-right .topic_product{
	font-family:'Cicle Gordita';
/*	text-shadow:2px 2px 5px #666;*/
	font-size:22px;
	color:#009900;
}

.content-right .product{
	padding:0;
	margin:0;
	font-size:12px;
	font-family:Tahoma;
	text-decoration:none;
}

.content-right .product a{
	font-family:'Cicle Gordita';
	text-decoration:none;
	color:#333;
	font-size:24px;
}

.content-right .product a:hover{
	text-decoration:none;
	color:#999;
	font-size:24px;
}
.content-right .product h1{
	font-family:'Cicle Gordita';
	text-decoration:none;
	color:#333;
	font-size:24px;
	padding:0;
	margin:0;
}
.content-full{
	width:920px;
	margin:auto;
}
.profile-item{
	padding:20px;
}
.content-hilight{
	color:#009900;
	font-style:italic;
}
.content-hilight2{
	color:#990000;
	font-style:italic;
	font-weight:bold;
}
.social a{
	text-decoration:none;
	font-size:24px;
}

/*footer*/
#footer{
	width:980px;
	margin:auto;
	height:120px;
	font-size:12px;
	color:#000;
	background:url(../images/bg-footer.png) no-repeat;
	font-family:Tahoma;
}

#footer a{
	color:#000;
	text-decoration:none;
}
#footer ul { 
	width:980px;
	padding-top:0px;
	list-style: none;
	margin:-5px auto auto 100px;
	text-transform:none;
	display:block;
	text-align:center;
 }
 
#footer ul li {
	float:left;
	display: inline;
	padding-top:8px;
	height:20px;
	
}
#footer ul li a {
	display: block;
	padding: 0px 27px 5px 27px;
	color:#000;
	text-decoration: none;
	text-align: center; 
	outline: none;
	font-size:14px;
	letter-spacing:1px;

}
#footer ul li a:hover {
	color: #090;
}
#footer a:hover{
	color:#666;
	text-decoration:none;
}
.menu_test{
	width:100px;
	height:10px;
	background:#9C3;
	border-radius:0 0 10px 10px ;
	
	transition-property:height;
	transition-duration:0.5s;
	transition-delay:1s;
}
.menu_test:hover{
	height:100px;

}