﻿

body{
	padding:0;
	margin:0;
	background:url(/images/sitebg.gif) 0 101px #5d5d5d;
}

img{
	border:0;
}

.rollover,
.cycleimg{
	cursor:pointer;
}


a:active {
	outline: none;
}

a:focus { 
	-moz-outline-style: none; 
}

#headerbg{
	height:101px;
	width:100%;
	background-color:#5b5b5b;
}

#wrapperbg{
	width:1026px;
	margin:0 auto;
}

#wrapper{
	width:1013px;
	padding:0 0 10px 13px;
	float:left;
	background-color:#5b5b5b;
	margin-bottom:15px;
}

#header{
	height:101px;
	background:0 0 no-repeat #9cca45 url(/images/headerbg.gif);
	width:1000px;
	margin:0 auto;
	background-color:#78b327;
	position:relative;
}

.drop{
	position:absolute; 
	overflow:hidden; 
	width:135px; 
	display:none; 
	z-index:2000; 
	opacity:0;
	top:26px; 
	left:-1px;
}

.drop div{
	width:115px; 
	float:left;
	background:bottom left no-repeat url(/images/dropdownbg.gif) #619927;
	padding:1px 11px 10px 9px;
}

.drop a{
	color:#edf9d8;
	font-family:Tahoma;
	font-size:11px;
	line-height:11px;
	text-decoration:none;
}

.drop a:hover{
	color:#c5ef71;
}

.drop ul{
	list-style: none;
	margin: 0;
	padding:0;
}

.drop ul li{
	margin: 0;
	padding:6px 0 9px 0;
	background:bottom left no-repeat url(/images/topnavdiv1.gif);
	width:118px;
	line-height:11px;
}

.drop ul li.bottomli{
	background-image:none;
}

#topnav{
	height:26px;
	padding:6px 0 0 13px;
	float:left;
	width:525px;
}

.topnavdiv{
	float:left;
	margin-top:6px;
}

.slogan{
	float:right;
	padding:45px 0 0 0; 
}

.headerright{
	width:365px;
	float:right;
}

#main,
#main1{
	width:1000px;
	float:left;
	border-top:1px solid #5b5b5b;
	background:0 0 #fff url(/images/mainbg.gif) no-repeat;
	padding-bottom:40px;
}

#aboutus,
#piccaption{
	width:281px;
	float:right;
	background-color:#515050;
	height:326px;
	padding:15px 0 0 15px;
	margin-right:13px;
	display:inline;
	position:relative;
}

#piccaption{
	width:280px;
	float:right;
	background:0 0 url(/images/arrowbg.gif) #515050 no-repeat;
	padding:8px 0 0 16px;
	height:132px;
}

#maptrigger{
	z-index:999; 
	position:absolute; 
	height:100px; 
	top:0; 
	left:509px; 
	width:369px;
}

#sec_caption{
	width:260px;
	float:right;
	background-color:#515050;
	height:326px;
	padding:15px 21px 0 15px;
	margin-right:13px;
	display:inline;
}

#aboutusheader{
	width:280px;
	float:left;
	background:repeat-x 0 0 url(/images/headerbg1.gif);
	height:16px;
	padding-bottom:5px;
}

#jeffospic{
	background:0 -101px no-repeat #515050;
	float:left;
	height:140px;
	width:704px;
}

#jeffospic img#viewlargebutt{
	float:right;
	display:none;	
}

#secheader{
	width:282px;
	float:left;
	background:repeat-x 0 5px url(/images/headerbg3.gif);
	position:absolute;
	top:103px;
	left:14px;
}

#emailheader,
#happeningsheader{
	width:280px;
	float:left;
	background:repeat-x 0 4px url(/images/headerbg2.gif);
	height:16px;
	margin:24px 0 10px 0;
}

#happeningsheader1{
	margin:24px 0 10px 0;
	float:left;
}

#emailsignupwrapper{
	width:236px;
	padding:29px 0 0 0;
	float:left;
}

.emailsignup2{
	padding:0 0 8px 0;
}
/*
#happeningsheader{
	margin:7px 0 10px 0;
}
*/
.submit{
	padding:0px 0 0 3px;
	float:left;
}

#seal{
	float:right;	
	position:relative;
	left:34px;
}

/* cycle slide show */

.pics {  
    height: 340px;  
    width: 704px;  
	float:left;
} 
 
.pics img {  
    height:  340px;  
    width:   704px; 
}

.pics1 img{
	float:left;z-index:0
}

/* end cycle slide show */

#cyclewrapper{
	width: 704px;
	height:341px;
	float:left;
	position:relative;
	background-color:#5b5b5b;
	border-bottom:1px solid #5b5b5b;
}

#navwrapper{
	float:left;
	z-index:9999; 
	background-color:#4b4a4a;  
	width:699px; 
	height:27px; 
	margin:1px 0 0 0;
	padding:0 0 0 5px;
	font-family:Tahoma;
	font-size:11px;
	color:#a29f9f;
	opacity:.95;
	filter:alpha(opacity=95);
}

#navwrapper,
#main,
#footer{
	position:relative;
	top:-30px; 
}

#nav{
	z-index:9999;
	height:27px;
	margin:0 20px 0 20px;
	float:left;
}

#slidecaption{
	float:left;
	padding:8px 0 0 6px;
	line-height:11px;
}

#nav a{
	position:relative; 
	z-index:9999px; 
	font-size:20px;
	letter-spacing:1px;
	font-weight:bold;
	text-decoration: none; 
	line-height:25px;
	margin: 1px 0 0 0; 
	color:#6d6b6b;
	float:left;
	font-family:Helvetica, Arial;
	cursor:pointer;
}

#nav a.activeSlide,
#nav a:hover { color:#a1a88f; }
#nav a:focus { outline: none; }

#left,
#middle,
#right{
	padding:19px 0 0 0;
	display:inline;
	float:left;
	background:0 23px repeat-x url(/images/headerbg2.gif);
}

#left{
	margin:0 30px 0 19px;
	width:281px;
}

#secleft{
	margin:0 0px 0 19px;
	width:699px;
	float:left;
	display:inline;
}

.spidercart{
	clear:both;
	float:left;
	padding:14px 0 2px 0;
}

.contentitem{
	float:left;
	width:281px;
}

.contentitem div.text2,
.contentitem span.text3,
.contentitem span.text4{
	font-family:Arial;
	font-size:12px;
	line-height:15px;
}

.learnmore{
	padding:6px 0 18px 0;
}

.leftdiv1{
	float:left;
	padding-bottom:17px;
}

#middle{
	margin:0 30px 0 0px;
	width:359px;
}

#logowrapper{
	width:358px;
	float:left;
}

.andmore{
	float:left;
	padding:23px 0 0 0;
}

#right,
#right1{
	margin:0 0px 0 0px;
	width:280px;
	float:left;
}

#right1{
	padding:5px 0 0 0;
}

#rightcontent{
	width:263px;
	float:left;
	padding:19px 0 0px 0;
}

#rightcontent a:hover{
	color:#77A02E;
}

div#right1 div#rightcontent a:hover{
	/*color:#918e8e;*/
}

.rightdiv1{
	padding:10px 0 10px 0;
}

.twitter{
	float:right;
	clear:right;
	padding-top:9px;
}

#footer,
#footer1{
	float:left;
	width:981px;
	background:0 0 no-repeat #5b5b5b url(/images/footerbg.gif);
	padding:29px 0 0 19px;
}

.footerdiv{
	padding:1px 10px 0 10px;
	float:left;
}

#footer a:hover{
	color:#b2da7b;
}


.address{
	float:left;
	padding-left:60px;
}

.number{
	float:left;
	padding-left:16px;
}

.copy{
	float:left;
	padding-left:56px;
}

.TheSpider{
	float:left;
	padding-left:52px;
	width:80px;
}

.thespider1{
	float:right;
	color:#727171;
	font-family:Tahoma;
	font-size:9px;
	padding:13px 18px 0 0;
}

#breadcrumb{
	margin:9px 0 0px 0px;
	width:690px;
	display:inline;
	height:42px;
	float:left;
}

#breadcrumb .on,
#breadcrumb a{
	color:#858282;
	font-family:Tahoma;
	font-size:10px;
	line-height:12px;
	text-decoration:none;
	float:left;
}

#breadcrumb img,
#breadcrumb div{
	float:left;
}

#breadcrumb  a:hover,
#breadcrumb  .on{
	color:#77b227 !important;
}

.breadcrumbdiv{
	padding:2px 8px 0 8px;
}

.clientheader1 a{
	color:#646363;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}
	
.clientheader1{
	background-color:#eaeae8;
	width:670px;
	height:21px;
	color:#646363;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	float:left;
	
}

.clientheader1 table{
	margin-top:1px;
	display:inline;
	float:left;
}

.clientheader1 table tr td.time{
	font-size:9px;
	color:#598b18;
	line-height:12px;
	font-family:Tahoma;
	font-weight:normal;
}

.clientitem,
.clientitem1{
	width:699px;
	float:left;
	padding:0 0 18px 0;
}

.clientitem1{
	padding:0 0 10px 0;
}

.clientitem div.clienttext,
.clientitem1 div.clienttext{
	width:282px;
	padding:7px 0 0 8px;
	float:left;
	color:#858282;
	font-size:11px;
	line-height:13px;
	font-family:Tahoma;
}

.listtext{
	width:390px;
	padding:0px 0px 0 2px;
	float:left;
	color:#333;
	font-size:12px;
	line-height:16px;
	font-family:Arial;
}

.listtext2{
	padding:7px 0px 0 8px;
	float:left;
	color:#333;
	font-size:12px;
	line-height:16px;
	font-family:Arial;
}

.clientitem1 div.clienttext{
	width:448px;
}

.clientthumb{
	float:right;
	padding:0 21px 0 0;
}

.servicesdiv{
	padding: 9px 0 2px 0;
	float:left;
}

.pngframe,
.pngframe1{
	width:175px;
	height:91px;
	float:left;
	/*cursor:pointer;*/
}

.pngframe1{
	margin:4px 0 0 0;
	background:7px 7px no-repeat;
}

.happeningsicon{
	padding:0 0 4px 0;
}

#icons{
	margin-top:6px;
}

.smallicon{
	float:left;
	padding-right:1px;
	position:relative;
	cursor:pointer;
}

#client{
	height:545px;
	width:675px;
	background:0 0 no-repeat url(/images/clientbg.png);
	float:left;
	padding:5px 0 0 5px;
}


#captionwrapper{
	width:670px;
	background:0 0 no-repeat url(/images/captionbg.png);
	height:147px;
	position:relative;
	top:-8px;
	float:left;
}

#caption{
	color:#858282;
	font-family:Tahoma;
	font-size:11px;
	line-height:12px;
	padding:20px 0 0 16px;
	display:inline;
	width:360px;
	z-index:99;
	position:absolute;
	top:-6px; 
	left:-671px;
}

#caption1{
	color:#858282;
	font-family:Tahoma;
	font-size:11px;
	line-height:12px;
	padding:20px 0 0 16px;
	display:inline;
	width:360px;
	z-index:99;
	position:absolute;
	top:0px;
	left:0px;
}

#caption2{
	color:#858282;
	font-family:Tahoma;
	font-size:11px;
	line-height:12px;
	padding:20px 0 0 16px;
	display:inline;
	width:310px;
	z-index:99;
	position:absolute;
	top:-128px;
	left:3px;
}

#caption b{
	color:#598b18;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	line-height:12px;
	text-decoration:none;
}

#caption a{
	color:#598b18;
	font-family:Tahoma;
	font-size:9px;
	line-height:12px;
}

/* client slide */

.slideimg{
	width:60px; 
}

.slideimg1{
	width:40px; 
}

#clientnav {
	width: 244px;
	z-index:99;
	position:absolute;
	top:10px; 
	left:-269px;
	background:0 0 repeat-x url(/images/slidebgtile.gif);
}

#clientnav1 {
	width: 287px;
	z-index:99;
	position:absolute;
	top:-77px; 
	left:28px;
	background:0 0 repeat-x url(/images/staffslidebg.gif);
}

#clientnav li{
	width: 61px; 
	float: left; 
	list-style: none 
}

#clientnav1 li{
	width: 41px; 
	float: left; 
	list-style: none 
}

#clientnav a{
	width: 60px; 
	padding: 10px 0 6px 0; 
	display: block; 
	background:0 0 no-repeat url(/images/slidebgoff.gif); 
}

#clientnav1 a{
	width: 40px; 
	padding: 4px 0 6px 0; 
	display: block; 
	background:0 0 no-repeat url(/images/slidebgoff1.gif); 
}

#clientnav a.activeSlide{
	background:0 0 no-repeat url(/images/slidebgon.gif); 
}

#clientnav1 a.activeSlide{
	background:0 0 no-repeat url(/images/slidebgon1.gif); 
}

#clientnav a:focus,
#clientnav1 a:focus{
	outline: none; 
}

#clientnav img,
#clientnav1 img{
	border: none; display: block 
}

.clientnav img,
.clientnav1 img{
	position:relative;
}

#leftarrow{
	position:absolute;
	top:24px;
	left:-291px;
	cursor:pointer;
}

#leftarrow2{
	position:absolute;
	top:-71px;
	left:7px;
	cursor:pointer;
}

.leftarrow1{
	float:left;
	padding:41px 0 0 9px;
}

#rightarrow{
	position:absolute;
	top:24px;
	left:-26px;
	cursor:pointer;
}

#rightarrow2{
	position:absolute;
	top:-71px;
	left:314px;
	cursor:pointer;
}

.rightarrow1{
	float:left;
	padding:41px 0 0 0px;
}

/* end client slide */

#slideshow1{
	z-index:0;
}

.iconpadding{
	margin-bottom:34px;
	}
	
.iconmenu{
	position:absolute;
	top:20px;
	left:-20px;
	z-index:9999;
	height:100px;
	display:none;
}

.icontile{
	width:218px;
	z-index:99999; 
	background:url(/images/icontile.png);
	float:left;
}

.icondropbg{
	display:inline;
	float:left;
	margin-left:5px; 
	background:0 0 no-repeat url(/images/icondropbg.gif);
}

.icondropspider{
	float:left; 
	width:208px;
	background:bottom right no-repeat url(/images/blurryspider.gif);
}

.icondropcontent{
	float:left; 
	padding:5px 0 15px 11px;
	width:190px;
}

div.icondropcontent b{
	color:#598b18;
	font-family:Tahoma;
	font-size:11px;
	line-height:13px;
	font-weight:bold;
}

.icondropdiv{
	margin:6px 0 6px 0;
}

.largeicon{
	float:left;
	padding:0 4px 0 0;
}

#maplink{
	width:213px;
	height:176px;
	float:left; 
	position:absolute; 
	top:0;
	left:0;
}

#mapinfo{
	position:absolute;
	height:152px; 
	width:145px; 
	top:41px; 
	left:-6px; 
	z-index:7999; 
	background:0 0 url(/images/map.png) no-repeat;
	padding:24px 0 0 224px;
	font-family:Tahoma;
	font-size:11px;
	color:#fff;
	display:none;
	line-height:13px;
}

#mapinfo b span.green{
	color:#c5ef71;
	font-size:11px;
}

#mapinfo span{
	color:#46610d;
	font-size:9px;
}

.largeicon{
	float:left;
	padding:0 7px 0 0;
}

.slidewrapper{
	float:left;
	width:212px;
}

.slidecaption1,
.slidenumber{
	float:left;
	font-family:Tahoma;
	font-size:9px;
	line-height:12px;
	color:#a6a4a4;
	padding:2px 0 0 28px;
	position:relative;
	top:-2px;
	z-index:2000;
}

.slidenumber{
	float:right;
	padding:2px 21px 0 0;
}

.slidenumber span.green{
	color:#77b227;
}

.f9{
	font-size:9px;
}


.topnavitemwrapper{
	float:left; 
	position:relative;
	z-index:10000;
}

#headerpic1{
	position:absolute;
	top:0; 
	left:0; 
	z-index:10001;
	display:none;
	height:500px; 
	width:704px; 
	cursor:pointer; 
	background:0 0 no-repeat;
}

#close1{
	float:right;
	padding:104px 6px 0 0;
}

#happic{
	width:280px; 
	height:200px; 
	overflow:hidden; 
	float:left;
}

.stafftext{
	width:169px;
	float:left;
	padding-top:6px;
	position:relative; 
	left:-7px;
}

.stafftext b{
	font-weight:bold;
	color:#646363;
}

.stafftext span{
	color:#77b227;
	font-size:9px;
	line-height:13px;
}

.readmore1{
	padding-top:3px;
}

.clientitem2,
.clientitem2a{
	width:347px;
	float:left;
	padding:0 0 18px 0;
}

.clientitem2a{
	clear:left;
}

.staffpng{
	position:relative; 
	left:-7px;
	margin-top:2px;
}


#descriptionwrapper{
	float:left;
	width:583px;
}

#descriptionwrapper strong,
#descriptionwrapper b,
#staffinddesc b,
#staffinddesc strong,
#serviceinddesc b,
#serviceinddesc strong{
	font-family:Tahoma;
	font-size:13px;
	line-height:13px;
	color:#939491;
	font-weight:bold;
}

.contentitem ul,
.contentitem ol,
#right1 ul,
#right ol,
#serviceinddesc ul,
#serviceinddesc ol,
#descriptionwrapper ol,
#descriptionwrapper ul,
.slidewrapper ol,
.slidewrapper ul{
	list-style: none;
	margin: 0;
	padding:0;
	width:583px;
	padding:16px 0;
}

.contentitem ul,
.contentitem ol{
	width:280px;
}

#serviceinddesc ul,
#serviceinddesc ol{
	width:450px;
}

#right1 ul,
#right1 ol{
	width:254px;
	float:left;
	padding:8px 0 0px 8px;
}

.slidewrapper ol,
.slidewrapper ul{
	width:180px;
	float:left;
	padding:18px 0 3px 24px;
}

.contentitem ul li,
.contentitem ol li,
#serviceinddesc ul li,
#serviceinddesc ol li,
#descriptionwrapper ol li,
#descriptionwrapper ul li{
	padding-left: 36px;
	background:url(/images/bullet1.gif) no-repeat 25px 4px;
	width:450px;
	font-family:Arial;
	font-size:12px;
	line-height:15px;
}

.contentitem ul li,
.contentitem ol li{
	width:200px;
}

.slidewrapper ol li,
.slidewrapper ul li{
	padding-left: 8px;
	background:url(/images/arrow1.gif) no-repeat 0px 9px;
	width:140px;
}

#right1 ol li,
#right1 ul li{
	padding-left: 7px;
	width:75px;
	float:left;
	line-height:16px;
	background:url(/images/arrow1.gif) no-repeat 0px 7px;
}

#right1 ol li a,
#right1 ul li a,
.slidewrapper ol li a,
.slidewrapper ul li a{
	font-family:Tahoma;
	text-decoration:none;
	font-size:11px;
	line-height:20px;
	color:#858282;
}

#right1 ol li a,
#right1 ul li a{
	line-height:18px;
}

#right1 ol li a:hover,
#right1 ul li a:hover,
.slidewrapper ol li a:hover,
.slidewrapper ul li a:hover{
	color:#77a02e;
}

#serviceinddesc ul li,
#serviceinddesc ol li{
	width:400px;
}

#andmore{
	padding-top:14px;
}

#staffinddesc,
#servicesinddesc{
	float:left;
	width:322px;
	padding:8px 5px 0 6px;
}

#serviceinddesc{
	float:left;
	width:450px;
	padding:8px 0px 0 2px;
	padding-right:3px;
}

#staffwrapper{
	width:340px;
	float:left;
	position:relative
}
              
#staff{
	height:357px;
	width:335px;
	background:0 0 no-repeat url(/images/staffbg.png);
	float:left;
	padding:5px 0 0 5px;
	margin-top:4px;
}

#captionwrapper1 {
	background:transparent url(/images/captionbg1.png) no-repeat scroll 0 0;
	float:left;
	height:123px;
	position:absolute;
	top:242px;
	left:0;
	width:340px;
}

.spidercartbig{
	padding:12px 0 11px 0;
	float:left;
}

.proddiv1{
	float:left;
	padding:0 0 7px 0;
}

.clienttestimonials{
	float:left;
	padding:23px 0 4px 23px;
}

.milestones{
	float:left;
	padding:27px 0 4px 30px;
}

#testimonials{
	width:174px;
	padding:11px 14px;
	background:0 0 no-repeat url(/images/testibg.gif);
	float:left;
	margin-left:8px;
	display:inline;
	margin-right:-3px;
}

#testimonials span{
	color:#679b20;
	line-height:10px;
}

#testimonials b,
#testimonials strong{
	color:#679b20;
	line-height:11px;
	font-weight:bold;
}

.spiderincbig{
	padding:9px 0 23px 2px;
	float:left;
}

.seal1{
	float:right;
	padding:0 0 0 5px;
}

.norcal{
	float:left;
	padding:0 5px 0 0;
}

#contactleft{
	float:left;
	width:155px;
	clear:left;
}

#contactleft span{
	color:#77b227;
	line-height:12px;
	font-family:Tahoma;
	font-size:9px;
}

.contactbutt{
	padding:4px 0 18px 0;
}

.contacttwitter{
	padding:8px 0px 0 30px;
	float:left;
}

.contactfb{
	padding:8px 0px 0 5px;
	float:left;
}

.contactdiv1{
	float:left;
	padding:0px 0 3px 0;
}

#contactformwrapper{
	color:#858282;
	line-height:10px;
	font-family:Tahoma;
	font-size:9px;
	float:left;
	width:180px;
	padding:0 0 0 31px;
}

#contactformwrapper span{
	font-size:11px;
	line-height:14px;
}

.formborder2,
#contactformwrapper textarea{
	border:0;
	width:165px;
	padding:2px 3px 2px 3px;
	float:left;
	background-color:#ededed;
	font-family:Tahoma;
	font-size:11px;
	line-height:12px;
	color:#3e3d3d;
	margin:2px 0 10px 0;
}

#contactformwrapper textarea{
	height:71px;
}

.relative{
	position:relative;
}

.left{
	float:left;
}

.right{
	float:right;
}

.none{
	float:none;
}

.clear{
	clear:both;
}

.test{
	border:1px solid red;
}

.top{
	z-index:9999; 
	position:relative;
}

.pointer{
	cursor:pointer;
}

.formborder1{
	border:0;
	width:160px;
	padding:2px 5px 2px 5px;
	float:left;
	background-color:#a1a88f;
	font-family:Tahoma;
	font-size:11px;
	line-height:12px;
	color:#3e3d3d;
}

* {
}

.text1{
	color:#c5c5c5;
	line-height:20px;
	font-family:Tahoma;
	font-size:11px;
}

.text2,
.text2a{
	color:#858282;
	line-height:12px;
	font-family:Tahoma;
	font-size:11px;
}

.text2a{
	line-height:13px;
}

#piccaption span.text2{
	font-size:9px;
}

#piccaption span.text2 a{
	color:#77b227;
	line-height:11px;
	font-family:Tahoma;
	text-decoration:none;
}

.f9{
	font-size:9px;
}

.text3off,
.text3{
	color:#646363;
	line-height:12px;
	font-weight:bold;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;
}

.text3on{
	color:#77A02E;
	line-height:12px;
	font-weight:bold;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;	
}

.text4{
	color:#77b227;
	line-height:12px;
	font-family:Tahoma;
	font-size:9px;
}

.text4a{
	color:#77b227;
	line-height:11px;
	font-family:Tahoma;
}

.text5off,
.text5{
	color:#898989;
	line-height:12px;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;
}

.text5on{
	color:#646363;
	text-decoration:none;
	}

.text6{
	color:#a8a8a8;
	line-height:12px;
	font-family:Tahoma;
	font-size:11px;
}

.text7{
	color:#b2da7b;
	line-height:12px;
	font-family:Tahoma;
	font-size:11px;
}

.text8 a,
.text8{
	color:#333;
	line-height:16px;
	font-family:Arial;
	font-size:12px;
}

.text8 strong{
	color:#646363;
}

.header1{
	line-height:24px;
	font-size:24px;
	color:#86b337;
	font-family:Myriad Pro, Helvetica;
	letter-spacing:-2px;
	padding-bottom:11px;
}

#rollover{
	color:Blue;
}

.rightnavbox{
	width:50px;
	padding:5px 5px 5px 0; 
	float:left;
}