/* CSS Document */


/******************* header *******************/
#header { position:relative; }
#header h1.span-6 { background:url(../images/iguidebangkok-logo.png) no-repeat; }
#header h1.span-6 a { display:block; height:102px; text-indent:-9999px; }
#header h2.span-3 { background:url(../images/magazine/logo-magazine.png) no-repeat; position:absolute; right:0px; top:0px; }
#header h2.span-3 a { display:block; height:98px; text-indent:-9999px; }

#header h2#bkkmap { height:95px; background:url(../images/bangkok-map/images/bangkokmap-logo.png) no-repeat; position:absolute; right:115px;top:0px; }
#header h2#bkkmap a { display:block; height:95px; text-indent:-9999px; }
#header h2#btsmap { height:95px; background:url(../images/bangkok-map/images/bangkok-map-bts-logo.png) no-repeat; position:absolute; right:230px;top:0px; }
#header h2#btsmap a { display:block; height:95px; text-indent:-9999px; }



#header #main-nav.span-22 { background:url(../images/magazine/main-nav.png) no-repeat; height:67px; margin-left:40px; }
#header #main-nav.span-22 ul { list-style-type:none; margin:0px; padding:0px; }
#header #main-nav.span-22 ul li { display:inline; float:left; }
#header #main-nav.span-22 ul li#home { width:62px; height:67px; }
#header #main-nav.span-22 ul li#home a { display:block; width:62px; height:67px; text-indent:-9999px; }
#header #main-nav.span-22 ul li#hotel { width:55px; height:67px; }
#header #main-nav.span-22 ul li#hotel a { display:block; width:55px; height:67px; text-indent:-9999px; }
#header #main-nav.span-22 ul li#apartment { width:96px; height:67px; }
#header #main-nav.span-22 ul li#apartment a { display:block; width:96px; height:67px; text-indent:-9999px; }
#header #main-nav.span-22 ul li#restaurant { width:101px; height:67px; }
#header #main-nav.span-22 ul li#restaurant a { display:block; width:101px; height:67px; text-indent:-9999px; }
#header #main-nav.span-22 ul li#spa { width:137px; height:67px; }
#header #main-nav.span-22 ul li#spa a { display:block; width:137px; height:67px; text-indent:-9999px; }
#header #main-nav.span-22 ul li#map { width:410px; height:67px; }
#header #main-nav.span-22 ul li#map a { display:block; width:410px; height:67px; text-indent:-9999px; }

/******************* Content *******************/
#content { margin-top:30px; }
#main-content h4 { background:url(../images/magazine_09.gif) no-repeat left center; width:auto; height:30px; display:block; overflow:hidden; margin-bottom:5px; padding-top:10px; padding-left:45px; font-weight:bold; font-size:1.4em; }
#main-content h4 a { text-decoration:none; color:#000000; }
#content-story { padding:10px; }
#content-story img { width:730px; height:247px; margin:0px 0px 10px 0px; padding:0px; border:none; }
#content-story p { font-size:1.2em; line-height:150%; text-align:justify; margin-bottom:1em; }

#content-story #lastest-magazine { margin:auto auto; }
#content-story #lastest-magazine ul#mycarousel li img { width:75px; height:75px; }
#content-story #lastest-magazine ul#mycarousel li { float:left;}

/******************* Banner *******************/
#banner { margin-top:55px; }

/******************* emagazine *******************/
#emagazine { margin-left:70px;}

/******************* Footer *******************/
#mag-footer { margin-top:50px; }
#footer { background:url(../images/magazine/mag-footer-tab.png) no-repeat; height:35px; position:relative; }
#footer p#copyright { position:absolute; left:20px; top:10px; font-weight:bold; color:#ffffff; }
#footer p#bottom-nav { float:right; position:absolute; right:20px; top:10px; font-weight:bold; }
#footer a { text-decoration:none; color:#F3D920; }

price#list dl dt { font-size:1.6em; text-align:center; background:#fec114; color:#ffffff; }
#list dl dd { font-size:1.2em; }
#list dl dt#restaurant-pub {background:url(../images/magazine/restaurant-tab.png) no-repeat;}
#list dl dt#restaurant-pub a { display:block; height:25px; text-indent:-9999px; }
#list dl dt#hotel {background:url(../images/magazine/hotel-tab.png) no-repeat;}
#list dl dt#hotel a { display:block; height:25px; text-indent:-9999px; }
#list dl dt#apartment {background:url(../images/magazine/apartment-tab.png) no-repeat;}
#list dl dt#apartment a { display:block; height:25px; text-indent:-9999px; }
#list dl dt#service {background:url(../images/magazine/service-tab.png) no-repeat;}
#list dl dt#service a { display:block; height:25px; text-indent:-9999px; }
#list dl dt#shopping {background:url(../images/magazine/shopping-tab.png) no-repeat;}
#list dl dt#shopping a { display:block; height:25px; text-indent:-9999px; }
#list dl dt#embassy {background:url(../images/magazine/embassy-tab.png) no-repeat;}
#list dl dt#embassy a { display:block; height:25px; text-indent:-9999px; }
#list dl dt#currency {background:url(../images/magazine/currency-tab.png) no-repeat;}
#list dl dt#currency a { display:block; height:25px; text-indent:-9999px; }
#list dl dt#hospital {background:url(../images/magazine/hospital-tab.png) no-repeat;}
#list dl dt#hospital a { display:block; height:25px; text-indent:-9999px; }
#list dl dt#suvarnabhumi{background:url(../images/magazine/suvarnabhumi-tab.png) no-repeat;}
#list dl dt#suvarnabhumi a { display:block; height:25px; text-indent:-9999px; }
#list dl dt#spa {background:url(../images/magazine/spa-tab.png) no-repeat;}
#list dl dt#spa a { display:block; height:25px; text-indent:-9999px; }

/******************* Price List *******************/
#price table { border:1px solid #666666; border-collapse:collapse; }
#price table tr  { border:1px solid #666666; }
#price table tr td { border:1px solid #666666; }
.txt-center { text-align:center; }