/* CSS Document */

body{
background-color:#9f9890;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

#page{
margin:0;
}

#head {
position:fixed;
top:30px;
left:25px;
}

#head p{
font-size:28px;
font-weight:100;
color:#FFF;
}

#p_nav{
position:absolute;
top:230px;
left:25px;
}


#text {
position:absolute;
top:0px;
left:225px;
width:600px;
height:1300px;
color:#332622;
background-color:#796f68;


}

#text a{
color:#b4aba0;
text-decoration:none;
}

#text a:hover {
color:#FFF;
}


#text h1{
font-size:14px;
line-height:10px;
font-weight:100;
margin:50px 60px 0px 45px;
}


#text p{
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#332622;
text-align:justify;
margin:20px 60px 0px 45px;
}


#text blockquote{
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#332622;
text-align:justify;
margin:20px 60px 0px 60px;
}



#images_p{
position:absolute;
top:195px;
left:65px;
width:800px;
}

#images:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#images {display: inline-block;}

/* Hides from IE-mac \*/
* html #images {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

@media screen
  {
  div#head
    {
    position: fixed;
    }
  /* Don't do this at home */
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    overflow-y: auto;
    height: 100%;
    padding: 0 1em 0 14em;
    font-size: 100%;
    }
  * html div#head
    {
    position: fixed;  
    }
  /* All done. */
  }
  
 @media screen
  {
  div#p_nav
    {
    position: fixed;
    }
  /* Don't do this at home */
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    overflow-y: auto;
    height: 100%;
    padding: 0 1em 0 14em;
    font-size: 100%;
    }
  * html div#p_nav
    {
    position: fixed;  
    }
  /* All done. */
  }