/* 
 * Hand crafted by Tim Jensen
 * Compiled w/ Compass.
 */
/* line 17, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 14, ../sass/_base.scss */
html, body {
  height: 100%;
}

/* line 17, ../sass/_base.scss */
body {
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 100%;
}

/* line 23, ../sass/_base.scss */
header, section, footer, aside, nav, main, article, figure {
  display: block;
}

/* line 27, ../sass/_base.scss */
h1, h2, h3, h4, h5, h6 {
  display: inline-block;
}

/* line 30, ../sass/_base.scss */
h1 {
  font-size: 2.25em;
}

/* line 33, ../sass/_base.scss */
h2 {
  font-size: 1.875em;
}

/* line 36, ../sass/_base.scss */
h3 {
  font-size: 1.5em;
}

/* line 39, ../sass/_base.scss */
h4 {
  font-size: 1.125em;
}

/* line 42, ../sass/_base.scss */
h5, h6 {
  font-size: 1em;
}

/* line 46, ../sass/_base.scss */
h1 span, h2 span, h3 span, span.shim {
  display: block;
  width: 70%;
  height: 1px;
  clear: both;
  margin: 0.5em auto;
  background-color: #d1cbc3;
}

/* line 55, ../sass/_base.scss */
section {
  position: relative;
  display: block;
  width: 100%;
}

/* line 61, ../sass/_base.scss */
input, textarea {
  padding: 0.2em 0.5em;
  font-family: inherit;
  border: 1px solid #d1cbc3;
}

/* line 67, ../sass/_base.scss */
a {
  text-decoration: none;
  color: inherit;
}
/* line 70, ../sass/_base.scss */
a:hover {
  text-decoration: underline;
  color: #7833c5;
}

/* line 76, ../sass/_base.scss */
.wrapper {
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
}

/* line 81, ../sass/_base.scss */
.absolute_wrapper {
  position: absolute;
  width: 100%;
  max-width: inherit;
}

/* line 87, ../sass/_base.scss */
.fixme br {
  display: none;
}

/* Clearfix code */
/* line 3, ../sass/_custom.scss */
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  /* Base font */
  color: #787570;
}

/* line 8, ../sass/_custom.scss */
p {
  margin: 0 auto;
  padding-bottom: 1em;
  line-height: 1.2em;
}

/* line 13, ../sass/_custom.scss */
em {
  font-style: italic;
}

/* line 15, ../sass/_custom.scss */
h1 {
  font-size: 2em;
  margin: 1em 0;
}

/* line 16, ../sass/_custom.scss */
h2 {
  font-size: 2em;
  margin: 1em 0;
}

/* line 17, ../sass/_custom.scss */
h3 {
  font-size: 1.6em;
  margin: 1.6em 0;
}

/* line 18, ../sass/_custom.scss */
h4, h5, h6 {
  font-size: 1.2em;
  margin: 1em 0;
}

/* line 21, ../sass/_custom.scss */
h1, h2, h3 {
  font-weight: 300;
  line-height: 1.3em;
}

/* line 23, ../sass/_custom.scss */
section .wrapper div {
  margin: 1.5em auto;
  clear: both;
}

/* line 28, ../sass/_custom.scss */
section.welcome {
  height: 100%;
  min-height: 500px;
  background: #191918 url("../img/voice_overs_sunshine_coast.jpg") no-repeat 50% -50px;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  color: #fff;
}
/* line 33, ../sass/_custom.scss */
section.welcome div.intro {
  width: 45.5263157%;
  /* 519px / 1140px */
  margin: 0 auto;
}
/* line 36, ../sass/_custom.scss */
section.welcome div.intro h4 {
  color: #89765a;
}
/* line 39, ../sass/_custom.scss */
section.welcome div.intro a {
  width: 25.4335260%;
  /* 132px / 519px */
  margin: 1em auto;
  display: block;
  margin: 1em auto 0;
  padding: 1.25em;
  background-color: #7833c5;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
  color: white;
  text-decoration: none;
}
/* line 111, ../sass/_toolbox.scss */
section.welcome div.intro a:hover {
  background-color: white;
  color: #89765a;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
/* line 45, ../sass/_custom.scss */
section.welcome .absolute_wrapper {
  bottom: 0px;
}

@media all and (max-width: 768px) {
  /* line 51, ../sass/_custom.scss */
  section.welcome {
    background: #191918 url("../img/voice_overs_sunshine_coast.jpg") no-repeat 50% -50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

@media all and (max-width: 480px) {
  /* line 51, ../sass/_custom.scss */
  section.welcome {
    background: #191918 url("../img/voice_overs_sunshine_coast.jpg") no-repeat 50% -90px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 56, ../sass/_custom.scss */
.key {
  text-transform: uppercase;
}

/* line 61, ../sass/_custom.scss */
section.showreel div.donmoxham {
  width: 32.2807017%;
  /* 368px / 1140px; */
  margin: 2em auto;
}
/* line 64, ../sass/_custom.scss */
section.showreel div.donmoxham h2 {
  margin-bottom: 0;
  color: #89765a;
}
/* line 69, ../sass/_custom.scss */
section.showreel div.reelholder {
  display: block;
  width: 331px;
  height: 410px;
  margin: 0 auto;
  background-color: #333;
}
/* line 120, ../sass/_toolbox.scss */
section.showreel div.reelholder:after {
  content: "";
  display: table;
  clear: both;
}
/* line 76, ../sass/_custom.scss */
section.showreel div.reelholder div.portrait {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0;
  background: white url("../img/don_moxham.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 120, ../sass/_toolbox.scss */
section.showreel div.reelholder div.portrait:after {
  content: "";
  display: table;
  clear: both;
}
/* line 85, ../sass/_custom.scss */
section.showreel div.reelholder a {
  width: 88px;
  height: 88px;
  display: block;
  margin: 366px auto 10px;
  padding: 0;
  background-color: rgba(120, 51, 197, 0.7);
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
  color: white;
  text-decoration: none;
  text-indent: -9999px;
  border-radius: 44px;
}
/* line 111, ../sass/_toolbox.scss */
section.showreel div.reelholder a:hover {
  background-color: #7833c5;
  color: inherit;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
/* line 91, ../sass/_custom.scss */
section.showreel div.reelholder a span {
  position: relative;
  top: 10px;
  display: block;
  width: 70%;
  height: 70%;
  margin: 0 auto;
  border: 4px solid #fff;
  border-radius: 50%;
}
/* line 100, ../sass/_custom.scss */
section.showreel div.reelholder a span svg {
  display: block;
  width: 45%;
  height: 45%;
  margin: 0 auto;
  padding: 1.2em 1em;
}
/* line 106, ../sass/_custom.scss */
section.showreel div.reelholder a span svg path {
  fill: #fff;
}
/* line 119, ../sass/_custom.scss */
section.showreel div.approach {
  width: 49.2105263%;
  /* 561px / 1140px */
  margin-top: 7em;
  -webkit-transition: margin-top 1s;
  -moz-transition: margin-top 1s;
  -o-transition: margin-top 1s;
  transition: margin-top 1s;
}
/* line 123, ../sass/_custom.scss */
section.showreel div.approach p.key {
  color: #89765a;
}

/* line 129, ../sass/_custom.scss */
section.enquire {
  margin: 2em auto;
  padding: 2em 0;
  background: #ececec url("../img/voice_over_services_enquiry.jpg") center 60px no-repeat;
  min-height: 460px;
}
/* line 134, ../sass/_custom.scss */
section.enquire .phone {
  font-size: 2em;
  margin: 1em 0;
  font-weight: 300;
}
/* line 137, ../sass/_custom.scss */
section.enquire .phone span.shim {
  width: 10%;
}
/* line 139, ../sass/_custom.scss */
section.enquire fieldset {
  position: relative;
  display: block;
  max-width: 350px;
  min-height: 466px;
  margin: 3em auto;
  padding: 0.5em 0 2em;
  background-color: #191918;
}
/* line 147, ../sass/_custom.scss */
section.enquire fieldset h2 {
  color: #eeecec;
}
/* line 150, ../sass/_custom.scss */
section.enquire fieldset input, section.enquire fieldset textarea {
  width: 82%;
  background-color: #eeecec;
  height: 40px;
  margin-bottom: 0.5em;
  color: #787570;
  font-size: 1em;
}
/* line 157, ../sass/_custom.scss */
section.enquire fieldset input.error, section.enquire fieldset textarea.error {
  border: 1px solid red;
}
/* line 161, ../sass/_custom.scss */
section.enquire fieldset textarea {
  height: 100px;
}
/* line 164, ../sass/_custom.scss */
section.enquire fieldset a.submit {
  width: 82%;
  display: block;
  margin: 0 auto;
  padding: 1em 0.5em;
  background-color: #7833c5;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
  color: white;
  text-decoration: none;
}
/* line 111, ../sass/_toolbox.scss */
section.enquire fieldset a.submit:hover {
  background-color: #7833c5;
  color: white;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
/* line 167, ../sass/_custom.scss */
section.enquire fieldset a.submit.disable {
  background-color: #d1cbc3;
}
/* line 171, ../sass/_custom.scss */
section.enquire fieldset label {
  display: none;
}
/* line 174, ../sass/_custom.scss */
section.enquire fieldset span.msg {
  z-index: 100;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  color: #89765a;
}
/* line 185, ../sass/_custom.scss */
section.enquire fieldset span.msg p {
  padding-top: 60%;
}

/* line 193, ../sass/_custom.scss */
section.contact {
  margin: 2em auto;
  padding: 2em 0;
}
/* line 196, ../sass/_custom.scss */
section.contact dl {
  width: auto;
  max-width: 340px;
  margin: 1em auto;
  padding: 0 0 1em 2em;
  text-align: left;
  border-bottom: 1px solid #d1cbc3;
  text-transform: uppercase;
}
/* line 204, ../sass/_custom.scss */
section.contact dl dt {
  width: 24%;
  float: left;
  margin-bottom: 0.4em;
  color: #89765a;
}
/* line 210, ../sass/_custom.scss */
section.contact dl dd {
  margin: 0 0 0 24%;
  margin-bottom: 0.4em;
}

/* line 217, ../sass/_custom.scss */
section.footer {
  margin: 2em auto;
  padding: 2em 0;
}
/* line 220, ../sass/_custom.scss */
section.footer p {
  margin: 0px auto;
  color: #89765a;
  text-transform: uppercase;
  font-size: 0.8em;
}

@media only screen and (max-width: 768px) {
  /* line 231, ../sass/_custom.scss */
  section.welcome div.intro {
    width: 80%;
  }
}
@media only screen and (max-width: 390px) {
  /* line 240, ../sass/_custom.scss */
  section.welcome div.intro h1 {
    font-size: 1.6em;
    margin: 1em 0;
  }

  /* line 246, ../sass/_custom.scss */
  section.showreel div.donmoxham, section.showreel div.approach {
    width: 90%;
  }

  /* line 251, ../sass/_custom.scss */
  section.footer {
    width: 90%;
  }
}