/* -- Basics -- */
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, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; outline: none; list-style: none; }

html, body { background-color: #ffffff; }
body		        { font: normal 18px/21px sans-serif; font-weight: 300; color: #6e6e6e; text-align: center; }
a			          { color: #4b7c20; }
a:hover	        { color: #123a1f; text-decoration: underline !important; }
a img   	      { border:0; }
input,
select,
textarea        { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; }
input.button,
select.button,
textarea.button { background: #fff; padding: 2px 0; border: 1px solid #595959; color: #000 !important; vertical-align: middle; }
button.button   { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; }
input.submit    { width: 98px; height: 25px; overflow: visible; padding: 0 5px; color: #fff; font-weight: bold; border: none; cursor: pointer; }
label           { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; }

h1, h2, h3, h4, h5, h6  { color: #4b7c20; font-weight: 700; }

h1	{ font-size: 16px; line-height: 18px; font-weight: 400; text-transform: uppercase; }
h2	{ font-size: 36px; line-height: 38px; font-weight: 700; text-transform: uppercase; }
h3	{ font-size: 24px; line-height: 26px; font-weight: 600; text-transform: none; }
h4	{ font-size: 1.1em; line-height: 1.4em; text-transform: uppercase; }
h5	{ font-size: 1.1em; }
h6	{ font-size: 1em; }


strong { color: #2e2e2e; font-weight: 700; }

table           { border-collapse: collapse; width: 100%; }
table th        { text-align: left; }
table td.right  { padding-left: 5px; }
table th.right  { padding-left: 5px; }
table td.left   { padding-right: 5px; }
table th.left   { padding-right: 5px; }

blockquote  { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; }
fieldset    { border: 0 !important; }
address     { font-style: normal; }

/* -- User friendly features --*/
.hidden { display: none; }
.noscreen { width: 200px; position: absolute; left: 0; top: -999px; }

/* -- Basics layout -- */
#view    { text-align: left; }
#head    { z-index: 10; }
#content { z-index: 1; }
#foot    { z-index: 1; }

/* -- Main classes -- */
.fr		     { float: right !important; }
.fl		     { float: left !important; }
.clear     { clear: both !important; }
.right	   { text-align: right !important; }
.left		   { text-align: left !important; }
.center	   { text-align: center !important; }
.last		   { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; background: none; }
.small	   { font-size: .9em; }
.big       { font-size: 1.5em; }
.light     { color: #6e6e6e !important; }
.clearfix  { width: 100%; overflow: hidden; padding-bottom: .6em; }
.alt       { font-weight: bold; }
.test      { border: 1px black solid; }
.inlink    { display: block; padding-left: 14px; background: url('../images/bg-inlink.gif') 0 4px no-repeat; }

/* -- Graphic overlays -- */
a.overlaid,
.overlaid a     { display: block; cursor: pointer; overflow: hidden; }
.overlaid       { position: relative; width: 100%; height: 100%; }
.overlaid span  { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/* -- Forms layout -- */
.formBox .lab			      { float: left; width: 19%; text-align: right; padding-right: 1%; }
.formBox .con			      { float: right; width: 80%; }
.formBox .clearfix	    {  }
.formBox .w100          { width: 98%; }
.formBox .button:focus  { border-color: #000; }

/* -- Basic content constructs -- */
.offsetTop    { margin-top: 1em; }
.offsetBottom { margin-bottom: 1em; }
.info         { font-size: .91em !important; margin-bottom: 5px; color: #999999 !important; }

/* -- Layout -- */
#view         { font-family: 'Dosis', sans-serif; width: 850px; margin: 0 auto; padding-top: 30px; }

#head { position: fixed; top: 0px; height: 150px; background-color: white; width: 850px; border: none !important; border-bottom: 1px dotted #aeaeae !important; }
#head .in { position: relative; padding-top: 30px; }
#head #menu { position: absolute; right: 0px; top: 60px; }

#head #menu a { font-weight: 500; color: #181818; text-decoration: none; font-size: 23px; line-height: 23px; margin-left: 15px; }
#head #menu a:hover { text-decoration: none !important; color: #3d6548; }
#head #menu a.active { color: #4b7c20; border-bottom: 2px solid #4b7c20; }

#logo { width: 189px; height: 93px; }
#logo span { background: url("../img/logo.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }


#content { margin-top: 135px; }

#content #slideshow { width: 850px; height: 450px; overflow: hidden; position: relative; }
#content #slideshow .caption { display: block; position: absolute; text-align: right; color: #4b7c20 !important; text-shadow: 1px 1px 0px #999999; padding: 3px 12px 5px 12px; background-color: white; bottom: 5px; right: 0px; 
-webkit-border-top-left-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-bottomleft: 12px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}

#content #slideshow .caption strong { font-weight: 600; color: #4b7c20 !important; }

#content .box { border-top: 1px dotted #aeaeae; padding-top: 20px; margin-top: 20px; }
#content .box .in { margin-left: 65px; overflow: hidden; }

#content .box .upperLine { border-top: 1px dotted #aeaeae; padding-top: 20px; margin-top: 20px; }
#content .box p { margin-bottom: 0.5em; }
#content .box ul { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

#content .box .refItem { float: left; margin-right: 15px; margin-bottom: 15px; }
#content .box .last { margin-right: 0px !important; }

#content .box .refItem .thumbnail { width: 250px; height: 250px; position: relative; }
#content .box .refItem .thumbnail > img { border-radius: 250px; padding: 0; }

#content .box .refItem .thumbnail .caption { display: none; position: absolute; top: 0px; left: 0px; background-color: #4b7c20; width: 250px; height: 250px; border-radius: 250px; text-align: center; color: white; font-weight: 700; }

#content .box .refItem .thumbnail:hover .caption { display: block; } 

#content .box .refItem .thumbnail .caption span { display: block; width: 180px; padding: 105px 35px 0px 35px; }
#content .box .refItem .thumbnail .caption span em { font-weight: 300; }

img { vertical-align: middle; border: 0 none; }



#content h2.icon { display: block; line-height: 53px; height: 53px; padding-left: 65px; margin-bottom: 10px; }
#about .icon { background: url("../img/icon-about.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
#services .icon { background: url("../img/icon-services.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
#pricelist .icon { background: url("../img/icon-pricelist.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
#references .icon { background: url("../img/icon-references.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
#contact .icon { background: url("../img/icon-contact.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }

#foot { border-top: 1px dotted #aeaeae; padding-top: 20px; margin-top: 20px; }

#debug { display: none; position: fixed; z-index: 1000; bottom: 0; left: 0; background-color: black; color: white; width: 100%; overflow: auto; padding: 10px; height: 50px; }