html, body 									{height: 100%; padding:0; margin:0; background:url(../pics/bg.gif) 0 0 repeat-x; background-color:#333d42; font-family: helvetica, arial;}

#container 									{position: relative; height: 100%; min-height: 100%;}
html>body #container						{height: auto}
#content									{width: 1000px; margin: 0 auto; /* firefox hack to control height */ padding:1px;}
#footer										{position: absolute; width:100%; bottom: 0; height: 90px; font:normal 14px Verdana, Geneva, sans-serif; color: #333; background-color:#CCC;}
#footer p									{width: 1000px; margin:10px auto; padding:15px 0 0 0;}
#footer p img								{float: right; margin-top:-15px}

.clear										{clear:both}
.spacer										{height:110px}
.seemore									{font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.break 										{clear: both;}
a img										{border:none}

#canvas 									{width:1000px; margin:0 auto; height: 100%; min-height: 100%; text-align:left;}

#topnav										{width:100%; text-align:left;height:20px}
#topnav .left								{width:458px; height: 75px; position: absolute; margin:30px 0 0 0; background:url(../pics/logo.gif) 0 0 no-repeat}
#topnav .left h1,
#topnav .left p								{display:none; visibility:hidden}
#topnav .right								{width:162px; height: 162px; position: absolute; margin:0 0 0 830px; background:url(../pics/headshot.gif) 0 0 no-repeat}	

#midnav  									{margin-top:117px}
#midnav ul 									{width: 1000px; display:block; margin:0 auto; padding: 0; list-style:none; font-weight:bold; font-size:16px;}
#midnav li  								{display:inline}
#midnav li a								{display:block; float:left; color: #666; text-decoration:none;margin-top:-2px; z-index:1; position:relative}
#midnav li a span							{display:none}
#midnav li a.home							{background:url(../pics/btn_home_off.gif) 0 0 no-repeat; width:67px; height:27px}
#midnav li a.about							{background:url(../pics/btn_about_off.gif) 0 0 no-repeat; width:76px; height:27px;}
#midnav li a.services						{background:url(../pics/btn_services_off.gif) 0 0 no-repeat; width:91px; height:27px}
#midnav li a.testimonials					{background:url(../pics/btn_testimonials_off.gif) 0 0 no-repeat; width:132px; height:27px}
#midnav li a.faq							{background:url(../pics/btn_faq_off.gif) 0 0 no-repeat; width:52px; height:27px}
#midnav li a.contact						{background:url(../pics/btn_contact_off.gif) 0 0 no-repeat; width:92px; height:27px}
#midnav li a.products						{background:url(../pics/btn_products_off.gif) 0 0 no-repeat; width:88px; height:27px}
#midnav li a.home:hover						{background:url(../pics/btn_home_on.gif) 0 0 no-repeat; width:67px; height:27px}
#midnav li a.about:hover					{background:url(../pics/btn_about_on.gif) 0 0 no-repeat; width:76px; height:27px}
#midnav li a.services:hover					{background:url(../pics/btn_services_on.gif) 0 0 no-repeat; width:91px; height:27px}
#midnav li a.testimonials:hover				{background:url(../pics/btn_testimonials_on.gif) 0 0 no-repeat; width:132px; height:27px}
#midnav li a.faq:hover						{background:url(../pics/btn_faq_on.gif) 0 0 no-repeat; width:52px; height:27px}
#midnav li a.contact:hover					{background:url(../pics/btn_contact_on.gif) 0 0 no-repeat; width:92px; height:27px}
#midnav li a.products:hover					{background:url(../pics/btn_products_on.gif) 0 0 no-repeat; width:88px; height:27px}
#home #midnav li a.home						{background:url(../pics/btn_home_on.gif) 0 0 no-repeat; width:67px; height:27px}
#about #midnav li a.about					{background:url(../pics/btn_about_on.gif) 0 0 no-repeat; width:76px; height:27px}
#services #midnav li a.services				{background:url(../pics/btn_services_on.gif) 0 0 no-repeat; width:91px; height:27px}
#testimonials #midnav li a.testimonials		{background:url(../pics/btn_testimonials_on.gif) 0 0 no-repeat; width:132px; height:27px}
#faq #midnav li a.faq						{background:url(../pics/btn_faq_on.gif) 0 0 no-repeat; width:52px; height:27px}
#contact #midnav li a.contact				{background:url(../pics/btn_contact_on.gif) 0 0 no-repeat; width:92px; height:27px}
#products #midnav li a.products				{background:url(../pics/btn_products_on.gif) 0 0 no-repeat; width:88px; height:27px}

#services a h2								{text-decoration:none}

#midcontent									{width: 1000px; margin: 0 auto; /* firefox hack to control height */ padding:1px;}
#midcontent .left							{width:454px; height: 210px; position: absolute; margin:24px 0 0 0; background:url(../pics/25years.jpg) 0 0 no-repeat}	
#midcontent .right							{width:560px; height: 210px; position: absolute; margin:24px 0 0 454px;}
#midcontent .right .container				{padding: 20px}
#midcontent .right .container dl			{margin:0 0 20px 0; padding:0; float:left}
#midcontent .right .container dt			{float:right; margin:0 0 5px 0; padding:0; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; width:370px}
#midcontent .right .container dd			{font:italic 16px Georgia, "Times New Roman", Times, serif; margin:0 20px 0 148px; padding:0; line-height:1.6em;}
#midcontent .right .container dd.img		{margin:0 20px 0 0; padding:0}
#midcontent .right .container dd.img img	{float: left;}

#bill										{margin:160px auto 0 auto; padding:30px; background-color: #fff; width:960px; position:relative}
#bill h2									{margin:0 0 5px 0; padding:0; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; width:862px; font-weight:bold}
#bill h3									{margin:0 0 5px 0; padding:0; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; width:862px; font-weight:bold}
#bill p										{font:italic 16px Georgia, "Times New Roman", Times, serif; line-height:1.5em}
#bill img									{float:left; padding-right:15px; padding-bottom:15px; margin:12px 0 0 0}
#bill dl									{margin:0 0 20px 0; padding:0; float:left;}
#bill dt									{float:right; margin:0 0 5px 0; padding:0; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; width:862px}
#bill dd									{font:italic 16px Georgia, "Times New Roman", Times, serif; margin:0 0 0 100px; padding:0; line-height:1.5em;width:860px}
#bill dd.img								{margin:0 8px 0 0; padding:0; width:100px;}
#bill dd.img img							{float: left; margin-top:0}
#bill ul									{font:italic 14px Georgia, "Times New Roman", Times, serif; margin-left:120px}
#bill ul.flat								{margin-left:20px}
#bill hr									{margin:10px 0; border:none; border-bottom:dotted 1px #999999; clear:both}

#links										{margin:160px auto 0 auto; padding:30px; background-color: #fff; width:960px; position:relative}
#links ul									{font:normal 16px Georgia, "Times New Roman", Times, serif; margin-left:50px; line-height:1.6em}
#links ul									{margin-left:12px}
#links hr									{margin:10px 0; border:none; border-bottom:dotted 1px #999999; clear:both}


#billcontent								{margin:160px auto 0 auto; padding:30px; background-color: #fff; position:relative; width:960px;}
#billcontent h2								{margin:0 0 5px 0; padding:0; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; width:862px; font-weight:bold}
#billcontent h3								{margin:0 0 5px 0; padding:0; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; width:862px; font-weight:bold}
#billcontent p								{font:italic 16px Georgia, "Times New Roman", Times, serif; line-height:1.5em}
#billcontent img							{float:left; padding-right:15px; padding-bottom:15px; margin:12px 0 0 0}
#billcontent dl								{margin:0 0 20px 0; padding:0; float:left;}
#billcontent dt								{float:right; margin:0 0 5px 0; padding:0; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; width:862px}
#billcontent dd								{font:italic 16px Georgia, "Times New Roman", Times, serif; margin:0 0 0 100px; padding:0; line-height:1.5em;width:860px}
#billcontent dd.img							{margin:0 8px 0 0; padding:0; width:100px;}
#billcontent dd.img img						{float: left; margin-top:0}
#billcontent ul								{font:italic 14px Georgia, "Times New Roman", Times, serif; margin-left:120px}
#billcontent ul.flat						{margin-left:20px}
#billcontent hr								{margin:10px 0; border:none; clear:both}

#index_bill									{margin-top:233px; padding:30px; background-color: #fff; position:relative; width:960px}
#index_bill h2								{margin:0 0 5px 0; padding:0; font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; width:862px; font-weight:normal}
#index_bill p,
#index_bill ul								{font:italic 16px Georgia, "Times New Roman", Times, serif; line-height:1.5em}
#index_bill ul								{margin-left:120px}
#index_bill img								{float:left; padding-right:15px; padding-bottom:15px; margin-top:12px}
#index_bill img.r							{float:right; padding-left:15px; padding-bottom:15px; margin-top:12px}
#index_bill hr								{margin:15px 0; border:none; clear:both}

#contact #grid								{margin:160px auto 0 auto; padding:30px; background-color: #fff; width:960px; position:relative}
#contact #grid h2							{margin:0 0 5px 0; padding:0; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; width:862px; font-weight:bold}
#contact #grid h3							{margin:0 0 5px 0; padding:0; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; width:862px; font-weight:bold}
#contact #grid p							{font:italic 16px Georgia, "Times New Roman", Times, serif; line-height:1.5em}
#contact .groups							{/* firefox hack to control height */ padding:1px; margin-top:25px; position:relative}
#contact .groups .slice1					{float: left; margin:0 0 0 150px; width:280px}
#contact .groups .slice1 object				{margin-top: 15px}
#contact .groups .slice2					{float: left; margin:0 0 0 20px; padding-left: 35px; height:220px; border-left: dotted 1px #999999; width:280px}
#contact .groups .slice2 img				{margin-top: 15px;}
#contact .groups .slice2 form				{margin-top: 10px; display:block}
#contact .groups .slice2 input.email		{width: 160px}

#products #grid								{width:980px; margin-top:150px;}
#products #grid .div						{width:120px; height:250px; padding:20px; background-color:#FFF; border:solid 1px #666; float:left; margin:15px}