/*
Theme Name: CSM
Theme URI: http://csm:83
Description: Design created especially for Collins St Media, ported from existing Rails site developed by Inspire 9.
Version: 0.1
Author: Ben Chapman
Author URI: http://www.abitofit.com.au
Tags: fixed width, three columns
*/
@charset "utf-8";
@font-face {
  font-family: "NeoTech Bold";
  src: url("fonts/neotech-bold-webfont.eot");
  src: local("☺"), url("fonts/neotech-bold-webfont.woff") format("woff"), url("fonts/neotech-bold-webfont.ttf") format("truetype"), url("fonts/neotech-bold-webfont.svg#webfontCVnsTVxj") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "NeoTech Light";
  src: url("fonts/neotech-light-webfont.eot");
  src: local("☺"), url("fonts/neotech-light-webfont.woff") format("woff"), url("fonts/neotech-light-webfont.ttf") format("truetype"), url("fonts/neotech-light-webfont.svg#webfonta4Y24sSg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "NeoTech";
  src: url("fonts/neotech-webfont.eot");
  src: local("☺"), url("fonts/neotech-webfont.woff") format("woff"), url("fonts/neotech-webfont.ttf") format("truetype"), url("fonts/neotech-webfont.svg#webfontriRARnYD") format("svg");
  font-weight: normal;
  font-style: normal; }

html {
  font: 13px/1.2 Arial, sans-serif; }

h1 {
  margin-bottom: 15px;
  font: 40px "NeoTech Light", serif;
  color: #79bde8; }
  h1#logo {
    float: left;
    display: block;
    margin: 10px 0 0;
    width: 344px;
    height: 117px;
    background: url(images/logo.png) no-repeat;
    text-indent: -9999em; }

h2, h3 {
  margin: 30px 0 10px 0;
  font: 20px "NeoTech", serif;
  color: #002d6a; }
  h2.tag_line, h3.tag_line {
    margin: 0;
    padding: 10px 0px 5px 6px;
    background: #002d6a;
    color: white;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    text-transform: uppercase;
    font: 12px "NeoTech", serif; }
    h2.tag_line.content_header, h3.tag_line.content_header {
      position: relative;
      background: #79bde8; }
      h2.tag_line.content_header:before, h3.tag_line.content_header:before {
        content: "▼";
        position: absolute;
        bottom: -13px;
        left: 11px;
        font-size: 15px;
        color: #79bde8; }

a {
  color: #002d6a;
  text-decoration: none; }
  a:hover {
    border-bottom: 1px solid #002d6a; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

.clear {
  clear: both; }

#strip_top {
  padding: 9px 0 4px;
  background: #79bde8;
  font: 12px NeoTech, sans-serif;
  color: white; }
  #strip_top span {
    float: right;
    font-family: "NeoTech Bold", "NeoTech", sans-serif;
    color: #002d6a; }

#strip_bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0 5px;
  background: #d9ebf7;
  font: 12px "Myriad Pro", sans-serif;
  color: #79bde8; }
  #strip_bottom #footer {
    margin: 0;
    padding: 0;
    list-style: none; }
    #strip_bottom #footer li {
      float: left;
      padding: 0 8px;
      border-left: 1px solid #79bde8; }
      #strip_bottom #footer li:first-child {
        margin-left: 0;
        border-left: none; }
      #strip_bottom #footer li a {
        display: block;
        color: #79bde8;
        border-bottom: 1px solid #d9ebf7; }
        #strip_bottom #footer li a:hover {
          border-bottom: 1px solid #79bde8; }

.inner {
  margin: 0 auto;
  width: 886px; }

#container {
  margin: 0 auto;
  width: 886px; }

#header {
  padding: 30px 0 15px;
  overflow: auto; }

#feature {
  margin-bottom: 2px; }

ul#nav {
  float: left;
  margin: 80px 0 0 60px;
  padding: 0;
  list-style: none;
  }
  ul#nav li {
    float: left;
    padding: 0 10px; }
    ul#nav li a {
      display: block;
      color: #79bde8;
      text-decoration: none;
      text-transform: uppercase;
      font: 15px Helvetica, Arial, sans-serif;
      font-weight: 400; }
      ul#nav li a:hover {
        border-bottom: 4px solid #79bde8; }
      ul#nav li a.active {
        border-bottom: 4px solid #79bde8; }

ul#client_list {
  margin: 0;
  padding: 0; }
  ul#client_list li {
    display: block;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    width: 180px; }
    ul#client_list li .img_wrap {
      margin-bottom: 10px;
      text-align: center;
      background: white;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-radius: 6px; }
      ul#client_list li .img_wrap img {
        max-width: 180px;
        max-height: 80px; }

		
		
	#contentwidewrapper {
    width: 880px; }	
		
		
		
		
#content_wrapper {
  font-size: 13px; }
  #content_wrapper.double-sidebar {
    padding-left: 448px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px; }
  #content_wrapper.single-sidebar {
    padding-left: 224px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px; }
  #content_wrapper #content {
    padding: 25px 15px;
    line-height: 19px;
    color: #4d4d4d; }
    #content_wrapper #content p {
      margin-bottom: 15px; }
      #content_wrapper #content p.contact_card {
        display: inline-block;
        padding: 10px 25px;
        background: #d9ebf7;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px; }
    #content_wrapper #content img.left {
      clear: left;
      float: left;
      margin: 0.3em 2em 1em 0; }
    #content_wrapper #content img.right {
      clear: right;
      float: right;
      margin: 0.3em 0 1em 2em; }
    #content_wrapper #content .profile img.left {
      margin-right: 3em; }
    #content_wrapper #content ul {
      margin: 20px 0; }
      #content_wrapper #content ul li {
        position: relative;
        padding: 0px 0 5px 20px; }
        #content_wrapper #content ul li:before {
          content: "►";
          content: "►";
          position: absolute;
          top: 1px;
          left: 0;
          font-size: 14px;
          color: #79bde8; }
    #content_wrapper #content ul#client_blocks {
      display: block;
      margin: 0;
      padding: 0;
      width: 880px;
      height: 610px;
        list-style: none;
		}
      #content_wrapper #content ul#client_blocks > li {
        display: block;
        margin: 0;
        padding: 0;
        width: 880px;
        height: 350px;
        height: auto;
        list-style: none; }
        #content_wrapper #content ul#client_blocks > li:before {
          content: ""; }
    #content_wrapper #content .clients {
      width: 888px;
      overflow-y: auto; }
      #content_wrapper #content .clients li {
        margin: 0 15px 15px;
        padding: 0;
        width: 22%;
        float: left; }
        #content_wrapper #content .clients li:first-child {
          margin-left: 0; }
        #content_wrapper #content .clients li:nth-child(5) {
          clear: left;
          margin-left: 170px; }
        #content_wrapper #content .clients li:nth-child(7) {
          clear: left;
          margin-left: 0; }
        #content_wrapper #content .clients li:before {
          content: ""; }
        #content_wrapper #content .clients li img {
          margin-left: 0;
          max-width: 150px;
          max-height: 93px; }
        #content_wrapper #content .clients li .img_wrap {
          width: 100%;
          height: 90px; }
          #content_wrapper #content .clients li .img_wrap td {
            text-align: center;
            vertical-align: middle; }
        #content_wrapper #content .clients li .details {
          padding: 10px 15px;
          background: #d9ebf7;
          -moz-border-radius: 6px;
          -webkit-border-radius: 6px;
          border-radius: 6px;
          font-size: 0.8em;
          line-height: 1.3; }
      #content_wrapper #content .clients.nine li:nth-child(7) {
        margin-left: 75px; }

.sidebar {
  float: left;
  margin-left: 4px;
  margin-left: -204px;
  padding: 0 10px;
  width: 200px;
  min-height: 450px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  color: #4d4d4d;
  font-size: 11px;
  line-height: 19px;
  background-image: url(images/sidebar_bg.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-color: #e8f7f0; }
  .sidebar h2 {
    position: relative;
    display: block;
    margin: 0 -10px 15px;
    padding: 9px 10px 6px;
    height: 28px;
    color: white;
    font: 13px NeoTech, sans-serif;
    font-weight: bold;
    background: #22b573;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px; }
    .sidebar h2:before {
      content: "▼";
      position: absolute;
      bottom: -13px;
      left: 11px;
      font-size: 15px;
      color: #22b573; }
  .sidebar a.show_me {
    position: relative;
    margin-left: 17px;
    color: #22b573; }
    .sidebar a.show_me:hover {
      border-bottom: 1px solid #22b573; }
    .sidebar a.show_me:before {
      content: "►";
      position: absolute;
      top: -2px;
      left: -17px;
      font-size: 14px;
      color: #22b573; }
  .sidebar#announcements {
    margin-left: -448px;
    background-color: #e8f7f0; }
  .sidebar#clients {
    margin-left: -224px;
    background-position: -223px 100%;
    background-color: #f0e9f3; }
    .sidebar#clients h2 {
      background: #662d91; }
      .sidebar#clients h2:before {
        color: #662d91; }
    .sidebar#clients a.show_me {
      color: #662d91; }
      .sidebar#clients a.show_me:before {
        color: #662d91; }
      .sidebar#clients a.show_me:hover {
        border-bottom: 1px solid #662d91; }
		
/* WordPress styles */
.page_item {
 list-style: none;
}

.alignleft {
float: left;
margin-right:10px;
}
.alignright {
float: right;
margin-left:10px;
}
.aligncenter {
display: block;
margin: 0 auto;
}

.wp-caption {
padding-top: 5px;
border: 4px solid #e2e2e2;
text-align: center;
background-color: #fff;
margin: 10px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}