/* CSS Document */

/*********************** HOME PAGE IMAGE SLIDER ********************************************/

.slider {
	position: relative;
	width: 700px;
	height: 380px;
	margin-left:0px;
	margin-top:10px;
	overflow: hidden;	
}

#main-content .slider-links a:link{
	color: #eaeaea;
	text-decoration:none;
	border: 1px solid  #eaeaea;
	padding: 2px 6px 3px 6px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;                   
}

#main-content .slider-links a:visited{
	color: #eaeaea;
	text-decoration:none;
	border: 1px solid  #eaeaea;
	padding: 2px 6px 3px 6px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;                          
}


#main-content .slider-links a:hover{
	color: #cccccc;
	text-decoration:none;  
	border: 1px solid  #eaeaea;
	padding: 2px 6px 3px 6px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;                                
}
      
.slides {
	height: 100%;
	float:left
	
	
	/* Simple clear fix */
	overflow: hidden;
	
	/**        
	* Prevent blinking issue
	* Not tested. Experimental.
	*/
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	
	/**
	* Here is CSS transitions
	* responsible for slider animation in modern broswers
	*/
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        }
        

.slide {
	height: 100%;
	float: left;
	clear: none;
}


.slider-arrows {
}


.slider-arrow {
	position: absolute;
	display: block;
	margin-bottom: -10px;
	padding: 0px 3px 2px 3px;
	background-color:#F1F2ED;
}





.slider-arrow-right {
	bottom: 50%;
	right: -1px;
}



.slider-arrow-left {
	bottom: 50%;
	left: -1px;
}

/**************  little round or square progress boxes********************/

.slider-nav {
	position: absolute;
	bottom: 10px;
	margin-right: -550px;	
}


.slider-nav-item {
	width: 10px;
	height: 10px;
	float: left;
	clear: none;
	display: block;
	margin-left: 10px;
	background-color: #dddddd;
	border: 1px solid #666666;
	-moz-border-radius: 6px;
	border-radius: 6px;
}


.slider-nav-item {
	width: 10px;
	height: 10px;
	float: left;
	clear: none;
	display: block;
	margin-left: 10px;
	background-color: #dddddd;
	border: 1px solid #666666;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.slider-nav-item:hover {
	background-color: #999999;
}

.slider-nav-item-current {
	background-color: #999999;
}


/******************************************************************/
/******************************************************************/
/*DIV CONTAINERS WITH BACKGROUND IMAGES - MUST BE 700 X 350 pixels*/
/******************************************************************/
/****************** IMAGES 700 x 350 pixels ***********************/
/************** BLACK CAPTION BAND 50 pixels high *****************/
/********* BLACK CAPTION BAND black, -50% trasnparency  ***********/
/***** BLACK CAPTION FONT-   background color of page *******/
/************* FONT- 24 ROMAN TIMES #F1F2ED ****************/
/******************************************************************/



#pic-01 {
	background-image:url(slider-images/nga-online.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}

#pic-02 {
	background-image:url(slider-images/open-film.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}



#pic-03 {
	background-image:url(slider-images/vermeer-in-raleigh.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-04 {
	background-image:url(slider-images/concert.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-05 {
	background-image:url(slider-images/vermeer-thefts.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-06 {
		background-image:url(slider-images/code.jpg);
		background-repeat:no-repeat;
		width: 700px;
		height: 350px;
		padding-left: 620px;
		padding-top: 320px;

}


#pic-07 {
	background-image:url(slider-images/school-of-delft.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}

#pic-08 {
	background-image:url(slider-images/gwape-publication.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-09 {
	background-image:url(slider-images/praxedis.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}



#pic-10 {
	background-image:url(slider-images/rolin-extended.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-11 {
	background-image:url(slider-images/mauritshuis-reopens.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}



#pic-12 {
	background-image:url(slider-images/praxedis-03.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-13 {
	background-image:url(slider-images/collecting.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-14 {
	background-image:url(slider-images/budapest.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}

#pic-15 {
	background-image:url(slider-images/white.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-16 {
	background-image:url(slider-images/walter.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}

#pic-17 {
	background-image:url(slider-images/inblue.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-18 {
	background-image:url(slider-images/tokyo-astronomer.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}

#pic-19 {
	background-image:url(slider-images/steadman.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}

#pic-20 {
	background-image:url(slider-images/martha.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-21 {
	background-image:url(slider-images/le-brun.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-22 {
	background-image:url(slider-images/timken.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-23 {
	background-image:url(slider-images/franits.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}

#pic-24 {
	background-image:url(slider-images/woman-in-blue-nga.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}

#pic-25 {
	background-image:url(slider-images/class.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-26 {
	background-image:url(slider-images/royal.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-27 {
	background-image:url(slider-images/white-two.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-28 {
	background-image:url(slider-images/frankfurt.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}

#pic-29 {
	background-image:url(slider-images/kyoto.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-30 {
	background-image:url(slider-images/delft.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-31 {
	background-image:url(slider-images/steadman-02.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}

#pic-32 {
	background-image:url(slider-images/dallas.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-33 {
	background-image:url(slider-images/minato.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}


#pic-34 {
	background-image:url(slider-images/phaidon.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}

#pic-35 {
	background-image:url(slider-images/kansas.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}

#pic-36 {
	background-image:url(slider-images/prinsenhof.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}

#pic-37 {
	background-image:url(slider-images/mona-01.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 350px;
	padding-left: 620px;
	padding-top: 320px;
}