/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/top-bg.jpg) top center no-repeat #7cbb0f; text-align:center;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8175em; line-height:1.154em; color:#082401;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#80bd10;  font-weight:bold;}
a:hover{text-decoration:none;}
p {padding-top:14px;}
h1{ float:left;  margin:50px 0 0 0; font-size:4.2em; line-height:1em; letter-spacing:-5px; width: 237px; height: 118px;}
h1 a{ color:#ffffff;  text-decoration:none; padding:0 12px 0 0; display:inline-block; margin:-6px 0 0 0;}
h1 span{ display:block; font-size:0.25em; letter-spacing:normal; word-spacing:2px; line-height:1em; text-transform:uppercase; margin:-7px 0 0 55px; width: 200px;}
h2{ font-size:2.1em; line-height:1em; color:#fff; text-transform:uppercase; padding:130px 0 0 40px;}
h2 span{ font-size:0.667em; display:block; margin-bottom:5px;}
strong{ display:block; padding-bottom:15px;}
cite{ font-style:normal;}
.nopad {padding-top: 0;}

/* ============================= main layout ====================== */
.imgindent {margin:-5px 15px 0 0; float:left; position:relative;}
.phone{ float:right; padding-right:85px;}
.phone2{ float:right; padding-right:250px;}
.space1{ margin-left:50px;}
.space2{ margin-left:23px;}
.padding1{ padding-top:26px;}
.padding2{ padding-top:16px;}
.margin1{ margin-top:10px !important;}

/* ============================= header ====================== */
#header .top{ width:100%; overflow:hidden; height:170px;}
#header .menu{ float:right; padding-top:60px;}
#header .menu li{ float:left; padding-left:1px;}
#header .menu a{ display:inline-block; font-size:0.923em; text-transform:uppercase; color:#ffffff; text-decoration:none; background:url(images/menu-item-tail.gif) top repeat-x;cursor:pointer; }
#header .menu a span{ width:109px; text-align:center;  display:inline-block; padding:23px 0 24px 0;}
#header .menu .first a span{ background:url(images/menu-first-item-left-bg.gif) left top no-repeat;}
#header .menu .last a span{ background:url(images/menu-last-item-right-bg.gif) right top no-repeat;}

#header .menu a:hover, #header .menu .active{ background:url(images/menu-item-tail-act.gif) top repeat-x; color:#1a3100;}
#header .menu .first a:hover span, #header .menu .first .active span{ background:url(images/menu-first-item-left-bg-act.gif) left top no-repeat;}
#header .menu .last a:hover span, #header .menu .last .active span{ background:url(images/menu-last-item-right-bg-act.gif) right top no-repeat;}
#header .telno {float: right; color: White; font-weight: bold; font-size: 1.5em; margin: 20px 10px 0 0; text-align: right;}
#header .telno .partof {font-size: 0.6em;}

/* ============================= content ====================== */
#content {line-height: 1.4em;}
#content .left-top{ background:url(images/content-corner-left-top.gif) top left no-repeat;}
#content .right-top{ background:url(images/content-corner-right-top.gif) top right no-repeat;}
#content .left-bot{ background:url(images/content-corner-left-bot.gif) bottom left no-repeat; width:100%;}
#content .right-bot{ background:url(images/content-corner-right-bot.gif) bottom right no-repeat; padding:10px;}
#content .bg1{ background:#ffffff; margin:-10px 0; padding:10px 0;}
#content .bg2{ background:#ffffff; margin:0 -10px; padding:0 10px;}
#content .indent{ padding:0 0 37px 0;}
#content .indent2{ padding:44px 10px 0 9px;}

#content .box{ background:url(images/box-tail.gif) top repeat-x #eaf9d1; line-height:1.385em;}
#content .box .left-top{ background:url(images/box-corner-left-top.gif) left top no-repeat;}
#content .box .right-top{ background:url(images/box-corner-right-top.gif) right top no-repeat;}
#content .box .left-bot{ background:url(images/box-corner-left-bot.gif) left bottom no-repeat;}
#content .box .right-bot{ background:url(images/box-corner-right-bot.gif) right bottom no-repeat; padding:0;}
#content .box .indent{ padding:0 10px 0 23px; }
#content .box .indent1{ padding:25px 0 41px 0; text-align:center;}


.box .title{ padding-bottom:10px;}
.link{ display:inline-block; margin-top:24px; font-size:0.923em;}
.line1{ background:url(images/box-line.gif) repeat-y 206px 0; width:100%;}
.line2{ background:url(images/box-line.gif) repeat-y 436px 0; width:100%;}
.line3{ background:url(images/box-line.gif) repeat-y 666px 0; width:100%;}

.title1{ border-bottom:solid 2px #e1e5d4; margin-bottom:20px; color: #274408; font-weight: bold; text-transform: uppercase; font-weight: bold; font-size: 1.3em;}
.title2{ color: #274408; font-weight: bold; text-transform: uppercase; font-weight: bold; font-size: 1.2em; margin-bottom: 10px; margin-top: -40px;}
.unline{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:30px; margin-bottom:0px;}

.list li{ background:url(images/list-marker.gif) no-repeat 0 2px; padding:0 0 10px 20px;}
.list .last{ padding-bottom:0;}
.list a{ font-weight:normal; color:#082401; text-decoration:none;}
.list a:hover{ color:#80bd10;}

/* ============================= footer ====================== */
#footer{color:#ffffff;}
#footer a{ font-weight:normal; color:#ffffff; text-decoration:none;}
#footer a:hover{ color:#000000;}
#footer .menu{ width:100%; overflow:hidden;}
#footer .menu ul{ padding:10px 0 0 3px;}
#footer .menu li{ float:left; padding-left:15px;}
#footer .menu a{ font-size:1.1em; display:inline-block; margin-right:15px;}
#footer .text{ font-size:0.923em; padding:7px 0 0 16px;}

/* ============================= forms ============================= */
#ContactForm label{ display:block; height:30px;}
#ContactForm input{ border:solid 1px #e4e4e4; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#082401; padding:1px 0 1px 5px; width:430px;}
#ContactForm textarea{ border:solid 1px #e4e4e4; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#082401; padding:1px 0 1px 5px; width:430px; height:190px; overflow:auto;}
#ContactForm .link{ float:right; margin:25px 0 0 40px;}

/*==== portfolio ====*/

.portfolioTable
{
    border-collapse: collapse;
    text-align: center; 
    width: 900px;
    margin: 20px 0 0 5px;
}

.portfolioTable p
{
    padding: 0;
}

/*=== floating tooltips ====*/

#page1 .column-2 ul a:hover {
	position: relative;
   	cursor: help;
}

#page1 .column-2 ul a span {
	display: none;
}

#page1 .column-2 ul a:hover span {
	display: block;
	color: Black;
   	position: absolute; top: -20px; left: 30px;
   	width: auto;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	background: #f0f0f0; border: 1px dotted #c0c0c0;
   	width: 300px;
	/* end formatting */
}