/* 
Primary level - #Main_menu #header
Secondary level - #workMenu #menuSide_topic>img:first-child
Third level (images)- #menuSide_topic

#sideInfo - information about the piece
*/
html,body {
			height: 100%;
			font-family:Arial, sans-serif;color:#888888; 
			font-size:8pt; 
			font-weight:none; 
			text-decoration:none; 
			font-style:none; 
			
			margin:0;

			background-color: #000011;
			/*overflow-x: hidden;*/
			} 
a:link { color: #888888 ; text-decoration: none; }
a:visited { color: #888888 ; text-decoration: none; }
a:active { color: #888888 ; text-decoration: none; }
a:hover { color: red; text-decoration: none;  }

a img{border-style:none;border: 0px none;outline:none;}

/*a.imageLink  img :hover {border:none;text-decoration: none;}*/
a img:hover{filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
		}

	img.dimmer{filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;}

#flash {position:relative; z-index:0;padding-left:120px} /* Keep flash videos behind other things*/	
#columnHeader { position: fixed; top: 1em; z-index: 50; } /* column headers for news and projects*/
.sideBar{position:fixed;left:0;bottom:5.9em;height:100%;width:90px;} /* hover to make info bar appear*/
#caption{position:fixed;bottom:6em;right:2em;color:red;font-size:10pt;font-weight:bold;text-align:right}/* shows title of work*/
.pager{position:fixed;top:3em;right:2em;text-align:right;z-index:10000;}
.pager ul{list-style-type:none;}
.pager ul li{padding-bottom:0.5em}



table#bigTable {padding-top:20px; padding-bottom:40px} /* table for vertical centering*/

#bottomGradient{position: fixed; bottom: 0; width: 100%; z-index:10;}
.bg {
          	/*width: 100%;
			height:100%;*/
			
			min-width: 100%;
			/*max-width: 100%;*/
			min-height: 100%;
			/*max-height: 150%;*/
			
			
          	position: fixed;
          	top: auto;
          	bottom: 0px;
          	left: 0;
          	z-index: 0;
			
			filter:alpha(opacity=15);
			-moz-opacity:0.15;
			-khtml-opacity: 0.15;
			opacity: 0.15;
          }
		
div#header {
			position:fixed;
			/*bottom: 5.1em;left: 27em; */
			bottom:2em;right:2em;
			z-index:100000;
			visibility:hidden;
		}

		div#header img {
			height: 18px;
			filter:alpha(opacity=40);
			-moz-opacity:0.4;
			-khtml-opacity: 0.4;
			opacity: 0.4;
		}
		
		div#header img :hover{
			filter:alpha(opacity=100);
			-moz-opacity:1;
			-khtml-opacity: 1;
			opacity: 1;
		}
		
#Main_menu img {
			height:14px;
			opacity: 0.4;
			filter:alpha(opacity=40);
			-moz-opacity:0.4;
			-khtml-opacity: 0.4;
			opacity: 0.4;
		}
		
		#Main_menu img:hover{
			opacity: 1;
			/*filter:alpha(opacity=100);
			-moz-opacity:1;
			-khtml-opacity: 1;
			opacity: 1;*/
		}
div#pageTitle {
			position:absolute;
          top:0;
          right:0;
          width:120px;
          height:footer-<length>;
			background-color:#111111;
			
			padding: 5px 5px 5px 5px;
			
			text-align:center;
			z-index:200;
		}

/* workMenu is the submenu after the main*/
div.workMenu {
			/*position: fixed; 
			right:0em;
			bottom:1.8em;
			z-index:1000;*/
		}

		div.workMenu img {
			
			opacity: 0.4;
			filter:alpha(opacity=40);
			-moz-opacity:0.4;
			-khtml-opacity: 0.4;
			opacity: 0.4;
		}
		
		div.workMenu img:hover {
			/*background-color:#FFFFFF;*/
			opacity: 0.9;
			filter:alpha(opacity=90);
			-moz-opacity:0.9;
			-khtml-opacity: 0.9;
			opacity: 0.9;
		}
		
		div.workMenu img.nohilight{
			opacity: 0.9;
			filter:alpha(opacity=90);
			-moz-opacity:0.9;
			-khtml-opacity: 0.9;
			opacity: 0.9;
		}
		
		div#workMenu_subhead {
			position: fixed; top: 1em; left: 29em;
		}

	   
div#footer{
          position:absolute;
          bottom:0;
          right:0;
          width:140px;
          height:3em;
			/*background-color:#111111;*/
			
			padding: 3px 5px 5px 5px;
			
			text-align:left;
			z-index:200;
       }
		 
div#topCover {
			position: absolute;
			position:fixed;
			width:100%;
			margin:0px auto;
			height:63px;
			top:0;
			
			background-color:#000011;
			z-index:50;
		}
		
div#infoTitle {
				background:url('../images/titles/pieceTitle.png') no-repeat;
				
				/*background:#444241; */
				width:80px; 
				height:20px; 
				/*padding-top:5px;
				
				text-align:center;
				font-weight: bold;*/
				vertical-align:middle;
				z-index:1000;
				
				position: fixed; 
				bottom: 3.5em; 
				left: 50em;
				
				display:none;
		}
		
.presentation {
	background:#111111; 
	padding-left:9px; 
	height:25px; 
	width:250px; 
	vertical-align:middle;
}

		 
div#bottomCover {
			position: absolute;
			width:100%;
			margin:0px auto;
			height:82px;
			bottom:0;
			
			background-color:#000011;
			z-index:50;
			position: fixed;
		}
		 
div#menuFooter{
          position:absolute;
          /*top:0em;
          right:0;*/
		  bottom:5.9em;
		  right:0em;
		  
          /*width:80%;*/
          /*height:100%;*/
			 /*background-color:#000011;*/
					
			overflow:auto;
			overflow-y:hidden;
			/*padding: 1em 0em 1em 2em;*/
			z-index:300;
         }
			
div#menuToggle {
			position:absolute;
         top:0em;
         right:0;
			position:fixed;
					
			background:#292827; 
  			width:65px; 
  			height:15px; 
  			padding-top:2px;padding-bottom:2px;
  				
  			text-align:center;
  			vertical-align:middle;
			z-index:1000;
				}

			
div#menuSide{
          
			 top:0px;
          left:0;
			 padding-right:10px;
			 /*max-height:80%;*/
			 /*margin-bottom:5em;
          width:100%;
          height:70%;*/
					
					position:fixed;
					overflow:auto;
					overflow-x:hidden;
					/*padding: 0em 2em 0em 0em;
					background:#000011;*/
					z-index:900;
         }
			
.sideMenu_table {
					background-color:#000011; 
					overflow-x:false; 
					padding-right:1em; 
					padding-left:1em;
					padding-bottom:1em;
				}
		
/* pictures menu*/		
div#menuSide_topic{
			
			 position:fixed;
			 right:1em;
			 bottom:3.8em;
			 margin:0;
			 padding:0;
			 padding-top:0.5em;
			 white-space:nowrap;
					z-index:30000;
					
			/*background:#111111;*/
         }
		 
		 #menuSide_topic img {height: 36px;border:1px dashed #870000}
		#menuSide_topic>img:first-child{
					position:fixed;height:15px;opacity:0.6;
					/*bottom:4.1em;left:28em; */
					bottom:1.9em;right:2em;
					}
			
		div#menuSide_topic ul {padding:0;margin:0;/*background:url(../images/blue80.png);*/}
		 
		 div#menuSide_topic ul li {
			display:inline-block; 
			vertical-align:top; 
			padding-right:0.7em;
		 }
		div#menuSide_topic span#caption{}

		 /*div#menuSide_topic ul  li:first-child {display:table-cell;vertical-align:middle}*/
		 
		 div#menuSide_topic.drawingsSubmenu {left:0px;bottom:160px;display:none}
		 
		 dl#sideInfo{position:fixed; 
			left: 0;
			/*bottom:16em;*/
			top:2em;
			width: 100px; 
			list-style-type: none; 
			
			text-align:left;
			z-index:10000;
			
			filter:alpha(opacity=20);
			-moz-opacity:0.2;
			-khtml-opacity: 0.2;
			opacity: 0.2;
			}
			
		dl#sideInfo { 
			-moz-transition: all 0.25s linear;
			-webkit-transition: all 0.25s linear;
			-o-transition: all 0.25s linear;
			}
			
		dl#sideInfo:hover{
			filter:alpha(opacity=100);
			-moz-opacity:1;
			-khtml-opacity: 1;
			opacity: 1;}
		
		dl#sideInfo dt {color:#db; font-weight:bold; margin:2px; padding-left:1em; padding-right:0.5em; background-color:#222222; border: 0px solid black;border-radius:2px;}
		dl#sideInfo  dt:first-child{color:red; }
		dl#sideInfo a {color:#788a89}
		dl#sideInfo a:hover{color:red}
		dl#sideInfo dd {margin:0em; padding:0.1em; padding-left:1em; padding-bottom:1.2em; background-color:#000011}
         
		 ul#sideThumbs{
			list-style-type:none; 
			position:fixed; 
			padding-left:130px; 
			padding-top:30px;
		 }
		 
		 ul#sideThumbs img{width:80px}
		 
			@media screen{
          body>div#header{
           position:fixed;
          }
          body>div#footer{
           position:fixed;
          }

			 body>div#menuFooter{
			 	position:fixed;
			 }
         }
		 
.drawings_menus { height: 30em;}
         
div#portfolioItem {
			/*margin-left: auto; 
			margin-right: auto;
			width: 600px;*/
			
			text-align:left; 
			vertical-align:middle; 
			padding-top: 90px; 
			padding-bottom: 60px;
		}
		
	div#portfolioItem  img {height: 70%; min-height: 400px}
		
div#textIndent {
	padding-left: 10%;
}
			
div#content {
	padding: 1em 1em 5em; /* bottom padding for footer */
	text-align: center;
	
	/*margin-top: 20%;*/
	position: relative;
	top: 30%;
	right: 0%;
	padding-top: 15%;
}
			div#content p {
				text-align:justify;
				padding:0 1em;
				
				text-align:center;
			}



	
.mine {  font-family:Arial, sans-serif;color:#888888; 
			font-size:8pt; 
			font-weight:none; 
			text-decoration:none; 
			font-style:none; 
			text-align:left; 
		}
		

		
.center {
	margin: 0 auto;
}

.menu_padLeft {
	padding-left: 10px;
}

.menu_padBottom {
	padding-bottom:5px;
}

.menu_padRight {
	padding-right: 0px;
}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}





img#background {
	height: 100%;
	width: 100%;
	z-index: -1;
	position: absolute;
	color: white;
}
/* Fade div is used in Have you seen me and Joy Star to fade between two images.*/
.fade {
            position: absolute;
            top: 30px;
			margin-left:260px;
            /*left: 17%;*/
      }
          
	.fade div {
            position: absolute;
            top: 0;
            left: 0;
            display: none;
      }
	  
	  .fade img{height:350px;}
	  .fade img:hover{height:350px;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;}
	  
	  
.fadeInfo {
            position: absolute;
            top: 530px;
            left: 17%;
	}

/* CSS for slideshow */

#nav {
			list-style-type:none;
			position:absolute;
			top:30px;
			left:130px;
			margin: 5px;
			margin-left: 0;
			padding-left: 0;
		}
		#nav > li {
			/*display: inline;
			margin: 2px;
			float: left;*/
		}
		
		#slideshow_infoPane {
			margin-left: 0;
			padding-left: 0;
		}
		#slideshow_infoPane li {
			/*display: block;
			margin: 5px;
			margin-right: 20px;
			float: left;*/
		}
		#slideshow_infoPane li:first-child {
			float: none;
			display: block; 
			background-color: #111111; 
			padding: 8px; 
			margin-left: 0;
			width: 350px;
		}
		
/* CSS for tabs */
		
.tabs {
			padding-top: 0px; 
			padding-left: 0px; 
			padding-right: 0px;
		}
 
		.tabNavigation {
			position: fixed;
			left: 5px;
			top: 115px;
		}
		
		.title {
			position: fixed;
			left: 130px;
			top: 80px;
		}
 
		UL.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 10px;
			display: inline;
		}
 
		UL.tabNavigation LI {
		    /*display: inline;*/
			padding-top: 12px;
		}
 
		UL.tabNavigation LI A {
		    padding: 3px 5px;
		    background-color: #333;
		    color: #fff;
		    text-decoration: none;
		}
 
		UL.tabNavigation LI A.selected,
		UL.tabNavigation LI A:hover {
		    background-color: #ccc;
		    color: #000;
		    /*padding-top: 7px;*/
		}
		
		UL.tabNavigation LI A:focus {
			outline: 0;
		}
 
		div.tabs > div {
			padding: 5px;
			margin-top: 0px;
			border: 0px solid #111111;
		}
		
		div.tabs > div h2 {
			margin-top: 0;
		}