/************/
/* DROPPING */
/************/

* {padding: 0px; margin: 0px;}
html, body {height: 100%;}
body {min-width: 916px; text-align: center;}
body, td {background: #FFFFFF; font-family: tahoma, verdana, arial, trebuchet MS; font-size: 11px; color: #6D6E71;}
img {border: 0px;}
li {list-style: none;}
table {border-collapse: collapse; border-spacing: 0px; border: 0px;}

form fieldset {border: 0px solid;}
form legend {display: none;}
.input {font-family: arial, tahoma, verdana; font-size: 11px; color: #000; background: #FFF;}

hr {display: none; visibility: hidden;}

.clear {clear: both; height: 1px; display: block; float: none !important;}


/******************/
/*  BASIC LAYOUT  */
/******************/

/* main wrapper */
.wrapper {width: 916px; margin: 0px auto; text-align: left;}

.l-col {padding-bottom: 37px; width: 316px; float: left; border-right: 1px solid #808080;}
.r-col {padding-bottom: 0px; margin-left: -1px; width: 490px; float: left; border-left: 1px solid #808080;}

.wrapper.index .l-col {width: 418px;}
.wrapper.index .r-col {width: 426px; padding-bottom: 37px;}

.ftr {margin-right: 116px; padding: 9px 0px 25px 0px; clear: both; border-top: 1px solid #808080;}
.wrapper.index .ftr {margin-right: 76px;}
* html .ftr {height: 1%;}
*:first-child+html .ftr {height: 1%;}


/******************/
/*    CSS RULES   */
/******************/

h1 {padding: 50px 0px 0px 0px; display: block;}
h1 a {margin: 0px 0px 50px 520px; float: left; position: relative; z-index: 999; display: block; width: 279px; height: 49px; text-indent: -9999px; background: url(../i/logo.gif) no-repeat; text-decoration: none;}
* html h1 a {margin-left: 260px;}
.wrapper.index h1 a {margin-bottom: 50px;}

a {color: #808080; text-decoration: none;}
a:hover {text-decoration: underline;}

.splash {padding-left: 114px; clear: both;}
.splash img {margin: 0px 12px 107px 0px; display: block; float: left;}

.ftr h2, .ftr h3 {margin-right: 22px; display: block; float: left; text-indent: -9999px; background: no-repeat;}
.ftr p {margin-top: -1px; float: left; font-size: 10px; line-height: 14px;}
.ftr .block {display: block; float: left;}

.ftr .contact {width: 277px;}
.ftr .contact h2 {margin-right: 22px; width: 75px; height: 10px; text-indent: -9999px; background-image: url(../i/title-contact.gif);}
.ftr .contact p {width: 160px;}

.ftr .melbourne {width: 259px;}
.ftr .melbourne h3 {margin-right: 22px; width: 103px; height: 10px; text-indent: -9999px; background-image: url(../i/title-melbourne.gif);}
.ftr .melbourne p {width: 122px;}

.ftr .sydney {width: 259px;}
.ftr .sydney h3 {margin-right: 17px; width: 67px; height: 13px; text-indent: -9999px; background-image: url(../i/title-sydney.gif);}
.ftr .sydney p {width: 122px;}

.wrapper.index .menu {margin-left: 124px;}

.menu li {display: inline;}
.menu li a {margin-bottom: 14px; display: block; height: 11px; font-size: 7px; float: left; clear: both; background: no-repeat left top; text-indent: -9999px; text-decoration: none;}
.menu li a:hover, .menu li a.active {background-position: left bottom;}
.menu li.home a {margin-bottom: 15px; width: 33px; background-image: url(../i/menu-home.gif);}
.menu li.profile a {margin-bottom: 13px; width: 89px; background-image: url(../i/menu-prof.gif);}
.menu li.environmental a {margin-bottom: 15px; width: 77px; background-image: url(../i/menu-env.gif);}
.menu li.corporate a {margin-bottom: 13px; width: 95px; background-image: url(../i/menu-corp.gif);}
.menu li.external a {width: 42px; background-image: url(../i/menu-ext.gif);}
.menu li.illuminated a {margin-bottom: 15px; width: 58px; background-image: url(../i/menu-illum.gif);}
.menu li.directory a {width: 48px; background-image: url(../i/menu-dir.gif);}
.menu li.statutory a {width: 46px; background-image: url(../i/menu-stat.gif);}
.menu li.tactille a {width: 80px; background-image: url(../i/menu-tact.gif);}
.menu li.substrates a {width: 105px; background-image: url(../i/menu-subst.gif);}

.dlink a {padding: 0px 20px 0px 0px; display: block; float: right; height: 16px; line-height: 16px;}
.dlink.pdf a {background: url(../i/ico-pdf.gif) no-repeat right top;}

.ctext p {margin-bottom: 21px; line-height: 21px;}

.intro {margin-top: -5px; padding: 0px 60px 0px 25px;}
.intro h2 {margin: 5px 0px 0px -45px; display: block; position: absolute; width: 13px; height: 77px; background: url(../i/title-updates.gif) no-repeat; text-indent: -9999px;}

.profile {padding: 0px 0px 12px 22px;}
.profile .images {margin-bottom: 30px;}
.profile .images img {margin: 0px 1px 1px 0px; display: block;}
.profile .dlink a {margin-top: -20px;}


.signages {padding-bottom: 50px;}
.signages .set {margin-left: 12px; padding-bottom: 10px; clear: both;}
.signages .set img {margin: 0px 1px 1px 0px; display: block; float: left;}
.signages .info {padding-right: 8px; padding-bottom: 15px; display: block; clear: both; text-align: right;}
.signages .info .dlink a {margin: 4px 0px 0px 0px;}
.signages .paging {margin: 12px 0px 0px 0px; padding-right: 7px; display: block; clear: both; float: right;}
.signages .paging * {display: block; float: left;}
.signages .paging span {margin-right: 10px;}
.signages .paging a {margin-right: 1px; padding: 0px 2px 2px 3px;}
*:first-child+html .signages .paging a {padding-right: 3px; padding-left: 2px;}
.signages .paging a.active {background: #BE6A4A; color: #FFF;}


div.substrates {padding-left: 11px;}
* html div.substrates {height: 1%;}
div.substrates .set {clear: both; margin-top: -1px;}
div.substrates h2 {margin-top: 1px; display: block; position: absolute; background: no-repeat; text-indent: -9999px;}
div.substrates h2.aluminium {margin-left: -81px; width: 56px; height: 9px; background-image: url(../i/title-aluminiun.gif);}
div.substrates h2.steel {margin-left: -97px; width: 82px; height: 9px; background-image: url(../i/title-steel.gif);}
div.substrates h2.brass {margin-left: -53px; width: 28px; height: 9px; background-image: url(../i/title-brass.gif);}
div.substrates .item {margin: 0px 3px 10px 0px; width: 116px; min-height: 118px; float: left;}
* html div.substrates .item {height: 118px;}
div.substrates .item img {margin-bottom: 5px; display: block;}
div.substrates .item p {padding: 0px 5px; font-size: 10px; color: #6D6E71; text-align: center;}

