body { margin: 2px; background-color: #CCCCCC; }
p { position: relative; top: -18px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 8pt; margin: 2px; }
h1 { position: relative; top: -8px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0px; line-height: -1px; padding: 0px; }
h2 { position: relative; top: -8px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF; }
h3 { position: relative; top: -16px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF; }
h4 { position: relative; top: -16px; font-family: Arial, Helvetica, Verdana, sans-serif; }
form { margin: 2px; }
#content { position: relative; margin: 0 auto; margin-top: 0px; width: 800px; height: 800px; }

#nav_main1 { position: absolute; top: 320px; width: 580px; }
#nav_main1 ul { padding: 0px; margin: 0px; text-decoration: none; }
#nav_main1 ul li { list-style-type: none; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; text-decoration: none; line-height: 1.8em; text-align: right; }
#nav_main1 ul li a:link { padding: 3px; color: #4F88A3; text-decoration: none; }
#nav_main1 ul li a:visited { padding: 3px; color: #4F88A3; text-decoration: none; }
#nav_main1 ul li a:hover { padding: 3px; color: #000000; text-decoration: none; }
#nav_main1 ul li a:active { padding: 3px; color: #4F88A3; text-decoration: none; }

#nav_main2 { position: absolute; top: 320px; width: 580px; }
#nav_main2 ul { padding: 0px; margin: 0px; text-decoration: none; }
#nav_main2 ul li { list-style-type: none; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; text-decoration: none; line-height: 1.8em; text-align: right; }
#nav_main2 ul li a:link { padding: 3px; color: #FFFFFF; text-decoration: none; }
#nav_main2 ul li a:visited { padding: 3px; color: #FFFFFF; text-decoration: none; }
#nav_main2 ul li a:hover { padding: 3px; color: #000000; text-decoration: none; }
#nav_main2 ul li a:active { padding: 3px; color: #FFFFFF; text-decoration: none; }

#nav_sub1 { position: absolute; left: 440px; top: 430px; list-style-type: none; line-height: 1.2em; }
#nav_sub1 ul { margin: 0px; padding: 0px; }
#nav_sub1 ul li { list-style-type: none; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; display: inline; padding: 10px; }
#nav_sub1 ul li a:link { color: #FFFFFF; text-decoration: none; }
#nav_sub1 ul li a:visited { color: #FFFFFF; text-decoration: none; }
#nav_sub1 ul li a:hover { color: #000000; text-decoration: none; }
#nav_sub1 ul li a:active { color: #000000; text-decoration: none; }

#bg_01 { position: absolute; width: 600px; height: 600px; left: 100px; top: 0px; background-image: url(images/bg_01.jpg); background-color: #666666; }
#bg_02 { position: absolute; width: 600px; height: 600px; left: 100px; top: 0px; background-image: url(images/bg_02.jpg); background-color: #666666; }
#bg_03 { position: absolute; width: 600px; height: 600px; left: 100px; top: 0px; background-image: url(images/bg_03.jpg); background-color: #B1CEDE; }
#bg_04 { position: absolute; width: 600px; height: 600px; left: 100px; top: 0px; background-image: url(images/bg_04.jpg); background-color: #FFFFFF; }
#bg_05 { position: absolute; width: 600px; height: 600px; left: 100px; top: 0px; background-image: url(images/Barn_Logo.jpg); background-repeat: no-repeat; background-color: #FFFFFF; }

#frame_01 { position: absolute; width: 400px; height: 400px; left: 150px; top: 50px; background-color: #B1CEDE; }

#arrow_l { position: absolute; left: 198px; top: 320px; }
#arrow_l ul { margin: 0; padding: 0; list-style-type: none; }
#arrow_l li { float: left; }
#arrow_l li.list1 { background: transparent url(images/arrow_l.jpg); }
#arrow_l a { display: block; width: 65px; height: 0; padding-top: 35px; color: #000000; overflow: hidden; }
#arrow_l a#item1 { background: transparent url(images/arrow_la.jpg) -130px -90px no-repeat; }
#arrow_l a#item1:hover { background-position: 0 0; z-index: 50; }

#arrow_r { position: absolute; left: 316px; top: 320px; }
#arrow_r ul { margin: 0; padding: 0; list-style-type: none; }
#arrow_r li { float: left; }
#arrow_r li.list1 { background: transparent url(images/arrow_r.jpg); }
#arrow_r a { display: block; width: 65px; height: 0; padding-top: 35px; color: #000000; overflow: hidden; }
#arrow_r a#item1 { background: transparent url(images/arrow_ra.jpg) -130px -90px no-repeat; }
#arrow_r a#item1:hover { background-position: 0 0; z-index: 50; }

#folio_pics { position: absolute; left: 190px; top: 113px; }
#text { position: absolute; left: 200px; top: 120px; width: 300px; height: 200px; color: #FFFFFF; }
#writeup { margin: 10px; }
#copy { width: 170px; text-align: left; }
#contact { position: absolute; top: 40px; width: 678px; text-align: right; }
#barncopy { position: absolute; top: 180px; left: 70px; padding: 0px; margin: 0px; }
#barncopy p { top: 0px; left: 0px; width: 300px; text-align: justify; }
#form { position: absolute; left: 300px; Top: 370px; width: 120px; }
#form p { top: 0px; left: 0px; }