body		{margin: 0px; padding: 0px; background-image: url(images/bg-cork.jpg); background-repeat: repeat;}
.popup		{margin-top: 20px; margin-left: 20px; margin-right: 20px; padding: 0px; background-image: url(images/popup-bg.jpg); background-repeat: no-repeat; overflow:hidden;  font: 11px/16px Arial, Helvetica, sans-serif; color: #000;}

.popup a:link    {color: #928846; text-decoration: underline;}
.popup a:visited {color: #928846; text-decoration: underline;}
.popup a:active  {color: #928846; text-decoration: underline;}
.popup a:hover   {color: #000; text-decoration: underline;}

.home a:link    {color: #928846; text-decoration: underline;}
.home a:visited {color: #928846; text-decoration: underline;}
.home a:active  {color: #928846; text-decoration: underline;}
.home a:hover   {color: #000; text-decoration: underline;}


#paper	{position: absolute; top: 0px; left: 0px; width: 990px; height: 640px; background-image: url(images/bg-paper.jpg);}

#ruler	{position: absolute; top: 0px; left: 0px; width: 580px; height: 160px;}
#grid101	{position: absolute; top: 0px; left: 565px; width: 225px; height: 100px;}
#home	{position: absolute; top: 27px; left: 810px; font: 10px/20px Arial, Helvetica, sans-serif; color: #000;}

#back	{position: absolute; top: 75px; left: 195px; width: 795px; height: 510px;}

#homelink	{position: absolute; top: 0px; left: 0px; width: 280px; height: 100px;}

#photo	{position: absolute; top: 120px; left: 660px; width: 320px; height: 440px;}
#pics	{position: absolute; top: 165px; left: 645px; width: 275px; height: 360px;}

#gallery 		{position: absolute; top: 157px; left: 692px; width: 270px; height: 380px; margin: 0px; padding: 0px; list-style: none;}
#gallery li 	{position: absolute; top: 0px; left: 0px; width: 270px; height: 380px; margin: 0px; padding: 0px; display: block;}
#rotator 		{position: absolute; top: 184px; left: 676px; width: 220px; height: 315px; margin: 0px; padding: 0px; list-style: none; z-index: 1;}
#rotator li 	{position: absolute; top: 0px; left: 0px; width: 220px; height: 315px; margin: 0px; padding: 0px; display: block;}

#pushpin		{position: absolute; top: 120px; left: 815px; width: 40px; height: 50px;}
#thumbtack	{position: absolute; top: 150px; left: 775px; width: 40px; height: 50px; z-index: 2;}


#caption	{position: absolute; top: 527px; left: 605px; width: 360px; height: 30px; font: 10px/20px Arial, Helvetica, sans-serif; color: #000; text-align: center;}

#caption1, #caption2, #caption3, #caption4, #caption5, #caption6, #caption7, #caption8, #caption9, #caption10, #caption11, #caption12, #caption13	{position: absolute; top: 500px; left: 593px; width: 355px; height: 30px; font: 10px/13px Arial, Helvetica, sans-serif; color: #000; text-align: center;}
#caption1		{visibility: visible;}
#caption2, #caption3, #caption4, #caption5, #caption6, #caption7, #caption8, #caption9, #caption10, #caption11, #caption12, #caption13	{visibility: hidden;}


#nav 			{position: absolute; top: 165px; left: 45px; width: 150px; height: 360px; margin: 0px; padding: 0px;}
#nav li 			{position: absolute; width: 150px; height: 40px; margin: 0px; padding: 0px; list-style: none; font: 12px/40px Arial;}
#nav li, #nav a	{display: block; width: 150px; height: 40px; margin: 0px; padding: 0px; color: #000; text-decoration: none; cursor: pointer;}

#nav1 		{background: url(images/nav1.gif); left: 0px; top: 0px; width: 150px; height: 40px;}
#nav1 a:hover 	{background: url(images/nav1.gif) 0 -40px no-repeat;}
#nav2 		{background: url(images/nav2.gif); left: 0px; top: 65px; width: 150px; height: 40px;}
#nav2 a:hover 	{background: url(images/nav2.gif) 0 -40px no-repeat;}
#nav3 		{background: url(images/nav3.gif); left: 0px; top: 130px; width: 150px; height: 40px;}
#nav3 a:hover 	{background: url(images/nav3.gif) 0 -40px no-repeat;}
#nav4 		{background: url(images/nav4.gif); left: 0px; top: 190px; width: 150px; height: 40px;}
#nav4 a:hover 	{background: url(images/nav4.gif) 0 -40px no-repeat;}
#nav5 		{background: url(images/nav5.gif); left: 0px; top: 255px; width: 150px; height: 40px;}
#nav5 a:hover 	{background: url(images/nav5.gif) 0 -40px no-repeat;}
#nav6 		{background: url(images/nav6.gif); left: 0px; top: 320px; width: 150px; height: 40px;}
#nav6 a:hover 	{background: url(images/nav6.gif) 0 -40px no-repeat;}


#copy	{position: absolute; top: 200px; left: 230px; width: 419px; height: 205px; background-image: url(images/text-home.gif);}

#header	{position: absolute; top: 150px; left: 235px; width: 360px; height: 25px;}

#content	{position: absolute; top: 190px; left: 235px; width: 350px; height: 350px; font: 11px/16px Arial, Helvetica, sans-serif; color: #000;}

#scrollarea	{position: relative; top: 0px; left: 0px; width: 350px; height: 350px; z-index: 100;}
.absDiv 		{position: absolute; visibility: hidden; overflow: hidden;}
#contentBar	{background-color: #B0A872; /* layer-background-color: #B0A872; */ cursor: pointer;}
#contentThumb	{background-color: #928846; /* layer-background-color: #928846; */ cursor: pointer;}
#contentUpArrows	{cursor: pointer;}
#contentDownArrows	{cursor: pointer;}


#numbers 				{position: absolute; bottom: 0px; left: 0px; width: 330px; height: 25px; margin: 0px; padding: 0px;}
#numbers li 			{position: absolute; width: 25px; height: 25px; margin: 0px; padding: 0px; list-style: none; font: 12px/25px Arial;}
#numbers li, #numbers a	{display: block; width: 25px; height: 25px; margin: 0px; padding: 0px; color: #000; text-decoration: none; cursor: pointer;}

#num1 		{background: url(images/num1.gif); left: 0px; top: 0px; width: 25px; height: 25px;}
#num1 a:hover 	{background: url(images/num1.gif) 0 -25px no-repeat;}
#num2 		{background: url(images/num2.gif); left: 24px; top: 0px; width: 25px; height: 25px;}
#num2 a:hover 	{background: url(images/num2.gif) 0 -25px no-repeat;}
#num3 		{background: url(images/num3.gif); left: 48px; top: 0px; width: 25px; height: 25px;}
#num3 a:hover 	{background: url(images/num3.gif) 0 -25px no-repeat;}
#num4 		{background: url(images/num4.gif); left: 72px; top: 0px; width: 25px; height: 25px;}
#num4 a:hover 	{background: url(images/num4.gif) 0 -25px no-repeat;}
#num5 		{background: url(images/num5.gif); left: 96px; top: 0px; width: 25px; height: 25px;}
#num5 a:hover 	{background: url(images/num5.gif) 0 -25px no-repeat;}
#num6 		{background: url(images/num6.gif); left: 120px; top: 0px; width: 25px; height: 25px;}
#num6 a:hover 	{background: url(images/num6.gif) 0 -25px no-repeat;}
#num7 		{background: url(images/num7.gif); left: 144px; top: 0px; width: 25px; height: 25px;}
#num7 a:hover 	{background: url(images/num7.gif) 0 -25px no-repeat;}
#num8 		{background: url(images/num8.gif); left: 168px; top: 0px; width: 25px; height: 25px;}
#num8 a:hover 	{background: url(images/num8.gif) 0 -25px no-repeat;}
#num9 		{background: url(images/num9.gif); left: 192px; top: 0px; width: 25px; height: 25px;}
#num9 a:hover 	{background: url(images/num9.gif) 0 -25px no-repeat;}
#num10 		{background: url(images/num10.gif); left: 217px; top: 0px; width: 25px; height: 25px;}
#num10 a:hover {background: url(images/num10.gif) 0 -25px no-repeat;}
#num11 		{background: url(images/num11.gif); left: 247px; top: 0px; width: 25px; height: 25px;}
#num11 a:hover {background: url(images/num11.gif) 0 -25px no-repeat;}
#num12 		{background: url(images/num12.gif); left: 275px; top: 0px; width: 25px; height: 25px;}
#num12 a:hover {background: url(images/num12.gif) 0 -25px no-repeat;}
#num13 		{background: url(images/num13.gif); left: 305px; top: 0px; width: 25px; height: 25px;}
#num13 a:hover {background: url(images/num13.gif) 0 -25px no-repeat;}


.project		{display: block; clear: both; width: 330px; height: 15px; font: 9px/20px Arial, Helvetica, sans-serif; color: #69632f; text-transform: uppercase;}

#thumb1, #thumb2, #thumb3, #thumb4, #thumb5, #thumb6, #thumb7, #thumb8, #thumb9, #thumb10, #thumb11, #thumb12		{position: relative; float: left; width: 66px; height: 66px; margin-top: 7px; margin-right: 22px; margin-bottom: 15px;}
#thumb4, #thumb8, #thumb12	{margin-right: 0px;}
#thumb5, #thumb9	{clear: both;}

.framed		{background: url(images/thumb-frame.gif);}
.framed img		{width: 50px; height: 50px; margin-top: 8px; margin-left: 8px; opacity: .3;}
.framed img:hover	{opacity: 1.0;}


#photo1, #photo2, #photo3, #photo4, #photo5, #photo6, #photo7, #photo8, #photo9, #photo10, #photo11, #photo12, #photo13	{position: absolute; top: 120px; left: 583px; width: 375px; height: 375px;}
#photo1		{visibility: visible;}
#photo2, #photo3, #photo4, #photo5, #photo6, #photo7, #photo8, #photo9, #photo10, #photo11, #photo12, #photo13	{visibility: hidden;}

#content a:link    {color: #928846; text-decoration: underline;}
#content a:visited {color: #928846; text-decoration: underline;}
#content a:active  {color: #928846; text-decoration: underline;}
#content a:hover   {color: #000; text-decoration: underline;}

#content #numbers a		{text-decoration: none;}

#foot	{position: absolute; top: 605px; left: 45px; width: 835px; height: 17px; margin-left: auto; margin-right: auto; font: 10px/17px Arial, Helvetica, sans-serif; color: #928846; text-align: center;}
#foot a:link    {color: #928846; text-decoration: underline;}
#foot a:visited {color: #928846; text-decoration: underline;}
#foot a:active  {color: #928846; text-decoration: underline;}
#foot a:hover   {color: #000; text-decoration: underline;}

:focus	{-moz-outline-style: none;}