@charset "utf-8";
/* CSS Document */



body {  background-color:#fff;

       color:#333;

}
	  
h1 { font-size: 12px;
}
	   
#flashcontent { position:relative;
                top:50px;
				z-index:-1;
				outline:0;
}

#flashcontent2  {position: relative;
                 top: -65px;
				 left: 20px;
				 outline:0;

				 
				 
				
} 


#flashcontent3  { position: relative;
                  background-color: #333;
}


/******************* Main menu style ***********************/
#navBar {
	position:absolute;
	width:500px;
	left:330px;
	height:23px;

	color:#333;
	font-weight:bold;
	position: relative;
	background-repeat:no-repeat;


	top:-600px;

	margin-bottom:0px;
	padding-left:60px;

	


}


li.nav  {
	width:100px;
	display:inline;
	

	position:relative;
	height:23px;
	top:10px;
	list-style:none;

	right:100px;
	border:none;
	padding-left:10px;
	text-align:left;


}




li.nav a {
	color:#FFF;

		margin:8px;
	
	padding-top:3px;
	height:inherit;
	font-family:Verdana, Geneva, sans-serif;

}















/******************************** Side menu **************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu {
	position:relative;
	left:410px;
	top:-470px;
	width:105px;
	
	

	background-repeat:no-repeat;
}


.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 105px; /* Main Menu Item widths */

}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color:#000;
text-decoration: none;
text-align:left;
padding: 6px;


}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
	background-color:#FFF;
}



.sidebarmenu ul li a:hover{
background-color:#999;
color:#FFF;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 105px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
text-align:left;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/**************************************************************** End **********************************************************************************8*/









































/************** Main container styles *************************/


#topline { font-family:Arial, Helvetica, sans-serif;
           font-weight:700;
           position: relative;
           top: 60px;
		   width: 900px;
		   height:43px;
		   font-size:12px;
		   text-align:left;
		 
		   color:#333;
		   		   
}

#toplinemain { position: relative;
           top: 40px;
		   width: 800px;
		   text-align: right;
		   color:#FFF;

}


#bottomline { position: absolute;
text-align:right;
           top: 680px;
		   left:-190px;
		   width: 800px;
		   color:#999;
		   font-size: 10px;
		   font-family:Verdana, Geneva, sans-serif;
		   

}

#bottomline a {
	font-size:10px;

}


#container { position: relative;
             top: 40px;
			 left:0px;
		     width: 1024px;
			 height: 630px;
			 background-repeat:no-repeat;
			 background-image:url(/vitoimages/VitoDrago.png);
			

			 right:50px;
			
			 overflow:hidden;
			 

}


#container.work {
	background-image:url(/vitoimages/backforinnerwork.png);
}



.sub  {
}


#container #innertext  { position: absolute;
                top : 620px;
				left: 340px;
				text-align:left;
				width: 750px;
				height: 480px;
				padding-top:20px;
			




}



#container #innertexttemp  { position: relative;
                top : 30px;
				left: 210px;
				text-align:left;
				width: 400px;
				height: 430px;
				overflow:hidden;
}





#exhibitions  {position:relative;
               z-index:2;
			   widows:inherit;
}



.figure  {position: relative;
              top: 70px;
			  left: -200px;
}

#content    { position: relative;
              top: 100px;
			  left: 500px;
}


.date     {font-size:14px;
}

.text   {font-size:16px;
}



a              { color:#999;               font-family:Verdana;
				font-size:12px;
	            text-decoration:none;
}

a:hover {
}


#active {color:#666;
}





#ex    {position:relative;
	    list-style:none;
        left: -235px;
	    top:65px;
}


#ex li {display:inline;
	    margin-left: 25px;
		color:#FFF;

}


#categories  {position:absolute;
              top:-505px;
              left:-350px;

			  list-style:none;
			  width:130px;
			  text-align:left;

			 
}


#categories li  {display:block;
				 text-align:left;
				 outline:0;
				 position:relative;
				 left:0px;
				 text-indent:30px;

				 
}

#categories li a:hover {
	color:#666;
}








* + html #categories li { display:inline;
}




tr:hover a {color:#FFF;
}



#showcase   {position:relative;
		
			 top:20px;
			 z-index:2;
}

#showholder {position:absolute;
             width:600px;
             right: 140px;
			 top:-490px;
}

.cat  {position:absolute;
		top: 30px;
        padding:3px 3px;
		width:370px;
        height:20px;
	

}

#showcase ul  {list-style:none;
}


#showcase li  {display:inline-block;
                  padding: 10px 20px;
}

#showcase li a img  {border:solid 1px #CCC;
}


* + html #showcase li { display:inline;
}


.fig  {position:relative;
	   right:210px;
	   color:#FFF;
}

#figex  {position:relative;
         top:70px;

}


#fign  {position:relative;
         top:70px;

}

#figw  {position:relative;
         top:73px;
		 right:200px;

}




#workpiece{
    display: none;
	z-index:1000;
    
    
             position: relative;
             top: -755px;
	         right:68px;
			 height:500px;
			 width:740px;
		
			 background-color:#666;
			 background-repeat:repeat;
	       
	
    
    color:#FFF;
    padding: 12px;
	font-size:12px;
}

#workpiece ul li img {position:relative;
                    

}

#workpiece ul  {list-style:none;
                position:relative;
				top:-50px;
}





#press   { display: none;
	         z-index:0;
			 color:#333;
             width:330px;
             position: relative;
             top: -750px;
			 left:110px;
	         height:430px;
	    
             padding: 12px;
}

#presscontent  {text-align:left;
                width:330px;
				z-index:0;
}

#darkenitall {position:fixed;
              
              width:500px;
              z-index:4000;
              top: 0px;
			  left:0px;
	          background-image:url(vitoimages/back2.png);
}

#load {position:relative;
       top:250px;
	   z-index:-6;

}

.close   {position:relative;
          top:-20px;
		  text-align:right;
}

.close a {color:#FFF;
}

#closepress  {text-align:right;
}



#exhibitions.info  {position:relative;
        left:80px;
		top: -450px;
		font-family:"Times New Roman", Times, serif;
		border-bottom:solid groove #FFF;
		
		
		width:570px;
		padding:5px 5px;

}


#bio {  position:relative;
		top: 0px;
}


.info {
	position:absolute;
         top: -500px;
		 left: 86px;
	 color:#333;
	 font-family:Verdana, Geneva, sans-serif;
	 font-size:13px;
	 
	
}

.info a {
	color:#333;
      
}


#newstext  {position:relative;
}




/************** Preload images ************************/

div.imgCache { position: absolute; left: -8000px; top: -8000px; 
}
 
div.imgCache img { display:block; 
}

#scroll  {position:relative;

          display:block;

          height:60px;
		  width:14px;
		  z-index:9000;
		  cursor:pointer;
		  background-image:url(vitoimages/arrow3.png);
		
		  

}

#scrollHolder {position:relative;
          
			  display:block;
			  
			  left: 45px;
			  height:60px;
			  height:440px;
			  border: thin solid #999;
			  width:14px;
}



#scroll2  {position:relative;
          
          display:block;
		  top: -15px;
		  left: 45px;
          height:60px;
		  width:14px;
		  z-index:9000;
		  cursor:pointer;
		  background-image:url(vitoimages/arrow.png);
}
		

#logo   {position:relative;
         top:40px;
         left:240px;
	     font-family:Verdana;
         font-size:8px;
		 z-index:2;
		 color:#333;

}

#logo a   {text-decoration:none;
           color:#333;
		   font-family:Verdana;
           font-size:8px;
}
		   


				  

#title {font-size:12px;
}



/*#year {font-family:Verdana;
       font-size:12px;
}

#technique {font-family:Verdana;
            font-size:12px;
}

#size {font-family:Verdana;
        font-size:12px;
}*/


/*#wrapper { -moz-user-select: none;
          -khtml-user-select: none;
		  background:#240302;
}*/

#vito {
	     position:absolute;
		 color:#999;
		 top:90px;
		 font-size:18px;
		 font-family:"Courier New", Courier, monospace;
		 font-weight:700;
		 left:1340px;
		 z-index:100;
		 
		 }


.mainimage {
	position:absolute;
	top:75px;
	left:23px;
}
}

img {
	border:none;
}

.newsframe {
	position:absolute;
	top:-520px;
	width:600px;
	left:75px;
	height:450px;
	background-color:transparent;
    
}


#status {
	position:absolute;
	top: 74px;
	left:425px;
	color:#666;
	font-weight:bolder;


}




#status.work{
	left:60px;
}

#vitoDrago {
	font-family:Verdana;
	color:#999;
	
}