﻿/* RESET http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
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;}
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;}
/* END RESET */

body {background:#9c9c9c url(../_images/layout/bg.jpg) repeat-x;font-family:arial, helvetica, sans-serif;font-size:14px;color:#333;}
#wrap {width:850px;margin:0 auto;}

/* LINKS */
a,a:hover {color:#7bba31;} 
a:hover {color:#c6eb6b}

/* GENERAL */
.clear {clear:both;}

/* TYPOGRAPHY */
p {margin:0 0 10px 0;line-height:16px;}
ul {margin:0 0 10px 0;padding:0;}
h1 {font-size:24px;color:#669933;margin:0 0 20px 0;}
h2 {font-size:18px;color:#424142;margin:20px 0 15px 0;font-family:Trebuchet MS;}
h3 {font-size:16px;color:#424142;margin:0 0 10px 0;}
blockquote {background:url(../_images/layout/quote.png) no-repeat top left;padding:10px 0 0 20px;margin:0 0 20px -15px;font-style:italic;float:left;}

/* HEADER */
#header {padding:51px 20px 0 20px;height:109px}
#header h1 {float:left;text-indent:-5000px;background:url(../_images/layout/logo.png) no-repeat;width:164px;padding:0 100px 0 0;}
#header h1 a {display: block;height:74px;background: url(../_images/layout/logo.png) no-repeat;}
#header p {width:240px;float:right;margin-top:20px;color:#fff;font-size:20px;font-weight:bold;font-family:"trebuchet ms", verdana, arial, helvetica, sans-serif;line-height:24px;}

/* NAV */
#nav {clear:both;width:850px;height:50px;}
#nav ul {float:left;list-style:none;line-height:1;margin:0;}
#nav li {float:left;padding:0;}
#nav a {display:block;color:#fff;text-decoration:none;line-height:12px;padding:19px 20px;border-right:1px solid #666;font-weight:normal;}
#nav a:hover {background:#7bba31;}
#nav a.toplast {border-right:none}

/* COLS */
#content {background:#fff;clear:both;padding:30px;min-height:397px;height:auto !important;height:390px;margin:30px 0 0 0;border:8px solid #ddd;}
#left {float:left;width:445px;margin:0 30px 10px 0;padding:0 40px 0 0;}
#right {width:225px;float:left;margin:20px 0 0 0;padding:10px 0 0 17px}
.br {border-right:1px dotted #666;}

/*FOOTER */
#footer {padding:20px;font-size:11px;font-weight:bold;height:113px;color:#fff;border-top:1px dotted #fff;margin:40px auto 20px auto;}
#footer a {color:#fff;text-decoration:none;}
#footer a:hover {color:#ddd;}

.alert {padding:8px 15px;margin:0 0 10px 0;color:#fc8a03;border:1px solid #fc8a03;background:#fbe9c3;}
.alert p {margin:0 0 0 0;}

/* FORMS */
fieldset {border:none;padding:10px;}
fieldset br {clear:left;}
fieldset label {display:block;width:100px;float:left;margin:4px 0 8px 0;padding-right:15px;font-weight:bold;color:#666;}
input, textarea {color:#333;font-size:12px;border:1px solid #999;padding:2px;background:#fff;}
.valsummary {border:1px solid #c00;background:#f8c3c3;color:#c00;padding:10px;margin:10px 0 3px 0;}
.valsummary ul {margin:10px 0 10px 20px;list-style-type:disc;}
.formbutton {margin:8px 0 0 115px;}

/* RESPONSES */
.error, .info, .success {padding:8px 15px;font-weight:bold;margin:10px 0 0 0;}
.error {color:#ef0202;border:1px solid #ef0202;background:#f8c3c3;}
.info {color:#485ebf;border:1px solid #485ebf;background:#ddddff;}
.success {color:#9bce03;border:1px solid #9bce03;background:#ecfeb4;}

/* CONTACT */
#contactform {float:left;width:400px;padding:0 0 0 40px;border-left:1px dotted #666}
#contactinfo {width:310px;line-height:1.6;overflow:hidden;padding-bottom:0;float:left;}
#contactinfo dt {width:70px;float:left;clear:left;font-weight:bold;color:#666;}
#contactinfo dd {float:left;width:220px;padding-bottom:10px;}
dl {line-height:1.2;font-size:12px;}
dl dt {float:left;text-align:left;padding-right:15px;overflow:hidden;width:192px;clear:left;font-weight:bold;font-size:14px;}
dl dd {float:left;margin-bottom:15px;width:auto;}

#services {height:400px;width:800px;float:left;background:#fff url(../_images/layout/servicesbg.gif) no-repeat center center;padding-top:40px}
.servicel {float:left;width:320px;padding:10px 0 80px 80px}
.servicer {float:left;width:320px;text-align:right;padding:10px 80px 80px 0}
.servicer ul, .servicel ul {line-height:18px;}


/* PROJECTS */
.project {width:230px;margin:20px 30px 20px 0;float:left;background:url(../_images/layout/projectbg.gif) repeat-x bottom left;height:100px;font-size:11px;}
.project h3 {font-size:12px;color:#000;}
.project img {border:6px solid #464646;}
.project img:hover {border:6px solid #669933;}
.projecttip {font-size:11px;line-height:14px;}
/* .project .inner {padding:10px 5px 15px 5px;}
.project p {font-size:11px;line-height:14px;}
.project a.link {padding-left:18px;background:url(../_images/layout/visit.gif) no-repeat 0 4px;display:block;margin:0 0 15px 0}*/


/* NEWS */
#news {padding:0;}
#news h5 {margin:0 0 5px 0}
#news p {font-size:11px;padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px dotted #999}

