@charset "utf-8";

/* ------------------------- ERIC MEYER CSS RESET MODIFIED ------ */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

* { /* this is for webkit */
	margin: 0;
	padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin-bottom: 1em;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* -------------------------------------- GENERAL ---------------------------- */

.center {
	margin: 0 auto;
}
.align_center {
	text-align: center;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.clearfloat {
	clear: both;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
/* -------------------------------------- MAIN TYPOGRAPHY ------------------------- */
html {
	font-family: "Calibri", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #646464;
}
.header { font-family: "terfens-1","terfens-2", arial, sans-serif; }
h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}
h6 {font-size: .9em;}

a {
	color: #048e04;	
}
a:hover {
	color: #fff;	
}

.error {
	color: #C21022;	
}

/* -------------------------------------- CONTENT ---------------------------- */

html, body {
	height: 100%;
}
body {
	background: #d0d0cf url(../images/mainbg.jpg) repeat-x;
	margin: 0 auto;
	line-height: 1.2;
}
#wrapper {
	min-height: 100%;
	position: relative;
	margin: 0 auto -170px; /* the bottom margin is the negative value of the footer's height */
}

.header {
	color: #ccc;
	height: 40px;
	width: 100%;
	background: #656564 url(../images/top-border-bg.gif) 0 100% repeat-x;
}
.tagline {
	float: right;
	text-align: right;
	margin: 10px 20px 0 0;
}
.main {
	margin: 0 auto;
	padding: 30px;
}
.logo {
	float: left;
	width: 234px;
	/*height: 116px;*/
	height: 134px;
	background: url(../images/logo2.png) no-repeat;
	margin-bottom: 20px;
}
.logo a {
	width: 234px;
	height: 134px;
	display: block;
	text-decoration: none;
}
.logo a:hover {
	text-decoration: none;	
}

/* ---------------------- NAV ------------------------ */
#nav {
	float: right;
	width: 300px;
	position: relative;
	
}
#nav li {
	float: left;
	border-bottom: 2px solid #646464;
}
#nav a {
	color: #646464;
	text-decoration: none;
	display: block;
	float: left;
	padding: 10px;
}

/* nav animation */
#blob {
	border-right: 1px solid #139F16;
	border-left: 1px solid #139F16;
	position: absolute;
	top: 0;
	z-index : 1;
	background: #048e04;
	background: -moz-linear-gradient(top, #048e04, #139F16);
	background: -webkit-gradient(linear, left top, left bottom, from(#048e04), to(#139F16));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 2px 2px 5px #011331;
	-webkit-box-shadow: 2px 2px 5px #011331;
}


.maincontent {
	clear: both;
	margin-bottom: 30px;
	padding-top: 30px;
}
.intro {
	width: 400px;
	float: right;
	clear: right;
	margin: 20px;
}

.work-section, .about-section {
	width: 100%;
	clear: both;	
	background: url(../images/horiz-line.png) 0 0 repeat-x;
}
/* cool css to put different colored list items in but doesn't work in IE 7 */
/*.work-section ul li:before {
	 content: "\00BB \0020";
	 display: marker;
	 marker-offset: 3em;
	 color: #048e04; 
}*/
.work-section ul li, .about-section ul li { 
	list-style-type: square; 
	color: #048e04; 
	margin-left: 1em;
}
.work-section ul li span, .about-section ul li span {
	color: #646464;
}

.work-section h1, .about-section h3 {
	text-align: right;
	padding-top: 8px;
}
.work-section h1 span, .about-section h3 span {
	background-color: #ebebeb;
	border: 1px solid #f9f7f7;
	padding: 5px;
}
.work {
	width: 360px;
	float: left;
	margin: 20px;
}
.work-image {
	/*float: left;*/
	margin: 0 20px 20px 0;
}
.work .title { position: relative; padding-bottom: 2em; }
.work h3 {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	text-shadow: 1px 1px 1px #fff;
}
.work h3 a {
	color: #646464;
	text-decoration: none;
}
.work h3 a:hover {
	color: #646464;
	text-decoration: underline;	
}

.about-section {
	margin: 0 auto 20px auto;
	width: 60%;
}

.push { height: 130px; clear: both; } /* must be same height as footer */

/* ---- footer ---- */
#footer {
	height: 130px;
	position: relative;
	color: #7F7F7F;
	clear: both;
	background: #3e3f3e url(../images/footer-bg.png) repeat-x;
	padding: 20px;
	font-size: .9em;
}
.copyright {
	margin-top: 100px;
}

/* ------------------------ FORMS ----------------------------------- */

.forms {
	width: 500px;
}
.forms .hide {
	position: relative;
	left: -9000px;
	margin-bottom: -10px;
}
.forms label {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 10px;
}
.forms li {
	margin-bottom: 10px;
}
.forms input, .forms textarea {
	border: 1px solid #BFBFBF;
	padding: 5px;
}
.forms input {
	width: 180px;
}
.forms textarea {
	width: 180px;
	height: 100px
}
.forms input:focus, .forms textarea:focus {
	background-color: #3e3f3e;
	color: #fff;
}
.forms li.buttons input {
	width: auto;
	height: auto;
	-moz-border-radius:3px; 
	border-radius:3px; 
	-webkit-border-radius:3px;
	background: url(../images/button-bg.png) 50% 50% no-repeat;
	padding: 5px;
	position: relative;
	color: #646464;
}
.forms li.buttons input:active {
	top: 1px;
	left: 1px;
}

/* ----- specific forms ------- */