@font-face {
    font-family: 'HelveticaRegular';
    src: url('/images/fonts/helr45w-webfont.eot');
    src: url('/images/fonts/helr45w-webfont.eot?iefix') format('eot'),
         url('/images/fonts/helr45w-webfont.woff') format('woff'),
         url('/images/fonts/helr45w-webfont.ttf') format('truetype'),
         url('/images/fonts/helr45w-webfont.svg#webfontpyPhCrd4') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'HelveticaBold';
    src: url('/images/fonts/helr65w-webfont.eot');
    src: url('/images/fonts/helr65w-webfont.eot?iefix') format('eot'),
         url('/images/fonts/helr65w-webfont.woff') format('woff'),
         url('/images/fonts/helr65w-webfont.ttf') format('truetype'),
         url('/images/fonts/helr65w-webfont.svg#webfont7Ew0MfWM') format('svg');
    font-weight: bold;
    font-style: normal;

}

html {
    background-color: #f5f5f5;
}


body {
    background-color: #f5f5f5;
    font-family: Helvetica, 'HelveticaRegular', Arial, san-serif;
    font-size: 12px;
    overflow-x: hidden;
    line-height: 140%;
}

#page-container {
    margin: 0 auto;
    width: 950px;
    display:none;
    background-color: #ffffff;
    padding: 0px 30px;
}

img {
    max-width: 100%;
    border:0;
}

a:active {
    outline: none;
}

a:focus {
    -moz-outline-style: none;
}

#main-page {
  /*  margin: 50px 30px;*/
}

#logos img {
    margin: 0px 30px 35px 0px;
}

#logos {
/*    margin-left: 30px;*/
}

p {
    line-height: 140%;
}

.clear {
    clear: both;
}

strong {
    font-family: Helvetica, 'HelveticaBold', Arial, san-serif;
    font-weight:bold;
}

a {
    color: #000000;
    text-decoration: none;
   outline: 0;
}

h3 {
    width: 100%;
    border-top: 1px solid #DBDCDD;
    border-bottom: 1px solid #DBDCDD;
    font-weight: bold;
    font-size: 12px;
    background-color: #F5F5F5;
    padding: 8px 0px;
}

em {
    font-style: italic;
}

strong em {
    font-style: italic;
    font-weight: bold;
}

em strong {
    font-style: italic;
    font-weight: bold;
}

textarea {
    overflow-y: hidden;
}

#navigation {
 float: left;
    font-size: 13px;
    height: 167px;
    margin-bottom: 28px;
    position: relative;
    width: 420px;
}

.home-header #navigation {
     margin-bottom: 0px;
}

#navigation li.active a {
    color: #808081;
}

#navigation li a span.two {
    color:#808081;
    cursor:pointer;
}

#navigation #main-navigation {
    margin-bottom: 25px;
    font-family: Helvetica, 'HelveticaBold', Arial, san-serif;
    font-weight: bold;
}

.contact-details {
    color: #8F9194;
   /* margin-top: 20px;*/
   left:440px;
	position:absolute;
	top:-55px;
	width: 320px;
}

.home-header .contact-details {
     margin-top: 20px;
}

.contact-details a {
    color: #8F9194;
    margin-left: 10px;
}

.contact-details a:hover {
    color: #000000;
}

#header {

    background-color: white;
    padding-top: 50px;
    padding-bottom: 11px;
	position:relative;
	width:100%;
/*    margin-left: -30px;*/
}

#header.home-header {
    position: fixed;
    background-color: #ffffff;
/*    top: 0;*/
/*    padding-top: 50px;*/
    padding-bottom: 26px;
    z-index: 10;
/*    margin-left: -30px;*/
    width: 980px;
}

.home-page-banner {
/*    margin-top: 430px;*/
/*    padding-top: 410px;*/
    padding-top: 375px;
}


/* Home Page */

#home-page-text {
    float: left;
    width: 510px;
/*    margin-bottom: 10px;*/
/*    padding-right: 30px;
    margin-top: 87px;*/
	position:absolute;
	left:440px;
	top:0px;
}

#home-page-text p {
    margin-bottom: 18px;
}

h2 {
    margin-top: 35px;
    border-top: 1px solid #DBDCDD;
    border-bottom: 1px solid #DBDCDD;
    padding: 7px 0px 6px 0px;
    font-size: 14px;
    background-color: #F5F5F5;
height: 17px;
font-weight:bold;
}

#headlines {
    float: left;
    width: 66%;
    height: 125px;
}

.headline {
    float:left;
    width: 47%;
    margin-top: 15px;
}

.headline.first {
    margin-right: 25px;
}

#twitter {
    float: right;
    width: 34%;
}

#tweets {
    margin-top: 15px;
}

/* Twitter */
.jta-tweet-attributes {
    display: block;
}

.jta-tweet-attributes a {
    color: #AEB0B3;
}

.jta-clear {
    height: 0px;
}

.jta-tweet-body {
    width: 310px;
}


#about-pages {margin-top:30px;}

#about-table {
    width: 100%;
    margin-top: 30px;
    border-collapse: collapse;
    border:none;
font-size: 12px;
}
#about-table tr {
    padding: 0px;
}


#about-table td {
    width: 18%;
}

#about-table td.spacer {
    width: 2%;
    background-color: #ffffff;
}

#about-table td img {

    width: 175px;
    height: 85px;
}

#about-table td a {

    width: 175px;
    height: 85px;
}

#about-table td a:hover {

    width: 175px;
    height: 85px;
}

#about-table .about-titles td {
    padding: 6px 10px 8px;
    background-color: #000000;
}

#about-table .about-titles td a {
      color: #A1A51A;
}

#about-table .about-titles td.spacer {
    background-color: #ffffff;
}

.title-container {
    
    background-color: #000000;
    margin-top: -4px;
    height: 29px;
    padding-top: 6px;

}

.title-container a {
    color: #A1A51A;
    position: absolute;
    margin: 6px 10px 8px;
}

#work-table .title-container {
    width: 304px;
}

.work-table .title-container {
    width: 304px;
}



/* About Pages */

.page-text {
   margin-top: 30px;
}

.page-text ul li {
   list-style: disc;
   margin-left: 30px;
}

.page-text p {
    margin-bottom: 20px;
}

#about-agency .page-text {
    width: 80%;
}

.page-text .column {
    line-height: 140%;
}

#about-agency .page-text p {
  padding-right: 20px;
}

#about-agency .page-text ul {
  padding-right: 20px;
}


#about-disciplines .page-text {
    width: 398px;
    float: left;
}

#about-disciplines h2 {
   /* width: 740px;*/
}

#about-disciplines .right-key-services h2 {
    width: 200px;

}

#discipline-images {
    float:left;
    width: 30%;
    padding-right: 30px;
}

#discipline-images img {
    margin-top: 32px;
}

.right-key-services {
    float: right;
    margin-top: -67px;
}

#key-services {
    margin-top: 30px;
}

#key-services li {
    font-style: italic;
    padding-bottom: 2px;
}

/* Clients and Testimonials */

#clients {
    margin-top: 30px;
}

.client {
    position:relative;
    float: left;
    height: 25px;
    font-style: italic;
    width: 23.5%;
    margin-right: 2%;
/*    z-index: -1;*/
    border-bottom: 1px solid #D8D9DA;
    padding: 7px 0px 0px 0px;

    
}

.client.top {
    border-top: 1px solid #D8D9DA;
}

.client.last {
    margin-right: 0%;
}

.client.grey {
    
}

.client.grey span {
    float: right;
    margin-right: 10px;
    margin-top: -1px;
}

.client .testimonial {
    position: relative;
    margin-top: 5px;
    background-color: #3E3E3F;
    color: #ffffff;
    padding: 10px;
    z-index: 1;
}

.client .testimonial .client-name {
    margin-top: 18px;
}


#founder-images {
    float:left;
    width: 20%;
    padding-right: 30px;
}

#founder-images img {
    margin-top: 30px;
}

#about-founder .page-text {
    width: 50%;
    float: left;
}

/* Work Pages */

#work-table {
    width: 100%;
    margin-top: 30px;
    font-size: 12px;
}

#work-table td {
    width: 32%;
}

#work-table td.spacer {
    width: 2%;
    background-color: #ffffff;
}

#work-table td img {
/*    width: 100%;*/
width: 304px;
}

#work-table td a {
/*    width: 100%;*/
width: 304px;
}

#work-table td a:hover {
/*    width: 100%;*/
width: 304px;
}

.work-table {
    width: 100%;
    margin-top: 30px;
    font-size: 12px;
}

.work-table td {
    width: 32%;
}

.work-table td.spacer {
    width: 2%;
    background-color: #ffffff;
}

.work-table td img {
/*    width: 100%;*/
width: 304px;
}

.work-table td a {
/*    width: 100%;*/
width: 304px;
}

.work-table td a:hover {
/*    width: 100%;*/
width: 304px;
}

#work-image-left {
    float:left;
    width: 13%;
    margin-right: 30px;
}

#work-image-left img {
    margin-top: 30px;
}

#work-page .page-text {
    width: 40%;
    float: left;
/*    height: 380px;*/
}



#work-page h2.work {
    /*padding-left: 152px;*/
}

#work-page #right-column {
    float: right;
    width: 20%;
    margin-top: -67px;
}

#work-page #right-column h2 {
 
}

#work-page #right-column .share {
    margin-top: 25px;
}

#work-bottom-image {
    margin-top: 20px;
}

#work-bottom-image img {
    margin-top: -8px;
width: 950px;
}

.project_link {
    margin-top: 55%;
}

.project_link a {
    font-size: 12px;
}

.project_link h2 {
    margin-bottom: 17px;
}

/* Work Continued */

.work-continued-list {
    float: left;
}

.work-continued-list ul {
    margin-top: 15px;
}

.work-continued-list ul li {
    line-height: 200%;
}

#work-continued {
    width: 16%;
}

.work-continued-list li a span.two {
    color:#8F9194;
    cursor:pointer;
}

#work-web-design {
    width: 27%;
}

#work-graphic-design {
    width: 27%;
}

#work-photo-shoots {
    width: 31%;
}

#work-careers {
    width: 15%;
}

.share {
    margin-top: 8px;
}

.share img {
    width: auto !important;
}

.share span, .share a {
/*    margin-right: 5px;*/
}

.share a {
    margin-right: 5px;
}

#work-table .st_sharethis_custom {
    padding-bottom: 7px;
    vertical-align: 9px;
}

.work-table .st_sharethis_custom {
    padding-bottom: 7px;
    vertical-align: 9px;
}

#right-column .st_sharethis_custom {
    vertical-align: 9px;
	padding-top: 9px\0/;
}

#work-table .share {
    padding-bottom: 20px;
}

.work-table .share {
    padding-bottom: 20px;
}

.st_sharethis_custom {
    background: url("http://www.designidentity.com.au/images/design_identity/share_this_ico.jpg") no-repeat scroll left top transparent;
    padding: 0px 22px 6px 0px;
/*    margin-top: 1px;*/
/*   margin-right: 5px;*/
    vertical-align: 8px;
}

.st_sharethis_custom {
    padding-top: 8px\0/;
}

#work-table .st_sharethis_custom{
    padding-bottom: 8px\0/;
    padding-top: 9px\0/;
}

.work-table .st_sharethis_custom{
    padding-bottom: 8px\0/;
    padding-top: 9px\0/;
}


.facebook_like {
    position: absolute !important;
    margin-top: 1px;
    padding-left: 5px;
    width: 120px !important;
}

#work-table .facebook_like, #right-column .facebook_like {
 
    margin-top: 1px;

 
}

.work-table .facebook_like, #right-column .facebook_like {
 
    margin-top: 1px;

 
}


/* Contact */

#contact_section {
    margin-top: 5px;
}

#contact_section h2 {
    margin-top: 5px;
}

.contact_list {
    float: left;
}

#contact {
    width: 40%;
}

#request_brochure {
    width: 30%;
}

#enquires { 
    width: 30%;
}

#contact_details {
    background-color: #3E3E3F;
    padding: 25px 15px 15px 15px;
    margin-top: 10px;
    color: #ffffff;
    font-size: 11px;
    height: 356px;
}

#contact_details img {
    margin-bottom: 5px;
}

#contact_details p {
    margin-bottom: 14px;
}

#contact_details p.privacy {
    /*margin: 53px 0px 0px 0px;*/
    text-decoration: underline;
}

#contact_details p span a {
    text-decoration: underline;
    color: #ffffff;
}

.enquiry_form label.error {
    color: #d10a27;
    float: right;
    margin-right: 20px;
}

.enquiry_form {
    background-color: #3E3E3F;
    padding: 25px 15px 15px 2px;
    margin-top: 10px;
    color: #ffffff;
    font-size: 11px;
    height: 356px;
    border:none;
}

.enquiry_form p {
    margin-top: 10px;
}

.enquiry_form .send_copy {
    margin-top: 5px;
}

.enquiry_form .send_copy input[type=checkbox] {
    display: none;
}

.enquiry_form .send_copy .checkbox_image {
    /*vertical-align: -2px;*/
    cursor: pointer;
    height: 11px;
    width: 11px;
    background: url('http://www.designidentity.com.au/images/design_identity/unchecked.jpg') no-repeat;
    float: left;
    margin-top: 3px;
}

.enquiry_form .send_copy label {
    margin-left: 5px;
}

.enquiry_form .send_copy .checkbox_image.selected {
    background: url('http://www.designidentity.com.au/images/design_identity/ticked.jpg') no-repeat;
}

.enquiry_form input[type=text], .enquiry_form textarea {
    width: 250px;
    background-color: #231F20;
    border: none;
    color: #ffffff;
    margin-top: 2px;
}

.enquiry_form input[type=text] {
    height: 20px;
}

.enquiry_form textarea {
    height: 100px;
}

.enquiry_form button {
    border: none;
    background-color: #ffffff;
    font-size: 11px;
    font-family: Helvetica, 'HelveticaRegular', Arial, san-serif;
    padding: 3px 6px;
    float:left;
    cursor: pointer;
}

.privacy a {
    color: #ffffff;
}

.form_error {display:none;}

.form_result {
    float: left;
    margin-top: 8px;
    text-transform: uppercase;
    margin-left: 120px;
}

#footer .footer-container {
    margin: 0 auto;
    width: 1010px;
    background-color: #ffffff;
}

#footer .footer-container img {
    float: right;
    margin-top: -30px;
    z-index: 1;
}

/* Blog Styles */
#recent-blog-entries {
    width: 624px;
    float: left;
    margin-top: 15px;
}

#recent-blog-entries h1 {
    font-weight: bold;
    font-size: 20px;
    width: 500px;
    margin: 10px 0px 5px 0px;
}

#blog-sidebar {
    width: 268px;
    float:right;
    margin-top: 15px;
}

#facebook-group {
    border: 1px solid #DBDCDD;
}

#blog-sidebar h2 {
    margin-bottom: 20px;

}

.sidebar-box {
    margin-bottom: 40px;
}

#sponsored-links img {
    border: 7px solid #DBDCDD;
}

#sponsored-links .link {
    float: left;
    margin-bottom: 10px;
}

#sponsored-links .link.odd {
    margin-right: 10px;
}

.blog-entry.spacing {
    margin-top: 40px
}

.blog-entry.double {
    border-top: 1px solid #DBDCDD;
}

.blog-entry-title {
    border-top: 1px solid #DBDCDD;
    padding: 5px 0px;
    margin-top: 2px;
}

.blog-entry-title h1 {
    float: left;
}

.blog-entry-title .entry-date {
    float:right;
    color: #A6A8AB;
    font-size: 20px;
    margin: 10px 0px 5px 0px;
}

.blog-entry .media {
    margin-top: 10px;
}

.entry-extract p {
    margin-top: 15px;
    font-weight: bold;
}

.entry-share {
    margin-bottom: 10px;
}

.entry-share .st_sharethis_custom {
	vertical-align: 9px;
}

.entry-share h3 {
    margin-top: 10px;
    width: 175px;
}

.pagination-border {
    border-top: 1px solid #DBDCDD;
    border-bottom: 1px solid #DBDCDD;
}

.pagination {
    border-top: 1px solid #DBDCDD;
    border-bottom: 1px solid #DBDCDD;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 15px 0px;
    color: #ffffff;
}

.pagination a, .pagination span {
    color: #ffffff;
    background-color: #A6A8AB;
    padding: 5px 9px;
}


.pagination strong {
    background-color: #3E3E3F;
    padding: 5px 9px;
    font-weight: normal;
}

.single-entry .media iframe, .single-entry .media img{
    margin-bottom: 10px;
}

#blog_search {
    float: right;
     margin-top: 16px;
}

#blog_search input {
    width: 220px;
    color: #ffffff;
    background-color: #3E3E3F;
    border: none;
    padding: 5px 4px 3px;
}

#blog_search button {
    border:none;
    background-color: #A6A8AB;
    color: #ffffff;
    padding: 2px 2px 3px;
    font-size: 12px;
    cursor: pointer;
}

.darken_link {
    background-color:black;
    display: block;
    opacity:1;
}

.darken {
    opacity:1;
    display: block;
}


#nav_categories li a span.two, #archives a span.two, #latest-work a span.two, #friends-of a span.two, .entry-extract a span.two {
    color:#808081;
    cursor:pointer;
}

#back-to-top {
    margin-top: 30px;
}

#back-to-top a {
    background-color: #3E3E3F;
    color: #ffffff;
    padding: 6px;
}

#back-to-top a span {
    background: url("http://www.designidentity.com.au/images/design_identity/back-to-top.png") no-repeat scroll left top transparent;
    padding-right: 13px;
    padding-bottom: 2px;
    vertical-align: 9%;
    margin-left: 5px;
}

#back-to-top a:hover {
    background-color: #E5E6E7;
    color: #3E3E3F;
}

#back-to-top a:hover span {
    background: url("http://www.designidentity.com.au/images/design_identity/back-to-top-hover.png") no-repeat scroll left top transparent;
}

#back-to-top #left-back-to-top {float:left;}

#back-to-top #right-back-to-top {float:right;}

#about-founder.privacy  .page-text{
    width: 80%
}
#mailing_list{
	    color: #A1A51A;
    font-size: 12px;
    left: 440px;
    padding-top: 20px;
    position: relative;
    width: 100%;
}
#mailing_list #submit{
	background-color:#a1a51a;
	color:white;
	border:none;
	margin-left:8px;
	  padding: 4px 2px 2px;
	  font-size:11px;
	  width: 45px;
	  height: 21px;
}
#mailing_list #entry_field{
	margin-left:8px;
	color:#a1a51a;
	background-color:#231f20;
	border:none;
	 padding: 4px 3px 2px;
	  width: 200px;
}
#navigation .share{
 bottom: 0px;
    margin-top: 8px;
    position: absolute;
	 width: 300px;
}