/* FONTS 
	----------------------------------------- */
	
	@font-face {
		font-family: 'CenturyGothicRegular';
		src: url('CenturyGothic-Regular.eot');
		src: local('Century Gothic Regular'), url('CenturyGothic-Regular.ttf') format('truetype'), url('CenturyGothic-Regular.svg#CenturyGothic') format('svg');
	}
	
	@font-face {
		font-family: 'CenturyGothicBold';
		src: url('CenturyGothic-Bold.eot');
		src: local('Century Gothic Bold'), url('CenturyGothic-Bold.ttf') format('truetype'), url('CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
	}
	
	
	/* RESET 
	----------------------------------------- */
	
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}body{ line-height:1}article,aside,dialog,figure,footer,header,hgroup,nav,section{ display:block}nav ul{ list-style:none}blockquote,q{ quotes:none}blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none}a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; cursor:pointer}ins{ background-color:#ff9; color:#000; text-decoration:none}mark{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold}del{ text-decoration:line-through}abbr[title],dfn[title]{ border-bottom:1px dotted #000; cursor:help}table{ border-collapse:collapse; border-spacing:0}hr{ display:block; height:1px; border:0;  border-top:1px solid #ccc; margin:1em 0; padding:0}input,select{ vertical-align:middle}.replace{display:block;width:0;height:0;overflow:hidden}.clear:after{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden}* html .clear {zoom:1}*:first-child+html .clear{zoom:1}
	
	
	/* STRUCTURE 
	----------------------------------------- */
	
	body {
		font: 62.5% "Trebuchet MS", "lucida grande", arial, sans-serif;
		background: url("../images/bg-body.gif") repeat-x;
	}
		
	#container {
		width: 965px; margin: 0 auto; padding: 0 0 0 30px;
		background: url("../images/bg-container.gif") no-repeat;
	}
		
	a { text-decoration: none; cursor: pointer; color: #008952; outline: none; }
	
	p {
		font-size: 1.3em; color: #333; line-height: 1.5em;
		padding: 0 0 14px 0;
	}
	
	p a			{ font-weight: bold; }
	p a:hover 	{ text-decoration: underline; }
	
	h1 {
		font-family: "CenturyGothicBold"; font-weight: normal;
		color: #2e2e2e; letter-spacing: -1px;
	}
	
	h1 a:hover { text-decoration: underline; }
	
	h2, h3, h4, h5, h6 {
		font-family: "CenturyGothicBold"; font-weight: normal;
		color: #333; letter-spacing: -1px;
	}
	
	.left 	{ float: left; }
	.right 	{ float: right; }
	
	
	/* HEADER 
	----------------------------------------- */	

	header {
		width: 925px; height: 70px; margin: 0 0 25px 0;
		background: url("../images/bg-header.gif") no-repeat;
		border-bottom: 1px solid #dddddd;
		font-family: "CenturyGothicBold"; }
		
	header a {
		display: block;
		padding: 8px 10px 6px 9px;
		vertical-align: middle;
		color: #2e2e2e; }
		
	header a,  x:-moz-any-link  { padding-top: 6px; } /* FF */	
	*:first-child+html header a { padding-top: 9px; } /* IE7 */
	
	header a:hover 	{ background: #00a15f; color: #fff; }
	
	header #nav		{ width: 550px; padding: 24px 0 0 161px; float: left; }
	header #nav li 	{ float: left; margin: 0 18px 0 0; }
	header #nav a 	{ font-size: 1.4em; letter-spacing: -1px; }
	
	header #util 	{ float: right; }
	header #util li { float: left; padding: 24px 0 0 18px; }
	header #util a 	{ font-size: 1.4em; letter-spacing: -1px; }
	
	header .active 	{ background: #00a15f; color: #fff; }
	
	
	/* CONTENT 
	----------------------------------------- */	

	#logo {
		width: 165px; height: 90px; float: left;
		background: url("../images/bg-logo.gif") no-repeat bottom;
	}
	
	#home #logo { width: 160px; }
	#content 	{ width: 800px; float: left; }
	
	
	/* HOME 
	----------------------------------------- */
	
	.blurb { width: 925px; padding: 0 0 20px 0; border-bottom: 1px solid #dddddd; }
	
	.blurb p {
		width: 631px; margin: 0 0 0 4px; padding: 20px 105px 16px 25px; float: left;
		font-family: "CenturyGothicRegular"; font-size: 2em; text-transform: uppercase;
		line-height: 1.4em; background: #dddddd; }
	
	.blurb span { font-size: .7em; color: #008952; padding: 0 0 0 10px; letter-spacing: -1px; }	
	.blurb a 	{ font-family: "CenturyGothicBold"; font-weight: normal; vertical-align: center; }
	
	.work 		{ width: 965px; }
	.work h1 	{ width: 125px; float: left; font-size: 1.8em; padding: 14px 0 0 0; }
	
	.work li h1 	{ float: none; padding: 8px 0 0 4px; width: 248px; }
	
	.work li h2 {
		font-family: "CenturyGothicBold"; font-size: 1.3em; font-weight: normal; 
		padding: 0 0 0 4px; color: #444; letter-spacing: -1px; line-height: .9em; }
	
	.work .thumb {
		display: block; width: 248px; height: 160px; border: 3px solid #fff;
		background: #f4f4f4; text-align: center; vertical-align: middle; }
	
	.work .thumb:hover 	{ border-color: #008952; }
	
	.work .thumb a {
		display: block; padding: 75px 0 0 0; font-size: 1.3em;
		font-family: "CenturyGothicBold"; font-weight: normal; letter-spacing: -1px; }
	
	.blog 			{ width: 925px; margin: 25px 0 25px 0; border-top: 1px solid #dddddd; }
	.blog h1 		{ width: 165px; float: left; font-size: 1.8em; padding: 14px 0 0 0; }
	.blog article 	{ width: 350px; padding: 20px 30px 0 0; }
	
	.blog article time {
		font-family: "CenturyGothicBold"; font-size: 1.3em; color: #333;
		letter-spacing: -1px; }
	
	.blog article h1 	{ float: none; width: 380px; padding: 0; }
	.blog article p 	{ padding: 12px 0 0 0; }
	.blog article .cont { font-size: .9em; }
	
	
	/* WORK 
	----------------------------------------- */
	
	#work 		{ width: 965px; }
	#work #content { width: 760px; }
	#work h1 	{ padding: 0 0 14px 0; font-size: 1.8em; line-height: 1.2em; color: #008952; }
	
	/* #work h2 {
		font-family: "CenturyGothicBold"; font-weight: normal; font-size: 1.4em;
		padding: 2px 0 14px 0; color: #333; letter-spacing: -1px;
	} */
	
	#work article 	{ padding: 25px 0 0 0; margin: 0 0 25px 0; border-top: 1px solid #dddddd; }
	
	#work article.no-border { padding: 0; border: none; }
	
	.project-images { width: 500px; float: left; margin: 0 10px 0 0; }
	.project-info	{ width: 235px; float: left; }
	
	.project-link 	{ padding: 12px 0 0 0; border-top: 1px solid #dddddd; }
	.project-link a	{ font-weight: bold; }
	
	
	/* ABOUT 
	----------------------------------------- */
	
	#about	{ width: 965px; }
	#about .about 		{ float: left; width: 238px; margin: 0 24px 0 0; }
	#about .who-we-are	{ float: left; width: 525px; }
	
	#about .about h1 { font-size: 1.8em; line-height: .9em; padding: 0 0 20px 0; }
	
	#about .about h2 {
		font-family: "CenturyGothicBold"; font-weight: normal; font-size: 1.8em;
		margin: 10px 0 0 0; padding: 6px 0 14px 0; color: #333; letter-spacing: -1px;
		border-top: 1px solid #dddddd; }
		
	#about .about ul { list-style: none; margin: 0 0 24px 0; }
	
	#about .about li {
		font-family: "CenturyGothicBold"; font-weight: normal; font-size: 1.4em;
		padding: 0 0 9px 0; color: #008952; }
		
	#about .who-we-are h1 { font-size: 1.8em; line-height: .9em; padding: 0 0 20px 0; }
	
	#about .member { float: left; width: 238px; padding: 0 23px 14px 0; }
	#about .member h1 { padding: 18px 0 0 0; color: #008952; }
	#about .member h2 {
		font-family: "CenturyGothicBold"; font-weight: normal; font-size: 1.4em;
		padding: 2px 0 16px 0; color: #333; letter-spacing: -1px; }
	
	#about .social 			{ list-style: none; height: 23px; margin: 0 0 10px 0; }
	#about .social li 		{ float: left; margin: 0 4px 0 0; }	
	#about .social a 		{ display: block; width: 65px; height: 23px; }
	#about .social a:hover 	{ background-position: 0 -23px; }
	
	.btn-facebook { background: url("../images/btn-facebook.gif") no-repeat; }
	.btn-linkedin { background: url("../images/btn-linkedin.gif") no-repeat; }
	
	/* CONTACT 
	----------------------------------------- */
		
	#contact 		{ width: 965px; }
	#contact #content { width: 765px; }
	#contact h1 	{ font-size: 1.8em; line-height: .9em; margin: 0 0 20px 0; }
	#contact strong { color: #008952; }
	
	#send-message { float: left; width: 385px; }
	
	#send-message h1, #send-message p { margin-left: 92px; }
	
	#send-message label {
		display: block; float: left; clear: left; padding: 6px 0 0 0;
		width: 76px; text-align: right; font-family: "CenturyGothicBold";
		font-weight: normal; font-size: 1.5em; letter-spacing: -1px;
		color: #008952; margin: 0 16px 0 0; }
		
	#send-message input {
		float: left; width: 275px; padding: 8px; margin: 0 0 8px 0;
		background: #dddddd; border: 1px solid #cccccc; }
	
	#send-message textarea {
		float: left; width: 275px; height: 140px; padding: 8px; font-family: inherit; font-size: 1.1em;
		background: #dddddd; border: 1px solid #cccccc; }
		
	#send-message button {
		width: 113px; height: 33px; margin: 18px 0 50px 92px; border: none; cursor: pointer;
		background: url("../images/btn-send-message.gif") no-repeat; }
		
	#send-message button:hover { background-position: 0 -33px; }

	#contact-right 	{ width: 340px; float: right; }
	#contact-info 	{ margin: 18px 0 50px 0; }
	#contact-info p { padding: 0; line-height: 1.3em; }
	
	
	/* BLOG 
	----------------------------------------- */
	
	#blog 					{ width: 965px; }
	#blog #content 	{ width: 760px; margin: 0 0 20px 4px; }
	
	#blog-left 	{ float: left; width: 500px; }
	#blog-right { float: left; width: 225px; margin: 0 0 0 35px; }
	
	#blog article { padding: 18px 0 20px 0; margin: 0 0 0 0; border-top: 1px solid #dddddd; }
	#blog article.no-border { padding-top: 0; border: none; }
	
	#blog article time {
		font-family: "CenturyGothicBold"; font-size: 1.3em; color: #333;
		letter-spacing: -1px; }
	
	#blog article h1 	{ float: none; padding: 0; font-size: 2.4em; color: #008952; }
	#blog article h2,
	#blog article h3,
	#blog article h4,
	#blog article h5,
	#blog article h6	{ font-size: 1.8em; padding: 18px 0 0 0; }
	#blog article p 	{ padding: 12px 0 0 0; }
	#blog article p img	{ padding: 8px 0 0 0; }
	#blog article .cont { font-size: .9em; }
	
	#blog article ul { list-style: none; margin: 6px 0 6px 0; }
	#blog article li { font-weight: bold; color: #008952; font-size: 1.2em; padding: 6px 0 0 0; }
	
	#blog .single { padding: 0; border: none; }
	
	#blog embed { margin: 10px 0 0 0; }
	
	#pagination {
		font-family: "CenturyGothicBold"; font-size: 1.4em;
		letter-spacing: -1px; margin: 0 0 25px 0;
	}
	
	#pagination a:hover { text-decoration: underline; }
	#pagination span 	{ color: #008952; }
	
	.prev { float: left; }
	.next { float: right; }
	
	#categories h1 	{ font-size: 1.8em; }
	#categories ul 	{ list-style: none; margin: 14px 0 0 0; }
	#categories li	{ padding: 0 0 12px 0; }
	
	#categories li,  x:-moz-any-link  { padding: 0 0 8px 0; } /* FF */
	*:first-child+html #categories li { padding: 0 0 14px 0; } /* IE7 */
	
	#categories a {
		font-family: "CenturyGothicBold"; font-size: 1.6em;
		letter-spacing: -1px; color: #008952;
	}
	
	#categories a:hover { text-decoration: underline; }
	
	#connect 			{ margin: 24px 0 0 0; color: #333; }
	#connect h1 		{ font-size: 1.8em; }
	#connect ul 		{ list-style: none; margin: 14px 0 24px 0; font-size: 1.2em; }
	#connect li			{ padding: 0 0 7px 0; }
	#connect li img 	{ vertical-align: bottom; padding: 0 8px 0 0; }
	#connect a:hover 	{ text-decoration: underline; }
	
	
	/* NEWSLETTER 
	----------------------------------------- */
	
	#newsletter-form { margin: 40px 0 0 130px; }
	
	#newsletter h1 { font-size: 1.8em; }
	#newsletter h1, #newsletter p { margin-left: 106px; }
	
	#newsletter label {
		display: block; float: left; padding: 6px 0 0 0;
		width: 90px; text-align: right; font-family: "CenturyGothicBold";
		font-weight: normal; font-size: 1.5em; letter-spacing: -1px;
		color: #008952; margin: 0 16px 0 0; }
		
	#newsletter input {
		float: left; width: 275px; padding: 8px;
		background: #dddddd; border: 1px solid #cccccc; }
		
	#newsletter button {
		width: 85px; height: 33px; margin: 16px 0 80px 107px; border: none; cursor: pointer;
		background: url("../images/btn-subscribe.gif") no-repeat; }
		
	#newsletter button:hover { background-position: 0 -33px; }
	
	
	
	/* FOOTER 
	----------------------------------------- */			
		
	footer {
		font-family: "Trebuchet MS", "lucida grande", arial, sans-serif; margin: 0 0 300px 0;
		width: 925px; border-top: 1px solid #dddddd; font-size: .9em; }
	
	footer .copyright	{ float: left; width: 168px; margin: 20px 0 0 0; color: #666; }
	footer .hosting		{ float: right; margin: 20px 0 0 0; color: #666; }
	
	footer nav			{ float: left; margin: 20px 0 0 0; }
	footer nav li 		{ float: left; margin: 0 25px 0 0; }
	footer nav a 		{ display: block; height: 16px; }
	footer nav a:hover 	{ background-position: 0 -16px; }
	
	footer nav .facebook 	{ width: 57px; background: url("../images/logo-facebook.gif") no-repeat; }
	footer nav .twitter 	{ width: 59px; background: url("../images/logo-twitter.gif") no-repeat; }
	footer nav .linkedin 	{ width: 56px; background: url("../images/logo-linkedin.gif") no-repeat; }
	

	/* JCAROUSEL 
	----------------------------------------- */
		
	/**
	 
	 This <div> element is wrapped by jCarousel around the list
	 and has the classname "jcarousel-container".
	 
	**/
	 
	.jcarousel-container {
	    position: relative;
	    width: 840px;
	    height: 230px;
	    float: left;
	}
	
	.jcarousel-clip {
	    z-index: 2;
	    padding: 0;
	    margin: 0;
	    overflow: hidden;
	    position: relative;
	    width: 768px;
	    height: 230px;
	    float: left;
	}
	
	.jcarousel-list {
	    z-index: 1;
	    overflow: hidden;
	    position: relative;
	    top: 0;
	    left: 0;
	    margin: 0;
	    padding: 0;
	    width: 768px;
	    height: 230px;
	}
	
	.jcarousel-list li,
	.jcarousel-item {
		float: left; list-style: none;
		width: 256px; height: 230px; padding: 18px 0 0 0;
	}
	
	/**
	 * The buttons are added dynamically by jCarousel before
	 * the <ul> list (inside the <div> described above) and
	 * have the classnames "jcarousel-next" and "jcarousel-prev".
	 */
	 
	.jcarousel-next {
	    z-index: 3;
	    display: block; float: right; width: 36px; height: 160px;
	    background: url("../images/btn-next.gif") no-repeat; margin: 18px 0 0 0;
	    cursor: pointer;
	}
	
	.jcarousel-next:hover { background-position: 0 -160px; }
	
	.jcarousel-prev {
	    z-index: 3;
	    display: block; float: left; width: 36px; height: 160px;
	    background: url("../images/btn-prev.gif") no-repeat; margin: 18px 0 0 0;
	    cursor: pointer;
	}
	
	.jcarousel-prev:hover { background-position: 0 -160px; }