@charset "utf-8";
/* CSS Document */

/*------------- details pages ---------*/
body{
	background:url(../images/details_bg.png) no-repeat #000; 
	height:500px; 
	overflow:hidden; 
	margin:0; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
	color:#FFF;
}
a{ color:#C8DCE5; }
h3{
	font:18pt Arial, sans-serif;
	letter-spacing:-1px;
	font-weight: bold;
	word-spacing: -1px;
	margin:0;
	padding:0;
}	
#det_title{ 
	position:absolute;
	top:30px; 
	left:50px; 	
	font-size:18pt ;
	font-weight: lighter;
	font-family: "Century Gothic", Arial, Verdana, Geneva, sans-serif;
}
#det_img{ background: none; position:absolute; top: 100px; left: 50px; width:620px; margin:0; padding:0;}
#det_desc{ position:absolute; top: 100px; left: 680px; width:230px;}

			.boxgrid{ 
				width: 600px; 
				height: 338px; 
				margin:0px; 
				float:left;  
				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: 100px; 
				width: 100%; 
				background: url(../images/captionbg.png) transparent;
				z-index:300;
 			}
 				.captionfull .boxcaption {
 					top: 338px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0;
 				}
				
		#container { width:620px; height:338px; overflow:auto; position:relative;}
		.slides { width:600px; height:338px;}
		
		/**
		* Slideshow controls style rules.
		*/
		.control {
		  display:block;
		  width:30px;
		  height:280px;
		  text-indent:-10000px;
		  position:absolute;
		  cursor: pointer;
		  z-index:3;
		}
		#leftControl {
		  top:0;
		  left:5px;
		  background: url(../images/fancy_left.png) no-repeat 0 154px;
		}
		#rightControl {
		  top:0;
		  right:25px;
		  background: url(../images/fancy_right.png) no-repeat 0 154px ;
		}