/* Common */
body,table,input,select,textarea { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 100%;
  line-height: 1.125em;
}

/* Remove padding and margin */
*
{
  margin: 0;
  padding: 0;
  border: 0;
}

body {   
  color: #455560; 
  background: #0d1113 url('../images/i-body.gif') repeat-x; 
}

h1 {
  font: normal 1.25em Tahoma, Geneva, sans-serif;
  line-height: 26px; 
  margin: 0 0 18px 0;   
}

h2 {
  font: normal 1.125em Tahoma, Geneva, sans-serif;
  margin: 10px 0;
  color: #00a4e4;
  border-bottom: #c1e9f8 solid 1px;
  padding: 0 0 4px 0;
}

h3 {
  font-size: 0.875em;
  margin: 9px 0;    
}

p { 
  margin: 1em 0;
  font-size: 0.875em; 
}

#content p a, a.content-link, #content li a {
  color: #00a4e4;
}

#content p a:hover, a:hover.content-link {
  color: #000;
}

#content li {
  list-style: none;
  background: transparent url('../images/g-list-icon.png') no-repeat left 5px;
  padding: 0 0 0 10px;
  font-size: 0.875em;
}

dl.col {
  font-size: 0.875em;
}

dl.col dt { 
  float: left; 
  width: 6em;
  font-weight: bold;
}

dl.col dd { 
  margin-left: 7em;
}

dl.col-wide dt {
  width: 8.5em;
}

dl.col-wide dd {
  margin-left: 9.5em;
}

.clear:after {
  content: ".";
  height: 1px;
  display: block;
  clear: both;
  visibility: hidden;
}

.clr {
  clear: both;
}

.right {
  float: right;
}

.left {
  float: left;
}

/* messages / errors box */
.Msg {
  margin: 1em 0;
}

.Msg ul {
  padding: 0.5em;
  list-style-type: none;
}

.Messages ul {
  border: 1px solid darkblue;
  background-color: lightblue;
}

.Errors ul {
  border: 1px solid darkred;
  background-color: pink;
}

/* Layout */

#constrain {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}

#header {
  background: transparent url('../images/i-header.png') no-repeat;
  height: 192px;
  padding: 56px 0 0 365px;
}

#header p.header-contact {
  font: normal 1.5em Tahoma, Geneva, sans-serif;
  text-align: right;
  color: #fff;
  margin: 0 85px 10px 0 ;

}

  /* Main Navigation */
  
  #main-nav {
    position: absolute;
    top: 248px;
    left: 0;
    background: transparent url('../images/i-nav-t.gif') no-repeat;
    padding: 0 0 0 60px;
  }
  
  #main-nav li {
    list-style: none;    
  }
  
  #main-nav a {
    text-decoration: none;
    color: #455560;
    text-transform: uppercase;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 43px;
    background: #00a4e4 url('../images/i-nav.gif') repeat-x;
    display: block;
    border-top: #fff solid 1px;
    border-bottom: #00a4e4 solid 1px;
    padding: 0 20px;
    width: 199px;
  }
  
  #main-nav a:hover, #main-nav a.first:hover {
    background-position: bottom left;
    color: #000;
  }
  
  #main-nav a.first {
    border-top: none;
    background: transparent url('../images/i-nav-first.gif') no-repeat;
    height: 44px;
    padding-top: 14px;
  }
  
  #main-nav a.current {
    background-position: bottom left;
    color: #000;
  }
  
  #main-nav a.current-sub {
    border-bottom: none;
  }
  
  /* Sub Nav */
  
  #main-nav ul.sub-nav {
    background-color: #fff;
    border: #66c8ee solid 4px;
    padding: 10px 0;
  }
  
  #main-nav ul.sub-nav a {
    background: none;
    line-height: 18px;
    height: 18px;
    border: 0; 
    width: auto;    
    font-weight: normal;
    text-transform: none;
  }
  
  #main-nav ul.sub-nav a:hover {
    background: transparent url('../images/i-nav-indicator.gif') no-repeat left 2px;
    color: #00a4e4;
  }
  
  #main-nav ul.sub-nav a.current {
    background: transparent url('../images/i-nav-indicator.gif') no-repeat left 2px;
    color: #00a4e4;
  }
  
#content-wrapper {
  background: transparent url('../images/i-shadow.png') repeat-y;
  padding: 0 60px;    
}

#content {
  background: transparent url('../images/i-australia.gif') no-repeat bottom left;
  padding: 0 20px 60px 260px;
  min-height: 660px;
}

  /* Footer */
  
  #footer {
    background: #1b2227 url('../images/i-footer.gif') repeat-x;
    padding: 20px 20px 5px 20px;
  }
  
  .column {
    width: 200px;
    float: left;
    margin: 0 20px 0 0;
  }
  
  .column-wide {
    width: 410px;
    border-left: #455560 solid 1px;
    padding: 0 0 0 20px;
  }
  
  .nav-bottom a {
    text-transform: uppercase;
  }
  
  #footer h2 {
    color: #00a4e4;
    border: none;
    margin: 0 0 10px 0;
  }
  
  #footer li {
    list-style: none;
  }
  
  #footer a {
    color: #455560;
    text-decoration: none;    
    font-size: 0.875em;
    font-weight: bold;
  }
  
  #footer a:hover {
    padding: 0 0 0 15px;
    background: transparent url('../images/i-navbottom-indicator.gif') no-repeat left center;
    color: #00a4e4;
  }
  
  #footer dl.col, #footer dl.col a {
    color: #fff;
    font-size: 1em;
    font-weight: normal;
  }
  
  #footer dl.col a:hover {
    color: #00a4e4;
  }
  
  
#author {
  background: transparent url('../images/i-author.png') no-repeat;  
  padding: 30px 80px;
  text-align: right;
}

#author a {
  color: #455560;
  font-size: 0.75em;
  text-decoration: none;
}

#author a:hover {  
  color: #00a4e4;
}

/* Content Styling */

  /* Buttons */
  
  a.button {
    display: block;
    width: 213px;
    line-height: 24px;
    background: transparent url('../images/g-button.png') no-repeat;
    text-decoration: none;
    color: #455560;
    padding: 0 10px 0 25px;
    font-size: 0.875em;
    font-weight: bold;
  }
  
  a.button:hover {
    background-position: bottom left;
    color: #000;
  }
  
  a.button-column, #main-nav .special-offer a.button-column {
    display: block;
    width: 140px;
    line-height: 24px;
    background: transparent url('../images/g-button-form.png') no-repeat;
    text-decoration: none;
    color: #455560;
    padding: 0 10px 0 40px;
    font-size: 0.875em;
    font-weight: bold;
    margin: 10px 0 0 20px;
    text-transform: uppercase;
  }
  
  a.button-column:hover {
    background-position: bottom left;
    color: #000;
  }
  
  a.button-small, #main-nav .special-offer a.button-small {
    display: block;
    width: 130px;
    line-height: 24px;
    background: transparent url('../images/g-button-small.png') no-repeat;
    text-decoration: none;
    color: #455560;
    padding: 0 10px 0 40px;
    font-size: 0.875em;
    font-weight: bold;
    margin: 10px 0 0 10px;
    text-transform: uppercase;
  }
  
  a.button-small:hover, #main-nav .special-offer a:hover.button-small {
    background-position: bottom left;
    color: #000;
  }
  
  #content a.button-flexi {
    background: transparent url('../images/g-button-r.gif') no-repeat scroll top right;    
    display: block;
    float: left;    
    margin:0 6px 10px 0;
    padding-right: 10px; /* sliding doors padding */
    line-height: 24px;
    text-decoration: none;
    color: #455560;
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
  }

  #content a.button-flexi span {
    background: transparent url('../images/g-button-l.gif') no-repeat;
    display: block;
    line-height: 24px;
    padding: 0 8px 0 30px;
  }

  #content a:hover.button-flexi {
    background-position: right bottom;
  }
  
  #content a:hover.button-flexi span {
    background-position: left bottom;
  }
  
  /* Highlights */
  
  .highlight {
    width: 420px;    
    background: #ccecf9 url('../images/g-highlight-aussies-t.gif') no-repeat;
  }
  
  .highlight-inner {
    padding: 10px 0 0 160px;
    background: transparent url('../images/p-aussie-beach.jpg') no-repeat left bottom;
    min-height: 146px;
  }
  
  .highlight h2 {
    color: #00a4e4;
    margin: 0 0 0 30px;
    border: none;
 	  font-size: 0.9em;
  }
    
  .highlight p {
 	  font-size: 0.8em;
    margin: 2px 2px 2px 30px;
  }
  
  .special-hl {
    background-image: url('../images/g-highlight-special-t.gif');
  }
  
  .special-hl .highlight-inner {
    background-image: url('../images/p-smiling-aussie.jpg');
  }

.h1-divider {
  display: block;
  background: transparent url('../images/i-h1.gif') repeat-x left bottom;
  height: 22px;
  line-height: 1.7em;
  padding-left: 10px;
  font-size: 13px;
}

.h1-divider a{
  text-decoration: none;
  color: #333;
}
.h1-divider a:hover {
  text-decoration: underline;
}
.column-side {
  margin: 0 0 30px 20px;
}

.column-feature {
  width: 210px;
  background: #d9dddf url('../images/g-highlight-side-b.gif') no-repeat left bottom;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
}

#content .column-feature li {
  font-size: 0.875em;
  list-style: none;
  background: transparent url('../images/g-list-icon.png') no-repeat 10px 12px;
  padding: 6px 10px 8px 20px;
  border-bottom: #99daf4 solid 1px;
}

#content .column-feature li span {
  font-weight: bold;
}

#content .column-feature li a {
  text-decoration: none;
  color: #455560;
}

#content .column-feature li a:hover {
  color: #000;
}

p.jumpout, ul.jumpout {
  background-color: #e8eaeb;
  padding: 10px;
  border-bottom: #e0e3e5 solid 2px;
  width: 420px;
}

/* Jobs Search */

.search-wrapper {
  float: left;
  margin: 20px 20px 0 0;
}

.job-wrapper {  
  border-bottom: #99daf4 solid 1px;
}

#content .jobs-list h3 a {
  text-decoration: none;
  color: #00a4e4;
  background: transparent url('../images/i-nav-indicator.gif') no-repeat left 2px;
  padding: 0 0 0 15px;
}

#content .jobs-list h3 a:hover {
  color: #000;
}

#content .jobs-list .stateHeading {
  font-weight: bold;
  margin: 20px 0px;
  font-size: 1.6em;
}

/* Special Offer */

#main-nav .special-offer {
  width: 200px;
  background: transparent url('../images/g-special-offer-t.gif') no-repeat;
  margin: 20px 0 0 20px;
  padding: 92px 0 10px 0;
}

#main-nav .special-offer p {
  margin: 0 10px;
  background-color: #fff;
  padding: 0 10px;
}

#main-nav .special-offer a {
  border: none; 
}

#main-nav .special-offer-inner {
  margin: 0 10px;
  background-color: #fff;
  padding: 5px 0 10px 0;
}