/*MAIN STYLE SHEET FOR STATORWORKS.COM*/
   
    /*MAIN STUFF*/
	   
       html {
	       height: 100%;
  	       font-size: 100%;
 		   -webkit-text-size-adjust: 100%; 
		   -ms-text-size-adjust: 100%; 
		  } 
       html, button, input, select, textarea { font-family: Garamond, sans-serif; color: #222; }
       body {
		    overflow: auto;
	        height: 100%;
            background-color:#cccccc;
	        background-image:url('images/back3.jpg');
            /*background-size: cover; <this makes chrome screw it up*/
            background-repeat:repeat;
            background-attachment:fixed;
            text-align:center;
            margin: 0; font-size: 1em; line-height: 1.4;
            padding: 10px 0;
		   }	
       img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
       svg:not(:root) { overflow: hidden; }
       button, input { line-height: normal; }
       textarea { overflow: visible; vertical-align: top; resize: vertical; }
       video {border: 1px solid black; -webkit-box-shadow: 5px 5px 18px #333;}		   

       #container{/*main container box over background*/
                padding: 15px;
                margin-left:auto;
                margin-right:auto;				
                max-width: 960px;
                min-height: 1050px;  /*100%;*/
                text-align:center;
  		        background: #ffffff;
		        overflow: visible;
                -webkit-box-shadow: 5px 5px 18px #333;
	       }
       #title{
	        display: block;
	        line-height: 36px;
	        margin: 20px 0 5px 0;
            font-family: Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
            font-size:22pt;
		    color: #000;
		    font-weight: 400;
		    text-decoration: none;
		    text-transform: uppercase;
		    letter-spacing: .1em;
          }
       #subtitle{
	        display: block;
	        margin: 0 auto;
	        line-height: 36px;
	        margin: 0 0 18px 0;
            font-family: Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
            font-size:9pt;
		    color: #777777;
		    font-weight: 400;
		    text-decoration: none;
		    text-transform: uppercase;
		    letter-spacing: .1em;
           }
		   
	/*HEADER IMAGE "SLIDER"*/  
       #header_image {                
           width: 960px;
           height: 180px;
           margin: 0px;  
		   border-top: 1px solid #100;
		   border-bottom: 1px solid #100;
		   background-image:url('images/cropped-fpga_panel.jpg');
           /*background-size: cover;/*960px 180px;*/
           -webkit-box-shadow: 4px 8px 28px 1px #833;
	       animation:mymove 40s infinite;
           -moz-animation:mymove 40s infinite; /* Firefox */
           -webkit-animation:mymove 40s infinite; /* Safari and Chrome */
           -o-animation:mymove 40s infinite; /* Opera */				
	     }
	
	@-webkit-keyframes mymove /* Safari and Chrome */
    {
     0%  {background-image:url('images/cropped-fpga_panel.jpg');}
     /**/
	 20%  {background-image:url('images/cropped-fpga_panel.jpg');}	 
     23%  {background-image:url('images/header2.jpg');}
	 /**/
	 50%  {background-image:url('images/header2.jpg');}
     53%  {background-image:url('images/header3.jpg');}
	 /**/
     80%  {background-image:url('images/header3.jpg');}
	 83% {background-image:url('images/cropped-fpga_panel.jpg');}
    }
	
	
	

	/*NAVIGATION MENU*/
	   #main_menu {
                background-color:#333333; /*dark red*/	   
                padding: 5px 10px 5px 40px;
                margin: 0 auto; 
                color:#FFFFFF;				
                text-align:left;
                font-family: 'lucida console',Times, serif;
                font-weight:bold;
                font-size: 12pt;				
       }
       a:link.menu      { color: #FFFFFF; text-decoration:none; margin-right:15px; }
       a:visited.menu{ color: #FFFFFF; text-decoration:none; margin-right:15px; }		
       a:hover.menu    { color: #FF0000; text-decoration:none; margin-right:15px; }		   
	  
	  
	 /*REGULAR LINKS*/
        a{color: #00e;}
		a:link{ color: #1111EE;text-decoration:none;}
        a:visited { color: #551a8b; text-decoration:none;}
        a:hover { color: #FF0000; text-decoration:underline;}
        a:focus { outline: thin dotted; text-decoration:underline;}
        a:hover, active {
		  color: #FF0000; 
	      outline: none;
	      -webkit-transition: all 0.3s ease-in-out;
	      -moz-transition: all 0.3s ease-in-out;
	      -o-transition: all 0.3s ease-in-out;
	      transition:  all 0.3s ease-in-out
	    }

     /*SIDE MENU*/
       #sidebar {
        float:left;
        min-height: 100%;	
		max-width: 20%;
        text-align:left;
		display:inline;
        margin: 0px 0px 0px 0px; 
        padding: 15px 40px 20px 5px;
        font-family: Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;	
		font-weight:100;
       }
	   #sidebar_title{
        text-align:left;
        font-family: Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size: 9pt;
		font-weight:100;
		text-transform: uppercase;		
		color:#777777;
	   }
	   #sidebar_link{
        text-align:left;
        font-family: Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size: 10pt;
		font-weight:100;
	   }
	   
		
		
	  /*CONTENT*/
	  #content_title{
        text-align:left;
	    line-height: 24pt;
        margin: 0px 0px 0px 22%; /*alignment is with respect to the wrapper, not the side bar, which wouldn't go to "100%" height*/
        padding: 25px 10px 2px 20px;		
        font-family: Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size:22pt;
		color: #000000;
		font-weight: 400;
		text-decoration: none;
		text-transform: uppercase;
		!letter-spacing: .1em;
	  }
	  #content_date{
        text-align:left;		
	    line-height: 12pt;
        margin: 0px 0px 0px 22%; /*alignment is with respect to the wrapper, not the side bar, which wouldn't go to "100%" height*/
        padding: 2px 10px 20px 20px;
        font-family: Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size:10pt;
		color: #888888;
		font-weight: normal;
		text-decoration: none;
		text-transform: none;
		!letter-spacing: .1em;	  
	  }	  
	  #content_text{
        text-align:left;		
	    margin: 0px 0px 0px 22%; /*alignment is with respect to the wrapper, not the side bar, which wouldn't go to "100%" height*/
        padding: 5px 15% 20px 20px;
        font-family: Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size:11pt;
	    line-height: 16pt;
		color: #000000;
		font-weight: normal;
		text-decoration: none;
		text-transform: none;
		!letter-spacing: .1em;
	  }
	  
	  
		
       /*FOOTER*/	
       #footer {
	    margin: 0 auto;
        text-align:left;		
	    line-height: 12px;
	    margin: 0 auto;
        padding: 15px 10px 10px 20px;
        font-family: Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size:10pt;
		color: #888888;
		font-weight: normal;
		text-decoration: none;
		text-transform: none;
		!letter-spacing: .1em;	  
        }