h3{
	color:#777;
}

#code-sample{
	position:absolute;
	right:5px;
	top:250px;
	border:1px solid #777;
	padding:10px;
	color:#333;
}

#code-sample pre{
	font-size:12px;
}

.mark{
	color:#933;
	font-size:12px;
	margin-left:5px;
	letter-spacing:-2px;
}

/* link */

#pane{
	border:1px solid #777;
	padding:10px;
	height:280px;
	width:640px;
	padding:16px;
	position:relative;
}

#images li{
	margin:20px 0;
}

#preview{
	position:absolute;
	top:10px;
	right:20px;
	height:290px;
	border:1px black solid;
}

/* placeholder */

#summary{
/*	position:absolute;
	top:30%;
	left:20%;
	border:2px solid #CCC;*/
	background-color:black;
	color:white;
	z-index:5;
	font-size:10px;
/*	width:60%;*/
	text-align:center;
	display:none;
/*	padding:10px;*/
	overflow:hidden;
	position:relative;
	top:-300px;
	height: 36px;
}
#summary span{
	color:#933;
	font-weight:bolder;
}
#image-loaded,#image-next{
	font-size:10px;
}
#ph-images{
	width:815px;
}

#ph-images img{
	width:200px;
	height:150px;
	border:1px black solid;
}

/* rollover */

#rollover-images{
	width:600px;
	margin-top:20px;
	text-align:center;
	border:1px solid #777;
	height:345px;
}

#rollover-images img{
	border:1px black solid;
	margin:10px 25px;
}

/* url */

#url-images{
	width:600px;
	margin-top:20px;
	text-align:center;
	border:1px solid #777;
	height:345px;
	position:relative;
}

#url-images img{
	border:1px black solid;
	margin:22px 9px;
	height:129px;
	width:100px;
}

#url-images p{
	color:#933;
	font-size:20px;
	position:absolute;
	top:145px;
	left:253px;
}

#ph-images{
	display:none;
}