@font-face {
    font-family: GraublauWeb;
    src: url(GraublauWeb.otf) format(truetype);
}
@font-face {
    font-family: GraublauWeb;
    font-weight: bold;
    src: url(GraublauWebBold.otf) format(truetype);
}

html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}body{font-size:75%;font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;line-height:1.5em}html>body{font-size:12px}strong,dt{font-weight:bold}em{font-style:italic}blockquote{margin:1.5em;color:#fff;font-style:italic}h1,h2,h3,h4,h5,h6{font-weight:normal}h1{font-size:3em;line-height:1;margin-bottom:0.5em}h2{font-size:2em;margin-bottom:0.75em}h3{font-size:1.5em;line-height:1;margin-bottom:1em}h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em}h5{font-size:1em;font-weight:bold;margin-bottom:1.5em}h6{font-size:1em;font-weight:bold}p,.content ul,.content ol,.content dl{font-size:1em;margin:1.5em 0}p img{float:left;margin:0 1.5em 1.5em 0;padding:0}p img.right{float:right;margin:1.5em 0 1.5em 1.5em}.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em}.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em}span.amp{font-family:Baskerville,"Goudy Old Style",Palatino,"Book Antiqua",serif;font-style:italic}ul{list-style:circle}ul,ol,dl{margin:0;padding:0}.box{padding:1.5em;margin-bottom:1.5em}ul.horizontal{float:left;list-style:none}ul.horizontal li{float:left}ul.horizontal:after{clear:left}.column{display:inline;float:left;margin-left:10px;margin-right:10px}.alpha{margin-left:0}.omega{margin-right:0}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}.clearfix{display:block}

sup { font-size: 0.9em; font-style: bold; vertical-align:top; }

/*Forms*/
fieldset {text-align:left;border:none;padding-bottom:3em}
  .internal #content fieldset ol,fieldset ul {padding:0;list-style:none}
    fieldset li {padding-bottom:1.1em;float:none;clear:left}
      label {padding-top:.45em;float:left;width:7em;margin-right:1em;font-weight:bold}
        form .guidance {font-weight:normal}
      input {position:relative;top:-.2em;width:300px;height:1.5em;}
      textarea {position:relative;top:-.2em;width:300px;height:10em}
      #newsletter-form {width:300px}
      #newsletter-form input.button {margin:0.5em 0 0 0;width:70px}
      input.button {margin:-.1em 0 0 8.7em;width:65px}
    fieldset.checkboxes li {clear:both;padding:.75em}
      fieldset.checkboxes label {margin:0 0 0 1em;width:20em}
      fieldset.checkboxes input {float:left}

/*Messages (errors)*/
div.success{background-color:#00AF2B}
div.error{background-color:#860000;color:#fff}
div.notice{background-color:#ffffcc}
  .error h3{color:red}
  .success h3{color:#CF6}
  div.success ul,div.error ul,div.notice ul{list-style:none}

/*Definition lists*/
dl.table-display{float:left;width:460px;margin:0 0 1em 0;padding:0}
.table-display dt{clear:left;float:left;width:80px;padding:5px;font-weight:bold;}
.table-display dd{float:left;width:350px;margin:0;padding:5px}

/*Type colours and so on*/
body {color:#fff}
  h1, h2, h3, h4, h5 {color:#F9F4B8}
  h6 {color:#bbb}
  h1, h2, h3, .nav {text-shadow: 2px 2px 4px #121212;font-family:GraublauWeb,"Lucida Grande","Lucida Sans Unicode",arial,sans-serif}
  h1 {font-weight:bold}
  a:link, a:visited {color:#eee;text-decoration:underline;-webkit-transition-property: color;-webkit-transition-duration: 0.3s;-moz-transition-property: color;-moz-transition-duration: 0.3s}
  a:active, a:hover, a:focus {color:#f9e44c}

body {background:#2f2f2c url('../images/background.jpg') top center repeat-x}
body.internal {}
  .container {width:960px;margin:0 auto}
  body.internal .container {background:url('../images/faded-logo-bg.png') top center no-repeat}
    .header {height:176px;position:relative}
      .header .logo {position:absolute;top:9px;left:10px}
        .header .logo a {text-indent:-999em;display:block;height:108px;width:162px;background:url('../images/cockatoo-logo.png') 0 0 no-repeat}
      .nav {position:absolute;bottom:2px;left:0;width:100%}
        .nav li {padding-right:3px}
          .nav a {display:block;padding:9px 10px 0 10px;height:27px;font-size:1.5em;line-height:1em;
                  border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
                  -webkit-transition-property: background-color;-webkit-transition-duration: 0.5s;-moz-transition-property: background-color;-moz-transition-duration: 0.5s}
          .nav a:link, .nav a:visited {text-decoration:none}
          .nav .active a:link, .nav .active a:visited, .nav .active a:active, .nav .active a:hover, .nav .active a:focus {background-color:#000;color:#F9F4B8}
          .nav a:active, .nav a:hover, .nav a:focus {background-color:#000;color:#f9e44c}
      .request-form-link {position:absolute;right:0;top:3em;font-size:1.5em;}
  #content {padding:2.3em 0}
	body.internal .breadcrumbs {color:#ccc;padding:0.5em 0 0.5em 170px;font-size:0.9em;}
	body.internal .breadcrumbs a {color:#ccc;}
	body.internal .breadcrumbs a:hover {background-color:#000;color:#f9e44c}
  body.internal #content {padding-top:1.5em}
  body.internal .local-nav {width:140px;padding:1.5em 0 0 0}
    .local-nav ul {list-style:none}
    .local-nav li {padding:0 0 1.5em 0;}
      .local-nav a:link, .local-nav a:visited {text-decoration:none}
      .local-nav .active a:link, .local-nav .active a:visited, .local-nav .active a:active, .local-nav .active a:hover, .local-nav .active a:focus {background-color:#000;color:#F9F4B8}
      .local-nav a:active, .local-nav a:hover, .local-nav a:focus {background-color:#000;color:#f9e44c}
    /*Home*/
      body.home #content .primary {width:620px}
        body.home #content .slides {height:230px;position:relative}
          body.home #content h2 {width:620px;font-size:2.8em;line-height:1;float:left;margin-top:1.4em;text-shadow: 2px 2px 4px #121212}
          body.home #content h2 a:link, body.home #content h2 a:visited {color:#fff}
          body.home #content h2 a:active, body.home #content h2 a:hover, body.home #content h2 a:focus {color:#f9e44c}
          body.home #content p.large-link {font-size:2em;position:absolute;top:72px;left:0}
          body.home #content p.large-link a:link, body.home #content p.large-link a:visited {color:#fff}
          body.home #content p.large-link a:active, body.home #content p.large-link a:hover, body.home #content p.large-link a:focus {color:#f9e44c}
    body.home #content .secondary {width:300px}
      body.home #content .services {width:300px;float:left;margin-top:1.4em;margin-bottom:1.4em}
        body.home #content .services h3 {font-style:italic}
        body.home #content .services ul {list-style:square;margin-left:20px}
          body.home #content .services li {font-size:1.2em;line-height:1.25em;color:#aaa}
            body.home #content .services a:link, body.home #content .services a:visited {text-decoration:none}
      .secondary .latest-news ol {list-style:none}
        .secondary .latest-news li {margin-bottom:1.5em}
          .secondary .latest-news h4, .secondary .latest-news h5, .secondary .latest-news p {margin:0;font-weight:normal}
    /*Internal*/
  body.internal #content {width:460px;min-height:400px;}  
		.internal #content .work ul {list-style:none;margin-left:0}
		.internal #content .work li {margin-right:15px;float:left;padding:1em 0 0 0}
    .internal #content ul {list-style:square;margin-left:30px}
    .internal #content .newsletter ol {padding-left:0;margin-left:0}
    .internal #content .newsletter li.button {padding-left:0;margin-left:0}
		.internal #content ol {list-style-type: decimal;margin-left:30px;margin-bottom:1.5em}
    #bio p {color:#ccc;border-top:1px solid #bbb;font-style:italic;padding-top:17px}
  body.internal .secondary-content {width:300px;padding:4.5em 0 0 0}
    .internal .secondary-content .newsletter {padding:17em 0 0 0;margin-left:2em}
    .secondary-content ul {list-style:none}
  .footer {height:36px;border-top: 1px solid #353535;padding-top:18px;margin-top:18px;color:#a1a1a1}
      .footer li {font-size:0.9em;padding-right:10px}
        .footer a:link, .footer a:visited {color:#a1a1a1}
        .footer a:active, .footer a:hover, .footer a:focus {color:#fff}
p.published {color:#ccc;font-size:0.9em;text-transform:uppercase;}