@charset "utf-8";

#sfnt	{width:750px; margin:0 auto; height:400px; position:relative;}

#sfntL	{left:0px; top:0px; width:150px; text-align:left; }

#sfntC	{position:absolute; left:153px; top:0px; width:390px; height:400px; background:#eaf5ff;}

#sfntR	{position:absolute; left:550px; top:0px; width:200px; text-align:right;}
#sfntR img {display:block;}

.show	{width:150px; text-align:left;}

.show a	{line-height:35px; font-size:11pt; font-weight:none; color:#0099ff; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; text-decoration:none; padding-left:3px; display:block;}
.show a:hover 	{color:#6666cc;}

#random {position:relative; margin:7px 0 0 7px;}
#random li {height:375px; width:375px; overflow:hidden; margin:0 auto;}
#random ul, #random li {list-style:none; padding:0; margin:0;}

	/* numeric controls */	

	ol#controls{
		margin:0 0 2px 7px;
		padding:0;
		position:absolute;
		bottom:0px;
		left:0px;		
		}
	ol#controls li{
		float:left;
		margin:0 10px 0 0;
		list-style:none;
		}
	ol#controls li a{
		float:left;
		height:10px;
		background:#CCFFFF;
		color:#CCFFFF;
		border:1px solid #0099ff;
		width:10px;
		font-size:1px;
		text-decoration:none;
		}
	ol#controls li.current a{
		border:1px solid #eaf5ff;
		background:#ff9999;
		color:#ff9999;
		font-size:1px;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}