/* CSS Document */

/* Photo Gallery only */

    #content .samples {
	clear:both; 
	margin:0; 
	padding:20px; 
	background:url("../images/content_article_bg.jpg") 0 0 no-repeat;}
	
	#content .samples h2 {
	margin:0 -20px; 
	padding:10px; 
	background:#DEE5FD url("../images/content_title_bg.gif") 0 0 repeat-y; 
	color:#192666;}
	
	#content .samples h2 span {
	background:url("../images/ico_list.gif") 0 50% no-repeat; 
	padding-left:25px;}
	
	#content .samples ul.topic {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:450px; 
	position:relative; }
	
	#content .samples ul.topic li {
	display:block; 
	width:0px; 
	height:0px; 
	float:left;}
	
	#content .samples ul.topic li a.set {
	display:block; 
	width:1px; 
	height:1px; 
	background:transparent; }
	
	#content .samples ul.topic li a ul, 
	#content .samples ul.topic li ul 
	{display:none;}
	
/*tab attributes*/
	#content .samples ul.topic li.active a {
	color:#fff; 
	background:transparent;}
	
	#content .samples ul.topic li a:hover,
	#content .samples ul.topic li:hover a {
	color:#232d59; 
	background:transparent !important /*Non-IE*/; background:#e0e8fa /*IE6*/; }
	
/*outer border*/
	#content .samples ul.topic li.active ul {
	display:block; 
	position:absolute; 
	left:0; top:32px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	background:#fff; 
	width:451px; 
	padding:10px 10px; 
	border:10px solid #232d59;}
	
/*hovering*/
	#content .samples ul.topic li a:hover ul, 
	#content .samples ul.topic li:hover ul {
	display:block; 
	position:absolute; 
	left:0; 
	top:31px; 
	list-style:none; 
	padding:10px 10px; 
	margin:0; 
	background:#fff; 
	width:450px; 
	padding:10px 10px; 
	border:10px solid #B5C4E3;}
	
	#content .samples ul.topic li ul li {
	display:inline; 
	width:50px; 
	height:50px; 
	border:0; 
	margin-left:20px; 
	margin-top: 20px; 
	z-index:1;}
	
	#content .samples ul.topic li ul li a {
	display:block !important /*Firefox*/; display:inline /*IE*/; 
	width:50px; 
	height:50px; 
	cursor:default; 
	text-decoration:none; 
	background:#444; 
	border:1px solid #f47c24;  
	z-index:1;}
	
/*thumbnail border*/
	#content .samples ul.topic li ul li a img {
	display:block; 
	width:50px; 
	height:50px; 
	border:0; }
	
	#content .samples ul.topic li a:hover ul li a:hover, 
	#content .samples ul.topic li:hover ul li a:hover {
	white-space:normal; 
	position:relative; }
	
	#content .samples ul.topic li a:hover ul li a:hover img, 
	#content .samples ul.topic li:hover ul li a:hover img {
	position:absolute; 
	left:-50px; 
	top:-32px; 
	width:200px; 
	height:150px; 
	border-color:#fff; 
	z-index:100;}