#ClickTaleDiv {
  display: none; }

.float-right {
  float: right; }

html {
  background: url(/images/bg-repeat.png) repeat-x #fff;
  height: 100%;
  font-size: 100%; }

body.home {
  background: url(/images/content.png) no-repeat top center; }
  body.home #splash {
    margin: 1px auto 0;
    height: 418px;
    width: 960px;
    display: block; }
    body.home #splash .gallery {
      width: 960px;
      height: 400px;
      position: relative; }
  body.home #content {
    margin: 0 auto;
    min-height: 500px;
    width: 960px; }
    body.home #content .section {
      width: 470px; }
    body.home #content .left {
      float: left; }
    body.home #content .right {
      float: right; }

body {
  background: url(/images/portfolio-background.png) no-repeat top center;
  font-family: Arial, "MS Trebuchet", sans-serif;
  font-size: 80%;
  margin: 0;
  padding: 0;
  line-height: 22px; }
  body #splash {
    display: none; }
  body #content {
    margin: 70px auto;
    min-height: 500px;
    width: 920px; }

a {
  color: #BE1771;
  text-decoration: none; }
  a img {
    border: none; }
  a:hover {
    text-decoration: underline; }

p {
  line-height: 1.5em; }

h1 {
  font-size: 26px; }

#container {
  width: 980px;
  position: relative;
  margin: 0 auto;
  font-size: 1.1em;
  overflow: hidden; }
  #container #splash .gallery img {
    border: 2px solid #aaa; }

#header {
  width: 960px;
  margin: 0 auto;
  position: relative; }
  #header #logo {
    float: left;
    width: 529px; }
    #header #logo h2 {
      margin: 0;
      padding: 0; }
      #header #logo h2 a {
        display: block;
        height: 60px;
        width: 529px;
        margin: 15px 0 5px;
        padding: 0;
        text-indent: -999em;
        background: url(/images/logo.png) no-repeat; }
  #header #telephone {
    float: right;
    color: #000;
    padding-top: 20px; }
    #header #telephone h2 {
      margin: 0;
      padding: 0;
      font-size: 26px; }

#navigation {
  clear: both;
  width: 960px;
  margin: 0 auto;
  padding: 0;
  height: 52px;
  overflow: hidden; }
  #navigation li {
    float: left;
    display: block;
    height: 52px;
    line-height: 52px;
    padding-left: 0;
    margin: 0; }
    #navigation li a {
      color: #848484;
      text-decoration: none;
      text-transform: uppercase;
      display: block;
      line-height: 52px;
      height: 52px;
      padding: 0 20px;
      font-weight: bold; }
      #navigation li a:hover {
        color: #7b3500; }

#content .main #left {
  width: 180px;
  float: left; }
  #content .main #left h3, #content .main #left h5 {
    margin: 4px; }
  #content .main #left #leftnav {
    background: #eee;
    border: 1px solid #dadada; }
    #content .main #left #leftnav h3, #content .main #left #leftnav h5 {
      text-align: center; }
    #content .main #left #leftnav h5 {
      font-size: 14px;
      color: #BE1771; }
    #content .main #left #leftnav h3 {
      font-size: 18px; }
    #content .main #left #leftnav ul {
      padding: 10px 0 10px 10px; }
      #content .main #left #leftnav ul li {
        margin-bottom: 10px;
        list-style: none; }
        #content .main #left #leftnav ul li a {
          display: block;
          padding: 13px 0; }
        #content .main #left #leftnav ul li .selected {
          background: url(/images/selected.png) no-repeat;
          margin: 0 -42px 0 -30px;
          padding: 13px 30px;
          color: #fff; }
  #content .main #left .tagline p {
    font-size: 12px;
    text-align: left; }
  #content .main #left .tagline small {
    text-align: right;
    color: #a616b7;
    display: block; }
#content .main #right {
  width: 700px;
  float: right; }
#content .main .project {
  clear: both; }
#content .main #portfolio {
  margin: 0 30px 30px;
  overflow: auto; }
#content .main #blognav {
  width: 180px;
  float: left;
  background: url(/images/leftbar-bg.png) repeat-x top;
  border-top: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  min-height: 600px;
  font-size: 12px; }
  #content .main #blognav h3 {
    font-size: 19px;
    color: #888;
    margin-bottom: 20px; }
  #content .main #blognav ul.blognav {
    padding: 0 0 0 10px;
    margin: 0; }
    #content .main #blognav ul.blognav li {
      list-style-position: inside;
      margin-bottom: 10px;
      padding: 0;
      line-height: 18px; }
#content .main #blogcontent {
  width: 700px;
  float: right; }
  #content .main #blogcontent h1, #content .main #blogcontent h4 {
    margin-bottom: 0; }
  #content .main #blogcontent h1 {
    line-height: 40px !important; }
  #content .main #blogcontent h4 {
    font-size: 26px; }
  #content .main #blogcontent small {
    margin: -10px 0 10px 0;
    display: block;
    text-align: right; }
  #content .main #blogcontent h2 {
    text-align: right; }
  #content .main #blogcontent .items {
    padding: 0;
    margin: 0; }
    #content .main #blogcontent .items .blog.content {
      margin: 0 0 10px 0;
      border-bottom: 1px solid #eee;
      list-style: none; }
#content .main img {
  margin: 0 6px 6px; }
#content .sub {
  clear: both; }
#content .main h1, #content .sub h1 {
  font-size: 40px; }
#content .main h2, #content .sub h2 {
  padding: 6px 0;
  border-bottom: 1px solid #ddd;
  color: #be1771;
  font-size: 32px; }
#content .main h3, #content .sub h3 {
  margin-bottom: 2px;
  padding-left: 10px; }
#content .main p, #content .sub p {
  margin-top: 2px;
  text-align: justify;
  padding: 0 10px; }
#content .main #contact #contact-form, #content .sub #contact #contact-form {
  width: 50%;
  float: left;
  margin-right: 20px; }
#content .main #contact #contact-details, #content .sub #contact #contact-details {
  float: left;
  width: 47%;
  text-align: right; }
  #content .main #contact #contact-details .tel, #content .sub #contact #contact-details .tel {
    font-size: 1.2em;
    font-weight: bold; }
  #content .main #contact #contact-details p, #content .sub #contact #contact-details p {
    text-align: right; }
  #content .main #contact #contact-details #map, #content .sub #contact #contact-details #map {
    border: 4px solid #ccc; }
  #content .main #contact #contact-details .address, #content .sub #contact #contact-details .address {
    font-size: 16px; }
  #content .main #contact #contact-details .tel, #content .sub #contact #contact-details .tel {
    font-size: 18px;
    font-weight: bold; }

form.formtastic {
  padding-bottom: 20px; }
  form.formtastic .create {
    font-size: 20px; }
  form.formtastic .commit {
    list-style: none; }
  form.formtastic .half {
    width: 50%;
    float: left; }
  form.formtastic .full {
    clear: both; }
  form.formtastic ol li {
    font-size: 16px; }
    form.formtastic ol li label {
      float: none !important; }
    form.formtastic ol li input {
      width: 96% !important;
      height: 26px; }
    form.formtastic ol li textarea {
      width: 98% !important; }
    form.formtastic ol li input, form.formtastic ol li textarea {
      background: #eee;
      border: 1px solid #aaa; }
      form.formtastic ol li input:focus, form.formtastic ol li textarea:focus {
        background: #fff; }

#messages {
  padding-top: 10px; }
  #messages li {
    padding: 3px;
    font-weight: normal;
    color: #333;
    background-position: 6px 6px !important;
    background-repeat: no-repeat !important;
    list-style: none; }
    #messages li.success {
      background-image: url('/images/cms/icons/accept.png');
      background-color: #daf4cd;
      border: 5px solid #aae48a;
      text-indent: 23px; }
    #messages li.error, #messages li.form {
      background-image: url('/images/cms/icons/error.png');
      background-color: #fcf4d0;
      border: 5px solid #f8e691;
      text-indent: 23px; }
    #messages li.form p {
      margin: 0;
      padding: 0; }
    #messages li.form ol li {
      margin-bottom: 0;
      font-weight: normal;
      list-style-type: decimal;
      text-indent: 0px;
      margin-left: 25px; }

#footer {
  height: 410px;
  background: url(/images/footer.png) repeat-x;
  font-size: 1em; }
  #footer a {
    color: #fff;
    padding: 2px; }
    #footer a:hover {
      background: #fff;
      color: #000;
      text-decoration: none; }
  #footer .copyright p {
    width: 910px;
    margin: 0 auto;
    text-align: right;
    color: #333; }
  #footer .main {
    color: #fff;
    width: 960px;
    height: 370px;
    margin: 0 auto;
    position: relative; }
    #footer .main small {
      text-align: right;
      display: block;
      padding: 5px;
      font-style: italic; }
    #footer .main ul {
      width: 100%;
      margin: 0;
      padding: 0;
      list-style-type: none; }
      #footer .main ul li {
        float: left;
        width: 230px;
        margin-right: 10px;
        margin-top: 10px; }
        #footer .main ul li.contact {
          float: right; }
          #footer .main ul li.contact p {
            text-align: right;
            padding-right: 25px; }
        #footer .main ul li h3 {
          font-size: 0.8em;
          color: #fff;
          font-weight: normal;
          text-transform: uppercase;
          width: 210px;
          border-bottom: 1px solid #fff;
          padding: 3px; }
      #footer .main ul .twitter #bubble {
        background: url(/images/twitter-bubble.png);
        width: 196px;
        height: 246px;
        margin: 0 10px;
        position: relative; }
        #footer .main ul .twitter #bubble .follow {
          position: absolute;
          bottom: 0;
          left: 10px; }
    #footer .main ol {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      #footer .main ol li {
        margin: 0;
        padding: 3px 0; }
        #footer .main ol li p {
          margin-top: 3px;
          font-size: 0.9em;
          color: #eee;
          width: 210px; }
        #footer .main ol li h6 span {
          color: #fff;
          font-size: 0.8em;
          padding: 5px 5px 3px;
          background: #d05606; }
      #footer .main ol h6, #footer .main ol p.title {
        margin: 8px 0 0;
        padding: 0;
        font-size: 1em;
        color: #fff; }
    #footer .main #twitter {
      position: absolute;
      right: 200px;
      bottom: -8px; }