#title
{
position:fixed;
top:1em;
z-index:12;
min-height:100%;
padding-left:0px;
}
#title2
{
z-index:12;
}
#about
{
position:fixed;
left:10px;
top:2em;
z-index:14;
}
#contact
{
position:fixed;
right:10px;
top:2em;
z-index:14;
}
#nav
{
position:relative;
min-width:700px;
min-height:100%;
width:100%;

}
#grad
{
position:fixed;
top:0px;
left:0px;
z-index:11;
}
html, body {
height: 100%;
} 
.pax
{
width: 40%;
position:relative;
top:-5em;
z-index:-1;
}
.text
{
text-align:left;
font-size:12pt;
font-family:"Helvetica",Arial,Sans-serif;
}
.text2
{
text-align:justify;
font-size:12pt;
font-family:"Helvetica",Arial,Sans-serif;
}
.content
{
position:relative;
min-width:700px;
width:100%;
z-index:10;
}
.content2
{
position:relative;
min-width:700px;
width:100%;
z-index:12;
}
.content3
{


}
.content4
{

float:left;

}
.outer
{
width:100%;
position:relative;
overflow:hidden;
}
.inner
{
margin-right:-17px;
position:relative;
overflow:hidden;
}
.title
{
position:absolute;
}
.add
{
left-margin:0px;
right-margin:-17px;
}
.resize
{
width: 40%;
}
.resize2
{
width: 33%;
}
.resize3
{

}
.grad
{
width: 100%;
height: 100px;
}
.imagearr
{
float:right;
margin-top:100px;

}
#imagearr0
{
width: 30%;
margin-right: 5%;
}
#imagearr1
{
width: 30%;
}
#imagearr2
{
width: 30%;
}
#description
{
position:absolute;
right:3%;
top:0px;
width:25%;
text-align:justify
}
#descriptiontitle
{
position:absolute;
left:3%;
top:0px;
width:25%;
font-style:italic
}
#Exposure
{
position:absolute;
right:3;
top:20px;
width:25%;
}
#Aperture
{
position:absolute;
right:10px;
top:40px;
width:25%;
}
#ISO
{
position:absolute;
right:10px;
top:60px;
width:25%;
}
#Date
{
position:absolute;
right:10px;
top:80px;
width:25%;
}
#FL
{
position:absolute;
right:10px;
top:100px;
width:25%;
}