/*
 * Project: Robust Resources Limited
 * Author: Rudy Affandi
 * Created: 05/29/2012
 * File name: styles.css
 */

/* Settings */

/* Load css normalization and print */
@import url('/cc/lib/css/normalize.css'); /* Reset css settings */

/* Load external css */
@import url('/cc/lib/jquery/plugins/fancybox/jquery.fancybox.css'); /* jQuery Fancybox css */
@import url('/cc/lib/jquery/plugins/fancybox/helpers/jquery.fancybox-buttons.css'); /* jQuery Fancybox helpers: buttons css */
@import url('/cc/lib/jquery/plugins/fancybox/helpers/jquery.fancybox-thumbs.css'); /* jQuery Fancybox helpers: thumbs css */
@import url('/cc/lib/css/smoothness/jquery-ui-1.8.16.custom.css'); /* jQuery UI css */
@import url('/cc/lib/jquery/plugins/uniform/css/uniform.default.css'); /* jQuery Uniform css */
@import url('/cc/lib/jquery/plugins/superfish/css/superfish.css'); /* jQuery Superfish css */
@import url('/cc/lib/jquery/plugins/valengine/validationEngine.jquery.css'); /* jQuery Validation engine css */

/* Load required stylesheets */
@import url('/css/adnet.css'); /* Adnet-specific page layout */
@import url('/css/effects.css'); /* Effects */
@import url('/cc/lib/css/css_helper.css'); /* CSS Helper */

/* Load external icons (sprites) */
@import url('/cc/lib/icons/silk/silk-sprite.css'); /* Silk icons sprites */
@import url('/cc/lib/icons/silk/silk-bullets-sprite.css'); /* Silk bullets sprites */


/* Site specific layout and styles */
   html, body {height: 100%}
   ul {list-style-type: round}
   ul li, ol li {margin: 10px 0}

/* FOUT prevention */
   /* While loading...*/
   #home-page .welcome p,
   #front_body h2,
   .side_feat h2,
   aside h2.title,
   #our_projects-page h3,
   #our_projects-page #page summary p,
   ul#menu li#n4.mega>div.sub>div.last h2,
   .features ul li a h3,
   #front_body .tagline h1,
   aside .sub li a,
   .tagline h3,
   #header .stock h3,
   h2.section_header,
   h2.page_header,
   #menu>li>a {visibility: hidden}

   /* When ready */
   #home-page.cufon-ready .welcome p,
   .cufon-ready #front_body h2,
   .cufon-ready .side_feat h2,
   .cufon-ready aside h2.title,
   #our_projects-page.cufon-ready h3,
   #our_projects-page.cufon-ready #page summary p,
   .cufon-ready ul#menu li#n4.mega>div.sub>div.last h2,
   .cufon-ready .features ul li a h3,
   .cufon-ready #front_body .tagline h1,
   .cufon-ready aside .sub li a,
   .cufon-ready .tagline h3,
   .cufon-ready #header .stock h3,
   .cufon-ready h2.section_header,
   .cufon-ready h2.page_header,
   .cufon-ready #menu>li>a {visibility: visible}

/* Font declaration */
   body {font: 12px/17px Arial, Helvetica, sans-serif; color: #747474}
   h1, h2, h3, h4, h5, h6 {font-family: arial, helvetica, sans-serif; font-weight: normal; margin: 0; padding: 0}
   h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit}

/* Sections */

/* Text link */
   a, a:visited {color: #1f343b; text-decoration: none}
   a:hover {color: #cd7d27}

/* Text headers */
   #page h2 {font-weight: bold; font-size: 16px; margin: 10px 0; color: #1f343b}
   #page h3 {font-weight: bold; font-size: 14px; margin: 10px 0; color: #1f343b}
   #page h4 {font-weight: bold; font-size: 13px; margin: 10px 0}
   #page .corp_dir_format h3 {font-weight: bold; font-size: 12px; margin: 0}
   #page h4 {font-weight: bold; font-size: 12px; margin: 10px 0}
   h2.section_header {font-size: 20px; color: #1f343b; text-transform: uppercase}

/* Titles */
   #titles {clear: both; height: 35px}
   #titles h2.page_header {float: left; margin: 0; padding: 15px 0; font-size: 20px; color: #1f343b; text-transform: uppercase; border-top: 3px solid #bf2924}

/* Intro Animation */
   #intro-anim {width: 100%}
   .intro-anim-bg {background: url('/i/common/intro-anim-bg.jpg') no-repeat 50% 50% fixed; background-size: cover}
   #intro-anim div {}
   #intro-anim img {max-width: 80%; height: auto; width: auto\9; margin: auto; position: absolute; top: 10%; left: 10%; display: none}
   #intro-anim img:empty {top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
   
   #intro-anim .globe {z-index: 1}
   #intro-anim .title {z-index: 2; margin-top: -5%}
   #intro-anim .subtitle {z-index: 2; margin-top: 5%}
   #intro-anim .skip {text-align: center; position: absolute; bottom: 5%; right: 5%; color: #fff; font-size: 20px; font-weight: bold}
   #intro-anim .skip:hover {color: #fc0}

/* Background images */
   html {background: #fff}
   .main_bg {background: url('/i/common/main-bg.png') repeat-x 0 0}
   .content_bg {background: url('/i/common/content_bg.png') no-repeat 50% 0; width: 1038px; margin: 25px 0 0; overflow: hidden}
   /*
   #our_projects-page .content_bg {background: url('/i/common/projects-map.png') no-repeat 100% 0; width: 1038px; margin: auto; overflow: hidden}
   */
   .front_content_bg {width: 958px; overflow: hidden; background: url('/i/common_2012/front_content_bg.gif') repeat-y 0 0}
   .footer_bg {background: url('/i/common/hr.gif') repeat-x 0 0}

/* Section header images */
   .about_us_section.img {background: url('/i/common/header_img_about_us.jpg') no-repeat 50% 0; height: 206px}
   #our_projects-page .our_projects_section.img {background: url('/i/common/header_img_projects_main.jpg') no-repeat 50% 0; height: 206px}
   .our_projects_section.img {background: url('/i/common/header_img_projects.jpg') no-repeat 50% 0; height: 206px}
   /*.corporate_responsibility_section.img {background: url('/i/common/header_img_corporate_responsibility.jpg') no-repeat 50% 0; height: 206px}*/
   /*.news_section.img {background: url('/i/common/header_img_news.jpg') no-repeat 50% 0; height: 206px}*/
   /*.investor_centre_section.img {background: url('/i/common/header_img_investors.jpg') no-repeat 50% 0; height: 206px}*/
   /*.contact_us_section.img {background: url('/i/common/header_img_generic.jpg') no-repeat 50% 0; height: 206px}*/
   /*.generic_section.img {background: url('/i/common/header_img_generic.jpg') no-repeat 50% 0; height: 206px}*/
   
   .corporate_responsibility_section.img {background: url('/i/common/header_img_corp_resp.jpg') no-repeat 50% 0; height: 206px}
   .news_section.img {background: url('/i/common/news-header.jpg') no-repeat 50% 0; height: 206px}
   .investor_centre_section.img {background: url('/i/common/investors-header.jpg') no-repeat 50% 0; height: 206px}
   .resources_and_reserves_section.img {background: url('/i/common/investors-header.jpg') no-repeat 50% 0; height: 206px}
   .contact_us_section.img {background: url('/i/common/contact-header.jpg') no-repeat 50% 0; height: 206px}
   .generic_section.img {background: url('/i/common/careers-header.jpg') no-repeat 50% 0; height: 206px}

/* Navigation header images */
   .nav_header {width: 586px; height: 123px; float: left; margin: 2px; position: relative}
   #n3 figure.nav_header {background: url('/i/common/nav_header_about_us.jpg') no-repeat 0 0}
   #n4 figure.nav_header {background: url('/i/common/nav_header_projects.jpg') no-repeat 0 0}
   #n5 figure.nav_header {background: url('/i/common/nav_header_corporate_resp.jpg') no-repeat 0 0}
   #n6 figure.nav_header {background: url('/i/common/nav_header_investors.jpg') no-repeat 0 0}
   #n7 figure.nav_header {background: url('/i/common/nav_header_news.jpg') no-repeat 0 0}

/* Home page Slide show */
   #slideshow_area {clear: both; position: relative; left: 0; top: 0; height: 385px}
   #slideshow {position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 385px; overflow: hidden}
   #slideshow div {width: 100%; height: 385px}
   .slide0 {background: url('/i/common/slide-0.jpg') no-repeat 50% 100%}
   .slide1 {background: url('/i/common/slide-1.jpg') no-repeat 50% 100%}
   .slide2 {background: url('/i/common/slide-2.jpg') no-repeat 50% 100%}
   .slide3 {background: url('/i/common/slide-3.jpg') no-repeat 50% 100%}
   .slide4 {background: url('/i/common/slide3.jpg') no-repeat 50% 100%}

   /* Slide nav */
   #slidenav {list-style: none; width: 276px; height: 40px; overflow: hidden; margin: 0; padding: 0; position: absolute; right: 0; top: 290px}
   #slidenav li {float: left; margin: 0 0 0 1px; padding: 0}
   #slidenav li a span {left: 9999em; display: none}
   #slidenav li a {display: block; width: 68px; height: 40px; background: url('/i/common/slidenav_sprite-new.jpg') no-repeat 0 0}
   #slidenav li#s0 a {background-position: 0 0}
   #slidenav li#s0 a:hover {background-position: 0 -37px}
   #slidenav li#s0.activeSlide a {background-position: 0 -74px}
   #slidenav li#s3 a {background-position: -65px 0}
   #slidenav li#s3 a:hover {background-position: -65px -37px}
   #slidenav li#s3.activeSlide a {background-position: -65px -74px}
   #slidenav li#s1 a {background-position: -130px 0}
   #slidenav li#s1 a:hover {background-position: -130px -37px}
   #slidenav li#s1.activeSlide a {background-position: -130px -74px}
   #slidenav li#s2 a {background-position: -195px 0}
   #slidenav li#s2 a:hover {background-position: -195px -37px}
   #slidenav li#s2.activeSlide a {background-position: -195px -74px}

/* Layout settings */
   .container {clear: both; width: 960px; margin: auto; position: relative}
   .content_area {clear: both; padding-bottom: 30px; margin: auto; position: relative}

/* Tagline */
   #header .tagline {position: absolute; z-index: 1; right: 5px; top: 8px}
   #header .tagline h3 {font-size: 12px; float: left}
   #header .tagline h3.first {color: #a1a0a0; text-transform: uppercase; padding-right: 22px; background: url('/i/common/tagline-sep.png') no-repeat 100% 2px}
   #header .tagline h3.last {color: #1f343b; padding-left: 18px}

/* Header */
   #header {width: 970px; height: 99px; margin: auto; position: relative}

/* Header stock */
   #header .stock {position: absolute; left: 10px; top: 33px; width: 134px; height: 66px; background: url('/i/common/stock-bg.png') no-repeat 0 0}
   #header .stock h3 {color: #3f3f3f; font-size: 16px; line-height: 70px; text-align: center}

/* Logo */
   #logo {position: absolute; left: 0; top: 6px; width 144px; height: 195px}
   #logo a {display: block; background: url('/i/common/logo.png') no-repeat 0 0; width: 144px; height: 195px}
   #logo a:hover {}
   #logo a span {left: 9999em; display: none}

/* Nav */
   /* Top navigation */
   #top_nav {position: absolute; z-index: 1; left: 0; top: 10px; width: 215px; height: 25px}
   #top_nav ul {}
   #top_nav ul li {margin: 0; padding: 0; border-left: 1px solid #4b2020}
   #top_nav ul li.first {border-left: none}
   #top_nav ul li a, #top_nav ul li a:visited {display: block; color: #bc2623; font-size: 10px; text-transform: uppercase; line-height: 10px}
   #top_nav ul li a:hover, #top_nav ul li.current a {color: #000}

   /* Main navigation */
   #main_nav {position: absolute; right: 0; top: 33px; width: 800px; height: 66px}
   .ie-lte7 #main_nav {zoom: 1}

   /* Top level */
   ul#menu, ul#menu ul {list-style: none}
   ul#menu {float: right; position: relative; margin: 0 6px 0; padding: 0}
   ul#menu>li {float: left; position: relative; margin: 0 0 0 3px; padding: 0}
   ul#menu>li>a, ul#menu>li>a:visited {display: block; width: 116px; height: 65px; text-align: center; /*line-height: 65px;*/ margin: 0; padding: 0; color: #3f3f3f; text-transform: uppercase; font-size: 12px; outline: 0; background: url('/i/common/main-nav-bg.png') no-repeat 0 0}
   ul#menu>li#n3>a, ul#menu>li#n3>a:visited {background-position: 0 0}
   ul#menu>li#n3>a:hover, ul#menu>li#n3.hovering>a {background-position: 0 -65px}
   ul#menu>li#n4>a, ul#menu>li#n4>a:visited {background-position: -119px 0}
   ul#menu>li#n4>a:hover, ul#menu>li#n4.hovering>a {background-position: 0 -65px}
   ul#menu>li#n5>a, ul#menu>li#n5>a:visited {background-position: -238px 0; line-height: normal; /*height: 46px; padding: 19px 0 0*/}
   ul#menu>li#n5>a:hover, ul#menu>li#n5.hovering>a {background-position: 0 -65px}
   ul#menu>li#n6>a, ul#menu>li#n6>a:visited {background-position: -357px 0}
   ul#menu>li#n6>a:hover, ul#menu>li#n6.hovering>a {background-position: 0 -65px}
   ul#menu>li#n7>a, ul#menu>li#n7>a:visited {background-position: -476px 0}
   ul#menu>li#n7>a:hover, ul#menu>li#n7.hovering>a {background-position: 0 -65px}
   ul#menu>li.current>a {color: #c52d26; z-index: 3}
   
   ul#menu > li > a{
        line-height: 16px;
        display: table-cell;
        vertical-align: middle;
   }

   ul#menu>li>a:hover, ul#menu>li.hovering>a {background-position: 0 -65px; color: #c52d26; z-index: 3}
   ul#menu>li.not_main {display: none}

   /* Mega dropdown set up */
   ul#menu>li.mega>a:hover {}
   ul#menu>li.mega>a {}
   ul#menu div.sub {display: none; position: absolute; top: auto; width: 590px; height: 320px; background: #fff}
   ul#menu li#n3.mega>div.sub {left: 0; padding: 0 1px}
   ul#menu li#n4.mega>div.sub {left: -119px; padding: 0 1px; background: url('/i/common/mega-bg.png') repeat-y 100% 0}
   ul#menu li#n5.mega>div.sub {left: -238px; padding: 0 1px}
   ul#menu li#n6.mega>div.sub {left: -357px; padding: 0 1px}
   ul#menu li#n7.mega>div.sub {left: -476px; padding: 0 1px}

   ul#menu li#n4.mega>div.sub>div.last {width: 160px; padding: 20px 10px; text-align: center}
   ul#menu li#n4.mega>div.sub>div.last h2 {color: #fff; text-transform: uppercase; font-size: 18px; line-height: 90px; margin-left: 10px}
   ul#menu li#n4.mega>div.sub>div.last h2 a {color: #fff}
   
   ul#menu li.mega>div.sub.wide {width: 734px; height: 250px; position: absolute; top: -275px; left: auto; padding: 0 1px; background: #191919}
   ul#menu li.mega a:hover div.sub,
   ul#menu li.mega:hover div.sub {z-index: 99}
   ul#menu li.mega.hovering,
   ul#menu li.mega.hovering a:hover {z-index: 100}

   ul#menu li.double_lines a {font-size: 12px; line-height: 13px; width: 155px; padding: 3px 19px 5px}
   ul#menu li.hovering div.sub {display: block}
   ul#menu li.mega:hover a div.sub a,
   ul#menu li.mega div.sub h2 {font-size: 13px; font-weight: bold; color: #995f35}
   ul#menu li.mega div.sub a {color: #c52d26; padding: 0}
   ul#menu li.mega div.sub a:hover {color: #000}
   ul#menu div.sub div {padding: 0}
   ul#menu div.sub div.col {width: 378px}
   ul#menu div.sub div.col h3,
   ul#menu div.sub div.fl h3 {width: 100%; display: block; color: #333; font-size: 12px; font-weight: bold; margin: 0 0 5px 0}
   ul#menu div.sub div p {float: left; display: block; margin: 0 10px; padding: 0}

   /* Submenu in dropdown */
   ul#menu div.sub div.col ul {float: left; margin: 0; padding: 0 10px; width: 169px; overflow: hidden}
   ul#menu div.sub ul {float: left; margin: 0; padding: 20px 15px}
   ul#menu li.mega div.sub ul li {display: block; clear: both; width: 100%; margin: 0; padding: 0; background: url('/i/common/arrow-sub.png') no-repeat 0 5px}
   ul#menu li.mega div.sub ul ul li {display: block; clear: both; width: 100%; margin: 0; padding: 0 0 0 10px; background: none}
   ul#menu li.mega div.sub ul li a {display: block; font-size: 11px; font-weight: bold; line-height: normal; color: #c52d26; padding: 3px 5px 3px 10px}
   ul#menu li.mega div.sub ul li a:hover {color: #000}
   ul#menu li.mega div.sub ul li a.current {color: #000}
   ul#menu div.sub div.fl ul {width: 100%; margin: 0; padding: 0}
   ul#menu div.sub div.fl ul.rest {padding-top: 17px}
   ul#menu li.mega div.sub ul.col_two {float: left; width: 440px; overflow: hidden}
   ul#menu li.mega div.sub ul.col_two li {float: left; clear: none; width: 50%}

/* Breadcrumbs */
   #crumbs {width: 960px; height: 28px; margin: auto}

/* Body Area */
   #body {clear: both; width: 960px; min-height: 150px; margin: 0 auto; padding: 0 0 20px 0; position: relative; overflow: hidden}
   #home-page #body {min-height: 365px; padding: 25px 0 0}

   /* Side column */
   aside {clear: both; width: 180px; min-height: 150px; margin: 15px 30px 15px 0; position: relative; float: left}
   aside figure, aside h3 {display: none}

     /* Side navigation */
     aside .sub {list-style: none; margin: 0; padding: 10px 0; overflow: hidden}
     aside .sub li {display: block; margin: 0 0 10px 0; padding: 0; font-size: 13px; line-height: 13px}
     aside h2.title a {color: #9D0505; text-transform: uppercase}
     aside h2.title a:hover, aside h2.title a.active {color: #EC4E2A}
     aside .sub li a, aside .sub li a:visited {display: block; color: #9badb7; padding: 0 10px 0 18px}
     aside .sub li a.has_sub.active {}
     aside .sub li a:hover, aside .sub li a.active {background: url('/i/common/arrow-sub.png') no-repeat 0 -94px; color: #1f343b}

     /* Secondary level */
     aside .sub ul,
     aside .sub ul ul,
     aside .sub ul ul ul {margin: 0; padding: 5px 0; display: none}
     aside .sub ul li {font-weight: normal; text-transform: none; margin: 0; padding: 0; line-height: normal}
     aside .sub ul li.last {}
     aside .sub ul li a, aside .sub ul li a:visited {padding: 4px 5px 4px 28px; background: none}
     aside .sub ul li a:hover,
     aside .sub ul li a.active {background: none}

     /* Tertiary level */
     aside .sub ul ul ul li {}
     aside .sub ul ul ul li a {display: block; font-weight: normal; padding: 4px 40px 4px 9px; background: none}
     aside .sub ul ul ul li a:hover,
     aside .sub ul ul ul li a.active {}

	/* Side feature */
	.side_feat {width: 144px; padding-top: 10px; overflow: hidden; border: 1px solid #afaea5; background: #ede7e1}
	.side_feat h2 {text-align: center}
	.side_feat h2 span.gold {color: #d47921; font-size: 54px; line-height: 50px}
	.side_feat h2 span.smaller {color: #3e3e3e; font-size: 18px; line-height: 20px; text-transform: uppercase}

   /* Content */
   #content {width: 750px; min-height: 450px; position: relative; float: left}

/* Page-specific */
   #page {margin: 0; padding: 20px 0}
   #page .item {clear: both; margin-bottom: 15px}
   #page p.first {margin-top: 0}

   /* News */

   /* Projects */
   /* Section-wide settings */
   .our_projects_section aside h2.title {font-size: 14px; color: #6f8897; text-transform: uppercase; margin: 10px 0 8px}
   .our_projects_section aside h2.title.last {margin: 0}
   .our_projects_section aside ul.last {display: none}
   .our_projects_section aside ul ul {display: block}
   .our_projects_section aside .map, .our_projects_section #body .prj_features, .bot_features {display: none}

   /* Page-wide settings */
   #our_projects-page #content {background: url('/i/common/dotted_hr.png') no-repeat 50% 0; min-height: 250px}
   #our_projects-page #titles {display: none}
   #our_projects-page .section_header {margin: 20px 0 40px}
   #our_projects-page .our_projects_section aside .map, #our_projects-page .our_projects_section #body .prj_features {display: block}

   #our_projects-page aside {width: 100%; min-height: 480px; margin: 0; padding: 0}
   #our_projects-page aside .sub > li > a {font-size: 23px; color: #6f8897; text-transform: uppercase; background: none}
   #our_projects-page aside .sub > li > a:hover {background: none}
   #our_projects-page #content {width: 100%}
   #our_projects-page .our_projects_section aside h2.title.sub_only {display: none}
   #our_projects-page .our_projects_section aside h2.title a {font-size: 53px; color: #9badb7; text-transform: uppercase}
   #our_projects-page .our_projects_section aside h2.title a:hover {color: #1f343b}
   #our_projects-page #body {}
   #our_projects-page .map {position: absolute; right: 5px; top: 17px; width: 444px; height: 488px; background: url('/i/common/projects-map.png') no-repeat}
   #our_projects-page .map a {position: absolute; background: url('/i/maps/feature/map_loc_sprite.png') no-repeat 0 0}
   #our_projects-page .map a span {left: 9999em; display: none}
   #our_projects-page .map a#prj0 {background-position: 100% 0; width: 195px; height: 145px; right: 16px; top: 135px}
   #our_projects-page .map a#prj0:hover {background-position: 100% -145px}
   #our_projects-page .map a#prj1 {background-position: 0 0; width: 72px; height: 72px; right: 135px; top: 60px}
   #our_projects-page .map a#prj1:hover {background-position: 0 -72px}
   #our_projects-page #page {float: left; width: 670px}
   #our_projects-page h3 {color: #1f343b; text-transform: uppercase; font-size: 15px; margin: 0; padding: 0}
   #our_projects-page #page summary {font-size: 14px; color: #7e7e7e}

   /* Bottom Features */
   #our_projects-page .bot_features {display: block; overflow: hidden; border: 1px solid #d8d8d8; padding: 15px 35px}
   #our_projects-page .bot_features h3 {font-size: 13px; padding-bottom: 10px}
   #our_projects-page .bot_features ul {list-style: none; margin: 0; padding: 0}
   #our_projects-page .bot_features ul li {margin: 0; padding: 0}
   #our_projects-page .bot_features ul li a {display: block; color: #737373; padding: 3px 0}
   #our_projects-page .bot_features ul li a b.date {color: #bf2924}
   #our_projects-page .bot_features ul li a b.more {color: #600}
   #our_projects-page .bot_features ul li a:hover {color: #000}

   /* Features */
   .prj_features {float: left; width: 250px; margin: 10px 40px 0 0}
   .prj_features ul {list-style: none; margin: 0; padding: 0}
   .prj_features ul li {background: #bf2924; margin-bottom: 8px; padding: 0}
   .prj_features ul li a {display: block;  background: url('/i/common/prj-features-sprite.png') no-repeat 0 0; font-size: 11px; font-weight: bold; color: #fff}
   .prj_features ul li a:hover {color: #000}
   .prj_features ul li#pf0 a {background-position: 0 0; line-height: 14px; width: 132px; height: 56px; padding: 12px 5px 0 115px}
   .prj_features ul li#pf1 a {background-position: 0 -68px; line-height: 14px; width: 132px; height: 56px; padding: 12px 5px 0 115px}

   /* QwikReport page */
   #qwikreport-page #page {margin-top: 20px; padding: 0 30px}
   #qwikreport-page table#qr0 {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
   #qwikreport-page table > tr > td {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
   #qwikreport-page table.last input {margin-bottom: 0}

/* Video player */
   .player {display: block; width: 480px; height: 320px; margin: auto}

/* Photo Gallery */
   .gallery {float: left; width: 100%}
   .gallery.grid figure {float: left; margin: 10px; width: 130px}
   .gallery.single figure {display: none; margin: 10px; width: 130px}
   .gallery figure img {margin: auto; display: block}
   .gallery figure figcaption {text-align: center; font-weight: bold}
   .gallery figure.first, .gallery figure.selected {display: block}
   figure.gallery.grid { border: 4px solid #b22e29 }
   figure.img figcaption, figure.gallery.grid figcaption {  color: #fff;    }

/* Home Page */
   #front_body h2 {color: #1f343b; font-size: 15px}
   a.more {display: block; background: url('/i/common/more-arrow-sprite.png') no-repeat 100% 5px; color: #ec4e2a; padding: 0 13px 0 0}
   a.more:hover {background-position: 100% -38px; color: #3f3f3f}

   /* Tagline */
   #front_body .tagline {}
   #front_body .tagline h1 {font-size: 61px; line-height: 58px; color: #7aa0b5}
   #front_body .tagline h1 span.gold {color: #9badb7}
   #front_body .tagline h1 span.bronze {color: #6f8897}

   /* Welcome */
   #home-page .welcome {width: 615px; float: left; position: relative; overflow: hidden; margin: 0; padding: 15px 0 0}
   #home-page .welcome p {font-size: 18px; line-height: 15px; margin: 5px 0; padding: 0 3px; color: #7e7e7e}

   /* Latest News */
   #home-page .news {width: 297px; float: left; position: relative; margin: 28px 0 0 3px; padding: 0}
   #home-page .news a.more {position: absolute; right: 0; top: 5px}
   /*#home-page .news figure.news_img {width: 293px; height: 83px; margin: 10px 0; background: url('/i/common/front_news_img.png') no-repeat 0 0}*/
   #home-page .news figure.news_img {width: 293px; height: 83px; margin: 10px 0; background: url('/i/common/front_news_img_2014.png') no-repeat 0 0}
   #home-page .news ul {list-style: none; margin: 0; padding: 0}
   #home-page .news ul li {margin: 0; padding: 0}
   #home-page .news ul li a {display: block; color: #7e7e7e; padding: 3px 0}
   #home-page .news ul li a b.date {color: #c83125}
   #home-page .news ul li a b.more {color: #bd2823}
   #home-page .news ul li a:hover {color: #c83125}

   /* Investor Centre */
   #home-page .investors {width: 297px; float: left; position: relative; margin: 28px 0 0 15px; padding: 0}
   #home-page .investors a.more {position: absolute; right: 0; top: 5px}
   /*home-page .investors figure.investors_img {width: 293px; height: 83px; margin: 10px 0; background: url('/i/common/front_investors_img.png') no-repeat 0 0}*/
   #home-page .investors figure.investors_img {width: 293px; height: 83px; margin: 10px 0; background: url('/i/common/front_investors_img_2014.png') no-repeat 0 0}
   #home-page .investors ul {list-style: none; margin: 0; padding: 0}
   #home-page .investors ul li {margin: 0; padding: 0}
   #home-page .investors ul li a {display: block; color: #7e7e7e; padding: 3px 0}
   #home-page .investors ul li a b.date {color: #c83125}
   #home-page .investors ul li a b.more {color: #bd2823}
   #home-page .investors ul li a:hover {color: #c83125}

   /* Stock exchange logo */
   .exchange {width: 600px; height: 48px; clear: both; position: relative; margin: 10px 0; padding: 0}
   .exchange a {display: block; width: 100px; height: 48px; background: url('/i/common/asx_logo_sprite.png') no-repeat -4px 0}
   .exchange a:hover {background-position: -4px -52px}
   .exchange a span {left: 9999em; display: none}
   #home-page .exchange {float: left; margin: 35px 0 10px 0}
   #investor_centre-page .exchange {float: right}

   /* Stock exchange logo */
   .social {width:500px; float:left; height:28px;}
   .twitter, .facebook, .linkedin {width: 28px; height: 28px; float: right; position: relative; margin: 10px 0; padding: 0}
   .twitter a {display: block; width: 28px; height: 28px; background: url('/cc/Icons/sm/28px/twitter.png') no-repeat}
   .twitter a span, .facebook a span, .linkedin a span {left: 9999em; display: none}
 
   .facebook a {display: block; width: 28px; height: 28px; background: url('/cc/Icons/sm/28px/facebook.png') no-repeat}  
   .linkedin a {display: block; width: 28px; height: 28px; background: url('/cc/Icons/sm/28px/linkedin.png') no-repeat}  
   #home-page .twitter, #home-page .facebook, #home-page .linkedin   {float: left; margin: 41px 0 10px 10px}
   #investor_centre-page .twitter {float: right}

   /* Features */
   /* Features: Home */
   #home-page .features {clear: both; width: 260px; height: 178px; position: absolute; z-index: 2; right: 0; top: 320px; margin: 0; padding: 0; overflow: hidden; background: url('/i/common/feat_sep.png') no-repeat 50% 100%}
   #home-page .features ul {list-style: none; overflow: hidden; margin: 0 auto; padding: 0}
   #home-page .features ul li {margin: 0 4px 0 0; padding: 0; width: 260px; height: 57px; background: url('/i/common/feat_sep.png') no-repeat 50% 0}
   #home-page .features ul li.last {margin-right: 0}
   #home-page .features ul li a {display: block; color: #bf2924; margin: 0; padding: 0 0 0 110px; background: url('/i/common/feat-sprite.png') no-repeat 0 0}
   #home-page .features ul li a:hover {color: #3f3f3f}
   #home-page .features ul li a h3 {font-size: 13px; line-height: 57px}
   #home-page .features ul li#f0 a {background-position: 38px 15px}
   #home-page .features ul li#f0 a h3:hover {color: #3f3f3f}
   #home-page .features ul li#f1 a {background-position: 38px -43px}
   #home-page .features ul li#f1 a h3:hover {color: #3f3f3f}
   #home-page .features ul li#f2 a {background-position: 38px -102px}
   #home-page .features ul li#f2 a h3:hover {color: #3f3f3f}

   /* Subscribe */
   #home-page .subscription {position: absolute; right: 0; top: 349px; width: 275px; height: 33px}
   #home-page .subscription ul {list-style: none; margin: 0; padding: 5px 0 0}
   #home-page .subscription ul li {float: left; margin: 0 2px; padding: 0; font-size: 11px; font-weight: bold}
   #home-page .subscription ul li.email {background: none}
   #home-page .subscription ul li a {color: #e5e5e5; background: url('/i/common/subscription_icons_sprite.png') no-repeat 0 0}
   #home-page .subscription ul li a:hover {color: #fff}
   #home-page .subscription ul li.email a {background-position: 10px 0; padding: 2px 0 2px 40px}
   #home-page .subscription ul li.rss a {background-position: 10px -45px; padding: 2px 0 2px 35px}

	/* Project Map */
	#home-page .map {float: right; position: relative;  background: url('/i/common/front_map2014.png') no-repeat 0 0}
	#home-page .map a span {left: 9999em; display: none}
	#home-page .map a#m0 {display: block; background: url('/i/common/map_pointer_sprite.png') no-repeat 0 0; width: 210px; height: 111px; position: absolute; right: 8px; top: -150px}
	#home-page .map a#m0:hover {background-position: -210px 0}

    /*Management*/
    #management-page .list figure {margin:0; min-height:0px; min-width:0px;
    }

   /* Footer */
   #footer {clear: both; width: 960px; height: 105px; overflow: hidden; position: relative; margin: auto; padding: 0; color: #6f6f6f; line-height: normal; font-size: 11px}
   #footer a, #footer a:visited {color: #6f6f6f}
   #footer a:hover, #footer a.active, #footer a.current, #footer .active a, #footer .current a {color: #000}

   /* Footer elements */
   .legal {position: absolute; left: 550px; top: 12px; margin: 0; padding: 0; height: 29px}
   .copyright {position: absolute; right: 0; top: 12px; margin: 0; padding: 0; height: 29px; font-size: 12px; font-weight: bold; color: #606060}

   /* Footer subscription */
   #footer .subscription {position: absolute; left: 0; top: 2px; width: 284px; height: 29px}
   #footer .subscription ul {list-style: none; margin: 0; padding: 4px 0}
   #footer .subscription ul li {float: left; margin: 0 5px; padding: 0; font-size: 11px; font-weight: bold; background: url('/i/common/tagline_sep.gif') no-repeat 0 1px}
   #footer .subscription ul li.email {background: none}
   #footer .subscription ul li a {color: #808080; background: url('/i/common/subscription_icons_sprite.png') no-repeat 0 0}
   #footer .subscription ul li a:hover {color: #000}
   #footer .subscription ul li.email a {background-position: 5px 0; padding: 2px 0 2px 30px}
   #footer .subscription ul li.rss a {background-position: 10px -45px; padding: 2px 2px 2px 35px}

   /* Footer address */
   #footer .address {float: right}

/* Misc */
   p.quote, p.quotes {margin: 10px; font-style: italic}
   .row {clear: both}
   .chart {width: 512px}
   .video_box {width: 480px; height: 360px; display: block}

/* Visualize overwrite */
   /*#chart0 {display: block; width: 750px; height: 284px; background: url('/i/common/5yr_chart.gif') no-repeat 0 0}*/
   #chart0 {display: block; width: 750px; height: 284px; background: url('/i/common/5yr_chart.gif') no-repeat 0 0}
   #chart1 {display: block; width: 750px; height: 220px}
   svg {font: 10px sans-serif; display: block}

/* Tabs */
   ul.tabs {display: block; margin: 0; padding: 0; border-bottom: solid 1px #ddd}
   ul.tabs li {display: block; width: auto; height: 23px; padding: 0; float: left; margin: 0}
   ul.tabs li a {display: block; text-decoration: none; width: auto; height: 22px; padding: 0px 20px; line-height: 22px; border: solid 1px #ddd; border-width: 1px 1px 0 0; margin: 0; background: #f5f5f5; font-size: 13px; outline: none}
   ul.tabs li a.active {background: #fff; height: 23px; position: relative; top: -4px; padding-top: 4px; border-left-width: 1px; margin: 0 0 0 -1px; color: #111; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px}
   ul.tabs li:first-child a.active {margin-left: 0}
   ul.tabs li:first-child a {border-width: 1px 1px 0 1px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px}
   ul.tabs li:last-child a {-moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px}

   ul.tabs-content {margin: 0; padding: 0; list-style: none; display: block; background: #fff}
   ul.tabs-content > li {display:none; margin: 0; padding: 0; border: solid 1px #ddd; border-top: none}
   ul.tabs-content > li.active {display: block}

   /* Clearfixing tabs for beautiful stacking */
   ul.tabs:before, ul.tabs:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0}
   ul.tabs:after {clear: both}
   ul.tabs {zoom: 1}

   /*Special Table styles */
.hlight {background-color:#cad5da;}
.hlight2 {background-color: #acbdc5;}


@media print {
  * {background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important}
  a, a:visited {text-decoration: underline}
  /*a[href]:after {content: ' (' attr(href) ')'}*/
  abbr[title]:after {content: ' (' attr(title) ')'}
  .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {content: ''}
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid}
  thead {display: table-header-group}
  tr, img {page-break-inside: avoid}
  img {max-width: 100% !important; clear: both; display: block; margin: 0}
  @page {margin: 0.5cm}
  p, h2, h3 {orphans: 3; widows: 3}
  h1, h2, h3, h4 {page-break-after: avoid; clear: both; display: both; border: none}
  nav, aside, footer, #header_img, #lang, #stock {display: none}
  #content {width: 100%; margin: auto}
  .content_bg, .wrapper {background: none; border: none; box-shadow: none}
  div, article, header, summary, table {width: auto; margin: 0; float: none; clear: both; position: static}
}

.w_145px {width: 145px}
.w_128px {width: 128px}