/*Main css*/

#toggle-view {
	list-style:none;	
	font-family:arial;
	font-size:11px;
	margin:0;
	padding:0;
	width:350px;
}

	#toggle-view li {
		margin:10px;
		border-bottom:1px solid #ccc;
		position:relative;
		cursor:pointer;
	}
	
	#toggle-view h3 {
		margin:0;
		font-size:14px;
	}

	#toggle-view span {
		position:absolute;
		right:5px; top:0;
		color:#ccc;
		font-size:13px;
	}
	
	#toggle-view p {
		color: #FFF;
		margin:5px 0;
		display:none;
	}	
	
	
	
	
	/* image caption*/
	.boxgrid{
	width: 200px;
	height: 120px;
	margin:10px;
	float:left;
	background:#161613;
	border: solid 2px #8399AF;
	overflow: hidden;
	position: relative;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 86px; 
				width: 144px; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 200;
 					left: 0;
 				}
 				.caption .boxcaption {
	top: 79px;
	left: 2px;
 				}
	




/* ---------------------------slideshow------------------------------------------------------------------

#slideshow {
	margin:0 auto;
	width:800px;
	height:263px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:700px;
  height:263px;
  overflow:auto; /* allow scrollbar **
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:700px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll **
  height:263px;
}

/** 
 * Slideshow controls style rules.**

.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
}

-----------------------------slideshow ends---------------------------------------*/


/*------------------------------ lightbox---------------------------------------*/
			* { margin: 0; padding: 0; }
			
			
			
			h4 { margin: 15px 0 5px 0; }
			
			h4, p {
	font-size: 1.2em;
	color: #666;
}
			
	
			
			.wide {
				border-bottom: 1px #000 solid;
				width: 4000px;
			}
/* ---------------------------------lightbox end--------------------------------------------------*/