*{
    padding:0px;
    margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	outline:none;
}
a img,
a{
	border:none;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
#overlay{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	background:#000;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	width:100%;
	height:100%;
	z-index:10;
}
#wrapper{
	background:url(../graphics/BG/bg.jpg) no-repeat top left #fafafb;
	width:100%;
	min-height:985px;
	height:100%;
}
	#header{
		padding:103px 0 0 0;
		min-width:700px;
		width:auto;
		display:block;
	}
		#header .left{
			float:left;
			display:block;
			width:316px;
			height:106px;
			background:url(../graphics/header/logo.png) no-repeat #333333;
		}
			#header .left a{
				display:block;
				width:316px;
				height:106px;
			}
		
		#header .right{
			margin:62px 0 0 0;
			float:right;
			display:block;
			width:424px;
			height:44px;
		}
			#header .right .arrow{
				/*background:url(../graphics/BG/right_headerBG.png) no-repeat;*/
				background:url(../graphics/BG/leftBlue_bg.png) no-repeat;
				height:44px;
				width:12px;
				float:left;
				display:block;
			}
			#header .right .content{
				height:44px;
				float:left;
				display:block;
				width:412px;
				/*background:#676767;*/
				background:url(../graphics/BG/blueRepeat_bg.png) repeat-x;
			}
				#header .right .content .request{
					float:left;
					display:block;
					margin-left:20px;
				}
							.request img.demoIcon{
								float: left;
								margin: 13px 0 0 !important;
							}
							.request a.requestDemo{
								display: block;
								float: left;
								margin: 13px 0 0 10px;
							}
								.request a.requestDemo img{
									margin:0 !Important;
								}
					
						#header .right .content .request a.requestDemo img{
							cursor:pointer;
						}
				#header .right .content img.arrowIcon{
					float:left;
					display:block;
					margin:19px 0 0 10px;
				}
				
					#header .right .content img.planetPTC{
						float:left;
						display:block;
						padding:9px 0 0 4px;
					}
				#header .right .content .social{
					margin-left:11px;
					float:left;
					display:block;
				}
					#header .right .content .social img{
						margin:9px 0 0 4px;
					}
					
	.popUp{
		position:absolute;
		display:none;
		width:738px;
		height:400px;
		z-index:100;
	}
		.popUp .header{
			background:url(../graphics/BG/popHeader_BG.png) no-repeat;
			width:738px;
			height:6px;
			display:block;
		}
			.popUp .header .name{
				padding:21px 0 0 22px;
				display:block;
				float:left;
				font-size:24px;
				font-family:Arial, Helvetica, sans-serif;
				color:#292929;
				position:relative;
				z-index:10;
			}
			.popUp .header .name .itemId{
				color:#6a6a6a;
			}
			.popUp .header .close{
				padding:21px 22px 0 0;
				display:block;
				float:right;
				position:relative;
				z-index:10;
			}
		.popUp .content{
			background:url(../graphics/BG/popRepeatY_BG.png) repeat-y;
			width:738px;
			display:block;
			height:auto;
			padding:0 0 10px 17px;
		}
			
				.popUp .content .preLoadingImage{
					background:url(../graphics/loading.gif) no-repeat center center;
					width:704px;
					min-height:410px;
				}
			.popUp .content .clear{
			}
		.popUp .footer{
			background:url(../graphics/BG/popFooter_BG.png) no-repeat;
			height:6px;
			width:738px;
		}

	#leftArrow{
		background:url(../graphics/icon/left_arrow.png) no-repeat;
		width:30px;
		height:36px;
		display:none;
		position:absolute;
		top:650px;
		left:18px;
	}
	#rightArrow{
		background:url(../graphics/icon/right_arrow.png) no-repeat;
		width:30px;
		height:36px;
		display:none;
		position:absolute;
		top:650px;
		right:18px;
	}
	.galleryWrapper {
		margin:79px auto 0 auto;
		width:100%;
		overflow:hidden;
		position:relative;
	}
	
		.galleryItems {
			/*width:100%;*/
			position:relative;
			left:0px;
			width:3176px;
			display: block;
			margin: 0;
			list-style: none;
			padding-left: 0;

		}
	
			.galleryItems li {
				display: inline;
				float: left;
				padding: 0 4px;
			}
	
	
			.galleryItems a {
				display: block;
				height:auto;
				width:auto;
				text-decoration	: none;
			}
			
				.galleryItems a div.item{
					display:block; 
					width:387px; 
					background:url(../graphics/BG/repeat_bg.png) repeat-y;
					height:358px;
				}
					.galleryItems a div.item.selected,
					.galleryItems a div.item:hover, 
					.galleryItems a:hover div.item {
						background:url(../graphics/BG/repeat_graybg.png) repeat-y;
					}
					.galleryItems a div.item .iphoneVideo{
						width:370px;
						height:201px; 
						overflow:hidden; 
						display:block;
						padding:9px 0 0 9px;
					}
					.galleryItems a div.item img{
						clear:both;
						padding:0px 0 0 0;
						margin:0 auto;
						border:none;
						display:block;
						width:370px;
						height:201px;
					}
					
					.galleryItems a div.item div.Intro img{
						background:url(../graphics/video_thumb/Intro.jpg) no-repeat;
					}
						.galleryItems a div.item div.Intro img.gif{
							background:url(../graphics/video_thumb/Intro.gif) no-repeat;
						}
					.galleryItems a div.item div.MultiCAD img{
						background:url(../graphics/video_thumb/MultiCAD.jpg) no-repeat;
					} 
						.galleryItems a div.item div.MultiCAD img.gif{
							background:url(../graphics/video_thumb/MultiCAD.gif) no-repeat;
						} 
					.galleryItems a div.item div.eBOM img{
						background:url(../graphics/video_thumb/eBOM.jpg) no-repeat;
					}
						.galleryItems a div.item div.eBOM img.gif{
							background:url(../graphics/video_thumb/eBOM.gif) no-repeat;
						}
					.galleryItems a div.item div.Animation img{
						background:url(../graphics/video_thumb/Animation.jpg) no-repeat;
					}
						.galleryItems a div.item div.Animation img.gif{
							background:url(../graphics/video_thumb/Animation.gif) no-repeat;
						} 
					.galleryItems a div.item div.Sectioning img{
						background:url(../graphics/video_thumb/Sectioning.jpg) no-repeat;
					} 
						.galleryItems a div.item div.Sectioning img.gif{
							background:url(../graphics/video_thumb/Sectioning.gif) no-repeat;
						}
					.galleryItems a div.item div.StepByStep img{
						background:url(../graphics/video_thumb/StepByStep.jpg) no-repeat;
					}
						.galleryItems a div.item div.StepByStep img.gif{
							background:url(../graphics/video_thumb/StepByStep.gif) no-repeat;
						}
					.galleryItems a div.item div.PartsList img{
						background:url(../graphics/video_thumb/PartsList.jpg) no-repeat;
					}
						.galleryItems a div.item div.PartsList img.gif{
							background:url(../graphics/video_thumb/PartsList.gif) no-repeat;
						} 
					.galleryItems a div.item div.IsoDraw img{
						background:url(../graphics/video_thumb/IsoDraw.jpg) no-repeat;
					}
						.galleryItems a div.item div.IsoDraw img.gif{
							background:url(../graphics/video_thumb/IsoDraw.gif) no-repeat;
						}
					
						.galleryItems a div.item p{
							line-height:21px;
							margin:0 0 0 27px;
							width:350px;
							font-size:11px;
							color:#FFF;
						}
							.galleryItems a div.item.selected p,
							.galleryItems a:hover div.item p{
								color:#606060;
							}
						
							.galleryItems a div.item p.header{
								margin: 39px 0 16px 27px;
								font-size:17px;
							}
					
					
					.galleryItems a .play_BTN{
						display: block;
						height: 81px;
						margin: -100px 160px 16px 160px;
						position:relative;
						top: -35px;
						width: 80px;
					}
					.galleryItems a div.item:hover .play_BTN{
						background:url(../graphics/BTN/play_btn.png) no-repeat;
					}


		#reflect{
			background:url(../graphics/BG/shadow.png) no-repeat;
			/* for IE */
			filter:alpha(opacity=50);
			/* CSS3 standard */
			opacity:0.5;
			width:388px;
			height:86px;
		}
		
		#mini_reflect{
			/* for IE */
			filter:alpha(opacity=60);
			/* CSS3 standard */
			opacity:0.6;
			margin:19px 0 0 0;
			background:url(../graphics/BG/mini_shadow.png) no-repeat;
			
			width:34px;
			height:17px;
		}
		#trackerIdentifier{
			display:none; 
			position:absolute; 
			width:auto; 
			height:44px; 
		}
				#trackerIdentifier.leftArrow .left{
					background:url(../graphics/BG/popUp_LeftArrow_left_BG.png) no-repeat;
					width:56px;
					height:44px;
					float:left;
					display:block;
				}
				#trackerIdentifier.rightArrow .left{
					background:url(../graphics/BG/popUp_RightArrow_left_BG.png) no-repeat;
					width:10px;
					height:44px;
					float:left;
					display:block;
				}
				#trackerIdentifier .body{
					/*color:#7e9d37;*/
					color:#606060;
					font-size:12px;
					font-family:Arial, Helvetica, sans-serif;
					float:left;
					height:44px;
					padding:10px 0 0 0;
					background:url(../graphics/BG/popUp_mid_repeatX_bg.png) repeat-x;
				}
					#trackerIdentifier .body div p{
						position:relative;
						left:-40px;
					}
				#trackerIdentifier.rightArrow .body{
					background:url(../graphics/BG/popUp_RightArrow_repeatX_BG.png) repeat-x;
				}
					#trackerIdentifier.rightArrow .body div p{
						left:7px !important;
					}
				#trackerIdentifier.leftArrow .right{
					float:left;
					display:block;
					height:44px;
					background:url(../graphics/BG/popUp_LeftArrow_right_BG.png) no-repeat;
					width:10px;
				}
				#trackerIdentifier.rightArrow .right{
					float:left;
					display:block;
					height:44px;
					background:url(../graphics/BG/popUp_RightArrow_right_BG.png) no-repeat;
					width:56px;
				}
		#tracker{
			margin:0px auto 0 auto;
			width:449px;
			/*overflow-x:hidden;*/
			min-width:370px;
		}
			#tracker #trackerBorder{
				/*border:2px solid #b0d361;*/
				border:2px solid #cccccc;
				width:123px;
				height:22px;
				display:block;
				left:128px;
				position:relative;
				
				top:-1px;
				
			}
			#tracker p{
				margin:3px 0 0 0;
				background:#fafafb;
				font-size:14px;
				color:#606060;
				float:left;
				display:block;
			}
			#tracker .mini_item{
				margin:3px 0 0 5px;
				background:#dadde2;
				float:left;
				width:34px;
				height:18px;
				display:block;
			}
				#tracker .blue.mini_item{
					background:#74cee2;
				}
				#tracker .blue.mini_item{
					background:#74cee2;
				}
				#tracker .darkGreen.mini_item{
					background:#76cda3;
				}
				#tracker .lightGreen.mini_item{
					background:#b0d361;
				}
				#tracker .lightGreen.mini_item{
					background:#b0d361;
				}
				#tracker .lightGreen.mini_item{
					background:#bad95b;
				}
				#tracker .yellow.mini_item{
					background:#d5e04d;
				}
				#tracker .yellow.mini_item#08{
					background:#d5e04d;
				}
			#tracker .itemHover:first-child{
				margin:3px 0 0 131px;
			}
			
				#tracker .mini_item p{
					font-size:10px;
					color:#a4a3a3;
					background:none;
					margin: 0;
					padding:0;
				}
					#tracker .mini_item p a{
						padding:3px 0 0 11px;
						display:block;
						width:21px;
						height:14px;
						font-size:10px;
						/*color:#a4a3a3;*/
						color:#FFF;
						text-decoration:none;
					}
			#tracker .mini_item.played{
				background:#ccea87;
			}
			
		div#itemHover{
			top:733px;
			width: 312px;
			z-index:100;
		}
		
			div#itemHover div.itemHover{
				width:33px; 
				height:18px; 
				float:left; 
				display:block;
				margin:3px 0 0 4px;
				cursor:pointer;
				background:url(../graphics/shim.gif) repeat;
			}
		
		#iphoneVideoHider{
			display:block; 
			max-height:1px; 
			max-width:1px;
		}
		#footer{
			overflow:hidden;
			height:18px;
			background:#fafafb;
			margin:56px 0 0 23px;
			color:#606060;
			font-size:12px;
			clear:both;
			float:left;
		}
			#footer a,
			#footer p{
				color:#606060;
				font-size:12px;
				text-decoration:none;
			}
				#footer a:hover{
					text-decoration:underline;
				}
		
.loading{
	background:url(../graphics/loading.gif) center center no-repeat;
	width:704px;
	height:410px;
}


