animation-name: myfirst;

/* Firefox: */
-moz-animation-name: myfirst;
-moz-animation-duration: 18s;
-moz-animation-timing-function:cubic-bezier(1, .13, .30, 1);
/* Safari and Chrome: */

-webkit-animation-name: myfirst;
-webkit-animation-duration: 18s;
-webkit-animation-timing-function:cubic-bezier(1, .13, .30, 1);
/* Opera: */
-o-animation-name: myfirst;
-o-animation-duration: 18s;
-o-animation-timing-function: cubic-bezier(1, .13, .30, 1);

animation-direction:normal;
-moz-animation-direction:normal; /* Firefox */
-webkit-animation-direction:normal; /* Safari and Chrome */
-o-animation-direction:normal; /* Opera */
*/


}

@keyframes myfirst
{
from {opacity: 1;}
to {opacity: 0;}


}

@-moz-keyframes myfirst /* Firefox */
{
from {opacity: 1;}
to {opacity: 0;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {opacity: 1;}
to {opacity: 0;}
}
@-o-keyframes myfirst /* Opera */
{
from {opacity: 1;}
to {opacity: 0;}
}


body {

height:20000;
max-width:1100px;
list-style:none;
font-family:Verdana, sans-serif;
font-weight:400;
color:silver;
  border-width: 0;
   padding: 0;
   margin: 0;
   font-size: 20px;
}


#copyright { 
position:fixed;
bottom:2px;
font-size:10px;
right:8px;
z-index:9999999;
color:#aaa;
}


h4 {
font-weight: 200;
}

a {
text-decoration:none;
color:silver;
}

a:visited { 
    color:silver;
}

a.hover {
Color:#9999bb;
}


#nametext { 
width:155px;
height:50px;
position:fixed;
left:340px;
top:55px;
z-index:4;
color:#aaa;
font-size:16px;
line-height:16px;
padding:5px;
} 



li {

width:150px;
height:20px;
z-index:9999; 
-webkit-transition:background-color 1s; 
font-size:14px;
margin:2px;
line-height:20px;
display:block;
color:silver;
display: inline;
} 






#sidebar { 
color:#aaa;
width:300px;
height:1000px;
position:fixed;
top:50px;
left:30px;


animation:name 1s;
-moz-animation:name 1s; /* Firefox */
-webkit-animation:name 1s; /* Safari and Chrome */
-o-animation:name 1s; /* Opera */
} 



#contact_info_container {
position:fixed;
left:40%;
top:10%;
text-align:center;
z-index:999999;
width:300px; 
height:450px;
background-color:#FFF;
border:1px solid gray;
display:none;
padding:10px 10px 10px 20px;
color:#aaa;
font-weight:100;
font-size:16px;
}




#white {
width:300px;
height:300px;
background-color:#FFF;
position:absolute;
right:0;
bottom:0;
z-index:9999999;
}

#close_button1,#close_button2,#close_button3 {
width:25px;
height:auto;
position:absolute;
bottom:2px;
left:2px; }



#wrapper{
   position: absolute;
   top:10px;
   left: 360px;
   width: 725px;
  height:auto;
overflow:auto;
   margin-bottom: 20px;
   background-color: white;
}

.thumbs {
position:relative;
margin:8px;
   padding:5px;
   transition: box-shadow 1s;
-moz-transition: box-shadow 1s; /* Firefox 4 */
-webkit-transition: box-shadow 1s; /* Safari and Chrome */
-o-transition: box-shadow 1s; /* Opera */
}

.bumper {
height:30px;
width:100%;
position:relative;
top: 1200px;
}

.thumbs:hover {
box-shadow: 10px 10px 10px silver;
}




.fill{
   float: left;
   max-height:100%;
   background-color:white;
	
}


#name {
position:fixed;
left:30px;
top:30px;
     width:5px;
     height:300px;
    word-wrap:break-word;
z-index:9999;


}
.projecttitle {
float:left;
font-weight:400;
font-size:38px;
text-align:center;
opacity:0;
position:relative;
width:100%;
height:100%;
transition: opacity 1s;
-moz-transition: opacity 1s; /* Firefox 4 */
-webkit-transition: opacity 1s; /* Safari and Chrome */
-o-transition: opacity 1s; /* Opera */
padding:0;
margin:0;
border:0;
color:#DAF7A6;
  text-shadow:
   -1px 1px black;  


}


#mail {
color:silver;
}
#mail:hover {
Color:#9999bb;
}


#contact:hover {
Color:#9999bb;
}

a:hover {
Color:#9999bb;
}

.projecttitle:hover {
opacity:1;
}





#contact {
position:fixed;
left:30px;
bottom:18%;
     width:5px;
     height:100px;
    word-wrap:break-word;
z-index:9999;
color:silver;

}










a:hover {
color:#9999bb;
}

/*BODY HOME-------------*/







#archivelist {
position:relative;
width:700px;
height:200px;
top:20px;
left:430px;
}

#homecenter ul li {
display:block;
font-size:22px;
}




#InfoBar1 {
Position: Absolute;
Left:110px;
top:30px;
width:900px;
height:20px;
margin:auto;
}


#title0 {
position:absolute;
left:110px;
top:100px;
}

#overview0 {
position:absolute;
left:100px;
top:200px;
display:in-line;
width:650px;
height:800px;
background-image:url('http://lukeliberamoore.com/images/_CopingMechs/CopingMech1.00_Midsize.jpg');
background-size:100%;

}

#overview1 {
position:absolute;
left:100px;
top:1050px;
display:in-line;
width:450px;
height:580px;
background-image:url('http://lukeliberamoore.com/images/_CopingMechs/CopingMech1.3_Midsize.jpg');
background-size:100%;

}


#overview2{
position:absolute;
left:600px;
top:1050px;
display:in-line;
width:450px;
height:580px;
	background-image:url('http://lukeliberamoore.com/images/_CopingMechs/CopingMech1.4_Midsize.jpg');
	background-size:100%; 
	}

#overview3{
position:absolute;
left:600px;
top:1690px;
display:in-line;
width:450px;
height:580px;
	background-image:url('http://lukeliberamoore.com/images/_CopingMechs/CopingMech1.5_Midsize.jpg');
	background-size:100%; 
	}


#overview4{
position:absolute;
left:100px;
top:1690px;
display:in-line;
width:450px;
height:580px;
	background-image:url('http://lukeliberamoore.com/images/_CopingMechs/CopingMech1.6_Midsize.jpg');
	background-size:100%; 
	}

#overview5{
position:absolute;
left:100px;
top:2330px;
display:in-line;
width:450px;
height:580px;
	background-image:url('http://lukeliberamoore.com/images/_CopingMechs/CopingMech1.0_Midsize.jpg');
	background-size:100%; 
	}

#overview6{
position:absolute;
left:600px;
top:2330px;
display:in-line;
width:450px;
height:580px;
	background-image:url('http://lukeliberamoore.com/images/_CopingMechs/CopingMech1.10_Midsize.jpg');
	background-size:100%; 
	}


#title1 {
position:absolute;
left:110px;
top:3000px;
display:in-line;
padding:0;
border:0;
margin:0;
}

#overview7{
position:absolute;
left:100px;
top:3100px;
display:in-line;
width:650px;
height:800px;
	background-image:url('http://lukeliberamoore.com/images/_CopingMechs/CopingMech_2.1_Midsize.jpg');
	background-size:100%; 
	}

#overview8 {
position:absolute;
left:100px;
top:3950px;
display:in-line;
width:450px;
height:580px;
	background-image:url('http://lukeliberamoore.com/images/_CopingMechs/CopingMech_2.2_Midsize.jpg');
	background-size:100%; 
	}

#overview9 {
position:absolute;
left:600px;
top:3950px;
display:in-line;
width:450px;
height:580px;
	background-image:url('http://lukeliberamoore.com/images/_CopingMechs/CopingMech_2.3_Midsize.jpg');
	background-size:100%; 
	}

#overview10 {
position:absolute;
left:100px;
top:4580px;
display:in-line;
width:450px;
height:565px;
	background-image:url('http://lukeliberamoore.com/images/_CopingMechs/CopingMech_2.5_Midsize.jpg');
	background-size:100%; 
	}

#overview11 {
position:absolute;
left:600px;
top:4580px;
display:in-line;
width:450px;
height:565px;
	background-image:url('http://lukeliberamoore.com/images/_CopingMechs/CopingMech_2.4_Midsize.jpg');
	background-size:100%; 
	}	
	
#title2 {
position:absolute;
left:110px;
top:5220px;
display:in-line;
padding:0;
border:0;
margin:0;
}	


#overview12 {
position:absolute;
left:100px;
top:5400px;
display:in-line;
width:1000px;
height:650px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/1_LukeLiberaMoore-God-Chunk-Chrono-Plex-1.jpg');
	background-size:100%; 
	}	
	
	#overview13 {
position:absolute;
left:100px;
top:6110px;
display:in-line;
width:450px;
height:565px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/12_LukeLiberaMoore-GodheadUplink-1.jpg');
	background-size:110%; 
	}	
	
		#overview14 {
position:absolute;
left:600px;
top:6110px;
display:in-line;
width:450px;
height:555px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/15_LukeLiberaMoore-GodheadUplink-4.jpg');
	background-size:100%; 
	}	
	
		#overview15 {
position:absolute;
left:100px;
top:6725px;
display:in-line;
width:450px;
height:565px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/14_LukeLiberaMoore-GodheadUplink-3.jpg');
	background-size:110%; 
	}	
	
		#overview16 {
position:absolute;
left:600px;
top:6725px;
display:in-line;
width:450px;
height:565px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/13_LukeLiberaMoore-GodheadUplink-2.1.jpg');
	background-size:110%; 
	}	
	
	#title3 {
position:absolute;
left:110px;
top:7350px;
display:in-line;
padding:0;
border:0;
margin:0;
}

		#overview17 {
position:absolute;
left:100px;
top:7420px;
display:in-line;
width:1000px;
height:730px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/3_LukeLiberaMoore-God-Chunk-Chrono-Plex-3.jpg');
	background-size:100%; 
	}	
	
		#title4 {
position:absolute;
left:110px;
top:8200px;
display:in-line;
padding:0;
border:0;
margin:0;
}
	
	
		#overview18 {
position:absolute;
left:100px;
top:8300px;
display:in-line;
width:1000px;
height:900px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/16_LukeLiberaMoore-SanctumKey-1.jpg');
	background-size:100%; 
	background-position:center center;
	}	
	
	
		#overview19 {
position:absolute;
left:100px;
top:9250px;
display:in-line;
width:500px;
height:625px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/19_LukeLiberaMoore-SanctumKey-4.jpg');
	background-size:100%; 
	}	
	
		#overview20 {
position:absolute;
left:650px;
top:9250px;
display:in-line;
width:450px;
height:625px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/18_LukeLiberaMoore-SanctumKey-3.jpg');
	background-size:100%; 
	background-position: center center;
	}	
	
	
	#title5 {
position:absolute;
left:110px;
top:9940px;
display:in-line;
padding:0;
border:0;
margin:0;
}
	
	
		#overview21 {
position:absolute;
left:100px;
top:10050px;
display:in-line;
width:450px;
height:550px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/22_LukeLiberaMoore-NostalgiaConsole-3.jpg');
	background-size:100%; 
	}	
	
	
		#overview22 {
position:absolute;
left:600px;
top:10050px;
display:in-line;
width:450px;
height:550px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/23_LukeLiberaMoore-NostalgiaConsole-4.jpg');
	background-size:100%; 
	}	
	
	
	#overview23 {
position:absolute;
left:100px;
top:10650px;
display:in-line;
width:450px;
height:550px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/21_LukeLiberaMoore-NostalgiaConsole-2.jpg');
	background-size:100%; 
	}	
	
	
		#overview24 {
position:absolute;
left:600px;
top:10650px;
display:in-line;
width:450px;
height:550px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/20_LukeLiberaMoore-NostalgiaConsole-1.jpg');
	background-size:100%; 
	}	
	
		#title6 {
position:absolute;
left:110px;
top:11250px;
display:in-line;
padding:0;
border:0;
margin:0;
}

		#overview25 {
position:absolute;
left:100px;
top:11350px;
display:in-line;
width:450px;
height:550px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/9_LukeLiberaMoore-ArcaneResonanceSequencer-2.jpg');
	background-size:100%; 
	}	
	



#overview26 {
position:absolute;
left:600px;
top:11350px;
display:in-line;
width:450px;
height:550px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/10_LukeLiberaMoore-ArcaneResonanceSequencer-3.jpg');
	background-size:100%; 
	}	
	
			#title7 {
position:absolute;
left:110px;
top:11950px;
display:in-line;
padding:0;
border:0;
margin:0;
}
	
	#overview27 {
position:absolute;
left:100px;
top:12050px;
display:in-line;
width:450px;
height:550px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/24_LukeLiberaMoore-Core-SamplewithGod-Chunk-1.jpg');
	background-size:100%; 
	}	
	
	#overview28 {
position:absolute;
left:600px;
top:12050px;
display:in-line;
width:450px;
height:550px;
	background-image:url('http://lukeliberamoore.com/images/_GodChunkR2/25_LukeLiberaMoore-Core-SamplewithGod-Chunk-2.jpg');
	background-size:100%; 
	}	
	
	
	
	#title8 {
position:absolute;
left:110px;
top:12690px;
display:in-line;
padding:0;
border:0;
margin:0;
}
#overview29{
position:absolute;
left:100px;
top:12780px;
display:in-line;
width:1000px;
height:1200px;
	background-image:url('http://lukeliberamoore.com/images/_edenchrome/MetaTransistor1.jpg');
	background-size:100%;

}

#overview30{
position:absolute;
left:100px;
top:14060px;
display:in-line;
width:1000px;
height:650px;
	background-image:url('http://lukeliberamoore.com/images/_edenchrome/MetaTransistor_detail1_mid.jpg');
	background-size:100%;
}


	#title9 {
position:absolute;
left:110px;
top:14870px;
display:in-line;
padding:0;
border:0;
margin:0;
}

#overview31 {
position:absolute;
left:100px;
top:14950px;
display:in-line;
width:575px;
height:800px;
	background-image:url('http://lukeliberamoore.com/images/_edenchrome/blackfriday_mid.jpg');
background-size:100%;
}

#overview32 {
position:absolute;
left:720px;
top:14950px;
display:in-line;
width:575px;
height:800px;
	background-image:url('http://lukeliberamoore.com/images/_edenchrome/BlackFridaySale2.jpg');
background-size:100%;
}

#overview33 {
position:absolute;
left:100px;
top:15600px;
display:in-line;
width:600px;
height:800px;
	background-image:url('');
background-size:100%;
}

#copyright {
position:absolute;
top:20000px;
right:100px;
z-index: 999999;}

#bumper1 {
position:absolute;
left:150px;
top:30000px;
width:100px;
padding:50px;
color:silver;
z-index:9999;


}