/*Stylesheet authored by Mitesh Ashar for the Digital Canvas homepage*/

/*body { background: url(back.jpg); background-position: 50% 50%; backgroun-repeat: none;}*/

* { margin: 0px; padding: 0px; font-size: 12pt; overflow: hidden;}
h3 { font-size: 1.5em; margin: 10px; margin-top: 20px; }
h3 a{ font-size: inherit;}
blockquote { margin-left: 10px; }


#logo { position: absolute; top: 45%; display: block; text-align: center; width: 100%; z-index: 100;}

a { color: #3766d6; text-decoration: none;}
a.menu { font-size: 4.0em; color: #cccccc; }
a:hover { color: #c89929; }
a img { border: 0px; }

#overlay { z-index: 1000; width: 100%; height: 2000px; background: url(black.png); position: absolute;}

#overlay, .frame, blockquote.desc { display: none; }
blockquote.desc{ padding-left: 10px; }

.frame{ position: absolute; top: 0px; color: #ffffff; width: 100%; padding-top: 20px; }
.frame>div {width: 700px; margin: auto;}
.frame .close img {float: right;}
.frame .title { font-size: 2.5em; display: block; border-bottom: 1px solid white;}
.frame .content { margin-top: 10px; line-height: 1.5em; text-align: justify; font-family: "Century Gothic", Tahoma, sans;}

#about { z-index: 1001; }
#vision  { z-index: 1002; }
#projects { z-index: 1003; }
#team-up { z-index: 1004; }
#contact { z-index: 1005; }

a[rel=about] { position: absolute; top: 35%; left: 15%; z-index: 10;}
a[rel=vision] { position: absolute; top: 15%; left:40%; z-index: 10;}
a[rel=projects] { position: absolute; top: 22%; right:20%; z-index: 10;}
a[rel=team-up] { position: absolute; bottom: 20%; left:20%; z-index: 10;}
a[rel=contact] { position: absolute; bottom: 25%; right:20%; z-index: 10;}
a[rel=blog] { position: absolute; bottom: 75px; left: 47%;}

div#icons { position: absolute; bottom: 5px; width: 100%; text-align: center; z-index: 20;}