@import url("../../Documents/blueprint.css");
@import url("../../Documents/ie.css");

body {
	color: #fff;
	font-family: Calibri, 'Calibri', Calibri, serif;
	font-size: 1.2em;
}

a:link, a:visited {color: #666666; text-decoration: none;}
a:hover,a:focus, a:active {color: #fff; text-decoration: underline;}

#bg {
  position: fixed; 
  top: 0; 
  left: 0; 
	
  /* Preserve aspect ratio */
  min-width: 100%;
  min-height: 100%;
}

/* NEW
#architecture {
   position: absolute;
   top: 25%;
   left: 20%;
}
#studio {
   position: absolute;
   top: 25%;
   right: 25%;
}
#contact {
   position: absolute;
   top: 75%;
   width: 100%;
   text-align: center;
}
#petermacapia {
   position: absolute;
   top: 15%;
   left: 20%;
}
#dirtygeometry {
   position: absolute;
   top: 5%;
   left: 50%;
}
#scrollbar {
  width:410px;
  height:100px;
  overflow-y:overlay;
  border:0px solid green;
  position:relative;
}

::-webkit-scrollbar{
  width:20px;
} 

::-webkit-scrollbar-thumb{
  background-color:rgba(0,0,0,1);
}
*/
#Peter Macapia {
   position: absolute;
   top: 15%;
   left: 40%;
}
#architecture {
   position: absolute;
   top: 20%;
   left: 60%;
}
#studio {
   position: absolute;
   top: 10%;
   left: 60%;
}
#blog {
   position: absolute;
   top: 30%;
   left: 60%;
}
#borroworrob {
   position: absolute;
   top: 40%;
   left: 60%;
}
#dirtygeometry {
   position: absolute;
   top: 50%;
   left: 60%;
}
#contact {
   position: absolute;
   top: 60%;
   left: 60%;
}
#gallery {
   position: absolute;
   top: 60%;
   left: 80%;
}
#scrollbar {
  position: absolute;
  top: 30%;
  left: 8%;
  font-size:12px;
  height:350px;
  width:450px;
  padding:5px;
  background-color:rgba(0,0,0,0);
  color:#dddddd;
}