@charset "utf-8";
/* Top Navigation for Lab demos */

#labNav {
	display: block;
	height: 30px;
	background: #222;
	color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	overflow: auto;
	float: left;
	width: 100%
	}
	#labNav ul {padding:0;margin: 0;}
	#labNav ul li {
		float: left;
		padding: 8px 15px;
		list-style: none;
		font-size: 12px;
		}
		#labNav ul li a:link,
		#labNav ul li a:visited {
			color: #666;
			text-decoration: none;
			}
		#labNav ul li a:hover,
		#labNav ul li a:active {
			color: #999;
			}
			
#content {overflow: auto}
	#navigation ul li,
	#buttons ul li,
	#navigation2 ul li {
		list-style: none;
		float: left;
		margin: 0 0 0 5px;
		font-weight:bold;
		}
		#buttons * {
			padding:0;
			margin:0px auto;
			text-align: center;
			font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
			font-size: 12px;
			text-transform: uppercase
			}
		#buttons ul li a {
			background: url(../images/orange-off.png) top right no-repeat;
			display: block;
			padding: 0 13px 0 0;
			color: #fff;
			text-decoration: none
			}
			#buttons ul li a span {
				background: url(../images/orange-off.png) top left no-repeat;
				display: block;
				padding: 5px 0 10px 13px;
				}
				
		#buttons ul li a:hover {
			background: url(../images/orange.png) top right no-repeat;
			color: #FFF;
			text-decoration: underline;
			}
			#buttons ul li a:hover span {
				background: url(../images/orange.png) top left no-repeat;
				}
		
		#home #buttons ul li.home a {
			background: url(../images/orange.png) top right no-repeat;
			color: #FFF;
			}
			#home #buttons ul li.home a span {
				background: url(../images/orange.png) top left no-repeat;
				}
img { behavior: url(../iepngfix.htc) }
#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right; 
	z-index: 3;
}
#pageflip img {
	width: 100px; height: 104px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 100px; height: 102px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(../images/subscribe.png) no-repeat right top;
	z-index: 2;
}

			.boxgrid{ 
				width: 225px; 
				height: 200px; 
				margin:0px;
				float:left; 
				background: url('../images/slide-bg.png'); 
				border: 0px solid #cdcdcd; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid h3 {
					color: #fff;
					padding: 10px;
					}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 10px; 
					color:#fff; 
					font-weight:bold; 
					font:13pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 40px; 
				width: 100%; 
				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: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
.clearimg {
	width: 20px;
	clear: none;
	float: left;
}