/* 	
	Douglas Green / greeninteractive.com
	Copyright 2010-2011 All rights reserved
	v11.5 / 20110918
*/
/* @group 

RESET
-------------------------------------- */
body,ul,ol,li,dl,dt,dd,p,td,th,address,blockquote,pre,code,form,fieldset,legend,input,textarea{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
fieldset,img{border:none;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
address,cite{font-style:normal;}
caption,th{text-align:left;}
a{text-decoration: none;}
/* @end */
/* @group 

ELEMENTS & TYPE
-------------------------------------- */
body {
	font: 62.5%/1.8em "Lucida Grande", Lucida, Verdana, sans-serif;
}
h1 {
	margin-bottom: 0.037em; /*~2px*/
	font: 4.8em/1.125em NewsGothicBT-Light, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: lowercase;
	letter-spacing: -0.05em;
}
/* smaller h2s */
#home h2,
#work h2,
#ee-themes h2 {
	font: 1.3em/1.3846em NewsGothicBT-Bold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* titles on left side, post titles */
#services h2,
#about h2,
#contact h2, 
#news #main h2,
#docs #main h2 {
	font: normal 2.4em/1.5em NewsGothicBT-Light, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: -0.05em;
}
#services h2,
#about h2,
#contact h2 {
	text-transform: lowercase;
}
/* alt spacing */
/*#services h2, #about h2, #contact h2 {
	margin-top: -0.3em;
}*/
/* general headings */
h3, h4, h5, h6, dt, legend {
	font: normal 1.4em/1.2857em NewsGothicBT-Bold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* services, testimonials h3s */
#services h3 {
	font: normal 1.4em/1.2857em NewsGothicBT-Bold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#testimonials h3 {
	font: normal 1.8em/1em NewsGothicBT-Bold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* testimonials */
.name {
	font-family: NewsGothicBT-Bold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.title {
	font-family: NewsGothicBT-Italic, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#services h3, 
#testimonials h3,
h3, h4, h5, h6, dt, legend {
	letter-spacing: -0.05em;
}
/* news sidebar */
#news #secondary h3 {
	text-transform: uppercase;
	font: 1.2em/1.5em NewsGothicBT-Bold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* main copy */
p, li, dd, blockquote {
	font: 1.3em/1.3846em NewsGothicBT-Roman, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
p {
	margin-bottom: 1.3846em;
}
ul  {
	margin-bottom: 1.8em;
}
li {
	list-style-type: none;
}
em {
	font-family: NewsGothicBT-Italic, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
blockquote cite {
	display: block;
	text-align: right;
	font-family: NewsGothicBT-Bold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
strong,
.www, .date, .name,
.price {
	font-family: NewsGothicBT-Bold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#nav li {
	font: 1.4em/1.2857em NewsGothicBT-Bold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#footer p {
	font-size: 1.1em;
	line-height: 1.6364em;
}
#quotes a {
	font-family: NewsGothicBT-Bold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#head a.next {
	font: 1.1em/1.6364em NewsGothicBT-Bold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
}
.details li {
	list-style-type: disc;
}
/* @end */
/* @group 

LAYOUT
-------------------------------------- */
#header div, #footer div, #content {
	margin: 0 auto;
	width: 940px;
}
#header div {
	height: 4.5em;
}
#hm {
	display: block;
	float: left;
}
#header ul {
	margin-bottom: 0;
}
#content {
	padding-top: 4em;
	padding-left: 13px; /*add padding for bg image*/
	margin-bottom: 6.3em;
	width: 953px; /*adjust width for padding*/
}
#content, #footer {
	clear: both;
}
#footer div {
	height: 8em;
}
#footer {
	padding-top: 6.8em;
}
#footer p {
	margin-top: 0.3em;
}
#nav {
	float: right;
}
#nav li {
	padding: 1em 1em 0.9em 1em;
	float: left;
	display: block;
}
/* home page */
#mission {
	margin-bottom: 1.5em;
}
#mission p {
	margin-top: 1.2em;
	margin-bottom: 1.1em;
}
#recent-work {
	margin-top: 2.5em;
	width: 620px;
}
#quotes {
	margin-top: 3.6em;
	float: left;
}
#quotes .col {
	width: 260px;
	padding: 0 2em;
}
.ldquo {
	margin-left: -4px;
}
/* page heading */
#head {
	width: 940px;
}
#work #head,
#ee-themes #head,
#docs #head {
	margin-bottom: 1.6em;
}
#services #head, 
#about #head, 
#news #head,
#contact #head {
	margin-bottom: 1.4em;
}
p.last {
	margin-bottom: 1.2em;
}
#services #content .divider,
#about #content .divider,
#contact #content .divider {
	margin-bottom: 1.5em;
}
#testimonials div {
	margin-bottom: 3.6em;
}
#testimonials div.last {
	margin-bottom: 0;
}
/* work */
#head h1 {
	float: left;
}
#head .next {
	margin-top: 3em;
	float: right;
}
/* work & home image nav */
#img-nav {
	margin-bottom: 1.2em;
	float: left;
	width: 700px;
}
#work #img-nav,
#ee-themes #img-nav {
	margin-top: 0.3em;
}
#home #img-nav {
	margin-top: 0.8em;
	width: 620px;
}
#images {
	float: left;
	position: relative;
}
#work #images,
#ee-themes #images {
	width: 700px;
}
#home #images {
	width: 620px;
}
body.js #images img {
	position: absolute;
}
#work-nav {
	margin-top: 9em;
}
#work-nav li {
	font-size: 1.2em;
	line-height: 1.5em;	
}
/* @end */
/* @group 

IMAGES
-------------------------------------- */
/* image replacement and majority of site images - some in color section */
#content { 
	background: url(/images/site/tri.png) no-repeat;
}
a#hm,
#img-nav a { 
	text-indent: -1000em;
}
/* logo */
a#hm { 
	width: 113px;
	height: 45px;
	background: url(/images/site/green-interactive.png) no-repeat;
}
/* page titles */
#services h1,
#about h1,
#contact h1 {
	margin-left: 160px;
}
/* home page */
#mission span {
	height: 7px; 
	display: block;
	background: url(/images/site/texture-300.png) no-repeat;
}
/* page title area */
#head span,
span.divider {
	height: 7px; 
	display: block;
	clear: both;
	background: url(/images/site/texture-940.png) no-repeat;
}
/* work nav */
#img-nav a {
	margin-right: 6px;
	width: 10px;
	height: 10px;
	display: block;
	float: left;
	background: url(/images/site/dot.png) no-repeat;
}
#img-nav a.current,
#img-nav a:hover,
#img-nav a:focus { 
	background: url(/images/site/dot-on.png) no-repeat;
}
/* @end */
/* @group 

CLASSES
-------------------------------------- */
/* columns */
.col {float: left; margin-right: 20px;}
.w-140 {width: 140px;}
.w-220 {width: 220px;}
.w-300 {width: 300px;}
.w-380 {width: 380px;}
.w-460 {width: 460px;}
.w-540 {width: 540px;}
.w-620 {width: 620px;}
.w-700 {width: 700px;}
.w-780 {width: 780px;}
.col.last {margin-right: 0;}
/* common */
.left {float: left;}
.right {float: right;}
.clear {clear: both; height: 0;}
.nowrap {white-space: nowrap;}
/* @end */
/* @group 

FORMS
-------------------------------------- */
form {margin-top: 13px;}
label, input, select, textarea {
	font-size: 1.14em;
	line-height: 1.5789em;
}
input, select, textarea { 
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
label {
	display: block;
	font-weight: bold;
}
input, select, textarea {
	margin-bottom: 0.8em;
	padding: 0.3em 0.6em 0.4em 0.6em;
}
input, textarea {width: 523px;}
input.send {
	padding: 0.5em 1.75em;
	width: auto;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
}
/* hidden labels */
label.hidden {
	margin-left: -1000em;
	height: 0;
	width: 0;
}
div.send {
	width: 539px;
	text-align: right;
}
/* @end */
/* @group 

COLOR
-------------------------------------- */
/* page background & images */
html {
	background: #cdcdcd;
}
body {
	color: #393837;
	background: #f7f7f7 url(/images/site/page-bg.png) repeat-x;
}
/* links */
a {
	color: #1a7ab2;
}
#work-nav a {
	color: #807d7a;
}
#work-nav a.current {
	color: #393837;
}
#content a:hover,
#content a:focus {
	background-color: #fff;
	color: #1a7ab2;
}
/* navigation */
#nav a, #nav a:link, #nav a:visited {
	color: #ebebeb;
}
/* hover & on states */
#nav a:hover,
#nav a:focus, 
#services #nav1 a,
#work #nav2 a,
#about #nav3 a,
#news #nav4 a,
#contact #nav5 a {
	color: #fff;
}
/* header */
#header {
	background-color: #262623;
}
/* footer */
#footer { 
	background: #cdcdcd url(/images/site/footer-bg.png) repeat-x;
}
/* forms */
input, select, textarea {
	color: #393837;
	background-color: #ebebeb;
	border: 1px solid #dcdcdc;
}
input:hover, 
input:focus, 
input:active, 
textarea:hover, 
textarea:focus, 
textarea:active, 
select:hover, 
select:focus, 
select:active{
	border-color: #262623;
}
input.send:hover, 
input.send:focus {
	border-color: #262623;
	color: #262623;
}
/* required fields - add to span element */
.req {color: #1a7ab2;}
#how {
	float: left;
}
a {
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
}
/* @end */
/* @group 

IE
-------------------------------------- */
textarea {
	overflow: auto;
}
/* IE 7 */
*:first-child+html #footer p {margin-top: 0;}

/* IE 6 */
/* @end */

/* grid */
/*html {background: #cdcdcd url(/images/site/grid-18.png) repeat-y center 0;}html, body, #footer, #header {background-color: transparent;}body {background-image: none;}*/