/**
  Collective Colony style sheet
  @date: 8.28.2009
  @author: Collective Colony
  
  @version: 1.0
*/

html,body {
	/*background: #7CAC03 none repeat scroll 0 0;*/
	background: #9d9d9d;
	color: #222222;
	cursor: default;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 16px;
	letter-spacing: .7px;
	height: 100%;
}

/* testing 960 layouts */
#overlay { 
	background: transparent url('/file-bin/images/overlay_12.png') repeat-y center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	z-index: 100;
}
#overlay div {
	background: #ffffff;
	color: #222222;
	font-family: "Lucida handwriting","Snell Roundhand","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size: 24px;
	filter: alpha(opacity=.75); 
	-moz-opacity: .75; 
	-web-kit-opacity: .75;
	opacity: .75;
	padding: 10px;
	text-align: center;
}


/*	COLORS	*/
.black { color: #222222; }
.grey { color: #9d9d9d; }
.light-green { color: #C9DA78; }
.green { color: #7CAC03; }
.orange { color: #DCA412; }
.red { color: #E53A31; }
.sky-blue { color: #BBE5E7; }
.blue { color: #5D9DAA; }
.white { color: #ffffff; }


.display-none { display: none; }
.center { text-align: center; }
.errorpage { height: 300px; }


/*	COLORED LINES  */
.redLine { background: #ffffff; border-top: 2px solid #E53A31; height: 2px; }
.greyLine { background: #ffffff; border-top: 2px solid #9D9D9D; height: 2px; }
.orangeLine { background: #ffffff; border-top: 2px solid #DCA412; height: 2px; }
.darkgreenLine { background: #ffffff; border-top: 2px solid #7CAC03; height: 2px; }
.blueLine { background: #ffffff; border-top: 2px solid #BBE5E7; height: 2px; }
.lightGreenLine { background: #ffffff; border-top: 2px solid #C9DA78; height: 2px; }


/* 	HEADER 	*/
#header { 
	background: #ffffff;
	display: block; 
	height: 55px; 
	padding-top: 5px; 
}
#header ul.navigation { 
	font-size: 10px; 
	margin-bottom: 10px; 
	text-align: right; 
}
#header ul.navigation li { display: block; float: right; }
#header ul.navigation li a { 
	color: #9d9d9d; 
	margin-left: 20px;
	text-decoration: none; 
}
#header ul.navigation li a:hover { color: #222222; }
#header ul.navigation li a.square { 
	display: block;
	margin-left: 20px;
	height: 10px; 
	width: 10px; 
}
#header ul.navigation li a.grey { background: #9d9d9d; }
#header ul.navigation li a.orange { background: #DCA412; }
#header ul.navigation li a.sky-blue { background: #BBE5E7; }
#header ul.navigation li a.blue { background: #5D9DAA; }
#header ul.navigation li a.red { background: #E53A31; }
#header ul.navigation li a.green { background: #7CAC03 }

#header .logo { font-size: 10px; text-align: right; }
#header .logo img { border: 0; }
#header .logo h1 { position: absolute; left: -500px; }


/*	CONTENT  */
.content_container { background: #ffffff; font-size: 14px; padding: 10px 0 20px; min-height: 250px; }
.content_container p { 
	color: #222222;
	font-size: 16px; 
	line-height: 24px; 
	padding: 10px 0; 
	text-shadow: 0 0 1px rgba(157,157,157,.2);
}
.content_container p a { color:#7CAC03; }
.content_container p a:hover { color:#DCA412; }

.content_container h2 { 	
	color: #222222;
	font-weight: bold;
	font-size: 20px;
	margin-top: 10px;
	text-transform: uppercase;
	text-shadow:0 1px 2px rgba(157, 157, 157, 0.2);
}	

.content_container .content { color: #222222; margin-bottom: 20px;  }
.content_container .content p:first-letter { font-size: 24px; text-shadow: 1px 1px 1px rgba(157,157,157,.5); }
.content_container .content p strong { font-weight: bold; }
.content_container .content p a { color: #7CAC03; }
/*.content_container .content p a:hover { color: #C9DA78; } */
.content_container .content p a:hover { color: #DCA412; }

.content_container .projectThumb { }
.content_container .projectThumb .overlay { 
	position: absolute;
	padding: 3px;
	filter: alpha(opacity=0); 
	-moz-opacity: .0;
	-webkit-opacity: .0;
	opacity: .0; 
	z-index: 10;
}
.content_container .projectThumb .underlay { 
	position: relative;
	z-index: 1;
}
.content_container .projectThumb img { cursor: pointer; margin: 0; }
.content_container .projectThumb img.blue { border: 3px solid #BBE5E7; }
.content_container .projectThumb img.red { border: 3px solid #E53A31; }
.content_container .projectThumb img.grey { border: 3px solid #9d9d9d; }
.content_container .projectThumb img.green { border: 3px solid #7CAC03; }
.content_container .projectThumb img.orange { border: 3px solid #DCA412; }
.content_container .projectThumb img.light-green { border: 3px solid #C9DA78; }


/** Content Sections */
#img-team { background: transparent url('/file-bin/images/team-icon.jpg') no-repeat left -5px; }
#img-team ul.team_photos { margin-top: 75px; }
#img-team ul.team_photos li {
	display: inline; 
	float: left; 
	text-align: center;
	width: 50%;
}
#img-team ul.team_photos li img.green { border: 3px solid #7CAC03; }
#img-team ul.team_photos li img.light-green { border: 3px solid #C9DA78; }
#cnt-projects { background: transparent url('/file-bin/images/projects-icon.jpg') no-repeat left 50px; }
#cnt-contact { background: transparent url('/file-bin/images/contact-icon.jpg') no-repeat 75px 5px;
	padding-top: 25px;
}


/* 	FOOTER	*/
#footer { background: #9d9d9d; display: block; padding: 20px 0; }
#footer .links { 
	color: #ffffff; 
	font-variant: small-caps; 
	font-size: 10px; 
	line-height: 14px; 
	text-transform: uppercase; 
}
#footer .links a, 
#footer .links a:active, 
#footer .links a:visited { color: #ffffff; text-decoration: none; }
#footer .links a:hover { color: #C9DA78; }

#footer .links p:first-letter { color: #C9DA78; }

#footer ul { margin-top: 10px; }
#footer ul li { display: block; float: left; margin-right: 10px; }

#footer a.square { 
	display: block;
	margin-left: 15px; 
	height: 10px; 
	width: 10px; 
}
#footer a.grey { background: #9d9d9d; }
#footer a.orange { background: #DCA412; }
#footer a.sky-blue { background: #BBE5E7; }
#footer a.blue { background: #5D9DAA; }
#footer a.red { background: #E53A31; }
#footer a.green { background: #7CAC03 }