html		{
		background: #FBF1DA url(graphics/winter.png);
		background-repeat:repeat;
		background-attachment:fixed;
		}

h1		{
		margin-top:0px;
		margin-left:10px;
		text-align:left;
		font-family:Helvetica, Arial, sans-serif;
		font-size:14pt;
		font-weight:bold;
		color:#E6482E;
		background-color:#FFFFFF;
		}

h2		{
		margin-top:0px;
		margin-left:10px;
		text-align:left;
		font-family:Helvetica, Arial, sans-serif;
		font-size:12pt;
		font-weight:bold;
		color:#E6482E;
		background-color:#FFFFFF;
		}


h3		{
		margin-top:0px;
		margin-left:10px;
		text-align:left;
		font-family:Helvetica, Arial, sans-serif;
		font-size:10pt;
		font-weight:bold;
		color:#E6482E;
		background-color:#FFFFFF;
		}

p		{
		margin-top:0px;
		margin-left:0px;
		text-align:left;
		font-family:Helvetica, Arial, sans-serif;
		font-size:10pt;
		font-weight:normal;
		color:#E6482E;
		background-color:#FFFFFF;
		opacity:0.8;
		}

p.blue		{
		background-color:#FFFFFF;
		color:#4C6EB5;
		}

p.price		{
		margin-top:0px;
		margin-left:0px;
		text-align:right;
		font-family:Helvetica, Arial, sans-serif;
		font-size:12pt;
		font-weight:bold;
		color:#4C6EB5;
		}

ul		{
		margin-top:0px;
		margin-left:0px;
		text-align:left;
		font-family:Helvetica, Arial, sans-serif;
		font-size:10pt;
		font-weight:normal;
		color:#E6482E;
		background-color:#FFFFFF;
		opacity:0.8;
		}

.small		{
		font-size:8pt;
		line-height:10pt;
		}

a 		{font-size:10pt; color:#4C6EB5; font-weight:bold; text-decoration:underline;}
a:hover		{color:#E6482E; text-decoration:none;}


.quote		{
		margin-top:0px;
		margin-left:0px;
		text-align:center;
		font-family:New York, Times New Roman, serif;
		font-size:16pt;
		font-weight:bold;
		font-style:italic;
		color:#4C6EB5;
		background-color:transparent;
		}

.quote2		{
		margin-top:0px;
		margin-left:0px;
		text-align:left;
		font-family:New York, Times New Roman, serif;
		font-size:12pt;
		font-weight:bold;
		color:#4C6EB5;
		background-color:transparent;
		}

.hiddenpic	{ display:none;}

.copyright	{ color:#E6482E; font-size:8pt;}

.work1		{ position:absolute; left:600px; top:155px; z-index: 1;}
.work1top	{ position:absolute; left:600px; top:155px; z-index: 2;}

.work2		{ position:absolute; left:600px; top:215px; z-index: 1;}
.work2top	{ position:absolute; left:600px; top:215px; z-index: 2;}

.work3		{ position:absolute; left:600px; top:275px; z-index: 1;}
.work3top	{ position:absolute; left:600px; top:275px; z-index: 2;}

.work4		{ position:absolute; left:600px; top:335px; z-index: 1;}
.work4top	{ position:absolute; left:600px; top:335px; z-index: 2;}

.work5		{ position:absolute; left:600px; top:395px; z-index: 1;}
.work5top	{ position:absolute; left:600px; top:395px; z-index: 2;}

.work6		{ position:absolute; left:600px; top:455px; z-index: 1;}
.work6top	{ position:absolute; left:600px; top:455px; z-index: 2;}

.work7		{ position:absolute; left:600px; top:515px; z-index: 1;}
.work7top	{ position:absolute; left:600px; top:515px; z-index: 2;}

.work8		{ position:absolute; left:600px; top:575px; z-index: 1;}
.work8top	{ position:absolute; left:600px; top:575px; z-index: 2;}

.work9		{ position:absolute; left:600px; top:635px; z-index: 1;}
.work9top	{ position:absolute; left:600px; top:635px; z-index: 2;}

.work10		{ position:absolute; left:600px; top:695px; z-index: 1;}
.work10top	{ position:absolute; left:600px; top:695px; z-index: 2;}


.work11		{ position:absolute; left:660px; top:155px; z-index: 1;}
.work11top	{ position:absolute; left:660px; top:155px; z-index: 2;}

.work12		{ position:absolute; left:660px; top:215px; z-index: 1;}
.work12top	{ position:absolute; left:660px; top:215px; z-index: 2;}

.work13		{ position:absolute; left:660px; top:275px; z-index: 1;}
.work13top	{ position:absolute; left:660px; top:275px; z-index: 2;}

.work14		{ position:absolute; left:660px; top:335px; z-index: 1;}
.work14top	{ position:absolute; left:660px; top:335px; z-index: 2;}

.work15		{ position:absolute; left:660px; top:395px; z-index: 1;}
.work15top	{ position:absolute; left:660px; top:395px; z-index: 2;}

.work16		{ position:absolute; left:660px; top:455px; z-index: 1;}
.work16top	{ position:absolute; left:660px; top:455px; z-index: 2;}

.work17		{ position:absolute; left:660px; top:515px; z-index: 1;}
.work17top	{ position:absolute; left:660px; top:515px; z-index: 2;}

.work18		{ position:absolute; left:660px; top:575px; z-index: 1;}
.work18top	{ position:absolute; left:660px; top:575px; z-index: 2;}

.work19		{ position:absolute; left:660px; top:635px; z-index: 1;}
.work19top	{ position:absolute; left:660px; top:635px; z-index: 2;}

.work20		{ position:absolute; left:660px; top:695px; z-index: 1;}
.work20top	{ position:absolute; left:660px; top:695px; z-index: 2;}

#tag		{
		z-index: 11;
		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 250px; 
		height: 250px;
		background: url(graphics/tag.png) no-repeat top left;
		}


#presstag	{
		z-index: 1;
		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 250px; 
		height: 250px;
		background: url(graphics/presstag.png) no-repeat top left;
		}



#navpress		{z-index: 2; position: absolute; top: 0px; left: 250px; width: 85px; height: 145px; background: url(graphics/btn_press.png) no-repeat top left; }
#navpress:hover		{z-index: 2; position: absolute; top: 0px; left: 250px; width: 85px; height: 100%; background: #E6482E url(graphics/btn_press2.png) no-repeat top left; }

#navubel		{z-index: 2; position: absolute; top: 0px; left: 250px; width: 65px; height: 145px; background: url(graphics/btn_ubel.png) no-repeat top left; }
#navubel:hover		{z-index: 2; position: absolute; top: 0px; left: 250px; width: 65px; height: 100%; background: #E6482E url(graphics/btn_ubel2.png) no-repeat top left; }



#navident		{z-index: 2; position: absolute; top: 0px; left: 343px; width: 23px; height: 500px; background: url(graphics/btn_ident.png) no-repeat top left; }
#navident:hover		{z-index: 2; position: absolute; top: 0px; left: 343px; width: 23px; height: 100%; background: #E6482E url(graphics/btn_ident2.png) no-repeat top left; }

#navprint		{z-index: 2; position: absolute; top: 0px; left: 366px; width: 36px; height: 500px; background: url(graphics/btn_print.png) no-repeat top left; }
#navprint:hover		{z-index: 2; position: absolute; top: 0px; left: 366px; width: 36px; height: 100%; background: #E6482E url(graphics/btn_print2.png) no-repeat top left; }

#navweb			{z-index: 2; position: absolute; top: 0px; left: 402px; width: 43px; height: 500px; background: url(graphics/btn_web.png) no-repeat top left; }
#navweb:hover		{z-index: 2; position: absolute; top: 0px; left: 402px; width: 43px; height: 100%; background: #E6482E url(graphics/btn_web2.png) no-repeat top left; }

#navphoto		{z-index: 2; position: absolute; top: 0px; left: 445px; width: 18px; height: 500px; background: url(graphics/btn_photo.png) no-repeat top left; }
#navphoto:hover		{z-index: 2; position: absolute; top: 0px; left: 445px; width: 18px; height: 100%; background: #E6482E url(graphics/btn_photo2.png) no-repeat top left; }

#navcontact		{z-index: 2; position: absolute; top: 0px; left: 463px; width: 32px; height: 500px; background: url(graphics/btn_contact.png) no-repeat top left; }
#navcontact:hover	{z-index: 2; position: absolute; top: 0px; left: 463px; width: 32px; height: 100%; background: #E6482E url(graphics/btn_contact2.png) no-repeat top left; }

#navshop		{z-index: 2; position: absolute; top: 0px; left: 495px; width: 33px; height: 500px; background: url(graphics/btn_shop.png) no-repeat top left; }
#navshop:hover		{z-index: 2; position: absolute; top: 0px; left: 495px; width: 33px; height: 100%; background: #E6482E url(graphics/btn_shop2.png) no-repeat top left; }

#navhome		{z-index: 2; position: absolute; top: 0px; left: 528px; width: 40px; height: 500px; background: url(graphics/btn_home.png) no-repeat top left; }
#navhome:hover		{z-index: 2; position: absolute; top: 0px; left: 528px; width: 40px; height: 100%; background: #E6482E url(graphics/btn_home2.png) no-repeat top left; }


#aboutme	{
		z-index: 3;
		position: absolute; 
		top: 250px; 
		left: 20px; 
		width: 150px; 
		height: 500px;
		background: url(graphics/blank.gif) no-repeat top left;
		margin-top:0px;
		margin-left:0px;
		text-align:left;
		font-family:New York, Times New Roman, serif;
		font-size:10pt;
		font-weight:normal;
		color:#E6482E;
		}

#w3c		{
		z-index: 3;
		position: absolute; 
		top: 700px; 
		left: 20px; 
		width: 100px; 
		height: 150px;
		background: url(graphics/blank.gif) no-repeat top left;
		}

#bodycolumn	{
		z-index: 9;
		position: absolute; 
		top: 155px; 
		left: 250px; 
		width: 318px; 
		height: 500px;
		background: url(graphics/blank.gif) no-repeat top left;
		}

#bodycolumnWIP	{
		z-index: 9;
		position: absolute; 
		top: 155px; 
		left: 250px;
		background: url(graphics/blank.gif) no-repeat top left;
		}


.homearrow1			{ z-index: 10; position: absolute; top: 125px; left: 180px; width: 86px; height: 425px; background: url(graphics/home_arrow1.png) no-repeat top left; }
.gecko .homearrow1		{ z-index: 10; position: absolute; top: 125px; left: 180px; width: 86px; height: 425px; background: url(graphics/home_arrow1.png) no-repeat top left; }
.opera .homearrow1		{ z-index: 10; position: absolute; top: 85px; left: 180px; width: 86px; height: 425px; background: url(graphics/home_arrow1.png) no-repeat top left; }
.webkit .homearrow1		{ z-index: 10; position: absolute; top: 125px; left: 180px; width: 86px; height: 425px; background: url(graphics/home_arrow1.png) no-repeat top left; }
.iphone.webkit .homearrow1	{ z-index: 10; position: absolute; top: 125px; left: 180px; width: 86px; height: 449px; background: url(graphics/home_arrow1_iphone.png) no-repeat top left; }

.homearrow2			{ z-index: 10; position: absolute; top: 501px; left: 265px; width: 289px; height: 425px; background: url(graphics/home_arrow2.png) no-repeat top left; }
.gecko .homearrow2		{ z-index: 10; position: absolute; top: 501px; left: 265px; width: 289px; height: 425px; background: url(graphics/home_arrow2.png) no-repeat top left; }
.opera .homearrow2		{ z-index: 10; position: absolute; top: 461px; left: 265px; width: 289px; height: 425px; background: url(graphics/home_arrow2.png) no-repeat top left; }
.webkit .homearrow2		{ z-index: 10; position: absolute; top: 501px; left: 265px; width: 289px; height: 425px; background: url(graphics/home_arrow2.png) no-repeat top left; }
.iphone.webkit .homearrow2	{ z-index: 10; position: absolute; top: 525px; left: 265px; width: 289px; height: 425px; background: url(graphics/home_arrow2.png) no-repeat top left; }

.drawnring1			{ z-index: 10; position: absolute; top: 335px; left: 215px; width: 180px; height: 57px; background: url(graphics/drawn_ring.png) no-repeat top left; }
.gecko .drawnring1		{ z-index: 10; position: absolute; top: 335px; left: 215px; width: 180px; height: 57px; background: url(graphics/drawn_ring.png) no-repeat top left; }
.opera .drawnring1		{ z-index: 10; position: absolute; top: 314px; left: 215px; width: 180px; height: 57px; background: url(graphics/drawn_ring.png) no-repeat top left; }
.webkit .drawnring1		{ z-index: 10; position: absolute; top: 338px; left: 215px; width: 180px; height: 57px; background: url(graphics/drawn_ring.png) no-repeat top left; }
.iphone.safari .drawnring1	{ z-index: 10; position: absolute; top: 350px; left: 215px; width: 180px; height: 57px; background: url(graphics/drawn_ring.png) no-repeat top left; }



.shopimage	{
		display: block;
  		margin-left: auto;
  		margin-right: auto;
		margin-bottom: 15px;
		}

.buybutton	{
		display: block;
  		margin-left: auto;
  		margin-right: auto;
		margin-bottom: 15px;
		}


#lightbox                                { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img                            { width: auto; height: auto;}
#lightbox a img                          { border: none;}

#outerImageContainer                     { position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer                          { padding: 10px;}

#loading                                 { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav                                { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav                { left: 0;}
#hoverNav a                              { outline: none;}

#prevLink, #nextLink                     { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover*/ display: block;}
#prevLink                                { left: 0; float: left;}
#nextLink                                { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(graphics/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background: url(graphics/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer                      { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}

#imageData                               { padding:0 10px; color: #E8482E;}
#imageData #imageDetails                 { width: 70%; float: left; text-align: left;}
#imageData #caption                      { font-weight: bold;}
#imageData #numberDisplay                { display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose               { width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay                                 { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #E8482E; margin-left: 0px;}