/* ---------------  subnav PAINTINGS sprite begins-------------- */
#subnav {
	position:relative;
	width:236px;
	height:182px;
	top:43px;
	left:0px;
	margin:0;
	padding:0;
	float:left;
}

#subnavbuttons {
	width:236px;
	height:182px;
	background: url(../images/subnav-paintings.png);
	margin: 0px auto; padding: 0;
	position: absolute; 
	top: 25px; 
	left:0px;
}

 #subnavbuttons li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position:absolute; 
	left:0;
}

#subnavbuttons li, #subnavbuttons a { height:26px; display:block; }

#eleusinian {top: 0; width: 236px;}
#natural {top: 26px; width: 236px;}
#drishti {top: 52px; width: 236px;}
#lilies  {top: 78px; width: 236px;}
#chora  {top: 104px; width: 236px;}
#sacred {top: 130px; width: 236px;}
#secret {top: 156px; width: 236px;}

#eleusinian a:hover {
    background: transparent url(../images/subnav-paintings.png) -236px -0px no-repeat;}
#natural a:hover {
    background: transparent url(../images/subnav-paintings.png) -236px -26px no-repeat;}
#drishti a:hover {
    background: transparent url(../images/subnav-paintings.png) -236px -52px no-repeat;}
#lilies a:hover {
    background: transparent url(../images/subnav-paintings.png) -236px -78px no-repeat;}
#chora a:hover {
	background: transparent url(../images/subnav-paintings.png) -236px -104px no-repeat;}
#sacred a:hover {
	background: transparent url(../images/subnav-paintings.png) -236px -130px no-repeat;}
#secret a:hover {
	background: transparent url(../images/subnav-paintings.png) -236px -156px no-repeat;}



#eleusinianup { top: 0; width:236px;
	background: transparent url(../images/subnav-paintings.png) -236px -0px no-repeat;}
#naturalup { top:26px; width:236px;
	background: transparent url(../images/subnav-paintings.png) -236px -26px no-repeat;}
#drishtiup { top: 52px; width:236px;
	background: transparent url(../images/subnav-paintings.png) -236px -52px no-repeat;}
#liliesup { top: 78px; width:236px;
	background: transparent url(../images/subnav-paintings.png) -236px -78px no-repeat;}
#choraup { top: 104px; width:236px;
	background: transparent url(../images/subnav-paintings.png) -236px -104px no-repeat;}
#sacredup { top: 130px; width:236px;
	background: transparent url(../images/subnav-paintings.png) -236px -130px no-repeat;}
#secretup { top: 156px; width:236px;
	background: transparent url(../images/subnav-paintings.png) -236px -156px no-repeat;}

/* ---------------  subnav PAINTINGS sprite ends-------------- */




/* ---------------  subnav INSTALLATIONS sprite begins-------------- */
#subnav2 {
	position:relative;
	width:236px;
	height:84px;
	top:43px;
	left:0px;
	margin:0;
	padding:0;
	float:left;
}

#subnavbuttons2 {
	width:236px;
	height:84px;
	background: url(../images/subnav-installations.png);
	margin: 0px auto; padding: 0;
	position: absolute; 
	top: 25px; 
	left:0px;
}

 #subnavbuttons2 li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position:absolute; 
	left:0;
}

#subnavbuttons2 li, #subnavbuttons2 a { height:26px; display:block; }

#devas {top: 0; width: 236px;}
#limina {top: 26px; width: 236px;}
#waxwing {top: 52px; width: 236px;}


#devas a:hover {
 background: transparent url(../images/subnav-installations.png) -236px -0px no-repeat;}
#limina a:hover {
 background: transparent url(../images/subnav-installations.png) -236px -26px no-repeat;}
#waxwing a:hover {
 background: transparent url(../images/subnav-installations.png) -236px -52px no-repeat;}



#devasup { top: 0; width:236px;
background: transparent url(../images/subnav-installations.png) -236px -0px no-repeat;}
#liminaup { top:26px; width:236px;
background: transparent url(../images/subnav-installations.png) -236px -26px no-repeat;}
#waxwingup { top: 52px; width:236px;
background: transparent url(../images/subnav-installations.png) -236px -52px no-repeat;}

/* ---------------  subnav INSTALLATIONS sprite ends-------------- */

/* ---------------  subnav ENVIRONMENTAL sprite begins-------------- */


#subnav3 {
	position:relative;
	width:236px;
	height:156px;
	top:43px;
	left:0px;
	margin:0;
	padding:0;
	float:left;
}

#subnavbuttons3 {
	width:236px;
	height:156px;
	background: url(../images/subnav-environmental.png);
	margin: 0px auto; padding: 0;
	position: absolute; 
	top: 25px; 
	left:0px;
}

 #subnavbuttons3 li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position:absolute; 
	left:0;
}

#subnavbuttons3 li, #subnavbuttons3 a { height:26px; display:block; }

#letours {top: 0; width: 236px;}
#messages {top: 26px; width: 236px;}
#quantum {top: 52px; width: 236px;}
#love {top: 78px; width: 236px;}
#temenos {top: 104px; width: 236px;}



#letours a:hover {
    background: transparent url(../images/subnav-environmental.png) -236px -0px no-repeat;}
#messages a:hover {
    background: transparent url(../images/subnav-environmental.png) -236px -26px no-repeat;}
#quantum a:hover {
    background: transparent url(../images/subnav-environmental.png) -236px -52px no-repeat;}
#love a:hover {
    background: transparent url(../images/subnav-environmental.png) -236px -78px no-repeat;}
#temenos a:hover {
	background: transparent url(../images/subnav-environmental.png) -236px -104px no-repeat;}




#letoursup { top: 0; width:236px;
	    background: transparent url(../images/subnav-environmental.png) -236px -0px no-repeat;}
#messagesup { top:26px; width:236px;
	    background: transparent url(../images/subnav-environmental.png) -236px -26px no-repeat;}
#quantumup { top: 52px; width:236px;
	    background: transparent url(../images/subnav-environmental.png) -236px -52px no-repeat;}
#loveup { top: 78px; width:236px;
	    background: transparent url(../images/subnav-environmental.png) -236px -78px no-repeat;}
#temenosup { top: 104px; width:236px;
		background: transparent url(../images/subnav-environmental.png) -236px -104px no-repeat;}




/* ---------------  subnav ENVIRONMENTAL sprite ends-------------- */

/* ---------------  subnav STUDENT WORK sprite begins-------------- */


#subnav4 {
	position:relative;
	width:236px;
	height:56px;
	top:43px;
	left:0px;
	margin:0;
	padding:0;
	float:left;
}

#subnavbuttons4 {
	width:236px;
	height:56px;
	background: url(../images/subnav-teaching.png);
	margin: 0px auto; padding: 0;
	position: absolute; 
	top: 25px; 
	left:0px;
}

 #subnavbuttons4 li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position:absolute; 
	left:0;
}

#subnavbuttons4 li, #subnavbuttons4 a { height:26px; display:block; }

#students {top: 0; width: 236px;}
#courses {top: 26px; width: 236px;}




#students a:hover {
    background: transparent url(../images/subnav-teaching.png) -236px -0px no-repeat;}
#courses a:hover {
    background: transparent url(../images/subnav-teaching.png) -236px -26px no-repeat;}




#studentsup { top: 0; width:236px;
	    background: transparent url(../images/subnav-teaching.png) -236px -0px no-repeat;}
#coursesup { top:26px; width:236px;
	    background: transparent url(../images/subnav-teaching.png) -236px -26px no-repeat;}


/* ---------------  subnav STUDENT WORK sprite ends-------------- */