@charset "utf-8";

.lof-slidecontent {
position:relative;
overflow:hidden;
border:#F4F4F4 solid 1px;
width:892px;
height:300px
}

.lof-slidecontent .preload {
height:100%;
width:100%;
background:#FFF;
position:absolute;
top:0;
left:0;
z-index:100000;
color:#FFF;
text-align:center
}

.lof-slidecontent .preload div {
height:100%;
width:100%;
background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%
}

.lof-main-wapper {
margin-right:auto;
overflow:hidden;
background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
padding:0;
height:100%;
width:600px;
position:relative;
overflow:hidden
}

.lof-main-wapper .lof-main-item {
overflow:hidden;
padding:0;
margin:0;
height:100%;
width:100%;
position:absolute
}

.lof-main-wapper .lof-main-item img {
padding:0;
width:600px
}

.lof-main-item-desc {
z-index:100px;
position:absolute;
top:150px;
left:50px;
width:400px;
background:url(../images/transparent_bg.png)
}

.lof-main-item-desc p {
color:#FFF;
margin:0 8px;
padding:8px 0
}

.lof-main-item-desc h3 a {
color:#FFF;
margin:0;
font-size:140%;
padding:20px 8px 2px;
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif
}

.lof-main-item-desc h3 a:hover {
color:#FF6;
text-decoration:underline
}

ul.lof-navigator {
top:0;
padding:0;
margin:0;
position:absolute;
width:100%
}

ul.lof-navigator li {
cursor:hand;
cursor:pointer;
list-style:none;
width:100%;
padding:0;
margin:0;
overflow:hidden
}

.lof-navigator-outer {
position:absolute;
right:0;
top:0;
z-index:100;
height:300px;
width:310px;
overflow:hidden;
color:#FFF
}

.lof-navigator li.active {
background:url(../images/arrow-bg.png) no-repeat scroll left center;
color:#FFF
}

.lof-navigator li h3 {
color:#FFF;
font-size:100%;
padding:15px 0 0!important;
margin:0
}

.lof-navigator li div {
background:url(../images/transparent_bg.png);
color:#FFF;
height:100%;
position:relative;
margin-left:15px;
padding-left:15px;
border-top:1px solid #E1E1E1
}

.lof-navigator li.active div {
background:url(../images/grad-bg.gif);
color:#FFF
}

.lof-navigator li img {
height:60px;
width:60px;
margin:15px 15px 10px 0;
float:left;
padding:3px;
border:#C5C5C5 solid 1px
}

.lof-navigator li.active img {
border:##6C8E5C solid 1px
}

.lof-navigator li.active h3 {
color:#FFF
}

.lof-next {
position:absolute;
top:0;
height:30px;
background:#F9F9F9;
display:block;
width:100%
}

.lof-previous {
position:absolute;
bottom:0;
height:30px;
background:#F9F9F9;
display:block;
width:100%
}

#stickey_footer {
background:none repeat scroll 0 0 #1D1D1D;
border:1px solid rgba(0,0,0,0.3);
bottom:0;
font-family:Arial,Helvetica,sans-serif;
height:40px;
left:50%;
margin:0 auto 0 -490px;
padding:0 10px;
position:fixed;
text-shadow:1px 1px 1px #000;
width:960px;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0
}

#stickey_footer:hover {
background:none repeat scroll 0 0 #2b2a2a
}

#stickey_footer {
-moz-box-shadow:0 0 11px #191919;
-webkit-box-shadow:0 0 11px #191919;
box-shadow:0 0 11px #191919
}

#footer_menu {
margin:0;
padding:0;
width:auto
}

#footer_menu li {
list-style:none;
float:left;
font-size:12px;
padding:12px 14px 14px;
border-right:1px solid rgba(0,0,0,0.4);
background:rgba(0,0,0,0.1)
}

#footer_menu .imgmenu {
padding:5px 8px 3px 14px;
float:left;
background:url(http://www.muanghatyai.com/Themes/default/images/home.png) 13px 5px no-repeat;
width:36px;
height:30px;
border:none;
border-right:1px solid rgba(0,0,0,0.4);
cursor:pointer
}

#footer_menu li:hover {
background:#202020;
background:rgba(0,0,0,0.3)
}

#footer_menu .imgmenu:hover {
background:url(http://www.muanghatyai.com/Themes/default/images/home_hover.png) 13px 5px no-repeat
}

#footer_menu li a {
display:block;
color:#ccc;
text-decoration:none
}

#footer_menu li a:hover {
color:#fff
}

#footer_menu li span {
display:none
}

#stickey_footer #social_icons {
float:right;
width:auto;
margin:5px 15px 0;
padding:0;
overflow:hidden
}

#stickey_footer #social_icons li {
margin-right:12px;
float:left;
width:24px;
padding:0;
height:32px;
list-style:none;
_margin-right:0
}
.title1 a, .title a:hover {
    float: left;
    width: 300px;
    background:  #EE0408;
    font-weight: bold;
    text-align: center;
    margin-left: 20px;
	color:#fff;
	font-size:14px; font-weight:bold; 
	font-family: PSLxKittithada;
	font-size: 30px;
}