/* CLASSES */
.body {font: 12px Arial, sans serif; color: #6C6A6A;}
.bodyBold {font: bold 12px Arial, sans serif; color: #6C6A6A;}
.bodyHeadline {font: bold 14px Arial, sans serif; color: #000;}
.bodyTitle {font: bold 16px Arial; color: #002364;}

.maxiTextUppercaseBold {font: bold 16px Arial, Helvetica, sans-serif ; text-transform: uppercase; color: #000;}

.white { color:#ffffff;}

.button{
	height : 19px;
	background : #ececec;
	font : bold 11px Arial, sans serif;
	color : #6C6A6A;
	BORDER-RIGHT: #6C6A6A 2px solid; 
	BORDER-TOP: #6C6A6A 1px solid; 
	BORDER-LEFT: #6C6A6A 1px solid; 
	BORDER-BOTTOM: #6C6A6A 2px solid; 
	VERTICAL-ALIGN: middle;
}
div.scroll {position:relative;top:-3px;font-size:1.1em;font-weight:bold;display:inline;height:13px;color:#464646; padding:0 4px 0 4px;}

/* ELEMENTS */
a.nav{ color:#d8d8d8;text-decoration:none;margin-right:12px;}
a.nav:hover{ color:#DAA21D;}

a.navIndex{ color:#d8d8d8;text-decoration:none;margin-right:14px;}
a.navIndex:hover{ color:#A90707;}

a.tour{ color:#DAA21D;text-decoration:none;margin-right:14px;}
a.tour:hover{ color:#A90707;}

/*a.navFeature{color:#fff; background-color:#A90707;text-decoration:none;margin-right:14px;padding: 1px 4px;}*/
a.navFeature{color:#A90707; text-decoration:none;margin-right:14px;}
a.navFeature:hover{ color:#DAA21D;}

#topNav a.navFeature{color:#A90707; text-decoration:none;margin-right:0;margin-right:12px;}
#topNav a.navFeature:hover{ color:#DAA21D;}

a.names { color:#6c6c6c;text-decoration:none;}
a.names:hover { color:#DAA21D;}

a.link360 { color:#000;background:#fff;text-decoration:none;font-weight:bold;border-bottom:1px dotted #A90707;}
a.link360:hover { color:#DAA21D;border-bottom:1px dotted #A90707; }

a.link2 { color:#6c6c6c;text-decoration:none;}
a.link2:hover { color:#000;}

a.link3 { color:#A90707;text-decoration:none;font:bold 11px Arial;text-transform:uppercase;}
a.link3:hover { color:#000000;}

a.listPortfolio { color:#A90707;text-decoration:none;font:normal 12px Arial;text-decoration:none;padding-left:2px;display:block;text-align:left;}
a.listPortfolio:hover { color:#DAA21D;text-decoration:underline;}

a.www { color:#7e7e7e;text-decoration:none;}
a.www:hover { color:#DAA21D;}

img { border: 0;}

body {
	margin:0px; 
	background:#ececec url(../images/bg.gif) repeat-x; 
	font: 12px Arial; 
	color:#484848;
	scrollbar-base-color: #002364;
	scrollbar-track-color: #EEE;
	scrollbar-arrow-color: #002364;
	scrollbar-face-color: #FFF;
	scrollbar-3dlight-color: #002364;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-shadow-color: #002364;
}
#body_index{margin:0px; background: #000 url(../images/buildingLRG_770.gif) no-repeat 50% 90px; text-align:center;}

td, textarea, fieldset {font: 12px Arial; 
	color:#484848;}

.index {background:url(images/buildingLRG.gif) no-repeat; text-align:center;}

/* ID'S */


#topNav {position:absolute; top:0px; left:8px; height:32px; width:850px; background:#000; color:#d8d8d8; font:bold 13px Arial;}

#titles {position:absolute; top:36px; left:8px; width:980px; background:#fff; font: 24px Arial; color: #A90707;}
#names {position:absolute; text-align:left;width:480px; left:500px; top:36px; height:30px; padding:4px 8px 0px 6px; background:#fff;font:bold 15px Arial; color:#6c6c6c;}
#names div {display:block;float:left;margin-right:4px;}
#names div a {display:inline;float:left; }
#names .viewworks {font:10px Arial,sans-serif;}
#dates {position:absolute; top:62px; left:8px; width:980px; background:#fff; font:bold 14px Arial; color:#000;}

#artistAZ {position:absolute; top:65px; left:8px; width:980px; background:#fff;font:bold 14px Arial; color:#000;}

#leftContent {position:absolute; left:5px; top:90px; width:210px; height:290px; overflow:auto; padding:4px; background:#fff;border: 0px solid red;}
#leftContent h3 {margin-top:0;}

#window	{ position:absolute; left:220px; top:97px;width:770px; height:280px; clip:rect(0px, 770px, 280px, 0px); overflow:hidden;z-index:1;background:#ffffff;}
.content	{ position:absolute; left:0px; top:0px; z-index:1; background:#fff;}

#previousNext{position:absolute; left:8px; top:340px; width: 160px; margin-top:8px;border-top:1px solid #d8d8d8;}

#controls { position:absolute; left:380px; top:370px; z-index:3; background:#fff;}

#bottom { position:absolute; top:388px; left:0; height:152px; width:980px; background:#000000 url(../images/logoBot.jpg) no-repeat;}
#www { position:absolute; top:380px; left:360px; width:400px; height:60px; font:32px Garamond, Georgia, Times New Roman, serif; color:#7e7e7e; text-align:right;padding:10px 0 0 0;}
#footer360 { position:absolute; top:394px; left:780px; width:44px;padding:10px 0 0 0;}

img#nzmade {margin-left:14px;}

#xwwwIndex {border: 0px solid white;position:absolute; top:270px; left:380px; width:340px; height:60px; font:28px Garamond, Times New Roman, serif; color:#DAA21D; padding:10px 0px 0px 0px;}
#xnavIndex {border: 0px solid white;position:absolute; top:320px; left:370px; width:400px; height:40px; background:#000; color:#d8d8d8; font:bold 12px Arial;}

#wwwIndex {position:relative; top:275px;height:60px; text-align:center; font:28px Garamond, Times New Roman, serif; color:#DAA21D;}
#navIndex {
	position:relative; 
	top:246px; height:130px;
	padding-left:40px;
	_padding-left:0; 		/* IE only */
	padding-right:0px;
	text-align:center; color:#d8d8d8; 
	border:0px solid #fff;
	width:780px;
	_width:860px;			/* IE only */
	margin: 0 auto;}
	
	#navIndex table {text-align:center; border-collapse:collapse;border:0px solid yellow;}
	#navIndex table td {font:bold 12px Arial; }
	.navIndexLinks {padding:0 0 10px 0;}
	#indexF3 {text-align:center;}
	#xindex360 {top:100px; left:450px; width:50px;}

#listGenres {list-style:none;margin:0px;padding:0px;}
	#listGenres li a {font:bold 14px Arial; color:#000;text-decoration:none;display:block;margin:0px;padding:0px;width:120px}
	#listGenres li a:hover {font:bold 14px Arial; color:#DAA21D; text-decoration:underline;}
	ul.listGenres {list-style:none;margin:-15px 0 12px 0;padding:0px;}
	ul.listGenres li {padding-left:25px;}
	li.dim{padding-left:0px;font-weight:bold; font-style:normal; color:#A90707;}
#searchedGenre {position:absolute; left:400px; top:54px; height:30px; padding:4px 8px 0px 6px; font: normal 22px Arial; color:#DAA21D;}
.artistListName	{font: bold 13px Arial, sans serif; color: #000;}
.artistListBlurb {font-size:10px;color:#888;}

#creditsBox {
	float:right;
	text-align:right;
	padding-right:2px;
	border:1px solid #242424;
	position:relative;
	top:23px;
	left:0px;
	width:164px;
	font:normal 9px Trebuchet MS, Arial;
}

#creditsBox a {font:normal 9px Trebuchet MS, Arial; color:#4d4d4d; text-decoration:none;}
#creditsBox a:hover{color:#DAA21D;}

#galleryImages	{ position:absolute; left:220px; top:102px;width:770px;}
#storeImages	{ position:absolute; left:220px; top:177px;width:770px;}
#cafeImages	{ position:absolute; left:220px; top:117px;width:770px;}

#innerSpace	{ position:absolute; top:102px;width:990px; text-align:center;}
#innerSpace img	{ margin: 0 auto;}

<style>

body {padding-top: 10px}




/* the thumbnails */
.triggers1,
.triggers2 {
	width:350px;
	text-align:center;
}

.triggers1 img,
.triggers2 img {
	background-color:#fff;
	padding:2px;
}

/* the active thumbnail */
.triggers1 a.active img,
.triggers2 a.active img {
	outline:1px solid #000;

	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}
.galTitle {
	font-weight:bold;
	font-size:14px;
	text-transform: uppercase;
}
.galClick {
	font-weight:bold;
	color:#CC0000;
}
/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	position:absolute;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(../images/h80.png) repeat-x;		
}