#skip	{ display: none; }
*	{ margin: 0; padding: 0; }
html	{ min-height: 100%; margin: 0 0 .01em; }
body	{ background: #d4d7dc; font: 12px Arial, Helvetica, sans-serif; color: #272727; }

textarea, input, select	{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #000; }

h1	{ font-size: 10px; }
h2	{ font-family: Geneva, Arial, Helvetica, sans-serif; }

a:link	{ color: #688917; }
a:visited	{ color: #920707; }
a:hover	{ color: #89b51f; text-decoration: none; }

hr { border: none 0; border-top: 1px dashed #000; width: 100%; text-align: right; margin: 0 0 15px auto; height: 1px; }

#container	{ position: relative; margin: 0 auto; width: 766px; }

#header	{ position: relative; float: left; width: 766px; height: 126px; background: url(../images/header.gif) no-repeat 0 0; z-index: 50; }
	#logo	{ position: relative; left: 24px; top: 20px; margin: 0 28px 25px 0; float: left; }
	#hServices	{ position: relative; left: 25px; top: 25px; margin: 0 25px 25px 0; float: left; width: 285px; height: 59px; display: block; overflow: hidden; }
		#hServices span	{ position: absolute; top: 0; left: 0; width: 285px; height: 59px; background: url(../images/services2.png) no-repeat 0 0; }
	/*#phone	{ position: relative; right: 8px; top: 15px; margin: 0 0 15px 8px; float: right; width: 125px; height: 23px; display: block; overflow: hidden; }
		#phone span	{ position: absolute; top: 0; left: 0; width: 125px; height: 23px; background: url(../images/phone.gif) no-repeat 0 0; }*/
	#quote, #quoteon	{ position: relative; right: 3px; top: 2px; float: right; width: 142px; height: 26px; background: url(../images/headerButtons.png) no-repeat 0 -29px; clear: right; }
		#quote a	{ display: block; width: 142px; height: 26px; background: url(../images/headerButtons.png) no-repeat 0 -29px; }
		#quote a strong, #quoteon strong	{ position: absolute; top: 0; left: 0; display: block; width: 142px; height: 26px; background: url(../images/headerButtons.png) no-repeat 0 -29px; }
		#quote a:hover, #quote a:hover strong, #quoteon strong	{ background: url(../images/headerButtons.png) no-repeat -150px -29px; }
	#clientlogin	{ position: relative; right: 3px; top: 25px; margin: 0 0 25px; float: right; width: 142px; height: 26px; background: url(../images/headerButtons.png) no-repeat 0 0; clear: right; }
		#clientlogin a	{ display: block; width: 142px; height: 26px; background: url(../images/headerButtons.png) no-repeat 0 0; }
		#clientlogin a strong	{ position: absolute; top: 0; left: 0; display: block; width: 142px; height: 26px; background: url(../images/headerButtons.png) no-repeat 0 0; }
		#clientlogin a:hover, #clientlogin a:hover strong	{ background: url(../images/headerButtons.png) no-repeat -150px 0; }
	
#nav	{ position: relative; left: 44px; top: 14px; margin: 0 44px 14px 0; float: left; width: 500px; clear: both; }
	#nav li	{ position: relative; left: 0; top: 0; display: block; float: left; list-style: none; height: 25px; font-size: 1px; }
	#nav li a, #nav li div { cursor: pointer; height: 25px; position: relative; left: 0; display: block; background-image: url(../images/nav.gif); }
	#nav li span { position: absolute; left: 0; top: 0; z-index: 1; height: 25px; background-image: url(../images/nav.gif); }
	
	#nav li.home, #nav li.home a, #nav li.home span	{ width: 69px; background: url(../images/nav.gif) no-repeat -44px 0; }
	#nav li.home a:hover span	{ background: url(../images/nav.gif) no-repeat -44px -25px; }
	#nav li.homeon, #nav li.homeon span	{ width: 69px; background: url(../images/nav.gif) no-repeat -44px -25px; }
	
	#nav li.services, #nav li.services a, #nav li.services span	{ width: 83px; background-position: -113px 0; }
	#nav li.services a:hover span, #nav li.services:hover a span	{ background-position: -113px -25px; }
	#nav li.serviceson, #nav li.serviceson span	{ width: 83px; background-position: -113px -25px; }
	
	#nav li.about, #nav li.about a, #nav li.about span	{ width: 90px; background-position: -196px 0; }
	#nav li.about a:hover span, #nav li.about:hover a span	{ background-position: -196px -25px; }
	#nav li.abouton, #nav li.abouton span	{ width: 90px; background-position: -196px -25px; }
	
	#nav li.portfolio, #nav li.portfolio a, #nav li.portfolio span	{ width: 87px; background-position: -286px 0; }
	#nav li.portfolio a:hover span	{ background-position: -286px -25px; }
	#nav li.portfolioon, #nav li.portfolioon span	{ width: 87px; background-position: -286px -25px; }
	
	#nav li.contact, #nav li.contact a, #nav li.contact span	{ width: 102px; background-position: -373px 0; }
	#nav li.contact a:hover span	{ background-position: -373px -25px; }
	#nav li.contacton, #nav li.contacton span	{ width: 102px; background-position: -373px -25px; }
	
	/* css dropdowns */
	#nav li ul { display: none; position: absolute; width: 130px; font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif; z-index: 50; }
	#nav li li	{ width: 130px; height: auto; font-size: 12px; }
	#nav li>ul { top: 25px; left: 0; z-index: 50; }
	#nav li:hover ul, #nav li.sfhover ul { left: 0; top: 25px; display: block; z-index:50; }
	#nav li li a:link, #nav li li a:visited { background: #aeb578; cursor: pointer; color: #fff; padding: 5px 5px 5px 8px; width: 130px; w\idth: 117px; text-decoration: none; display: block; height: auto; line-height: 14px; }
	#nav li li a:hover { background-color: #89b51f; color: #fff; }

#content1	{ position: relative; top: 6px; float: left; width: 766px; height: auto; margin: 0 0 6px; background: url(../images/content1.gif) no-repeat bottom left; z-index: 1; }
	#content1 h1	{ font-size: 20px; }
	#homebanner, #puzzle	{ position: relative; left: 3px; top: 4px; float: left; margin: 0 0 2px; }
	#puzzle, #puzzle strong	{ left: 0; top: 0; background: url(../images/puzzle.jpg) no-repeat 0 0; width: 766px; height: 202px; }
	#puzzle strong	{ position: absolute; top: 0; left: 0; }
	
	#content1 #col1, #content1 #col2	{ position: relative; float: left; padding: 0 10px; margin: 0 0 15px; width: 383px; w\idth: 363px; }
		#content1 #col1 h1	{ position: relative; top: 10px; margin: 0 0 10px; }
		#content1 #col1 ul, #content1 #col1 ol	{ position: relative; left: 40px; display: block; margin: 5px 0 10px; width: 280px; }
		#content1 #col2	{ position: relative; top: 10px; right: 4px; margin: 0 0 10px; padding-top: 20px; background: url(../images/home-box1.gif) no-repeat; height: 196px; }
		#content1 #col1 p	{ margin: 0 0 10px }

	#homeSEO, #homeWeb	{ position: relative; left: 15px; top: 5px; margin: 0 15px 5px 0; float: left; width: 356px; }
	#homeWeb	{ top: 15px; margin: 0 15px 15px 0; }
		#homeSEO img, #homeWeb img	{ position: relative; float: left; }
		#homeSEO h1, #homeWeb h1	{ position: relative; top: 0; right: 0; margin: 0 0 15px; }
		#homeSEO ul, #homeWeb ul	{ position: relative; left: 8px; top: 3px; float: left; list-style: none; margin: 0 0 3px; }
			#homeWeb ul	{ left: 18px; top: 0; margin: 0; }
			#homeSEO li, #homeWeb li	{ background: url(../images/list-style-arrow.gif) no-repeat 0 4px; padding: 0 0 0 11px; font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 16px; }
		
		#learnMore, #learnMoreWeb	{ position: relative; right: 4px; top: 14px; float: right; width: 105px; height: 32px; overflow: hidden; font-size: .01em; text-align: center; }
			#learnMore a, #learnMore strong	{ position: relative; display: block; width: 105px; height: 32px; background: url(../images/learn-more.gif) no-repeat 0 0; overflow: hidden; }
			#learnMore strong	{ position: absolute; top: 0; left: 0; }
			#learnMore a:hover strong	{ background: url(../images/learn-more.gif) no-repeat 0 -32px; }
		
		#learnMoreWeb	{ position: relative; right: 4px; top: 14px; float: right; width: 105px; height: 32px; overflow: hidden; }
			#learnMoreWeb a, #learnMoreWeb strong	{ position: relative; display: block; width: 105px; height: 32px; background: url(../images/learn-more.gif) no-repeat 0 0; overflow: hidden; }
			#learnMoreWeb strong	{ position: absolute; top: 0; left: 0; }
			#learnMoreWeb a:hover strong	{ background: url(../images/learn-more.gif) no-repeat 0 -32px; }

#content2	{ position: relative; top: 6px; float: left; width: 766px; height: 206px; background: url(../images/content2.gif) no-repeat 0 0; margin: 0 0 6px; }
	#news, #clientQuote	{ position: relative; left: 18px; top: 8px; float: left; width: 350px; }
		#news p, #clientQuote p	{ position: relative; top: 8px; float: left; }
		#news strong, #clientQuote strong	{ color: #007e3a; }
	
	#clientQuote	{ left: 48px; font-size: 11px; }
		#clientQuote p	{ top: 24px; left: 40px; margin: 0 40px 24px 0; width: 260px; }

/************************************ subpages */
#content3	{ position: relative; top: 6px; float: left; width: 766px; margin: 0 0 36px; background: url(../images/bg-content3-2.gif) repeat-y 0 0; z-index: 1 }
	#content3 #title	{ position: relative; float: left; }
	#content3shade	{ position: absolute; bottom: -30px; left: 0; float: left; width: 766px; height: 203px; background: url(../images/content3-shadow2.gif) no-repeat 0 0; z-index: 0; }
	
	.bg-services	{ position: absolute; bottom: 70px; left: 3px; width: 207px; height: 216px; background: url(../images/scrabble.gif) no-repeat 0 0; z-index: 1; }
	.bg-about	{ position: absolute; bottom: 130px; left: 3px; width: 207px; height: 216px; background: url(../images/about-quote.gif) no-repeat 0 0; z-index: 1; }
	.bg-portfolio	{ position: absolute; bottom: 130px; left: 3px; width: 207px; height: 216px; background: url(../images/http.gif) no-repeat 0 0; z-index: 1; }
	.bg-contact	{ position: absolute; top: 430px; left: 3px; width: 207px; height: 216px; background: url(../images/ampersand.gif) no-repeat 0 0; z-index: 1; }
	.bg-sitemap	{ position: absolute; bottom: 130px; left: 3px; width: 207px; height: 216px; background: url(../images/compass.gif) no-repeat 0 0; z-index: 1; }
	.bg-help	{ position: absolute; bottom: 130px; left: 3px; width: 207px; height: 216px; background: url(../images/blocks.gif) no-repeat 0 0; z-index: 1; }

#subnav	{ position: relative; left: 3px; top: 21px; float: left; width: 146px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style: none; z-index: 1; }
	#subnav li	{ line-height: 14px; }
	#subnav li a, #subnav li div	{ display: block; width: 146px; w\idth: 126px; padding: 6px 10px; color: #0f6d23; text-decoration: none; }
	#subnav li a:hover, #subnav li div	{ color: #aa0808; }
	
#breadcrumb	{ position: relative; left: 18px; top: 10px; margin: 0 18px 10px 0; float: left; width: 370px; font-size: 11px; }

#subContent	{ position: relative; top: 10px; left: 18px; width: 370px; margin: 0; float: left; z-index: 2; }
	#subContent h1	{ font-size: 22px; color: #89b51f; margin: 0 0 20px; }
		h1 a:link, h1 a:active, h1 a:visited, h1 a:hover	{ cursor: text; }
	#subContent h2	{ font-size: 19px; margin: 12px 0 0; color: #000; }
		#subContent h2 a	{ text-decoration: none; color: #2D5D7A; }
		#subContent h2 a:hover	{ color: #346B8D; }
	#subContent h3	{ font-size: 13px; margin: 0 0 5px; }
	#subContent ul, #subContent ol	{ margin: 0 35px 15px; }
		#subContent ul ul, #subContent ol ol	{ margin: 0 5px 5px 35px; }
	#subContent li	{ line-height: 19px; }
	#subContent p	{ line-height: 16px; margin: 5px 0 10px; }
	
	table	{ border-collapse:collapse; }
	table th	{ text-align: left; }
	table td	{ padding: 5px 2px; border: 1px solid; }
	tr.rowOdd	{ background: #D8EFA1; }
	tr.rowEven	{ background: #EEF8D7; }
	td.center	{ text-align: center; }

#sidecol	{ position: relative; top: 14px; right: 15px; float: right; width: 188px; z-index: 1; margin: 0 0 14px; }
	#sidecol iframe	{ position: relative; float: left; width: 188px; height: 235px; border: none; }
	#contactbox	{ position: relative; top: 0; width: 188px; height: 235px; background: url(../images/contact-box.gif) no-repeat 0 0; }
		#contactbox p	{ position: relative; top: 33px; left: 6px; float: left; width: 181px; text-align: center; }
		#contactbox table	{ position: relative; top: 40px; left: 19px; float: left; }
		#contactbox td	{ padding: 0 0 7px; border: none; }
		#contactbox input, #contactbox textarea	{ position: relative; float: left; width: 155px; w\idth: 149px; height: 16px; he\ight: 14px; padding: 1px 2px; }
		#contactbox textarea	{ height: 79px; he\ight: 77px; overflow: auto; }
		#contactbox #send	{ float: right; width: 57px; height: 22px; border: none; }
	#seobox	{ position: relative; top: 7px; float: left; }
	#quotebox	{ position: relative; top: 10px; float: right; }

#footer	{ position: relative; left: 25px; top: 10px; width: 420px; height: 30px; margin: 0 0 10px; float: left; color: #676e32; font-size: 11px; }
	#footer span	{ color: #fff; }
	#footer a:link, #footer a:visited	{ color: #aa0808; text-decoration: none; }
	#footer a:hover	{ color: #fff; }
	#copy	{ position: relative; top: 10px; right: 25px; margin: 0 0 10px 25px; float: right; color: #676e32; }
	#yahoo	{ position: relative; float: right; margin: 0 0 10px; }
	#validate	{ position: relative; right: 23px; top: 3px; float: right; height: 31px; }
		#validate img	{ border: none; margin: 0 5px; }

/* form validation styles ****************************************/
#contactform	{ position: relative; top: 10px; margin: 0 0 10px; }
	#contactform fieldset	{ position: relative; float: left; width: 350px; w\idth: 308px; padding: 10px 20px; border: none; line-height: 28px; font-size: 12px; }
	/*#contactform fieldset	{ position: relative; float: left; width: 550px; w\idth: 508px; padding: 10px 20px; border: none; line-height: 28px; font-size: 12px; }*/
	/*#contactform fieldset	{ position: relative; float: left; width: 550px; w\idth: 508px; padding: 10px 20px; border: 1px solid; line-height: 28px; font-size: 12px; }*/
	#contactform legend	{ font-weight: bold; font-size: 14px; }
	#contactform label	{ position: relative; float: left; width: 100px; w\idth: 80px; padding: 0 20px 0 0; line-height: 12px; vertical-align: middle; }
	/*#contactform label	{ position: relative; float: left; width: 180px; w\idth: 160px; padding: 0 20px 0 0; line-height: 12px; vertical-align: middle; }*/
	/*#contactform input	{ width: 160px; w\idth: 156px; padding: 1px 2px; }*/
	#contactform .textarea	{ position: relative; width: 203px; w\idth: 199px; height: 100px; he\ight: 98px; overflow: auto; padding: 1px 2px; }
	#contactform input.error	{ border: 1px solid #f00; }
	#contactform input.send	{ width: 60px; }
	#contactform #send	{ float: left; width: 57px; height: 22px; border: none; }
	
	#contactform p	{ margin: 0 0 10px; }
	#contactform ol	{ margin: 0; list-style: none; }
	#contactform li.options label	{ width: 370px; w\idth: 350px; }
	#contactform li	{ position: relative; float: left; clear: left; margin: 10px 0; }
	.required	{ font-style: italic; color: #c00; padding: 0 0 0 5px; text-transform: uppercase; font-size: 10px; }

#needed-quote	{ margin: 0 0 10px; }
	#needed-quote fieldset	{ margin: 0 0 5px; }
	#needed-quote label	{ width: 180px; line-height: 15px; }
	#needed-quote input	{ width: auto; }
	
#errorbox	{ width: 370px; w\idth: 356px; border: 2px solid #c00; background: #fcc; padding: 5px; text-align: center; }
	#errorbox strong	{ display: block; }

/* classes *******************************************************/
.clear	{ clear: both; }
.errmsg	{ font-weight: bold; background: #f00; color: #fff; }
.error	{ color: #c00; }
.clients	{ position: relative; left: 20px; float: left; width: 230px; text-align: center; background: none; margin: 0 20px 20px 0; }
	.clients h3	{ background: #89b51f; padding: 4px 0; color: #fff; }
	.clients p	{ position: relative; float: left; clear: both; margin: 0 0 8px; }
	.clients p img	{ border: 1px solid #dbe2a3; width: 30%; height: 30%; float: left; margin: 0 5px 0 0; }
.top	{ text-align: center; font-size: 11px; }
	.top a	{ text-decoration: none; }
a.seo, a.one:link, a.one:visited	{ text-decoration: none; color: #272727; }
	a.seo:hover, a.one:hover	{ color: #343434; }
.info	{ font-size: 10px; }
.maint1, .maint2, .maint3, .maint4, .maint5	{ position: relative; left: 25px; padding: 0 0 0 20px; }
.maint1	{ background: url(../images/maintenance1.gif) no-repeat top left; }
.maint2	{ background: url(../images/maintenance2.gif) no-repeat top left; }
.maint3	{ background: url(../images/maintenance3.gif) no-repeat top left; }
.maint4	{ background: url(../images/maintenance4.gif) no-repeat top left; }
.maint5	{ background: url(../images/maintenance5.gif) no-repeat top left; }
.maint1 li, .maint2 li, .maint3 li, .maint4 li, .maint5 li	{ list-style: none; }

/* sIFR styles */
/*---- sIFR ---*/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }

.sIFR-replaced { visibility: visible !important; }

.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

.sIFR-hasFlash #subContent h1	{ visibility: hidden; letter-spacing: -9px; line-height: 1em; margin: 0 0 20px; }
.sIFR-hasFlash #content1 h1	{ visibility: hidden; letter-spacing: -9px; line-height: 1em; margin: 0; }
.sIFR-hasFlash h2	{ visibility: hidden; letter-spacing: -9px; line-height: 1em; margin: 0; }