body							{ margin:0px; color:#838383; background:#555; font-family:Arial, Helvetica, sans-serif; font-size:80%; }
a								{ color:#666; text-decoration:underline; }
a:hover							{ color:#333; text-decoration:underline; }

body, div						{ 
	scrollbar-base-color:#999;
	scrollbar-arrow-color:#EEE;
	scrollbar-shadow-color:#EEE;
	scrollbar-lightshadow-color:#999;
	scrollbar-darkshadow-color:#EEE;
	scrollbar-highlight-color:#999;
	scrollbar-3dlight-color:#EEE;
	scrollbar-track-color:#EEE;
}


h1, .page_title					{ font-size:150%; font-weight:bold; color:#424141; margin:0px 0px 5px 0px; padding:0px; }
h2								{ font-size:125%; font-weight:bold; color:#424141; margin:0px 0px 5px 0px; padding:0px; }

ul, li							{ margin-top:0px; padding-top:0px; }

p								{ margin-top:0px; padding-top:0px; }

#about h1						{ text-indent:-9009px; background:url(/images/about_us.gif) top left no-repeat; height:19px; margin-bottom:25px; }
#philosophy h1					{ text-indent:-9009px; background:url(/images/philosophy.gif) top left no-repeat; height:19px; margin-bottom:25px; }
#services h1					{ text-indent:-9009px; background:url(/images/services.gif) top left no-repeat; height:19px; margin-bottom:25px; }
#news h1						{ text-indent:-9009px; background:url(/images/news.gif) top left no-repeat; height:19px; margin-bottom:25px; }
#process h1						{ text-indent:-9009px; background:url(/images/process.gif) top left no-repeat; height:19px; margin-bottom:25px; }
h1#contact						{ text-indent:-9009px; background:url(/images/contact.gif) top left no-repeat; height:19px; margin-bottom:25px; }

h1#commercial					{ text-indent:-9009px; background:url(/images/commercial_button.gif) top left no-repeat; height:19px; }
h1#residential					{ text-indent:-9009px; background:url(/images/residential_button.gif) top left no-repeat; height:19px; }



/* this keeps bulleted lists consistent between browsers when dealing with floating img's, div's, etc */

#commercial_nav					{ width:350px; padding:2px; background:#CCC; position:absolute; left:50px; top:0px; -moz-opacity:.0; filter:alpha(opacity=0); display:table; z-index:100; }
#residential_nav				{ width:350px; padding:2px; background:#CCC; position:absolute; left:350px; top:0px; -moz-opacity:.0; filter:alpha(opacity=0); display:table; z-index:10; }
.nav_div						{ width:12px; height:12px; border:#FFF solid 1px; text-align:center; }
.nav_div_over					{ width:12px; height:12px; border:#000 solid 1px; text-align:center; }
#portfolio_image				{ text-align:center; }
#portfolio						{ position:relative; }
#portfolio_nav					{ position:absolute; top:10px; }

#navigation						{ width:128px; height:28px; margin:0px auto; }
	#navigation ul 				{ margin:0px; padding:0px; list-style:none; }
	#navigation ul li 			{ float:left; margin:0px; padding:0px; list-style:none; height:20px; padding-bottom:28px; position:relative; }
	#navigation a, #navigation a:hover { display:block; height:28px; line-height:28px; font-size:70%; }
	#navigation span 			{ position:absolute; top:0; left:0; height:28px; }

	#nav_01 					{ width:128px; }
	#nav_01 span 				{ background:url('/images/nav_01.gif') no-repeat 0px 0px; width:128px; }
	#nav_01 a, #nav_01 a:hover 	{ background:url('/images/nav_01_over.gif') no-repeat 0px 0px; width:128px; text-indent:-9009px; cursor:pointer; }
	#nav_01 a:hover span, #nav_01 a.selected span, #nav_01 a.selected:hover span { background:url('/images/nav_01.gif') no-repeat 0px -20px; }

	#nav_02 					{ width:128px; }
	#nav_02 span 				{ background:url('/images/nav_02.gif') no-repeat 0px 0px; width:128px; }
	#nav_02 a, #nav_02 a:hover 	{ background:url('/images/nav_02_over.gif') no-repeat 0px 0px; width:128px; text-indent:-9009px; cursor:pointer; }
	#nav_02 a:hover span, #nav_02 a.selected span, #nav_02 a.selected:hover span { background:url('/images/nav_02.gif') no-repeat 0px -20px; }

	#nav_03 					{ width:128px; }
	#nav_03 span 				{ background:url('/images/nav_03.gif') no-repeat 0px 0px; width:128px; }
	#nav_03 a, #nav_03 a:hover 	{ background:url('/images/nav_03_over.gif') no-repeat 0px 0px; width:128px; text-indent:-9009px; cursor:pointer; }
	#nav_03 a:hover span, #nav_03 a.selected span, #nav_03 a.selected:hover span { background:url('/images/nav_03.gif') no-repeat 0px -20px; }

	#nav_04 					{ width:128px; }
	#nav_04 span 				{ background:url('/images/nav_04.gif') no-repeat 0px 0px; width:128px; }
	#nav_04 a, #nav_04 a:hover 	{ background:url('/images/nav_04_over.gif') no-repeat 0px 0px; width:128px; text-indent:-9009px; cursor:pointer; }
	#nav_04 a:hover span, #nav_04 a.selected span, #nav_04 a.selected:hover span { background:url('/images/nav_04.gif') no-repeat 0px -20px; }

	#nav_05 					{ width:128px; }
	#nav_05 span 				{ background:url('/images/nav_05.gif') no-repeat 0px 0px; width:128px; }
	#nav_05 a, #nav_05 a:hover 	{ background:url('/images/nav_05_over.gif') no-repeat 0px 0px; width:128px; text-indent:-9009px; cursor:pointer; }
	#nav_05 a:hover span, #nav_05 a.selected span, #nav_05 a.selected:hover span { background:url('/images/nav_05.gif') no-repeat 0px -20px; }

	#nav_06 					{ width:128px; }
	#nav_06 span 				{ background:url('/images/nav_06.gif') no-repeat 0px 0px; width:128px; }
	#nav_06 a, #nav_06 a:hover 	{ background:url('/images/nav_06_over.gif') no-repeat 0px 0px; width:128px; text-indent:-9009px; cursor:pointer; }
	#nav_06 a:hover span, #nav_06 a.selected span, #nav_06 a.selected:hover span { background:url('/images/nav_06.gif') no-repeat 0px -20px; }
	
	#nav_07 					{ width:128px; }
	#nav_07 span 				{ background:url('/images/nav_07.gif') no-repeat 0px 0px; width:128px; }
	#nav_07 a, #nav_07 a:hover 	{ background:url('/images/nav_07_over.gif') no-repeat 0px 0px; width:128px; text-indent:-9009px; cursor:pointer; }
	#nav_07 a:hover span, #nav_07 a.selected span, #nav_07 a.selected:hover span { background:url('/images/nav_07.gif') no-repeat 0px -20px; }
	
/* S01 Template Code */

.scrollpage						{ width:510px; height:365px; overflow:auto;  }
.scrollpage h1					{ display:none; }
.s01_table						{ padding-right:10px; }
.s01_photo						{ margin-bottom:5px; border:0px; }
.s01_main_image					{ border:0px; }
.s01_main_photo					{ border:0px; }
.s01_jumplinks					{ margin:10px 0px 10px 10px; }
.s01_text						{ vertical-align:top; margin-top:10px; clear:both; }
#news .s01_text					{ vertical-align:top; margin-top:10px; clear:both; background:url(/images/bullet.gif) 180px 0px no-repeat; }
.s01_text ul					{ margin-bottom:0px; margin-top:5px; }
.s01_image_holder				{ float:left; margin:0px 10px 5px 0px; text-align:center; }
#news .s01_image_holder			{ float:left; margin:0px 10px 5px 0px; width:170px; text-align:right; padding-right:20px; }
.s01_photo						{ margin-bottom:5px; border:0px; }
.back_to_top					{ padding:5px 0px 10px 0px; }
.back_to_top a					{ color:#CCC; background:url('/images/top_icon.gif') center left no-repeat; padding-left:16px; font-size:80%; text-decoration:none; }
.click_to_enlarge				{ text-align:center; }
.click_to_enlarge a				{ color:#CCC; background:url('/images/zoom_icon.gif') center left no-repeat; padding-left:16px; font-size:80%; text-decoration:none; }

#nav_div_prev					{ visibility:hidden; }

#services ul					{ margin-left:0px; padding-left:0px; list-style-position:inside; }

.form_label						{ width:130px; text-align:right; padding-right:2px; vertical-align:top; }
.form_text						{ width:190px; color:#838383; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.form_text_short				{ width:190px; color:#838383; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
select.form_select				{ width:190px; color:#838383; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
textarea.form_text				{ width:190px; color:#838383; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.required						{ color:#333;  color:#838383;font-size:110%; font-weight:bold; }