@charset "utf-8";

/*---------------------------- global ----------------------------------*/
html, body { margin:0; padding:0; width:100%; background:#fff url(/images/bg_mobile.png) repeat-x; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; line-height:22px; color:#444444;}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{ margin:0; padding:0; }

input { font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px;}
img {border:0;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}

a:link { color: #1fa3c9; text-decoration: none}
a:visited { color: #1fa3c9; text-decoration: none}
a:hover { color: #1fa3c9; text-decoration: underline}

ul{	margin:0; padding:0; list-style-type:none;}

/*---------------------------- container ----------------------------------*/

/* header */
.header {width:980px; height:511px; background:#fff url(/images/bg_mheader.png); margin:0 auto; }
.header .slogan{ padding-left:20px; font-size:39px; font-family:"Century Gothic", Verdana, Arial, Tahoma; color:#fff; width:550px; margin-top:33px; line-height:40px;}
.header .slogan span{ color:#d2ff70; font-weight:bold;}
.header .detail{ padding-left:5px; font-size:16px; font-family: Arial, Helvetica, sans-serif; color:#fff; width:400px; margin-top:10px; line-height:25px; }
.header .choose{ padding:32px 0 0 35px; background:url(/images/bullet_choose.png) 0 38px no-repeat; color:#ff7c00; font-family: Arial, Helvetica, sans-serif; font-size:23px;}
	
.btnQtraf { margin:25px 0 0 20px; background:url(/images/btn_qtrf.png) no-repeat; font-size:19px; font-weight:bold; width:190px; height:71px; display:block; line-height:25px; padding:8px 0 0 35px; float:left;}
.btnQtraf span{ font-size:16px; font-weight:normal;}
.btnQtraf a:link {color:#751515;}
.btnQtraf a:link span {color:#751515; font-weight:normal;}
.btnQtraf a:visited {color:#751515;}
.btnQtraf a:visited span{color:#751515; font-weight:normal;}
.btnQtraf a:hover { color:#a70d0d;}
.btnQtraf a:hover span { color:#a70d0d; font-weight:normal;}

.btnMobile { margin:25px 0 0 0; background:url(/images/btn_mobile.png) no-repeat; font-size:19px; font-weight:bold; width:225px; height:71px; display:block; line-height:25px; padding:8px 0 0 45px; float:left;}
.btnMobile span{ font-size:16px; font-weight:normal;}
.btnMobile a:link {color:#751515;}
.btnMobile a:link span {color:#751515; font-weight:normal;}
.btnMobile a:visited {color:#751515;}
.btnMobile a:visited span{color:#751515; font-weight:normal;}
.btnMobile a:hover { color:#a70d0d;}
.btnMobile a:hover span { color:#a70d0d; font-weight:normal;}

/* content */
.content { width:980px; margin:0 auto; }
.content h2{ color:#c1272d; font:normal 30px Arial, Helvetica, sans-serif; margin:20px; border-bottom:1px solid #dddddd;}

/*QTRAF V2*/
.content p.introQ{ width:450px; display:block; margin-left:20px; float:left; }
.content p.introQ span{ color:#1fa3c9; font:normal 15px Arial, Helvetica, sans-serif; }
.content p.pdf{ display:block; margin-left:20px; float:left; background:url(/images/pdf.png) no-repeat; padding:110px 20px 40px 26px;}
.content p.pdf a:link{font:bold 14px Arial, Helvetica, sans-serif; color:#1b82cc; line-height:22px;}
.content p.pdf a:visited{font:bold 15px Arial, Helvetica, sans-serif; color:#1b82cc; line-height:22px}
.content p.pdf a:hover{ text-decoration:underline;}

.downloadQ { width:320px; float:left; margin-left:10px; display:block;}
.downloadQ ul { list-style:none; padding:0; margin:0; }
.downloadQ li { margin:0; height:72px;}
.downloadQ li a {background:url(/images/bg_download.png) no-repeat; font: bold 15px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; display:block; padding:16px 0 0 30px; height:30px; text-decoration:none; height:70px;}
.downloadQ li a span{font: normal 12px Arial, Helvetica, sans-serif; color:#d1ecff;}
.downloadQ li a:hover { color:#d1ecff; text-decoration:underline;}

.screenshot { width:100%; background:#f9f9f9; text-align:center; margin:40px 0 80px 0;}
.screenshot h3{background:url(/images/bullet_ss.png) no-repeat 20px 8px; font: normal 15px Arial, Helvetica, sans-serif; padding-left:45px; line-height:40px; text-align:left;}
.screenshot img{ border:none; padding:20px 35px 20px 35px;}

/*Mobile and Real time Singapore Microsite*/
.content p.introM{ width:940px; display:block; margin-left:20px; }
.content p.whatmore{ width:460px; display:block; margin-left:20px; margin-top:20px; float:left; }

.downloadM { width:320px; float:left; margin-left:10px; display:block;}
.downloadM ul { list-style:none; padding:0; margin:0; }
.downloadM li { margin:0; height:72px;}
.downloadM li a {background:url(/images/bg_access.png) no-repeat; font: bold 18px Arial, Helvetica, sans-serif; color:#215a08; text-decoration:none; display:block; padding:19px 0 0 30px; height:30px; text-decoration:none; height:50px;}
.downloadM li a span{font: normal 12px Arial, Helvetica, sans-serif; color:#d1ecff;}
.downloadM li a:hover { text-decoration:underline;}