div,li,ol,ul{padding:0;border:0;font-weight:normal;font-style:normal;text-align:left}



/***************************************************************************
*****************************HOME/PROJECT PAGE******************************
***************************************************************************/



#projects{
	width:799px;
	height:620px;
	display:block;
	background:url(images/bg-main.png) no-repeat top left;
	margin: 0 auto;
	position:relative;
	color:#FBCB0D;
}


#project-type-nav{
	list-style: none ;
	width:161px;
	margin-top:20px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#dce7fa;
	margin-left:2px;
	position:relative;
}

#project-type-nav li{
	list-style: none ;
	width:161px;
	height:36px;
	background:url(images/project-nav-bg-noel.gif) no-repeat top left;
}

#project-type-nav li a{
	width:161px;
	height:36px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}

#project-type-nav li a span{
	list-style: none ;
	width:140px;
	height:18px;
	display:block;
	text-indent:-99999em;
	margin-left:18px;
	margin-top:8px;
	background-repeat:no-repeat;
	background-position:bottom left;
	background-position:top left;	
	position:relative;
	z-index:50;
	opacity: 0.65;
}
	
#project-type-nav li.nav0 a span{	background-image:url(images/xmas/nav0.gif);}	
#project-type-nav li.fete a span{	background-image:url(images/xmas/fete-noel.gif);}	
#project-type-nav li.nav1 a span{	background-image:url(images/xmas/nav1.gif);}	
#project-type-nav li.nav2 a span{	background-image:url(images/xmas/nav2.gif);}	
#project-type-nav li.nav3 a span{	background-image:url(images/xmas/nav3.gif);}	
#project-type-nav li.nav4 a span{	background-image:url(images/xmas/nav4.gif);}	
#project-type-nav li.nav5 a span{	background-image:url(images/xmas/nav5.gif);}	
#project-type-nav li.nav6 a span{	background-image:url(images/xmas/nav6.gif);}	
#project-type-nav li.nav7 a span{	background-image:url(images/xmas/nav7.gif);}	
#project-type-nav li.nav8 a span{	background-image:url(images/xmas/nav8.gif);}	
#project-type-nav li.nav9 a span{	background-image:url(images/xmas/nav9.gif);}	
#project-type-nav li.nav10 a span{ background-image:url(images/xmas/nav10.gif);}
#project-type-nav li.nav11 a span{ background-image:url(images/xmas/nav11.gif);}
#project-type-nav li.nav12 a span{ background-image:url(images/xmas/nav12.gif);}
#project-type-nav li.nav13 a span{ background-image:url(images/xmas/nav13.gif);}
#project-type-nav li.nav14 a span{ background-image:url(images/xmas/nav14.gif);}
#project-type-nav li.nav15 a span{ background-image:url(images/xmas/nav15.gif);}
#project-type-nav li.nav16 a span{ background-image:url(images/xmas/nav16.gif);}	

#project-type-nav li.current{
	position:absolute;
	width:	182px;
	height:	36px;
	display:block;
	background:url(images/project-nav-current-bg-noel.gif) no-repeat top left;
	top:-1px;
	left:-7px;
} 




/***************************************************************************
**************************** PROJECT LISTING *******************************
***************************************************************************/

.project {
	width:550px;
	height:600px;
	position:relative;
	margin-right:20px;
/* background:url(images/xmas-bg-2.png) top left; */
	
	}


/***************************************************************************
**************************** SCROLLER STUFF ********************************
***************************************************************************/

#scroller-window,
#scroller-nav0-window,
#scroller-fete-window,
#scroller-nav1-window,
#scroller-nav2-window,
#scroller-nav3-window,
#scroller-nav4-window,
#scroller-nav5-window,
#scroller-nav6-window,
#scroller-nav7-window,
#scroller-nav8-window,
#scroller-nav9-window,
#scroller-nav10-window,
#scroller-nav11-window,
#scroller-nav12-window,
#scroller-nav13-window,
#scroller-nav14-window,
#scroller-nav15-window,
#scroller-nav16-window{
	height:600px;
}

#scroller-window {
   position:relative; 
   overflow:hidden;          
   width: 620px;     
   float:right;
   margin-top:18px;
   margin-right:12px;	
   margin-bottom:9px;
   /* fbackground-color:#f00; */
}

#scroller-fade-left,
#scroller-fade-right{
	position:absolute;
	width:10px;
	height:100%;
	top:0px;	
}

#scroller-fade-left{
	left:0px;
	background: url(images/scroller-fade.png) repeat-y top right;
}


#scroller-fade-right{
	right:0px;
	background: url(images/scroller-fade.png) repeat-y top left;
}




#scroller-nav0-window{ overflow:hidden; width: 600px; }
#scroller-nav0-wrap{ width:10000em; position:absolute; }

#scroller-fete-window{ overflow:hidden; width: 600px; }
#scroller-fete-wrap{ width:10000em; position:absolute; }

#scroller-nav1-window{ overflow:hidden; width: 600px; }
#scroller-nav1-wrap{ width:10000em; position:absolute; }

#scroller-nav2-window{ overflow:hidden; width: 600px; }
#scroller-nav2-wrap{ width:10000em; position:absolute; }

#scroller-nav3-window{ overflow:hidden; width: 600px; }
#scroller-nav3-wrap{ width:10000em; position:absolute; }

#scroller-nav4-window{ overflow:hidden; width: 600px; }
#scroller-nav4-wrap{ width:10000em; position:absolute; }

#scroller-nav5-window{ overflow:hidden; width: 600px; }
#scroller-nav5-wrap{ width:10000em; position:absolute; }

#scroller-nav6-window{ overflow:hidden; width: 600px; }
#scroller-nav6-wrap{ width:10000em; position:absolute; }

#scroller-nav7-window{ overflow:hidden; width: 600px; }
#scroller-nav7-wrap{ width:10000em; position:absolute; }

#scroller-nav8-window{ overflow:hidden; width: 600px; }
#scroller-nav8-wrap{ width:10000em; position:absolute; }

#scroller-nav9-window{ overflow:hidden; width: 600px; }
#scroller-nav9-wrap{ width:10000em; position:absolute; }

#scroller-nav10-window{ overflow:hidden; width: 600px; }
#scroller-nav10-wrap{ width:10000em; position:absolute; }

#scroller-nav11-window{ overflow:hidden; width: 600px; }
#scroller-nav11-wrap{ width:10000em; position:absolute; }

#scroller-nav12-window{ overflow:hidden; width: 600px; }
#scroller-nav12-wrap{ width:10000em; position:absolute; }

#scroller-nav13-window{ overflow:hidden; width: 600px; }
#scroller-nav13-wrap{ width:10000em; position:absolute; }

#scroller-nav14-window{ overflow:hidden; width: 600px; }
#scroller-nav14-wrap{ width:10000em; position:absolute; }

#scroller-nav15-window{ overflow:hidden; width: 600px; }
#scroller-nav15-wrap{ width:10000em; position:absolute; }

#scroller-nav16-window{ overflow:hidden; width: 600px; }
#scroller-nav16-wrap{ width:10000em; position:absolute; }


#scroller-window .project{
	float:left;
}


#scroller-vertical{
	position:absolute;
	top:0;
	left:10px;
	height: 1380px;
	width:600px;
}