/* PNG - TRANSPARENCY */
img { 				behavior: url(iepngfix.htc);
					border-style: none;
					}

/* BODY */

body{				font-family: arial, helvetica, sans-serif;
					font-size: 12px;
					background-color: #F3FAFA;
					color: #000000;
					padding: 0px;
					margin: 0px;
					text-align: left;
					}

.bodytext{			font-family: arial, helvetica, sans-serif;
					font-size: 12px;
					color: #333;
					padding: 0px;
					margin: 0px;
					vertical-align: top;
					}

/* TYPE */
a{					color: #999999;
					font-weight: bold;
					text-decoration: none;
					border: none;
					}
a:active{			outline: none;
					}
a:focus{			-moz-outline-style: none;
					}
a:visited{			color: #999999;
					text-decoration: none;
					}
a:hover{			color: #000000;
					text-decoration: none;
					}

.wrapper{			width: 1024px;
					height: auto;
					margin-left: auto;
					margin-right: auto;
					text-align: left;
					}
					
					
/* CONTENT */
.scontent{		position:relative;
				width: 480;
				height: auto;
				margin: 100 100 100 100;
				float: left;
				}
				
/* MENU */
#menu { 		position: relative;
				float: left;
				width: 90px;
				height: 391px;
				margin-top: 12px;
				margin-left: 20px;
				margin-right: 76px;
				padding: 0px;
				z-index: 9998;
				overflow: hidden;
				}
#menu #globalnav { margin: 0; padding: 0; }
#menu #globalnav li { display: inline; }
/****************************************************
** create a float showing bg-img from spec. bg-pos.**
*****************************************************/
#menu #globalnav li a { float: left; width: 90px; height: 12px; overflow: hidden; }
#menu #globalnav li a,
#menu #menuback { background-image: url(images/menu.png); _background-image: url(images/menu.png); background-repeat: no-repeat; }

/* BUTTONS */
#menu #globalnav li#start a 						{ background-position: 0 0; }
#menu #globalnav li#gallery a 						{ background-position: 0 -70px; }
#menu #globalnav li#cv a 							{ background-position: 0 -140px; }
#menu #globalnav li#exhibitions a 					{ background-position: 0 -210px; }
#menu #globalnav li#contact a 						{ background-position: 0 -280px; }

/* OVER STATES */
#menu #globalnav li#start a:hover 					{ background-position: -90 0; }
#menu #globalnav li#gallery a:hover 				{ background-position: -90 -70px; }
#menu #globalnav li#cv a:hover 						{ background-position: -90 -140px; }
#menu #globalnav li#exhibitions a:hover 			{ background-position: -90 -210px; }
#menu #globalnav li#contact a:hover 				{ background-position: -90 -280px; }

/* PRESSED STATES */
#menu #globalnav li#start a:active 					{ background-position: -180 0; }
#menu #globalnav li#gallery a:active 				{ background-position: -180 -70px; }
#menu #globalnav li#cv a:active 					{ background-position: -180 -140px; }
#menu #globalnav li#exhibitions a:active 			{ background-position: -180 -210px; }
#menu #globalnav li#contact a:active 				{ background-position: -180 -280px; }

/* ON STATES */
#menu.start #globalnav li#start a 					{ background-position: -270 0; !important; }
#menu.gallery #globalnav li#gallery a 			{ background-position: -270 -70px; !important; }
#menu.cv #globalnav li#cv a 				{ background-position: -270 -140px; !important; }
#menu.exhibitions #globalnav li#exhibitions a 		{ background-position: -270 -210px; !important; }
#menu.contact #globalnav li#contact a 				{ background-position: -270 -280px; !important; }




/* LIGHTBOX */
#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: #000; 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(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

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

#imageData{	padding:0 10px; color: #666; }
#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: 500px; background-color: #000; }


/* SCROLL */
#container {
  position: relative;
  width: 480px;
  height: 200px;
  overflow: hidden;
  float:left;
  background-color: #000000;
}

#scroller {
  width: 2310px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

.scrollcontent {
  width: 200px;
  height: 200px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  display:inline;
}

h1
{
	color: #333;
/*	font-variant: small-caps; */
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 0.08em 0;
}

h1 sup
{
	color: #ddd;
}

h1 a
{
	color: #fff;
	text-decoration: none;
}

h1 .company, h1 a .company
{
	color: brown;
	font-size: 12px;
}

h2
{
	color: #222;
	font-size: 12px;
	margin: 0 0 0 0;
}

h3
{
	color: #555;
	font-size: 12px;
	font-weight: lighter;
	margin: 0 0 10 0;
}

h4
{
	font-size: 1.3em;
}



<!--[if IE]>
<style type="text/css">

#scroller{
  width: 2310px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}

#myGallery
{
	text-align: left;
	margin: 0 auto;
}

</style>
<! [endif]-->