body {
	margin: 0 0 0 0;
}

.header {
	width: 100%;
	height: 250px;
	position: fixed;
	left:0px;
	top:0px;
}

#divBar {
	
}
a.fancyMe {
	color: #ffffff;
}
a.fancyMe:link {
	color: #ffffff;
}
a.fancyMe:hover {
	color: #FFCC66;
	text-decoration:underline;
}
a.fancyMe:visited {
	color: #ffffff;
}
a.fancyMe:active {
	color: #fff00f;
	font-weight:bold;
}
a.fancyMe:visited:active {
	color: #fff00f;
	font-weight:bold;
}
.menuItem a {
	height:20px;
	color: #ffffff;
}
.menuItem a:hover {
	height:20px;
	color: #ffffff;
}
.menuItem a:active {
	height:20px;
	color: #ffffff;
}
.menuItem a:active:visited {
	height:20px;
	color: #ffffff;
}
.menuItem a:active:visited:hover {
	height:20px;
	color: #ffffff;
}
			.loading {  
			    background:url(images/19-1.gif) no-repeat 1px; 
			    display:none;  
			
				  /*set the div in the center of the screen*/
				  position:absolute;
				  top:50%;
				  left:45%;
				  width:350px;
			}  
			.done {  
			    background:url(iconIdea.gif) no-repeat 2px;   
			    padding-left:20px;  
			    font-family:arial;  
			    font-size:12px;   
			    width:70%;   
			    margin:20px auto;   
			    display:none  
			}
			
			div.loading-visible{
			  /*make visible*/
			  display:block;
			}
			 
			#scroll {
				position:relative;
				height:460px !important;
				overflow:hidden;
				border:1px solid #ddd;
				width:948px;
				padding:15px;
				top:-250px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
			}
			 
			#tools {
				width:9999em;
				position:absolute;
				height:400px;
			}
			 
			.tool {
				float:left;
				width:1000px;
				height:400px;
				background-repeat:no-repeat;
				background-position:0 -40px;
			}
			 
			.details {
				background-color:#fff;
				color:#666;
				float:left;
				font-size:20px;
				margin:270px 0 0 0;
				padding:10px 60px;
				width:525px;
			}
 
			.demos {
				background-color:#fff;
				background-color:rgba(255, 255, 255, 0.8);
				border-left:1px solid #ddd;
				float:right;
				min-height:365px;
				padding:0 25px;
				width:272px;
			}
			 
			.demos h2 {
				color:#065598;
				font-size:22px;
				display:block;
				padding:10px 0;
			}
			 
			.demos a {
				color:#666;
				font-size:12px;
				text-decoration:none;
			}
			 
			.demos p {
				width:222px;
				font-size:12px;
				margin:0 0 4px;
				background:transparent url(images/jquery/bullet.png) no-repeat scroll 0 2px;
				padding:2px 0 1px 22px;
			}
			 
			#thumbs {
				background:url(images/jquery/demo-navi.jpg) no-repeat;
				height:90px;
				position:absolute;
				top:410px;
				width:990px;
				left:-8px;
			}
			 
			.t a {
				background:transparent url(images/jquery/demo-navi.jpg) no-repeat scroll -21px -90px;
				margin-left:11px;
				display:block;
				width:99px;
				float:left;
				height:90px;
				cursor:pointer;
			}
			 
			.t a.active {
				cursor:default !important;
			}
			 
			.navi {
				margin-left:314px;
				_margin-left:304px;
			}
			 
			/* CSS sprite for the navigation */
			#t0 		  { margin-left:20px; _margin-left:10px;}
			#t0.active { background-position:-21px 0 !important; }
			#t0:hover  { background-position:-21px -180px; }
			#t0:active { background-position:-21px -270px; }
			 
			#t1			{ background-position:-325px -90px; }
			#t1:hover 	{ background-position:-325px -180px; }
			#t1:active	{ background-position:-325px -270px; }
			#t1.active	{ background-position:-325px 0 !important; }
			 
			#t2			{ background-position:-435px -90px; }
			#t2:hover 	{ background-position:-435px -180px; }
			#t2:active	{ background-position:-435px -270px; }
			#t2.active	{ background-position:-435px 0 !important; }
			 
			#t3			{ background-position:-545px -90px; }
			#t3:hover 	{ background-position:-545px -180px; }
			#t3:active	{ background-position:-545px -270px; }
			#t3.active	{ background-position:-545px 0 !important; }
			 
			#t4			{ background-position:-655px -90px; }
			#t4:hover 	{ background-position:-655px -180px; }
			#t4:active	{ background-position:-655px -270px; }
			#t4.active	{ background-position:-655px 0 !important; }
			 
			#t5			{ background-position:-765px -90px; }
			#t5:hover 	{ background-position:-765px -180px; }
			#t5:active	{ background-position:-765px -270px; }
			#t5.active	{ background-position:-765px 0 !important; }
			 
			#t6			{ background-position:-875px -90px; }
			#t6:hover 	{ background-position:-875px -180px; }
			#t6:active	{ background-position:-875px -270px; }
			#t6.active	{ background-position:-875px 0 !important; }
			
			
			#divContents {
				padding-left:5%;
				padding-right:5%;
				position:relative;
				top:190px;
				left: -60px;
			}
			
			#divMenu {
				position: relative; 
				top: 30px; 
				left:0px; 
				z-index: 5; 
				width: 740px; 
				height:73px; 
				padding: 0 0 0 0; 
				margin: 0 0 0 0; 
				border:0px solid #000000;
			}