/* Define the default first */

/******* em Text Delaration Start *******/

/* Setup Font Family and Size Correctly First. Default(Medium) Font Size is 16px on all browsers */
body *
{
  font-size: 101%; /* for IE bug */
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Reduce the font size to 68.8% or 11px size 
100% = 16
11/16 x 100
*/
body{ font-size: 68.8%; }

/* IE can’t read this */
html>body { font-size: 68.8%;}

/* Ensure forms and tables inherit the correct size */
table, input, select, th, td, textarea { font-size: 1em; }

/* Ensure nested elements inherit the correct size */
ol, ul, li li, li p, td p, blockquote p, div div { font-size: 1em; }

table table td { font-size: 0.95em; }

/* child pixels / parent pixels = child ems
Example(19px for h1) : 19 (child pixels) / 11 (parent pixels) = 1.73
*/

/******* em Text Delaration End *******/

body { background: url(dotted-bg.gif) repeat; }

form, input * {margin:0px; padding:0px}

#ir_container { font-size: 1em; line-height: 1.2em; width: 998px; margin: 0 auto; clear: both; position: relative; overflow: hidden; }
#ir_header { background: url(/sample_header.jpg); width:100%; height:83px;}
#ir_menu {}
#ir_content { width: 955px; height: 355px; overflow: auto; position: absolute; top: 200px; right: 25px; background: url(trans-bg.png) repeat; z-index: 20; }
#ir_content p { margin: 0.5em 0 1.2em; }
#ir_footer { clear:both; background: #555; color: #c7c7c7; padding: 4px 15px; float: left; font-size: 0.9em; width: 968px; }
#ir_footer a { color: #c7c7c7; }

#ir_containerPrint {font-size: 1em; width: 462px; margin: 0 auto; clear:both;}
#ir_contentPrint {width:462px;}
#ir_footerPrint {font-size:0.82em; background: url(/sample_footer.gif) no-repeat #939393; width: 462px; min-height:39px; padding-top:18px; clear:both;}

h1 {font-size: 1.73em; font-weight: 600; color: #919191; text-transform: uppercase;}
h2 {font-size: 1.18em; font-weight: bold; color: #666; margin-bottom: 1.5em; }
h3 {font-size: 1.09em; color: #032258; font-weight: bold;}
h4 {font-size: 1em; font-weight: bold; margin: 0px; padding: 0px;}
h5 {}
h6 {}
a:link {color: #0071bc; text-decoration: none;}
a:visited {color: #0071bc; text-decoration: none;}
a:hover {color: #0071bc; text-decoration: underline;}

.ir_textMainHighlight {color: #032258; font-weight: bold;}
.ir_textSubHighlight {color: #666666;}
.ir_textFootnote {font-size:0.9em;}
.ir_textFootnote ol {font-size:1em;}
.ir_textDivider { height: 1px; border-bottom: 1px dotted #666; margin: 10px 0; }

.ir_textFooter {text-align:center; color:#ffffff;}
.ir_textFooter a:link {color:#ffffff; text-decoration: none;}
.ir_textFooter a:visited {color:#ffffff; text-decoration: none;}
.ir_textFooter a:hover {color:#ffffff; text-decoration: underline;}

.ir_textError {color: #ff0000; font-weight: bold; text-transform: uppercase;}

.ir_menuIR {padding-left:10px; margin-bottom: 15px; }
.ir_menuIR a:link {color:#6699cc; text-decoration: none;}
.ir_menuIR a:visited {color:#6699cc; text-decoration: none;}
.ir_menuIR a:hover {color:#6699cc; text-decoration: underline;}
.ir_menuIRHeader { font-weight: bold; }
.ir_menuDivider {width:100%; height:15px;}

#ir_menu .first-child { margin-bottom: 15px; }

.ir_tableBorder {border: 1px solid #CCCCCC;}
table.ir_table tr.ir_tableTopRow td {background: #ff0000; color:#ffffff; font-weight: bold; text-align: center;}
table.ir_table tr.row1 td {background: #e7e7e7;}
table.ir_table tr.row2 td {background: #f4f4f4;}
table.ir_table tr.rowRollover td {background: #c3b777;}
table.ir_table tr.rowHighlight td {background: #414141; color:#ffffff;}
table.ir_table tr.rowTS td {background: #ccd0e1; border-bottom:1px solid #aaaaaa;}
table.ir_table tr td.left {text-align: left;}
table.ir_table tr td.center {text-align: center;}
table.ir_table tr td.right {text-align: right;}
table.ir_table tr td span.red {color:#ff0000;}
table.ir_table tr td span.green {color:#448800;}
table.ir_table tr td.cellHighlight {background: #414141; color:#ffffff;}
table.ir_table tr td.cellTS {background: #ccd0e1; border-bottom:1px solid #aaaaaa;}
table.ir_table tr td.cellTotal {border-top: 1px solid #414141; border-bottom: 1px solid #414141;}
table.ir_table tr td.cellSubTotal {border-top: 1px solid #414141;}
table.ir_table tr td.cellRed {background:#ebddd8;}
table.ir_table tr td.cellGreen {background:#d8ebdc;}

.ir_tsRed {color:#ff0000;}
.ir_tsGreen {color:#448800;}
.ir_tsCellTS {float:left; width:20px; height:7px; font-size:0em; background: #ccd0e1; border-bottom:1px solid #aaaaaa; margin-top:3px; margin-right:3px;}
.ir_tsCellRed {float:left; width:20px; height:8px; font-size:0em; background:#ebddd8; margin-top:3px; margin-right:3px;}
.ir_tsCellGreen {float:left; width:20px; height:8px; font-size:0em; background:#d8ebdc; margin-top:3px; margin-right:3px;}

.ir_arContainer {width:100%; height:232px; padding:0px; margin:0px; clear:both;}
.ir_arLeft {width:40%; float:left; list-style-type:none;}
.ir_arRight {width:60%; float:right; list-style-type:none;}
.ir_arHeight {width:98%; padding-top:30%;}
.ir_iconRowHeight {height:20px;}

.ir_webcastContainer {width:100%; height:113px; padding:0px; margin:0px; clear:both;}
.ir_webcastLeft {width:37%; float:left; list-style-type:none;}
.ir_webcastRight {width:63%; float:right; list-style-type:none;}
.ir_webcastHeight {width:98%; padding-top:8%;}

.ir_news {width:100%; padding:0px; margin:0px; clear:both; overflow: auto; }
.ir_newsDate {width:25%; float:left; list-style-type:none;}
.ir_newsTitle {width:74%; float:right; list-style-type:none;}

.ir_qa {width:100%; padding:0px; margin:0px; clear:both;}
.ir_qaDate {width:25%; float:left; list-style-type:none;}
.ir_qaTitle {width:74%; float:right; list-style-type:none;}

.ir_boxHighlight {width:97%; background:#e9f1fb; border:1px dotted #6699d5; padding:1%;}

.ir_insiderPopUp { position:absolute; z-index:200; visibility:hidden; left:100px;}
.ir_insiderPopUpContent { background:#FFFFFF; width:300px; border:1px dotted #656565; padding:5px;}

img.ir_spacerRight {margin-right:20px;}
img.ir_spacerLeft {margin-left:20px;}

input.ir_investmentCalculator { border:0px; background: transparent;}

/* Define the rest of the classes here */

em { font-style: italic; }
strong { font-weight: bold; }

.clearBoth { clear: both; overflow: auto; padding: 1px 0; }

h1#logo { width: 200px; height: 93px; background: url(roxy-logo.png) no-repeat; display: block; text-indent: -10000px; position: absolute; top: 40px; left: 0; z-index: 20; cursor: pointer; }

#ir_leftBar { width: 573px; height: 570px; background: #fff; float: left; position: relative; z-index: 1; } /* Slideshow here */
#ir_leftBar img { position: absolute; top: 0; left: 0; z-index: 8; }
#ir_leftBar img.last-active { z-index: 9; }
#ir_leftBar img.active { z-index: 10; }

#ir_rightBar { width: 425px; height: 570px; background: url(slant-bg.gif) repeat; float: right; color: #666; }
#ir_rightBar p { font-size: 0.9em; line-height: 1.3em; text-align: justify; }
#ir_rightBar h2 { font-size: 1.3em; line-height: 1.5em; color: #0071bc; font-weight: bold; }
#ir_rightBar h3 { font-size: 1em; line-height: 1.2em; color: #0071bc; font-weight: bold; }
#ir_rightBar h5 { font-size: 0.9em; line-height: 1.2em; font-weight: bold; }

#mainNav { height: 179px; background: #0e0e0e; color: #ddd; position: relative; }
#mainNav ul { width: 100%; float: left; margin: 7px 0 0 0; }
#mainNav li { float: left; padding: 0 3px 0 5px; border-left: 1px solid #444; }
#mainNav li.first-child { border: 0; }
#mainNav a { color: #aaa; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; display: block; }
#mainNav a:hover { color: #eee; }
#mainNav a.selected { color: red; }

#mainNavIndicator { position: absolute; top: 22px; left: 605px; width: 33px; height: 4px; background: #ddd; z-index: 20; }
#indicatorLeft { float: left; background: url(indicator-left.gif) no-repeat; width: 2px; height: 4px; }
#indicatorRight { float: right; background: url(indicator-right.gif) no-repeat; width: 2px; height: 4px; }

.aboutHighlight { width: 344px; padding: 15px; position: absolute; top: 395px; right: 25px; background: #f9f9f9; }
.aboutHighlight h2 { margin-bottom: 15px; }

.portfolioHighlight1 { width: 374px; position: absolute; top: 60px; right: 25px; background: #f9f9f9 }
.portfolioHighlight1 img { display: block; }
.portfolioHighlight1 p { background: #333; opacity: 0.8; padding: 10px 5px 10px 15px; margin: 20px 0 0 0; color: #ddd; width: 220px; float: right; }
.portfolioHighlight1 a:link { clear: both; display: block; float: right; color: #b50606; font-weight: bold; margin: 10px 10px 10px 0; width: 200px; text-align: right; }
/*
.portfolioHighlight1 a:hover { clear: both; display: block; float: right; color: #b50606; font-weight: bold; margin: 10px 10px 10px 0; width: 200px; text-align: right; }*/
.portfolioHighlight1 a:visited { clear: both; display: block; float: right; color: #b50606; font-weight: bold; margin: 10px 10px 10px 0; width: 200px; text-align: right; }
* html .portfolioHighlight1 a:visited { color: #b50606; }
* html .portfolioHighlight1 a:hover { color: #b50606; }
.portfolioHighlight1 a.first-child { margin: 20px 0 0 20px; float: left; width: 89px; }

.portfolioHighlight2 { width: 374px; height: 130px; overflow: hidden; }
.portfolioHighlight2 div { width: 374px; height: 130px; position: absolute; top: 230px; right: 25px; background: #f9f9f9; z-index: 8; }
.portfolioHighlight2 div.last-active { z-index: 9; }
.portfolioHighlight2 div.active { z-index: 10; }
.portfolioHighlight2 img { margin: 0; display: block;  }
.portfolioHighlight2 p { margin: 0 15px 15px; }

.subPagePos div { top: 40px; }

#portfolioTrigger { float: left; padding: 2px 30px 2px 7px; border: 1px solid #686868; background: url(ico_arrow-up.png) no-repeat 120px 7px #595959; font-family: Verdana, Arial, sans-serif; cursor: pointer; }

#portfolioPopup { display: none; position: absolute; bottom: 24px; left: 15px; background: #595959; z-index: 50; border: 1px solid #686868; padding: 10px; opacity: 0.9; }
#portfolioPopup a { display: block; color: #999; border-top: 1px solid #686868; padding: 6px; }
#portfolioPopup a.last-child { padding-bottom: 0; }
#portfolioPopup a:hover { color: #eee; }
#portfolioPopup h3 { color: #ccc; margin-top: 0; }
#portfolioPopup .first { float: left; width: 150px; padding-right: 15px; border-right: 1px solid #666; }
#portfolioPopup .second { float: left; width: 110px; padding-left: 15px; }

.generalUnorderedList { list-style: disc; margin-left: 1.5em; }
.orderedList { margin-left: 1.5em; }
.orderedList li { list-style: decimal; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #999; margin-bottom: 0.4em; }
.orderedList li h3, .orderedList li h4, .orderedList li p, .orderedList li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; }

.rightColumn { float: right; padding: 15px; width: 350px; }
.leftColumn { float: left; padding: 15px 0 0 15px; width: 540px; }

img.photo { display: block; margin-bottom: 1em; }

#subNav { display: block; position: absolute; background: url(trans-bg.png) repeat; top: 180px; left: 34px; z-index: 21; padding: 2px 0; border-bottom: 1px solid #666; }
* html #subNav { width: 40em; }
#subNav li { float: left; padding: 1px 10px; border-left: 1px solid #666; position: relative; }
#subNav li.first-child { border-left: 0; }
#subNav li a { font-family: Tahoma, Verdana, sans-serif; }
#subNav li a.selected { font-weight: bold; }

#subNav ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 19px; z-index: 10; background: url(bg_white90.png); border: 1px solid #666; width: 190px; display: none; }
#subNav ul li { width: 180px; border: none; padding: 0 5px; }
#subNav ul a { display: block; padding: 5px; border-top: 1px solid #666; }
#subNav ul li.first-child a { border: none; }

.transparent { background: #000 ; opacity: 0.3; }

.contactType { display: block; float: left; width: 8em; font-weight: bold; }
.contactColon { display: block; float: left; width: 2em; }
.contactValue { display: block; float: left; width: 22em; }
.contactValueLeft { display: block; float: left; width: 22em; text-align:left;}

.quote { background: url(quotation_mark.png) no-repeat 5px 5px #eaf7ff; font-size: 1.2em; line-height: 1.4em; font-style: italic; color: #0071bc; padding: 15px; }

.propertyItem { width: 100%; float: left; margin-top: 20px; }

h2#lucent_title { float: right; background: url(lucent_title.jpg) no-repeat; width: 300px; height: 120px; text-indent: -1000em; }
h2#ambra_title { background: url(ambra_title.gif) no-repeat; width: 170px; height: 38px; text-indent: -1000em; margin: 0 auto 10px auto; }
h2#florentine_title { background: url(florentine_title.gif) no-repeat; width: 285px; height: 22px; text-indent: -1000em; margin: 0 auto 10px auto; }
h2#verte_title { background: url(verte_title.gif) no-repeat; width: 200px; height: 35px; text-indent: -1000em; margin: 0 0 10px 0; }
h2#marque_title { background: url(marque_title.gif) no-repeat; width: 243px; height: 29px; text-indent: -1000em; }
h2#axis_title { background: url(axis_title.jpg) no-repeat; width: 182px; height: 183px; text-indent: -1000em; }
h2#ambrosia_title { background: url(ambrosia_title.gif) no-repeat; width: 200px; height: 30px; text-indent: -1000em; }
h2#stpatrick_title { background: url(stpatrick_title.gif) no-repeat; width: 283px; height: 53px; text-indent: -1000em; }

.top { float: right; margin-top: 20px; }

a.lightGray:link { color: #bbb; }
a.lightGray:visited { color: #bbb; }
a.lightGray:hover { color: #0071bc; }
a.lightGray:active { color: #0071bc; }

.ir_rightColumn { float: right; padding: 15px; width: 600px; }

h3 { margin: 0.5em 0 0.8em; }

.clear { clear: both; }

.ir_ar { display: block; overflow: auto; float: left; padding: 3px; border: 1px solid #666; background: #ccc; margin: 0 20px 0 0; }

#topHighlight { position: absolute; top: 60px; right: 0; }
#topHighlight div { position: absolute; top: 0; right: 25px; }
#bottomHighlight { position: absolute; top: 230px; right: 25px; }

#topHighlight2 { position: absolute; top: 40px; right: 25px; width: 374px; height: 130px; }
#topHighlight2 a { display: block; }

#topHighlight2.subpage { top: 40px; }

#projList_wisChangi { width: 520px; }
#projList_wisChangi li { width: 150px; float: left; margin-right: 20px; margin-bottom: 10px; text-align: center; }
#projList_wisChangi img { display: block; margin-bottom: 5px; }

#projList { width: 520px; }
#projList li { width: 110px; float: left; margin-right: 20px; margin-bottom: 10px; text-align: center; }
#projList img { display: block; margin-bottom: 5px; }

#contactForm ul { margin: 0; padding: 0; list-style: none; float: left; width: 380px; }
#contactForm li { float: left; width: 380px; padding: 2px 0; }
/*#contactForm ul li ul { padding: 0 0 0 60px; }*/
#contactForm label { float: left; width: 150px; }
/*#contactForm ul li ul li label { width: 90px; }*/
#contactForm input,
#contactForm select,
#contactForm textarea { float: left; width: 200px; }
#contactForm .submit { padding-left: 150px; }

.table1 { border-collapse: collapse; }
.table1 td,
.table1 th { border: 1px solid #666; text-align: left; padding: 5px; }
.table1 th { font-weight: bold; }

#statcounter { text-align: center; }

ul.projectList li {font-weight: bold; font-size: 1.09em; padding:10px 0;}

.required { color: red; }
ul li span { color: red; }

.tblStyle { border: 1px solid #666; border-collapse: collapse; text-indent: 5px; }

.careerMain { text-align: center; }
.careerIntro { margin-bottom: 45px; }
#careerMenuContainer { color: #749d1c; font-weight: bold; font-size: 12px; }
#careerMenu { padding: 0 0 56px 0; position: relative; }
#careerMenu a { text-decoration: underline; color: #749d1c; font-size: 12px; display: block; }
#careerMenu li { margin: 15px 0 0 0; border: 0; }
#careerMenu li li { margin: 0; border: 1px solid #c0c0c0; margin-bottom: 1px; }
#careerMenu li li a { font-size: 10px; text-decoration: none; color: #000; }
#careerSub1 { display: none; position: absolute; top: 0; left: 350px; width: 132px; border: 1px solid #d9ecff; padding: 4px 9px 4px 9px; }
#careerSub2 { display: none; position: absolute; top: 27px; left: 350px; width: 132px; border: 1px solid #d9ecff; padding: 4px 9px 4px 9px; }
#careerSub3 { display: none; position: absolute; top: 52px; left: 350px; width: 132px; border: 1px solid #d9ecff; padding: 4px 9px 4px 9px; }
#careerSub4 { display: none; position: absolute; top: 81px; left: 350px; width: 132px; border: 1px solid #d9ecff; padding: 4px 9px 4px 9px; }
.careerSub3 { display: block; position: absolute; top: 28px; left: 350px; }
.careerSub4 { display: block; position: absolute; top: 28px; left: 350px; }
.jobHighlight { color: red; font-size: 1em; padding: 10px 0;}
.job { list-style: disc; padding: 10px 0 10px 15px; font-size: 0.9em;}
.clear { clear: both; }
#careerMenuHeader { font-size: 14px; color: #000; }
.careerFootnote { font-size: 9px; font-style: italic; color: #000; font-weight: normal; }