/**background**/ 
#bg
{
height:100%;
width:100%;
position:fixed; 
	top:0%;
	left:0;
	right:o;
	bottom:0;
z-index:-5%;
}

/**Banner**/
#d1
{
position:fixed;
height:15%;
width:100%;
background-color:#632f00;
top:0;
left:0;
z-index:10%;
}

h1
{
position:fixed;
font-family:arial;
left:5%;
top:-4%;
font-size:5em;
color:white;
}

/**Navigation**/

#Home 
{
width:15%;
position:fixed;
	top:22%;
	left:0%;
padding-top:1%;
padding-left:1%;
padding-bottom:1%;
margin-bottom:2%;
background-color:#d36901; 
}


#Parts
{
width:15%;
position:fixed;
	top:28%;
	left:0%;
padding-top:1%;
padding-left:1%;
padding-bottom:1%;
margin-bottom:2%;
background-color:#d36901; 
}
#Start
{
width:15%;
position:fixed;
	top:34%;
	left:0%;
padding-top:1%;
padding-left:1%;
padding-bottom:1%;
margin-bottom:2%;
background-color:#d36901; 
}

#Life
{
width:15%;
position:fixed;
	top:43%;
	left:0%;
padding-top:1%;
padding-left:1%;
padding-bottom:1%;
margin-bottom:2%;
background-color:#d36901; 
}

#About
{
width:15%;
position:fixed;
	top:52%;
	left:0%;
padding-top:1%;
padding-left:1%;
padding-bottom:1%;
margin-bottom:2%;
background-color:#d36901; 
}

a
{
margin-left:3%;
text-decoration:none;
color:white;
font-family:arial;
font-size:1.4em;
}

#Home:hover
{
opacity:0.5;
}

#Parts:hover
{
opacity:0.5;
}

#Start:hover
{
opacity:0.5;
}

#Life:hover
{
opacity:0.5;
}

#About:hover
{
opacity:0.5;
}


/**Caption**/

#caption
{
width:80%;
position:relative;
margin-left:20%;
margin-top:11%;
margin-right:0;
background-color:yellowgreen;
opacity:0.8;
z-index;-5%;
}

#caption1
{
width:75%;
position:absolute;
margin-left:20%;
margin-top:15%;
margin-right:0;
background-color:yellowgreen;
opacity:0.8;
z-index;-5%;
}

#p1
{
position:relative;
margin-left:2%;
margin-right:2%;
margin-bottom:2%;
font-family:arial;
color:black;
font-size:3em;
padding-top:3%;
}

p
{
position:relative;
margin-left:2%;
margin-right:2%;
margin-bottom:2%;
font-family:arial;
color:black;
font-size:1.5em;
}

#i1, #i2, #i3
{
margin-top:2%;
margin-left:5%;
margin-bottom:1%;
opacity:150;
}

#p2
{
color:black;
font-family:arial;
font-size:1.5em;
margin-top:2%;
margin-right:2%;
margin-left:2%;
padding-bottom:3%;
}

#p4
{
color:black;
font-family:arial;
font-size:2em;
margin-top:5%;
margin-right:2%;
margin-left:2%;
padding-bottom:3%;
}


#p12
{
font-family:arial;
color:black;
margin:2%;
font-size:3em;
padding-top:3%;
}

#i4, #i5, #i6,#i7, #i8
{
position:relative;
margin-top:3%;
margin-left:3%;
margin-right:3%;
}





#i4:hover { opacity:0.4; }
#i5:hover { opacity:0.4; }
#i6:hover { opacity:0.4; }
#i7:hover { opacity:0.4; }
#i8:hover { opacity:0.4; }


#p6
{
position:relative;
margin:2%;
font-family:arial;
font-size:2em;
}

#p7
{
position:relative;
margin:2%;
font-family:arial;
font-size:1.5em;
margin-right:40%;
}

#photo
{
position:relative;
margin-left:65%;
margin-top:-20%;
padding-bottom:19%;
}


#c6
{
padding-bottom:3%;
}

#c1
{
margin-right:50%;
}

#d5
{
margin-left:55%;
margin-top:-25%;
}

h2
{
font-family:verdana;
font-size:1.8em;
margin:3%;
}

#p8
{
position:relative;
margin:2%;
padding-top:3%;
font-family:verdana;
font-size:3em;
}

#px
{
font-family:arial;
margin:2%;
padding-top:3%;
font-size:3em;
}

pre
{
font-family:arial;
margin:2%;
font-size:2em;
}

#x1
{
font-family:arial;
margin:2%;
font-size:2em;
}

td
{
font-family:Verdana;
Color:White;
font-size:2em;
}

#footer
{
width:100%;
position:absolute;
left:0;
background-color:#632f00;
padding-bottom:3%;
}