body {
	color: #666;
	font-size: 62.5%;
}

p {
	font: 1.25em/1.7 Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

#header {
	margin-top: 70px;
}

#header p {
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	width: 560px;
	margin-bottom: 100px;
}

#container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#logo {
	width: 470px;
	height: 50px;
	background: url("http://weareagoodcompany.s3.amazonaws.com/logo.png") no-repeat;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
}

h1#logo a {
	display: block;
	width: 470px;
	height: 50px;
	border-bottom: none
} 

.invisible {
	display: none;
}

#content {
	font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

a {
	color: #883f98;
	font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	font-size: .95em;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed #daace5;
}

a:hover {
	font-weight: bold;
	text-decoration: none;
	border-bottom-style: solid;
}

a:hover, a:visited:hover {
	font-weight: bold;
	text-decoration: none;
	border-bottom-style: solid;
	color:#6a207a;
}

a:visited {
	color: #977aa1;
	font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed #977aa1;
}

a.blue {
  border-color: #00a0f0 !important;	
}

a.red {
  border-color: #ff0011 !important;	
}

.red {
	color: #ff0011 !important;
}

.green {
	color: #00a630 !important;	
}

.blue {
	color: #00a0f0 !important;
}

.purple {
	color: #883f98 !important;
}

/* INDEX : projects list */

	ol#projects {
		margin-top: -20px;
	}
	
	ol#projects li {
		color: gray;
		font-family: Georgia, "Times New Roman", Times, serif;
		list-style-position: outside;

		margin-top: 80px;
	}
	
	ol#projects li h2 {
	  	text-transform: capitalize;
		border-bottom: 1px solid rgba(0,0,0,.08);	
	}
	
	
	/* special case to make thegoodisdeofus lowercase */
	ol#projects li#thegoodsideofus h2 {
	  text-transform:none;
	}
	
	
	ol#projects img{
		border: none;
	}

	
	ol#projects li p {
		font-family: Georgia, "Times New Roman", Times, serif;
		width: 307px;
		float: right;
		margin-bottom: 10px;
	}
	
	/* INDEX : projects list, individual care */

			ol#projects #theleague img {
				margin-left: -30px;
				float: left;
			}

			ol#projects #agoodportfolio-v3 img {
				margin-top: -45px;
				margin-left: -30px;
				float: left;
			}

			ol#projects #lettercase img {
				margin-top: -45px;
				margin-left: -30px;
				float: left;
			}

			ol#projects #irs img {
				margin-top: -45px;
				margin-left: -30px;
				float: left;
			}

			ol#projects #sidepaths img {
				margin-top: -45px;
				margin-left: -30px;
				float: left;
			}

			ol#projects #mobilecommons img {
				margin-top: -45px;
				margin-left: -36px;
				float: left;
			}

			ol#projects #bigideas img {
				margin-top: -50px;
				margin-left: -40px;
				float: left;
			}

			ol#projects #thegoodsideofus img {
				margin-top: -62px;
				margin-left: -40px;
				float: left;
			}

			ol#projects #sunsetcinema img {
				margin-top: -120px;
				margin-left: -40px;
				float: left;
			}

			ol#projects #groopbook img {
				margin-top: -64px;
				margin-left: -40px;
				float: left;
			}

			ol#projects #agoodportfolio img {
				margin-top: -10px;
				margin-left: -40px;
				float: left;
			}

			ol#projects #birdbath img {
				margin-top: -63px;
				margin-left: -40px;
				float: left;
			}

			ol#projects #milk img {
				margin-top: -17px;
				margin-left: -40px;
				float: left;
			}

			ol#projects #infodesign img {
				margin-top: -64px;
				margin-left: -40px;
				float: left;
			}

			ol#projects #who-we-are img {
				margin-top: 40px;
				padding-bottom:20px;
				float: left;
			}

			ol#projects #who-we-are p {
				position: relative;
				left: -260px;
			}

			ol#projects #who-we-are {
					position:relative;
					list-style-type: none;
			}
			
			ol#projects #who-we-are .top {
					position:absolute;
					top: 10px;
					right: 4px;
					border-bottom: none;
			}
			
			/* end INDEX: projects list individual care */
			
/* end INDEX: projects */

.clearfix {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


h2 {
	font: bold 2.1em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	padding-bottom: 5px;
}

#footer
 {
	margin-top:30px;
	margin-bottom: 30px;
	padding-left:35px;
	color:silver;
}

hr {
	border:none;
	border-bottom: 1px solid rgba(0,0,0,.10);
	padding-bottom: 5px;
}

a.button.email { margin: 48px auto 24px auto; }
a.button.email {
  display: block;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  border-radius: 150px;
  border: 4px solid #d9d9d9;
  width: 180px;
  padding: 12px;
  font: 24px Helvetica, "Helvetica Neue", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
  font-weight: bold;
  color: #999999;
  margin: 24px auto;
  text-align: center;
  text-shadow: 0px -2px 1px #ffffff;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #f7f7f7 3%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #f7f7f7), color-stop(100%, #e5e5e5));
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
}
a.button.email:active {
  background: #e5e5e5;
  background: -moz-linear-gradient(top, #e5e5e5 0%, #f7f7f7 94%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(94%, #f7f7f7));
  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}