/* COPYRIGHT 2009 524 Creative, Inc. 
All Rights Reserved. 
Design, layout, CSS, content and images may not be 
reproduced without written permission.
BE CONSIDERATE - PLEASE DO NOT STEAL. */


/* General ============================================================================ */

.section {
  padding: 0 0 30px 0;
}

p.link {margin: 0;}
ul#navigation li a#work_active {background: url(../img/navigation/work.gif) 0 -50px no-repeat;}

.middle {
  margin: 25px 0 0 0;
  border: none;
}


/* Introduction ============================================================================ */

h2#introduction {
  background: url(../img/typography/introductions/home.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#introduction a {
  display: block;
  width: 186px;
  height: 19px;
  padding: 0 0 0 109px;
  }


/* Multi Column Layout ============================================================================ */
.left_column-mc {
  width: 270px;
  float: left;
  margin-left: 30px
}

.left_column-mcsmall {
  width: 150px;
  float: left;
  padding-right:10px;
  border-right:1px solid #bdbdb5;
}

.left_column-mc a:hover{color:#1c1c1c;}
.left_column-mcsmall a:hover{color:#1c1c1c;}


  .left_column-mc ul {margin: 12px 0 0 0;}

  .left_column-mc ul li {
    background: url(../images/bullet.png) 0 5px no-repeat;
    line-height: 17px;
    padding: 0 0 0 16px;
	color: #5c5c56;
  	font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
  }

  .left_column-mc p {margin: 7px 0 0 0;}
  .left_column-mc p.first {margin: 12px 0 0 0;}

  .left_column-mc p span {color: #7aaa1b;}
  
  
 .right_column-mc {
  width: 270px;
  float: right;
  margin-left: 30px
}

.right_column-mc a:hover{color:#1c1c1c;}


  .right_column-mc ul {margin: 12px 0 0 0;}

  .right_column-mc ul li {
    background: url(../images/bullet.png) 0 5px no-repeat;
    line-height: 17px;
    padding: 0 0 0 16px;
	color: #5c5c56;
  	font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
  }

  .right_column-mc p {margin: 7px 0 0 0;}
  .right_column-mc p.first {margin: 12px 0 0 0;}

  .right_column-mc p span {color: #7aaa1b;}
  
  .addthis_button {margin:12px 0 0 0;}


/* Project ============================================================================ */

h3#title {
  width: 64px;
  margin: 30px 0 12px 0;
}

h4 {
  font: normal 14px/17px Verdana, Arial, Helvetica, sans-serif;
  margin: 8px 0 0 0;
}

.left_column {
  width: 430px;
  margin: 0 30px 0 0;
  float: left;
}

.left_column-full {
  width: 640px;
  margin: 10px 30px 0 0;
  float: left;
}

#top_text p, div.image_stuff p {
  color: #5c5c56;
  font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
  margin: 9px 0 0 0;
}

.right_column {
  width: 200px;
  float: left;
}

.left_column a:hover{color:#1c1c1c;}
.right_column a:hover{color:#1c1c1c;}


  .right_column ul {margin: 12px 0 0 0;}

  .right_column ul li {
    background: url(../images/bullet.png) 0 5px no-repeat;
    line-height: 17px;
    padding: 0 0 0 16px;
	color: #5c5c56;
  	font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
  }

  .right_column p {margin: 7px 0 0 0;}
  .right_column p.first {margin: 12px 0 0 0;}

  .right_column p span {color: #7aaa1b;}
  
.right_column-award{
  width: 200px;
  float: left;
  margin:35px 0 0 0;
}  

h3#our_role {
  width: 145px;
  margin: 30px 0 0 0;}
  

h3#other_projects {
  width: 145px;
  margin: 20px 0 0 0;
}

h3#awards {
  width: 145px;
  margin: 20px 0 0 0;
}

div.work_example {
  width: 424px;
  border: 1px solid #adadad;
  padding: 3px;
  margin: 20px 0 0 0;
}

div.work_example_200 {
  width: 200px;
  border: 1px solid #adadad;
  padding: 3px;
  margin: 20px 0 0 0;
}

div.work_example_225 {
  width: 225px;
  border: 1px solid #adadad;
  padding: 3px;
  margin: 20px 0 0 95px;
}

div.work_example_200a {
  width: 200px;
  border: 1px solid #adadad;
  padding: 3px;
  margin: 0;
  float:right;
}

p.work_example {
  text-align: center;
  color: #5c5c56;
  font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
  margin: 2px 0 0 0;
}

p.right_column-award {
  text-align: left;
  color: #5c5c56;
  font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
  margin: 2px 0 0 0;
  padding: 10px 0 0 0;
}

.work-intro{
  font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
  padding-top: 10px;
  color:#5c5c56
  }