@charset "utf-8";
/* CSS Document */
/* TOOLTIP CSS
<a class="info" href="#">
This is a tooltip
<span>an aiding text that appears just when you roll on with the mouse</span>
</a>
*/
a.info{
    position: relative;
    text-decoration: none;
    z-index:24;
}
a.info img {border-width: 0;}
a.info:hover{z-index:25;}
a.info span{display: none}
a.info:hover span{
	background: #666C60;
	border: 1px solid #EBE9C0;
	color: #EBE9C0;
    display: block;
	font-size: 10px;
	left: 1em;
    position: absolute;
    text-align: center;
    top: 1em;
	width: 250px;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}
a.info p {
	margin: 2px;
	padding: 0;
	text-align: left;
}
/* CSS STYLES */
body {
	background: #666C60;
	color: #EBE9C0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
}
#pablander {
	margin: 0 auto;
	width: 920px;
}
#pb-head {
	font-size: 14px;
	height: 30px;
	margin: 10px 0;
	text-align: right;
}
	#pb-head ul,
	#pb-head li {display: inline;}
	#pb-head li {
		background: transparent url(../src/gen/logo-pb-esm.jpg) no-repeat left center;
		list-style-position: inside;
		list-style-type: none;
		margin-left: 15px;
		padding: 3px 0 3px 20px;
	}
#pb-content {
	position: relative;
}
	#pb-c-frame {
		background: #F9AD4F;
		height: auto;
		left: 150px;
		overflow: visible;
		position: absolute;
		top: 0;
	}
		#pb-c-frame img {
			border: 1px solid black;
			margin: 10px;
		}
		#pb-c-frame .l-img-box {
			background: transparent url(../src/frames/f-link.jpg) no-repeat center center;
			border: 1px solid #F9AD4F;
			color: #666C60;
			display: block;
			font-size: 12px;
			height: 400px;
			line-height: 20px;
			margin: 10px;
			width: 260px;
		}
	#pb-c-rframe {
		font-variant: small-caps;
		height: auto;
		left: 432px;
		overflow: visible;
		position: absolute;
		text-align: center;
		text-transform: capitalize;
		top: 0;
		width: 488px;
	}
		#pb-c-rframe a {
			color: white;
			display: block;
			font-family: "Courier New", Courier, monospace;
			margin: 150px 0 0 0;
		}
	#pb-a-rframe {
		font-variant: small-caps;
		height: 422px;
		left: 432px;
		overflow: auto;
		position: absolute;
		text-transform: capitalize;
		top: 0;
		width: 488px;
	}
		#pb-a-rframe table {
			width: 100%;
		}
		#pb-a-rframe th {
			font-size: 16px;
			font-weight: normal;
			padding: 15px 5px;
			text-align: right;
			vertical-align: top;
			width: 110px;
		}
		#pb-a-rframe td {
			font-size: 12px;
			line-height: 18px;
			padding: 15px 5px;
		}
	#pb-l-rframe {
		font-variant: small-caps;
		height: 422px;
		left: 452px;
		overflow: auto;
		position: absolute;
		text-transform: capitalize;
		top: 0;
		width: 488px;
	}
		#pb-l-rframe table {
			width: 100%;
		}
		#pb-l-rframe th {
			font-size: 12px;
			font-weight: normal;
			padding: 15px 5px;
			vertical-align: top;
			width: 100px;
		}
		#pb-l-rframe td {
			font-size: 12px;
			line-height: 18px;
			padding: 15px 5px;
		}
		#pb-l-rframe a:link,#pb-l-rframe a:visited { color: #EBE9C0;}
		#pb-l-rframe a:hover,#pb-l-rframe a:active { color: white;}

	#pb-gallery-c { /* 75 x 75 gallery thumbnail */
		background: #F9AD4F;
		height: 422px;
		left: 150px;
		position: absolute;
		top: 0;
		width: 380px;
	}
		#img_group {margin: 10px 10px 20px 10px;}
			#img_group td {
				height: 85px;
				text-align: center;
				vertical-align: middle;
				width: 90px;
			}
			#img_group img {border: 1px solid #333;}
		#select_group {
			height: 35px;
			margin: 0 10px 10px 10px;
			position: relative;
		}
			#select_group img {border-width: 0;}
			#select_group .prev_img,
			#select_group .next_img {
				display: block;
				height: 34px;
				position: absolute;
				top: 0;
				width: 34px;
				z-index: 1;
			}
			#select_group .prev_img { left: 10px;}
			#select_group .next_img { right: 10px;}
			#select_group .page_num {
				display: block;
				font-family: "Courier New", Courier, monospace;
				font-size: 18px;
				line-height: 30px;
				text-align: center;
				width: 100%;
			}
	#pb-gallery-r {
		height: 20px;
		left: 530px;
		position: absolute;
		top: 0;
		width: 390px;
	}
		#pb-gallery-r ul,
		#pb-gallery-r li {
			display: inline;
			margin: 0;
			padding: 0;
		}
		#pb-gallery-r a {
			border: 1px solid #666C60;
			border-width: 0 1px;
			display: block;
			float: left;
			height: 422px;
			margin: 0 0px 0 8px;
			text-decoration: none;
			width: 55px;
		}
		#pb-gallery-r .illustration,
		#pb-gallery-r .sketch,
		#pb-gallery-r .concept,
		#pb-gallery-r .sculpture,
		#pb-gallery-r .video,
		#pb-gallery-r .misc {
			background-position: center center;
			background-repeat: no-repeat;
		}
		#pb-gallery-r a:hover,#pb-gallery-r a:active {
			border: 1px solid #333;
			border-width: 0 1px;
			filter: alpha(opacity=75);
			-moz-opacity: .75;
			opacity: .75;
		}
		#pb-gallery-r a.ill-active,#pb-gallery-r a.sketch-active,#pb-gallery-r a.concept-active,
		#pb-gallery-r a.sculpt-active,#pb-gallery-r a.video-active,#pb-gallery-r a.misc-active
		{
			filter: alpha(opacity=50);
			-moz-opacity: .50;
			opacity: .50;
		}
		#pb-gallery-r a.illustration:link,#pb-gallery-r a.illustration:visited {background-image:url(../src/gallery/l-illustration-u.jpg);}
		#pb-gallery-r a.illustration:hover,#pb-gallery-r a.illustration:active,#pb-gallery-r a.ill-active {background-image:url(../src/gallery/l-illustration-u.jpg);}

		#pb-gallery-r a.sketch:link,#pb-gallery-r a.sketch:visited {background-image:url(../src/gallery/l-sketch-u.jpg);}
		#pb-gallery-r a.sketch:hover,#pb-gallery-r a.sketch:active,#pb-gallery-r a.sketch-active {background-image:url(../src/gallery/l-sketch-u.jpg);}
	
		#pb-gallery-r a.concept:link,#pb-gallery-r a.concept:visited {background-image:url(../src/gallery/l-concept-u.jpg);}
		#pb-gallery-r a.concept:hover,#pb-gallery-r a.concept:active,#pb-gallery-r a.concept-active {background-image:url(../src/gallery/l-concept-u.jpg);}

		#pb-gallery-r a.sculpture:link,#pb-gallery-r a.sculpture:visited {background-image:url(../src/gallery/l-sculpture-u.jpg);}
		#pb-gallery-r a.sculpture:hover,#pb-gallery-r a.sculpture:active,#pb-gallery-r a.sculpt-active {background-image:url(../src/gallery/l-sculpture-u.jpg);}

		#pb-gallery-r a.video:link,#pb-gallery-r a.video:visited {background-image:url(../src/gallery/l-video-u.jpg);}
		#pb-gallery-r a.video:hover,#pb-gallery-r a.video:active,#pb-gallery-r a.video-active {background-image:url(../src/gallery/l-video-u.jpg);}

		#pb-gallery-r a.misc:link,#pb-gallery-r a.misc:visited {background-image:url(../src/gallery/l-misc-u.jpg);}
		#pb-gallery-r a.misc:hover,#pb-gallery-r a.misc:active,#pb-gallery-r a.misc-active {background-image:url(../src/gallery/l-misc-u.jpg);}

	#pb-menu {
		height: auto;
		left: 0;
		overflow: visible;
		position: absolute;
		text-align: center;
		top: 0;
		width: 150px;
	}
		#pb-menu ul,
		#pb-menu li {
			list-style-position: inside;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		#pb-menu a {
			display: block;
			font-size: 14px;
			font-weight: 100;
			height: 25px;
			line-height: 25px;
			text-decoration: none;
		}
		#pb-menu a:link,
		#pb-menu a:visited {
			background: #666C60;
			color: #EBE9C0;
		}
		#pb-menu a:hover,
		#pb-menu a:active {
			background: #EBE9C0;
			color: #666C60;
		}
		#pb-menu a.actlink:link,
		#pb-menu a.actlink:visited {
			background: #EBE9C0;
			color: #666C60;
		}
		#pb-menu img {margin: 200px 0 0 0;}