* {
padding : 0;
/*margin : 0;*/
}
html {
/*background: #cce3e7;*/
background: #dfeff2;;
background:-moz-linear-gradient(top, #dfeff2 0%, #78afd5 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfeff2), color-stop(100%,#78afd5));
}

body { 
font-family :  Tahoma ;
color : #252525;
font-size : 12px;
/*background-color: #c2cac8;*/
margin:0;
} 

#container{
width : 820px;
margin : 0 auto 0 auto; /*align center*/
background-color: #fff;
border: 1px solid #000;
}
.container{
width : 820px;
margin : 0 auto 0 auto; /*align center*/
background-color: #fff;
border: 3px solid #fff;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-bottom-right-radius: 12px;
-moz-border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}
#wrapper { 
width : 800px;
margin : 5px auto 0 auto;
} 
/*Keywords Area*/
#keywords h1{
text-align: center;
font-size: 11px;
color: #000;
width: 100%;
margin:2px;
/*height: 20px; */
/*background-color:#000;  */
}
#header{
text-align:center;
}
#header h1{
text-align: center;
font-size: 11px;
color: #000;
width: 100%;
margin:2px;
/*height: 20px; */
/*background-color:#000;  */
}
#header a{
font-size: 11px;
text-decoration:none;
color: #000;
width: 100%;
margin:2px;
}

#logo{
float:left;
/*width:220px;*/
/*width:208px;*/
/*height:53px;*/
width:216px;
height:53px;
cursor:pointer;
background:url('http://www.thaitravelcenter.com/images/ttclogo-cn-ny.png') no-repeat;
margin-top:12px;
}
/*control member login area*/
#memlogin{
width:572;
height:53;
text-align:right;
}
/*control main navigation picture*/
#bgnav{
width:799px;
height:56px;
background:url('http://www.thaitravelcenter.com/thailand/images/menubg.png') no-repeat;
margin-bottom:1px;
}
/*control main navigation css menu*/
#mainnav{
margin:10px 0 0 5px;
}
/*control containner for sub navigation and search*/
#downnav{
font-family : Arial, sans-serif, Tahoma , Helvetica;
font-size: 12px;
width:800px;
/*height:40px;*/
text-align:right;

padding-top:0px;
}
/*control google search*/
#gsearch{
float:left;
width:200px;
text-align:left;
margin:5px 0 0 5px;
 
}
/*control sub navigation top area*/
.subnav{
font-family : Arial, sans-serif, Tahoma , Helvetica;
font-size: 12px;
float:left;
margin-top:-7px;
/*width:400px;*/
/*padding-right: 5px;*/
/*padding-left:5px;*/
/*background-color:#FFCCCC;*/
}
.subnav ul li {display:inline;float:left;text-align:center;}
.subnav ul li.border {width:auto;padding-left:5px;padding-right:5px;border-right:1px solid #bbb;}
.subnav ul li a{
text-decoration:none;
font-weight:bold;
color:#000;
font-size:12px;
text-shadow: 0px 1px 1px #efefef;
filter: dropshadow(color=#efefef, offx=0, offy=1);
}
.subnav ul li a:hover{text-decoration:none;font-weight:bold;color:#ff6600;font-size:12px;}

/*/////////control footer and footer menu///////////////*/
#footer {
/*background: url('/test/new/images/footer.gif') repeat-x;*/
background: url('http://www.thaitravelcenter.com/images/footer.png') no-repeat;
margin-top : 3px;
width : 799px;
padding-top : 5px;
padding-bottom : 2px;
text-align : center;
}
#footer ul li{display:inline;padding-left:5px;padding-right:5px;}
#footer ul li.border {width:auto;border-right:1px ridge #04398b;}
#footer ul li a{text-decoration:none;font-weight:bold;color:#fff;font-size:11px;}
#footer ul li a:hover{text-decoration:none;font-weight:bold;color:#000;font-size:11px;}

/*//////////////end footer control///////////////*/

/*////////Hack for Firefox/////////*/

div#wrapper > div#bgnav{margin-bottom:20px;}
div#bgnav > div#mainnav{margin:0 0 0 5px;padding-top: 10px;}
div#downnav > div#gsearch{margin:7px 0 0 5px;}
div#wrapper > div#footer{float:left;margin-top:2px;padding-top:5px;}
div#wrapper > div#footer ul{margin-top:2px;}

.clearfloat:after{
  content:".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

///*//hover images//*////
.swap a img{opacity:1; filter:alpha(opacity=100)}
.swap a:hover img{opacity:0.7; filter:alpha(opacity=70);}

/*----------------------CSS FOR Button sign-in---------------------------------*/
.popsignin{
position: relative;
z-index: 0;
text-decoration: none;
}

.popsignin:hover{
background-color: transparent;
position: relative;
z-index: 1000;
}

.popsignin span{ /*CSS for enlarged image*/
position: absolute;
background-color: #0177da;
border: 5px solid #01a7f7;
padding: 5px;
left: -1000px;
visibility: hidden;
color: white;
text-decoration: none;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-top-right-radius: 8px;
-moz-border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-bottom-right-radius: 8px;
-moz-border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
background:-moz-linear-gradient(top, #01a7f7 0%, #0177da 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#01a7f7), color-stop(100%,#0177da));
}

.popsignin span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.popsignin:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -110px; /*position where enlarged image should offset horizontally */
}
/*----------------------END CSS FOR Button sign-in---------------------------------*/

/*Display Social*/
.listicon {float:right; margin:1px 0 0 3px}

.listicon li a {
background: url('/images/icon/socialnetwork.png') no-repeat;
width: 21px;
height: 23px;
display: block;
text-indent: -9999px;
}
.listicon li{margin:0 3px 0 0;float:left;}
.listicon li.fb a{background-position:0 0;}
.listicon li.go a{background-position:0 -69px;}
.listicon li.tw a{background-position:0 -46px;}
.listicon li.rs a{background-position:0 -92px;}
/*End Display Social*/
