@font-face {
	font-family: 'SansGuiltMB';
	src: url('SansGuiltMB.eot?#iefix') format('embedded-opentype'), 
	     url('SansGuiltMB.woff') format('woff'), 
	     url('SansGuiltMB.ttf')  format('truetype'),
	     url('SansGuiltMB.svg#SansGuiltMB') format('svg');
	}
	
html {
background:#3e3722;
}

img {
	border-style: none;
}

.main{
position:absolute;
top:20px;
left:25%;
}

.ind_nav{
width:200px;
position:absolute;
top:50px;
left:1%;
}

.nav{
width:200px;
position:absolute;
top:140px;
left:1%;
}

ol {
list-style-type:none;
text-align:center;
letter-spacing:3.5px;
/*margin:1px;*/
}

p {
color:#efe8d5;
font-size:16px;
font-family:"SansGuiltMB",sans-serif;
padding:.25em;
}

p a:link {color:#efe8d5;text-decoration: none}      
p a:visited {color:grey;text-decoration: none} 
p a:active {color:silver;text-decoration: none} 
p a:hover {color:silver;text-decoration: none} 

.an{
position:absolute;
top:70px;
left:6.5%;
font-size:20px;
font-family:"SansGuiltMB",sans-serif;
letter-spacing:3.5px;
text-align:center;
/*padding:.12em;*/
}
.an a:link {color:black;text-decoration: none}      
.an a:visited {color:black;text-decoration: none} 
.an a:active {color:white;text-decoration: none} 
.an a:hover {color:silver;text-decoration: none} 

.main_image{
position:absolute;
top:150px;
left:25%;
color:#efe8d5;
font-size:16px;
font-family:"SansGuiltMB",sans-serif;
text-align:center;
}

.main_image a:link {color:white;text-decoration: none}      
.main_image a:visited {color:grey;text-decoration: none} 
.main_image a:active {color:silver;text-decoration: none} 
.main_image a:hover {color:silver;text-decoration: none} 

.caption{
position:absolute;
top:110px;
left:25%;
color:#efe8d5;
font-size:16px;
font-family:"SansGuiltMB",sans-serif;
letter-spacing:3px;
text-align:center;
}
.caption a:link{color:white;text-decoration:none}
.caption a:hover{color:blue;text-decoration:underline}
.name {
position:absolute;
top:520px;
left:15%;
}

.name1{
font-size:45px;
font-family:"SansGuiltMB",sans-serif;
letter-spacing:10px;
}

.resume{
position:absolute;
top:70px;
left:25%;
}

.contact{
position:absolute;
top:160px;
left:25%;
color:#efe8d5;
font-family:"SansGuiltMB",sans-serif;
font-size:17px;
}

.contact a:link {color:white;text-decoration: none}      
.contact a:visited {color:#737772;text-decoration: none} 
.contact a:active {color:blue;text-decoration: none} 
.contact a:hover {color:blue;text-decoration: underline} 

/*.legend{
position:absolute;
top:170px;
left:910px;
}
*/

.tile1{
position:absolute;
top:700px;
left:190px;
}

.tile2{
position:absolute;
top:720px;
left:290px;
} 
.tile3{
position:absolute;
top:670px;
left:400px;
} 
.tile4{
position:absolute;
top:700px;
left:491px;
} 
.tile5{
position:absolute;
top:670px;
left:590px;
} 
.tile6{
position:absolute;
top:720px;
left:681px;
} 
.tile7{
position:absolute;
top:700px;
left:790px;
}
.tile8{
position:absolute;
top:700px;
left:890px;
}

.agra_tile1{
position:absolute;
top:732px;
left:95px;
}
.agra_tile2{
position:absolute;
top:690px;
left:225px;
} 
.agra_tile3{
position:absolute;
top:690px;
left:343px;
} 
.agra_tile4{
position:absolute;
top:690px;
left:460px;
} 
.agra_tile5{
position:absolute;
top:690px;
left:575px;
} 
.agra_tile6{
position:absolute;
top:675px;
left:690px;
} 
.agra_tile7{
position:absolute;
top:710px;
left:795px;
}
.agra_tile8{
position:absolute;
top:725px;
left:925px;
}

.aqua_tile1{
position:absolute;
top:690px;
left:110px;
}
.aqua_tile2{
position:absolute;
top:690px;
left:225px;
} 
.aqua_tile3{
position:absolute;
top:690px;
left:350px;
} 
.aqua_tile4{
position:absolute;
top:690px;
left:450px;
} 
.aqua_tile5{
position:absolute;
top:690px;
left:580px;
} 

.vids{
position:absolute;
top:150px;
left:25%;
}