@charset "UTF-8";
/* CSS Document */
/*==============================
GLOBALS
===============================*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: sans-serif;
	font-weight: 300;
	font-style: normal;
	text-decoration: none;
	color: #000000;
}
body
{
	font-family:Arial;
	font-size:12px;
	background-color: #658439;
}
/*==============================
SITE
===============================*/
.site-wrapper
{
	background-image: url(images/index_bg.jpg);
	background-repeat: no-repeat;
	background-color: #658439;
	width: 1000px;
	height: 825px;
	margin-left: auto;
	margin-right: auto;
}
.about_site-wrapper {
	background-image: url(images/about_bg.jpg);
	background-repeat: no-repeat;
	background-color: #658439;
	width: 1000px;
	height: 825px;
	margin-left: auto;
	margin-right: auto;
}
.portfolio_site-wrapper {
	background-image: url(images/about_bg.jpg);
	background-repeat: no-repeat;
	background-color: #658439;
	width: 1000px;
	height: 825px;
	margin-left: auto;
	margin-right: auto;
}
/*==============================
HEADER
===============================*/
.header-wrapper
{
	width:1000px;
	height:282px;
	position: relative;
	z-index: 100;
}
.logo-wrapper {
	height: 279px;
	width: auto;
	float: left;
	position: absolute;
	top: 0px;
	left: 177px;
}
.home-button-wrapper {
	height: 49px;
	width: 116px;
	position: absolute;
	bottom: 100px;
	left: 360px;
	z-index: 100;
	visibility: visible;
}
.about-button-wrapper {
	height: 49px;
	width: 108px;
	position: absolute;
	bottom: 100px;
	left: 476px;
	z-index: 100;
	visibility: visible;
}	
.portfolio-button-wrapper {
	height: 49px;
	width: 108px;
	position: absolute;
	bottom: 100px;
	left: 584px;
	z-index: 100;
	visibility: visible;
}	
.blog-button-wrapper {
	height: 49px;
	width: 168px;
	position: absolute;
	bottom: 100px;
	left: 692px;
	z-index: 100;
	visibility: visible;
}	
/*==============================
BODY
===============================*/
.body-wrapper {
	width: 1000px;
	height: 364px;
	text-align: left;
	padding-left: 152px;
}
.about_body-wrapper {
	width: 1000px;
	height: 452px;
	text-align: left;
	position: relative;
}
.people_body-wrapper {
	width: 1000px;
	height: 452px;
	text-align: center;
}
.about_body-text {
	height: 432px;
	width: 475px;
	position: relative;
	left: 150px;
	float: left;
	font: normal 10px Arial, Helvetica, sans-serif;
	padding-left: 25px;
	text-align: justify;
	letter-spacing: 1%;
	line-height: 11px;
}
.people_content {
	height: 432px;
	width: 700px;
	position: relative;
	left: 150px;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: left;
}
.people_thumbnails {
	height: 250px;
	width: 250px;
	position: relative;
	left: 25px;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: justify;
	top: 25px;
}
.services_body-text {
	height: 432px;
	width: 700px;
	position: relative;
	left: 150px;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: justify;
}
.contact_map {
	height: 274;
	width: 329;
	position: relative;
	left: 175px;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: justify;
}
#contact_smallsquares {
	height: 103px;
	width: 330px;
	position: absolute;
	top: 280px;
	left: 175px;
	float: left;
	text-align: left;
}
#cause_text {
	height: 500px;
	width: 375px;
	padding: 15px;
	font: normal 11px Arial, Helvetica, sans-serif;
}
#casestudies_quote {
	height: 368px;
	width: 315px;
	position: absolute;
	top: 25px;
	left: 510px;
	float: left;
}
.contact_info {
	height: 250px;
	width: 315px;
	position: relative;
	float: right;
	font: normal 12px 'Lucida Grande', Arial, Helvetica, sans-serif;
	text-align: justify;
	top: 50px;
	right: 150px;
}
.services_serviceholder {
	height: 300px;
	width: 200px;
	position: absolute;
	top: 100px;
	left: 70px;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 2;
}
.services_creativeholder {
	height: 300px;
	width: 150px;
	position: absolute;
	top: 100px;
	left: 302px;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 2;
}
.services_productionholder {
	height: 300px;
	width: 150px;
	position: absolute;
	top: 100px;
	left: 502px;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 2;
}
.about_side-images {
	height: 502px;
	width: 190px;
	position: relative;
	float: right;
	right: 147px;
	top: -50px;
}
.portfolio_bigresults {
	height: 450px;
	width: 230px;
	position: relative;
	float: right;
	right: 150px;
}
.index_infobox {
	width: 1000px;
	height: 170px;
	position: relative;
}
.index_happenings {
	background-image: url(images/index_happenings.jpg);
	width: 196px;
	height: 109px;
	position: absolute;
	left: 158px;
	top: 9px;
	padding-top: 50px;
	padding-left: 35px;
	font: bold 11px Arial;
}
#index_happenings_flash {
	width: 231px;
	height: 159px;
	position: absolute;
	left: 158px;
	top: 9px;
	font: bold 11px Arial;
}
.index_smallthoughts {
	background-image: url(images/index_smallthoughts.jpg);
	width: 179px;
	height: 111px;
	position: absolute;
	left: 389px;
	top: 9px;
	padding-left: 33px;
	padding-top: 48px;
	padding-right: 15px;
}
.index_bigresults {
	background-image: url(images/index_bigresults.jpg);
	width: 197px;
	height: 109px;
	position: absolute;
	left: 616px;
	top: 9px;
	padding-top: 50px;
	padding-left: 33px;
}
.portfolio_body-text {
	height: 450px;
	width: 450px;
	position: relative;
	left: 155px;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: justify;
}
#casestudies_squares {
	height: 175px;
	width: 350px;
	position: absolute;
	float: left;
	left: 157px;
	top: 25px;
}
/*==============================
FOOTER
===============================*/
.footer
{
	clear: both;
	height: 16px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.about_bottom-tabs {
	height: 95px;
	width: 1000px;
	position: relative;
}
.portfolio_bottom-tabs {
	height: 95px;
	width: 1000px;
	position: relative;
}
.about_bottom-tab-people {
	height: 76px;
	width: 141px;
	position: absolute;
	left: 136px;
	top: 0px;
}
.portfolio_placeholder {
	height: 77px;
	width: 253px;
	position: absolute;
	left: 276px;
	top: 0px;
}
.portfolio_bottom-tab-casestudies {
	height: 76px;
	width: 143px;
	position: absolute;
	left: 133px;
}
.about_bottom-tab-services {
	height: 76px;
	width: 108px;
	position: absolute;
	left: 277px;
	top: 0px;
}
.about_bottom-tab-contact {
	height: 76px;
	width: 113px;
	position: absolute;
	left: 385px;
	top: 0px;
}
.about_bottom-envelope {
	height: 75px;
	width: 358px;
	position: absolute;
	left: 498px;
	top: 0px;
}
.portfolio_bottom-tabs-envelope {
	height: 75px;
	width: 358px;
	position: absolute;
	left: 528px;
}

/*==============================
TEXT STYLES
===============================*/
.bold_arial_11 {
	font: bold 10px Arial, Helvetica, sans-serif;
	font-family: Arial, Sans-Serif;
}
.bold_arial_12 {
	font: bold 12px Arial, Helvetica, sans-serif;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.bold_arial_13 {
	font: bolder 13px Arial, Helvetica, sans-serif;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.bold_arial_14 {
	font: bold 14px Arial, Helvetica, sans-serif;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.bold_arial_green_12 {
	font: bold 12px Arial, Helvetica, sans-serif;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #9abb47;
}
.normal_arial_12 {
	font: normal 10px Arial, Helvetica, sans-serif;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #000000;
}

/*==============================
HAPPENINGS
===============================*/

.happenings {
	width: 425px;
	height: 500px;
	background-image: url(images/happenings_bg.gif);
	font: normal 12px Arial;
	color: #000;
	padding-top: 65px;
	background-repeat: no-repeat;
	overflow: scroll;
}
.happenings_repeat {
	width: 340px;
	min-height: 500px;
	padding-left: 35px;
	padding-right: 25px;
	background-image: url(images/happenings_repeatbg.gif);
	background-repeat: repeat-y;
}