/* --- Start of Body Wrapping Styles -- */
		body
		{
			font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
			margin-left: auto;
			margin-right: auto;
			padding-top: 3px;
			padding-bottom: 0px;
			padding-right: 0px;
			padding-left: 0px;
			background-color: transparent;
			background-attachment: scroll;
			background-image: url(../graphics/bg.gif);
			background-repeat: repeat;
			background-position: 0px 0px;
		}
		.wrap
		{
			position: absolute; margin-left: auto; margin-right: auto;
			background-color: transparent;
		}
		#main_table
		{
			width: 701px;
			background-color: transparent;
		}
		#right_table
		{
			width: 5%;
			background-color: transparent;
		}
		#left_table
		{
			width: 5%;
			background-color: transparent;
		}
/* --- Start of Navigation Styles -- */
		#nav1 
		{
			position: absolute; width: 701px; height: 20px; left: 0px; top: 189px;
			background-color: #E1F4C0; text-align: center;
			font-family: arial, Helvetica; color: #333333; line-height: 14px; font-size: 12px; font-weight: bold; 
		}
		#nav2 
		{
			background-color: transparent; text-align: center;
			font-family: arial, Helvetica; color: #333333; line-height: 22px; font-size: 12px; font-weight: bold;
		}
		#nav3 
		{
			position: absolute; width: 701px; height: 20px; left: 0px; top: 300px;
			background-color: #E1F4C0; text-align: center;
			font-family: arial, Helvetica; color: #333333; line-height: 14px; font-size: 12px; font-weight: bold; 
		}
		a.nav:link{color: #597920; font-size: 12px; line-height: 22px; letter-spacing: 2px; text-decoration: none;}
		a.nav:visited{color: #597920; font-size: 12px; line-height: 22px; letter-spacing: 2px; text-decoration: none;}
		a.nav:hover{color: #D8EA6A; font-size: 12px; line-height: 22px; letter-spacing: 2px; text-decoration: none; background-color: #597920;}
		a.nav:active{color: #000000; font-size: 12px; line-height: 22px; letter-spacing: 2px; text-decoration: none;}

/* --- Start of Framework Styles -- */
		#logo
		{
			position: absolute; width: 701px; height: 199px; left: 0px; top: -10px;
			background-color: transparent;
		}
		#main1 
		{
			position: absolute; width: 701px; height: 430px; left: 0px; top: 20px;
			background-color: #E1F4C0;
		}
		#footer 
		{
			position: absolute; width: 701px; height: 32px; left: 0px; top: 445px;
			background-color: #597920;
		}
		#footer_text 
		{
			position: absolute; width: 689px; height: 28px; left: 6px; top: 6px;
			background-color: transparent; text-align: center; letter-spacing: 13px;
			font-family: arial, Helvetica; color: #ffffff; line-height: 20px; font-size: 24px; font-weight: bold; 
		}
		#title 
		{
			position: absolute; width: 701px; height: 100px; left: 0px; top: 0px;
			background-color: transparent;
		}
		#title1
		{
			position: absolute; width: 701px; height: 36px; left: 0px; top: 0px;
			background-color: transparent; text-align: center; letter-spacing: 25px; font-style: italic;
			font-family: arial, Helvetica; color: #D1E666; line-height: 30px; font-size: 36px; font-weight: bold; 
		}
		#title2
		{
			position: absolute; width: 701px; height: 36px; left: 0px; top: 0px;
			background-color: transparent; text-align: center; letter-spacing: 5px; font-style: italic;
			font-family: arial, Helvetica; color: #3D5216; line-height: 34px; font-size: 18px; font-weight: bold; 
		}
		#title_bar 
		{
			position: absolute; width: 677px; height: 6px; left: 12px; top: 28px;
			background-color: transparent; background-attachment: scroll; background-image: url(../graphics/bg2.gif);
			background-repeat: repeat; background-position: 0px 0px;
		}
		#main2a 
		{
			position: absolute; width: 330px; height: 370px; left: 0px; top: 50px; background-color: transparent;
			padding-top: 0px; padding-bottom: 0px; padding-left: 12px; padding-right: 10px; 
		}
		#main2b 
		{
			position: absolute; width: 328px; height: 370px; left: 350px; top: 50px; background-color: transparent;
			padding-top: 0px; padding-bottom: 0px; padding-left: 12px; padding-right: 10px;
		}
		#vertical_div 
		{
			position: absolute; width: 1px; height: 370px; left: 350px; top: 44px;
			border-color: #597920; border-width: 0 0 0 1px; border-style: solid;
		}
/* --- Start of Long Page Framework Styles -- */
		#main_long 
		{
			position: absolute; width: 701px; height: 985px; left: 0px; top: 20px;
			background-color: #E1F4C0;
		}
		#footer_long 
		{
			position: absolute; width: 701px; height: 32px; left: 0px; top: 973px;
			background-color: #597920;
		}
		#copy1_long
		{
			position: absolute; width: 500px; height: 19px; top: 1010px; left: 0; 
			text-align: left; font-family: arial, Helvetica; color: #3D5216; line-height: 12px; font-size: 10px;
		}
		#copy2_long
		{
			position: absolute; width: 701px; height: 19px; top: 1010px; left: 0;
			text-align: right; font-family: arial, Helvetica; color: #3D5216; line-height: 12px; font-size: 10px;
		}
		#validate_long
		{
			position: absolute; width: 153px; height: 13px; top: 1010px; left: 263px;
		}
		#main2a_long
		{
			position: absolute; width: 330px; height: 850px; left: 0px; top: 50px; background-color: transparent;
			padding-top: 0px; padding-bottom: 0px; padding-left: 12px; padding-right: 10px; 
		}
		#main2b_long
		{
			position: absolute; width: 328px; height: 850px; left: 350px; top: 50px; background-color: transparent;
			padding-top: 0px; padding-bottom: 0px; padding-left: 12px; padding-right: 10px;
		}
		#vertical_div_long
		{
			position: absolute; width: 1px; height: 850px; left: 350px; top: 60px;
			border-color: #597920; border-width: 0 1px 0 0; border-style: solid;
		}
/* --- Start of EXTRA Long Page Framework Styles -- */
		#main_extralong 
		{
			position: absolute; width: 701px; height: 2160px; left: 0px; top: 20px;
			background-color: #E1F4C0;
		}
		#footer_extralong 
		{
			position: absolute; width: 701px; height: 32px; left: 0px; top: 2160px;
			background-color: #597920;
		}
		#copy1_extralong
		{
			position: absolute; width: 500px; height: 19px; top: 2198px; left: 0; 
			text-align: left; font-family: arial, Helvetica; color: #3D5216; line-height: 12px; font-size: 10px;
		}
		#copy2_extralong
		{
			position: absolute; width: 701px; height: 19px; top: 2198px; left: 0;
			text-align: right; font-family: arial, Helvetica; color: #3D5216; line-height: 12px; font-size: 10px;
		}
		#validate_extralong
		{
			position: absolute; width: 153px; height: 13px; top: 2198px; left: 263px;
		}
/* --- Start of Index Styles -- */
		#index_sub_title 
		{
			position: absolute; width: 683px; height: 36px; left: 12px; top: 38px;
			background-color: #E1F4C0; text-align: center; letter-spacing: 3px; font-style: italic;
			font-family: arial, Helvetica; color: #3D5216; line-height: 16px; font-size: 14px; font-weight: bold; 
		}
		#index_picture 
		{
			position: absolute; width: 252px; height: 345px; left: 12px; top: 58px;
		}
		#index_text 
		{
			position: absolute; width: 415px; height: 200px; left: 273px; top: 62px;
		}
/* --- Start of about us Styles -- */
		#about_picture 
		{
			position: absolute; width: 250px; height: 200px; left: 438px; top: 230px;
		}
		#about_text1 
		{
			position: absolute; width: 670px; height: 200px; left: 12px; top: 42px;
		}
		#about_text2 
		{
			position: absolute; width: 400px; height: 200px; left: 12px; top: 230px;
		}
/* --- Start of Oriental Gardens Styles -- */
		#oriental_picture 
		{
			position: absolute; width: 250px; height: 340px; left: 340px; top: 80px;
		}
		#oriental_logo 
		{
			position: absolute; width: 250px; height: 200px; left: 438px; top: 230px;
		}
		#oriental_text1 
		{
			position: absolute; width: 670px; height: 200px; left: 12px; top: 42px; 
		}
		#thanx_picture 
		{
			position: absolute; width: 252px; height: 345px; left: 24px; top: 58px;
		}
/* --- Start of Services Styles -- */
		#services_sub_nav 
		{
			position: absolute; width: 683px; height: 36px; left: 12px; top: 38px;
			background-color: #E1F4C0; text-align: center; letter-spacing: 0px;
			font-family: arial, Helvetica; color: #333333; line-height: 14px; font-size: 12px; font-weight: bold; 
		}
		a.services_link:link{color: #597920; font-size: 12px; line-height: 14px; letter-spacing: 0px; text-decoration: none;}
		a.services_link:visited{color: #597920; font-size: 12px; line-height: 14px; letter-spacing: 0px; text-decoration: none;}
		a.services_link:hover{color: #D8EA6A; font-size: 12px; line-height: 14px; letter-spacing: 0px; text-decoration: none; background-color: #597920;}
		a.services_link:active{color: #000000; font-size: 12px; line-height: 14px; letter-spacing: 0px; text-decoration: none;}
		
		a.list_link:link{color: #597920; font-size: 14px; line-height: 16px; letter-spacing: 0px; text-decoration: underline;}
		a.list_link:visited{color: #597920; font-size: 14px; line-height: 16px; letter-spacing: 0px; text-decoration: underline;}
		a.list_link:hover{color: #D8EA6A; font-size: 14px; line-height: 16px; letter-spacing: 0px; text-decoration: underline; background-color: #597920;}
		a.list_link:active{color: #000000; font-size: 14px; line-height: 16px; letter-spacing: 0px; text-decoration: underline;}
		
		#services_box1
		{
			position: absolute; width: 161px; height: 161px; left: 12px; top: 58px;
			background-color: transparent;
		}
		#services_box2
		{
			position: absolute; width: 161px; height: 161px; left: 184px; top: 58px;
			background-color: transparent;
		}
		#services_box3
		{
			position: absolute; width: 161px; height: 161px; left: 356px; top: 58px;
			background-color: transparent;
		}
		#services_box4
		{
			position: absolute; width: 161px; height: 161px; left: 529px; top: 58px;
			background-color: transparent;
		}
		#services_box5
		{
			position: absolute; width: 161px; height: 161px; left: 12px; top: 243px;
			background-color: transparent;
		}
		#services_box6
		{
			position: absolute; width: 161px; height: 161px; left: 184px; top: 243px;
			background-color: transparent;
		}
		#services_box7
		{
			position: absolute; width: 161px; height: 161px; left: 356px; top: 243px;
			background-color: transparent;
		}
		#services_box8
		{
			position: absolute; width: 161px; height: 161px; left: 529px; top: 243px;
			background-color: transparent;
		}
/* --- Start of Services Styles -- */
		#design_text1 
		{
			position: absolute; width: 670px; height: 50px; left: 12px; top: 920px;
		}
		#decking_text1 
		{
			position: absolute; width: 670px; height: 50px; left: 12px; top: 870px;
		}
		#decking_text2 
		{
			position: absolute; width: 670px; height: 50px; left: 12px; top: 60px;
		}
/* --- Start of Portfolio Styles -- */
		#portfolio_box1
		{
			position: absolute; width: 220px; height: 161px; left: 12px; top: 58px;
			background-color: transparent;
		}
		#portfolio_box2
		{
			position: absolute; width: 220px; height: 161px; left: 240px; top: 58px;
			background-color: transparent;
		}
		#portfolio_box3
		{
			position: absolute; width: 220px; height: 161px; left: 468px; top: 58px;
			background-color: transparent;
		}
		#portfolio_box4
		{
			position: absolute; width: 220px; height: 161px; left: 12px; top: 243px;
			background-color: transparent;
		}
		#portfolio_box5
		{
			position: absolute; width: 220px; height: 161px; left: 240px; top: 243px;
			background-color: transparent;
		}
		#portfolio_box6
		{
			position: absolute; width: 220px; height: 161px; left: 468px; top: 243px;
			background-color: transparent;
		}
		#portfolio_main 
		{
			position: absolute; width: 670px; height: 200px; left: 12px; top: 50px;
			background-color: transparent;
		}
		.portfolio_preview 
		{
			position: relative; width: 650px; height: 89px; left: 12px; top: 12px;
			background-color: transparent;
		}
		.portfolio_preview_thumb 
		{
			position: absolute; width: 100px; height: 67px; left: 12px; top: 12px;
			background-color: transparent;
		}
		.portfolio_preview_text 
		{
			position: absolute; width: 500px; height: 67px; left: 124px; top: 12px;
			background-color: transparent; text-align: left; letter-spacing: 0px; font-style: italic;
			font-family: arial, Helvetica; line-height: 16px; color: #333333; font-size: 14px;
		}
		#portfolio_before_pic
		{
			position: absolute; width: 320px; height: 213px; left: 27px; top: 80px;
		}
		#portfolio_after_pic
		{
			position: absolute; width: 320px; height: 213px; left: 355px; top: 80px;
		}
		#portfolio_portrait_pic
		{
			position: absolute; width: 320px; height: 480px; left: 27px; top: 320px;
		}
		#portfolio_main_text
		{
			position: absolute; width: 300px; height: 640px; left: 367px; top: 320px;
			text-align: center; letter-spacing: 0px; font-style: italic;
			font-family: arial, Helvetica; line-height: 16px; color: #333333; font-size: 14px;
		}
		#portfolio_sub_pics
		{
			position: absolute; width: 670px; height: 200px; left: 12px; top: 820px;
		}
		a.portfolio_link:link{color: #597920; font-size: 12px; line-height: 14px; letter-spacing: 1px; text-decoration: none;}
		a.portfolio_link:visited{color: #597920; font-size: 12px; line-height: 14px; letter-spacing: 1px; text-decoration: none;}
		a.portfolio_link:hover{color: #D8EA6A; font-size: 12px; line-height: 14px; letter-spacing: 1px; text-decoration: none; background-color: #597920;}
		a.portfolio_link:active{color: #000000; font-size: 12px; line-height: 14px; letter-spacing: 1px; text-decoration: none;}
		
/* --- Start of Generic Styles -- */
		.vsmall_text 
		{
			background-color: transparent; text-align: center; letter-spacing: 0em;
			font-family: arial, Helvetica; color: #3D5216; line-height: 10px; font-size: 11px;
		}
		.small_text 
		{
			background-color: transparent; text-align: center; letter-spacing: 0px;
			font-family: arial, Helvetica; color: #3D5216; line-height: 10px; font-size: 10px;
		}
		.normal_text 
		{
			background-color: transparent; text-align: center; letter-spacing: 0px;
			font-family: arial, Helvetica; color: #3D5216; line-height: 12px; font-size: 11px;
		}
		.medium_text 
		{
			background-color: transparent; text-align: center; letter-spacing: 0px; font-style: italic;
			font-family: arial, Helvetica; color: #3D5216; line-height: 16px; font-size: 14px;
		}
		a.normal_link:link{color: #3D5216; font-size: 11px; line-height: 12px; text-decoration: underline;}
		a.normal_link:visited{color: #3D5216; font-size: 11px; line-height: 12px; text-decoration: underline;}
		a.normal_link:hover{color: #D8EA6A; font-size: 11px; line-height: 12px; text-decoration: underline; background-color: #597920;}
		a.normal_link:active{color: #000000; font-size: 11px; line-height: 12px; text-decoration: underline;}
		a.small_link:link{color: #3D5216; font-size: 10px; line-height: 12px; text-decoration: underline;}
		a.small_link:visited{color: #3D5216; font-size: 10px; line-height: 12px; text-decoration: underline;}
		a.small_link:hover{color: #D8EA6A; font-size: 10px; line-height: 12px; text-decoration: underline; background-color: #597920;}
		a.small_link:active{color: #000000; font-size: 10px; line-height: 12px; text-decoration: underline;}
		a.email_link:link{color: #3D5216; font-size: 18px; line-height: 18px; text-decoration: underline;}
		a.email_link:visited{color: #3D5216; font-size: 18px; line-height: 18px; text-decoration: underline;}
		a.email_link:hover{color: #D8EA6A; font-size: 18px; line-height: 18px; text-decoration: underline; background-color: #597920;}
		a.email_link:active{color: #000000; font-size: 18px; line-height: 18px; text-decoration: underline;}
		
		.large_text 
		{
			background-color: transparent; text-align: center; letter-spacing: 0px; font-style: italic;
			font-family: arial, Helvetica; color: #3D5216; line-height: 32px; font-size: 28px; font-weight: bold; 
		}
		.header_text 
		{
			background-color: transparent; text-align: center; letter-spacing: 1px; background-color: #597920;
			font-family: arial, Helvetica; color: #ffffff; font-size: 18px;
		}
/* --- admin classes -- */
		.bgfirst
		{
		background-color:#D1E666;
		color:#597920;
		}
		.bgfirst > td
		{
		padding: 2px 5px 2px 5px;
		}
		.bgsecond
		{
		background-color:#597920;
		color:#FFFFFF;
		}
		.bgsecond > td
		{
		padding: 2px 5px 2px 5px;
		}
		#title_list
		{
			position: relative; width: 701px; height: 36px; left: 0px; top: 0px;
			background-color: transparent; text-align: center; letter-spacing: 5px; font-style: italic;
			font-family: arial, Helvetica; color: #3D5216; line-height: 34px; font-size: 18px; font-weight: bold; 
		}
		a.admin_list_f:link{color: #597920; font-size: 12px; line-height: 12px; text-decoration: underline;}
		a.admin_list_f:visited{color: #597920; font-size: 12px; line-height: 12px; text-decoration: underline;}
		a.admin_list_f:hover{color: #FFFFFF; font-size: 12px; line-height: 12px; text-decoration: underline; background-color: #597920;}
		a.admin_list_f:active{color: #597920; font-size: 12px; line-height: 12px; text-decoration: underline;}
		
		a.admin_list_s:link{color: #FFFFFF; font-size: 12px; line-height: 12px; text-decoration: underline;}
		a.admin_list_s:visited{color: #FFFFFF; font-size: 12px; line-height: 12px; text-decoration: underline;}
		a.admin_list_s:hover{color: #597920; font-size: 12px; line-height: 12px; text-decoration: underline; background-color: #FFFFFF;}
		a.admin_list_s:active{color: #FFFFFF; font-size: 12px; line-height: 12px; text-decoration: underline;}
/* --- Form Page classes -- */
		input {font-family: Arial, Verdana; border-color: #333; border-width: 1px; border-style: solid; }
		select {color: #333; width: 150px; font-family: Arial, Verdana; font-size: 10px; line-height: 12px; padding-bottom: 1px; outline: 1px; }
		input {color: #333; width: 150px; font-family: Arial, Verdana; font-size: 10px; line-height: 12px; padding-bottom: 1px; outline: 1px; }
		option {color: #333; width: 100px; font-family: Arial, Verdana; font-size: 10px; line-height: 12px; padding-bottom: 1px; outline: 1px; }

		textarea{color: #333; width: 150px; font-family: Arial, Verdana; font-size: 10px; line-height: 12px; padding-bottom: 1px; outline: 1px; }
		
		#formcontainer 
		{
			position: absolute; width: 300px; height: 370px; top: 0px; left: 24px;
			background-color: transparent;
		}
		.formbg 
		{
			position: relative; width: 220px; height: 17px; top: 0px; left: 0px;
			background-color:#597920;
		}
		.formtext 
		{
			position: relative; width: 200px; height: 19px; top: 0px; left: 12px; 
			text-align: left; font-family: arial; color: #FFF; line-height: 20px; font-style: italic; font-size: 12px; font-weight: bold;
		}
		.formtext2
		{
			position: relative; width: 200px; height: 10px; top: 0px; left: 12px; 
			text-align: left; font-family: arial; color: #333; line-height: 10px; font-size: 10px; font-weight: bold;
		}
		.formelement 
		{
			position: relative; width: 200px; height: 20px; top: -10px; left: 90px;
			background-color: transparent;
		}
		.submit 
		{
			position: absolute; width: 100px; height: 20px; top: 328px; left: 65px;
			background-color: transparent;
		}
		.submit2 
		{
			position: absolute; width: 100px; height: 20px; top: 450px; left: 65px;
			background-color: transparent;
		}
/* --- Start of Copyright + Validation Styles -- */
		#copy1 
		{
			position: absolute; width: 500px; height: 19px; top: 480px; left: 0; 
			text-align: left; font-family: arial, Helvetica; color: #3D5216; line-height: 12px; font-size: 10px;
		}
		#copy2 
		{
			position: absolute; width: 701px; height: 19px; top: 480px; left: 0;
			text-align: right; font-family: arial, Helvetica; color: #3D5216; line-height: 12px; font-size: 10px;
		}
		a.copyright:link{color: #3D5216; font-size: 10px; line-height: 12px; text-decoration: none; }
		a.copyright:visited{color: #3D5216; font-size: 10px; line-height: 12px; text-decoration: none; }
		a.copyright:hover{color: #000000; font-size: 10px; line-height: 12px; text-decoration: underline;}
		a.copyright:active{color: #3D5216; font-size: 10px; line-height: 12px; text-decoration: none; }
		
		#validate 
		{
			position: absolute; width: 153px; height: 13px; top: 480px; left: 263px;
		}
		#w3c_box
		{
			position: absolute; width: 31px; height: 11px; top: 0px; left: 0px;
			background-color:#FFFFFF; border: 1px #3D5216 solid;
			text-align: center; font-family: arial, Helvetica; color: #3D5216; line-height: 12px; font-size: 10px;
		}
		#valid_box
		{
			position: absolute; width: 52px; height: 11px; top: 0px; left: 31px;
			background-color:#FFFFFF; border: 1px #3D5216 solid;
			text-align: center; font-family: arial, Helvetica; color: #3D5216; line-height: 12px; font-size: 10px;
		}
		#doc_type_box
		{
			position: absolute; width: 67px; height: 11px; top: 0px; left: 84px;
			background-color:#FFFFFF; border: 1px #3D5216 solid;
			text-align: center; font-family: arial, Helvetica; color: #3D5216; line-height: 12px; font-size: 10px;
		}
		#css_box
		{
			position: absolute; width: 29px; height: 11px; top: 0px; left: 151px;
			background-color:#FFFFFF; border: 1px #3D5216 solid;
			text-align: center; font-family: arial, Helvetica; color: #3D5216; line-height: 12px; font-size: 10px;
		}
		a.valid:link{color: #3D5216; font-size: 10px; line-height: 12px; text-decoration: none; }
		a.valid:visited{color: #3D5216; font-size: 10px; line-height: 12px; text-decoration: none; }
		a.valid:hover{color: #FFFFFF; font-size: 10px; line-height: 12px; text-decoration: none; background-color: #3D5216;}
		a.valid:active{color: #333333; font-size: 10px; line-height: 12px; text-decoration: none; }