@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: 13px/17px Arial, Helvetica, sans-serif, "Century Gothic", "Arial Narrow";
	/*vertical-align: baseline;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{
	text-decoration:none;
	color:#666;
}
h1,h2,h3,h4,h5,h6{font-weight:normal}

@font-face {
    font-family: 'FrancoisOneRegular';
    src: url('allsection/alllanguage/fonts/FrancoisOne-webfont.eot');
    src: url('allsection/alllanguage/fonts/FrancoisOne-webfont.eot#iefix') format('embedded-opentype'),
         url('allsection/alllanguage/fonts/FrancoisOne-webfont.woff') format('woff'),
         url('allsection/alllanguage/fonts/FrancoisOne-webfont.ttf') format('truetype'),
         url('allsection/alllanguage/fonts/FrancoisOne-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	background-color: transparent;
	background-image: url('allsection/alllanguage/bg.jpg');
	background-repeat: no-repeat;
	background-position: center 150px;
	margin: 0 auto;
}
#container-1,#container-2{margin: 0 auto;width: 100%;}
#container-1{background: transparent  url('allsection/alllanguage/bg-top.png') repeat-x;}
#container-2{background: transparent  url('allsection/alllanguage/bg-top-border.png') repeat-x;}
#content{
	width: 1036px;
	margin: 0px auto;
	padding-top: 85px;
	position: relative;
}

#footer{
	height: 270px;
	width: 100%;
	background: #FFFFFF url('allsection/alllanguage/bg-bottom.png') repeat-x;
	-moz-box-shadow: 0px 0px 6px #666666;
	webkit-box-shadow: 0px 0px 6px #666666;
	box-shadow: 0px 0px 6px #666666;
	padding: 30px 0 0 0;
}
#footer-content{width:1036px;margin:0 auto}
#footer .sponsor-logo{
            display:block;
            float:left;
            position:relative;
            height:150px;
            text-align: left;
            width:190px;
}
.sponsor-logo img{margin: 0 8px 8px 0}
#header{
	float:left;
	width: 100%;
	margin: 10px 0 25px 0;
}	
#top-navigation{
	float: right;
	margin: 5px 0 0 0;
	text-align: right;
}
#top-navigation li{
	display:inline;
	border-right: 2px dotted #999999;
	padding: 6px 10px;
}
#top-navigation li.border-right-none{border-right:none}	

#top-navigation li a,#footer h3{
	text-transform:uppercase;
	font: 15px/32px "FrancoisOneRegular", "Franklin Gothic Medium Cond", "Arial Narrow", SansSerif;





transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-webkit-transition: color .2s ease-in-out;
}
#footer h3{line-height:20px}	
#top-navigation li a:hover,a.selected{color:#e20185}	
#main-content{
	background-color:transparent;
	padding: 0 17px;
	float: left;
	width: 1002px;
}
#promo-container-main{
	width:312px;
	float:left;
	background:transparent url('allsection/alllanguage/bg-right-promo.png') repeat;
	display: block;
	margin: 0 0 0 36px;
	height: 500px;
}
#promo-container{
	width:312px;
	float:left;
	background:transparent url('allsection/alllanguage/bg-right-promo.png') repeat;
	display: block;
	margin: 11px 0 20px 40px;
}
#promo-container-bottom{
	width:312px;
	height:60px;
	float:left;
	background:transparent url('allsection/alllanguage/bg-right-bottom.png') no-repeat;
	display: block;
	margin-top: 20px;
}
/**********************/
.top-logo{
	display:block;
	float: left;
}	
.align-right{text-align:right}
.float-left{float:left}
.clear-float{clear:both}
.content-preview{
	float:left;
	width:307px;
	margin: 70px 20px 0 0;
	display: block;
}
.right-promo-header	{
	margin:50px 32px 32px 32px
}
.link-box{float: left;text-transform:uppercase;padding: 5px 20px;transition: color .3s ease-in-out;-moz-transition: color .3s ease-in-out;-webkit-transition: color .3s ease-in-out;}
.link-black{
	margin: 10px 84px;
	background-color: #000000;
	color: #ffffff;
}		
.link-black:hover{
	background-color:#008A96;
	color:#FFFFFF;
}
.link-black-nobg{
	color: #000000;
}		
.link-black-nobg:hover{
	color: #999999;
}

.links-corporate{
	font: 16px/35px "FrancoisOneRegular", "Franklin Gothic Medium Cond", "Arial Narrow", SansSerif;
	color: #333333;
	text-transform: uppercase;
}

.links-corporate:hover{color:#000000}

.link-pink{
	background-color:#000000;
	color:#FFFFFF;
	margin:20px 0 0 0
}
.pink-highlight{color:#e20185;font-weight:bold}
.link-pink:hover{background-color:#008A96;color:#ffffff;}

h4.article-header,h4.article-header span,h4.article-header div,h4.article-header .large{
	font: 23px Georgia, "Times New Roman", Times, serif;
	color:#000000;
	text-transform: uppercase;
	margin: 5px 0 8px 0;
	letter-spacing:2px;
}
h4.article-header .large{
	font-size:30px
}
h4.article-header span,h4.article-header .large{color:#000000}	
#footer .address{
	display:block;
	float:left;
	position:relative;
	height:200px;
	margin: 0 90px 0 0;
}
#footer .links-wrapper{
	float:left;
	width: 460px;
}
#footer .address img{
	position:absolute;
	top: 66px;
	right: 0px;
}	
#footer .links-wrapper h3, #footer .social-media h3{
	font-size:23px
}
#footer .social-media h3{margin-bottom:10px}	
.links-wrapper ul{
	float:left;
	width: 180px;
	margin: 0 25px 0 0;
}
.links-wrapper li{border-bottom:1px solid #000000}
.links-wrapper a{
	font: 16px/35px "FrancoisOneRegular", "Franklin Gothic Medium Cond", "Arial Narrow", SansSerif;
	color: #333333;
	text-transform: uppercase;
}

.links-wrapper a:hover{color:#000000}
#footer .social-media{
	display:block;
	float:left;
	position:relative;
	height:150px;
	text-align: center;
	
}

#footer .social-media a,a.link-article{
	opacity:1;

transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;}
#footer .social-media a:hover,a:hover.link-article{opacity:0.7}

/***********/

#mall-list{
	float:left;
	width:235px;
	margin: 40px 20px 0  0;
	display: block;
}
#mall-list a{
	padding-left: 10px;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 12px;
	color: #666;
	display: block;
	transition: background-color .2s ease-in;
	-moz-transition: background-color .2s ease-in;
	-webkit-transition: background-color .2s ease-in;
}
#mall-list a:hover,#mall-list a.selected-mall{
	background-color:#008A96;color:#FFFFFF;
}
#mall-list li{
	border-bottom:1px dotted #cccccc;padding:5px 0;
}

#mall-list ul{
	display:block;
	margin-top:15px;
	border-right: 1px solid #333333;
	padding: 0 35px 20px 0;
}

#mall-info-menu{
	float:left;
	width:335px;
	margin: 70px 55px 50px 0;
	display: block;
	border-bottom:1px solid #e20185;
}
#mall-info{
	color:black;
	float: left;
	width: 170px;
}
#mall-info-menu ul{
	
}
#mall-info-menu li{border-bottom:1px dotted #cccccc;padding: 20px 0;float:left}
#mall-info-menu h3{
	text-transform:uppercase;
	font-weight: bold;
	margin-bottom: 15px;
}

#mall-info-menu h3 a{
	color:#000000;
}

#mall-info-menu h3 a:hover{
	color:#e20185;
}

#mall-info-menu img{
	float:left;
	margin: 0 13px 0 0;
}
#mall-info-menu p{
	line-height: 14px;
	height: 60px;
	font-size: 11px;
}

#mall-info-menu a{
	color:#e20185;
	font-size: 12px;
	font-weight: bold;
	float: left;
}
#mall-info-menu a:hover{color:#000000}
#mall-info-menu .more-events{
	color: #666666;
	background:url('allsection/alllanguage/icon-shopping-bag.png') no-repeat left center;
	display: block;
	padding: 10px 0 0 20px;
	width: 40px;
	margin: 0 0 0 46px;
}
#mall-info-menu .more-events a:hover{
	color:#000000;
}

#mall-info-menu .read-more{
	margin-top:10px
}
#mall-article a, a.detail-links{color:#000000; font-weight:bold;}
#mall-article{
	float:left;
	width:335px;
	margin: 70px 55px 50px 0;
	display: block;
	border-bottom:1px solid #ec6e65;
}
#mall-article ul{
	margin:20px 0 10px 10px;
	float: left;
	width: 299px;
}
#mall-article ul li {
	list-style-image: url('allsection/alllanguage/bullet.png');
	padding:0 0 8px 0;
	list-style-position: inside;
	
}
#mall-article p a:hover, a:hover.detail-links{text-decoration:none}
#mall-article h4, #event-article h4{
	font: 20px Georgia, "Times New Roman", Times, serif;
	color:#000000;
	text-transform: uppercase;
	margin: 5px 0 8px 0
	}
#mall-article p, #event-article p{
	margin: 0 0 15px 0
	}
.text-hr{
	background-color:#333333;
	height:20px;
	margin: 20px 0;
}
.mall-dir{margin:0 0 10px 0}
#google-map{width:335px;height:350px; border:solid 1px #999;}
/*.bottom-mall{width:335px}*/
.bottom-mall{margin: 50px 0 3px 0 !important;}
.bottom-mall-info{margin: 5px 0 3px 0 !important;}
#event-article{
	float:left;
	width:335px;
	margin: 70px 55px 50px 0;
	display: block;
	border-bottom:1px solid #ec6e65;
}

#event-article strong{font-weight:bold;}

#event-header{
	font-size:18px;
	font-weight: bold;
	color: #000000;
	text-transform:uppercase;
}
#event-header a{
	font-size:18px;
	color: #000000;
}

#event-header a:hover{
	font-size:18px;
	color: #E20185;
}

/***************************************************/
	
	
.bottom-hr {
	background-color: #000000;
	height: 15px;
	width: 335px;
	float: left;
	margin: 60px 0 3px 0;
}
.bottom-detail{width:598px}
#mpu-slot {
	height: 250px;
	width: 300px;
	margin: 40px auto 0 auto;
}
/***************************************/
#text-wrapper{
	float:left;
	width:598px;
	margin: 40px 52px 60px 0;
	display: block;
	border-bottom:1px solid #ec6e65;
	color: black;
}
#text-wrapper img{
	border:1px solid #CCC;
	margin:17px 0
}
.title-hr{
	border-bottom:1px solid #ec6e65;
	float:left;
	height:18px
}
.duty-free-hr{width:302px}
.tourist-hr{width:314px}
.about-hr{width:395px}
.faq-hr{width:166px}
.stayin-hr{width:370px}
.getting-around-hr{
	width:245px
}
.corporate-hr{
	width:355px
}
#text-wrapper ul{
	margin:20px 0 10px 10px;
	float: left;
	width: 299px;
}
#text-wrapper p{
	margin-bottom:10px
}
#text-wrapper ul li {
	list-style-image: url('allsection/alllanguage/bullet.png');
	padding:0 0 8px 0;
	list-style-position: inside;
	
}
.text-box{
	width: 289px;
	float: left;
}
#text-wrapper .text-box strong{font-weight:bold;}
#text-wrapper .text-box img{margin:0;border:none}
.link-article {
	border: 1px solid #000000;
	padding: 10px;
	display: block;
	width: 224px;
	color: #e20185;
	float: right;
}
#text-wrapper img.exco-members{
	margin-top:0px
}
#faq-only{
	margin: 80px 0 40px 0;
}
#faq-only a{
	color:#000000;
	width: 598px;
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}
#faq-only a:hover{text-decoration:underline}
.answer{
	display:none;
	float: left;
	margin: 5px 0 15px 0;
}

/**********************************/
 #screenshot{
	position:absolute;
	text-align:center;
	background:#000000;
	padding:10px;
	display:none;
	color:#ea784a;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	
	}
	
.map-suria-klcc{
	left: 436px;
	top: 157px;
}
.map-pavilion{
	left: 287px;
	top: 373px;
}	
.map-starhill-gallery{
	left: 251px;
	top: 395px;
}
.map-fahrenheit{
	left: 207px;
	top: 378px;
}
.map-lot10{
	left: 175px;
	top: 374px;
}
.map-sungei-wang{
	left: 135px;
	top: 382px;
}
.map-bb-plaza{
	left: 101px;
	top: 360px;
}
.map-lowyat{
	left: 87px;
	top: 393px;
}
.map-times-square{
	left: 35px;
	top: 427px;
}

 /******************/
 #map-wrapper{
	float:left;
	width:598px;
	margin: 40px 52px 60px 0;
	display: block;
	border-bottom:1px solid #ec6e65;
	color: black;
	position: relative;
} 
a.map-wrapper-link{
	position:absolute;
	width: 38px;
	height: 38px;
	background: transparent url('allsection/alllanguage/map.png') no-repeat;
	
	
}
a:hover.map-wrapper-link{background: transparent url('allsection/alllanguage/map-hover.png') no-repeat;
	
}


#page-count{
	float: right;
	margin: 80px 0 0 0;
}
#page-count li{border:none;padding:0}
#page-count a{
	border:1px solid #ec6e65;
	padding:2px 6px;
	margin:0 3px;
	color:#666666;font-weight:normal;
	transition: background-color .2s ease-in;
	-moz-transition: background-color .2s ease-in;
	-webkit-transition: background-color .2s ease-in;}
#page-count a:hover,.current-page{background-color:#ec6e65;color:#000000 !important}

/*
color codes
===========
#e20185 - hot pink
#ec6e65 - peach
*/	

ul#address-list{margin:20px 0 10px 10px;float: none !important;}
ul#address-list li {padding:10px 0;list-style-image: none;width:600px;border-bottom: 1px dotted #CCC;float: left} 
ul#address-list img{float:left;margin:0 20px 0 0;display: block;}
#address-list div{width:400px;margin:0 !important;float:left;} 
#address-list h3{font-weight:bold;text-transform:uppercase} 
#address-list a:link{color:#e20185}

#copyright{margin:33px auto 0 auto;text-align: center;float:left;
width:1036px;}