@font-face
{
  font-family: 'Titillium';
  src: url(../fonts/TitilliumTitle12.otf) format('opentype');
}
body {
  font-family: arial, verdana;
}
p + p {
  text-indent: 0px;
  margin-top: 1em;
}
a {
  color: #000;
}
h1, h2, h3, h4, h5, h6, .trl {
  font-family: Titillium, arial, verdana;
}
.trl {
  font-weight: bold;
}
.container {
  margin-top: 120px;
}
img.rnd {
  border-radius: 20px;
}
#title {
  position: absolute;
  top: 240px;
  width: 100%;
  text-align: center;
  font-size: 6em;
  z-index: 3; /*text-shadow: 2px 2px 5px #9a9a9a;*/
  height: 0px;
  padding-top: 246px;
  overflow: hidden;
  background: url(../images/title.png) no-repeat center;
}
.sq {
  position: absolute;
  height: 350px;
  width: 470px;
  margin-top: 10px;
  opacity: .50;
  -moz-opacity: .50;
  filter: alpha(opacity = 50);
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.mn-a {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 350px;
  text-align: center;
  text-decoration: none;
  font-size: 3em;
}
.sq-big {
  z-index: 2;
}
.rel-wrap {
  position: relative;
}
#fam {
  top: 0px;
  left: 0px;
  background-color: #ababab;
}
#belief {
  top: 0px;
  left: 480px;
  background-color: #cdcdcd;
}
#tech {
  top: 360px;
  left: 0px;
  background-color: #efefef;
}
#interest {
  top: 360px;
  left: 480px;
  background-color: #909090;
}
.cnt {
  display: none;
  margin: 100px 10px 10px 20px;
}
.conns {
  margin-bottom: 22px;
}
.conns a {
  display: block;
  overflow: hidden;
  height: 0px;
  padding-top: 32px;
  width: 32px;
}
.conn-lnk {
  float: right;
  margin-left: 5px;
}
.twitter {
  background: url(../images/twitter_bw_32.png) no-repeat center;
}
.picasa {
  background: url(../images/picasa_bw_32.png) no-repeat center;
}
.facebook {
  background: url(../images/facebook_bw_32.png) no-repeat center;
}
.rss {
  background: url(../images/rss_bw_32.png) no-repeat center;
}
.linkedin {
  background: url(../images/linkedin_bw_32.png) no-repeat center;
}
.delicious {
  background: url(../images/delicious_bw_32.png) no-repeat center;
}
.bitbucket {
  background: url(../images/bitbucket_bw_32.png) no-repeat center;
}
.youtube {
  background: url(../images/youtube_bw_32.png) no-repeat center;
}
.x {
  margin-left: 25px;
  background: url(../images/x_bw.png) no-repeat center;
}
#footer {
  position: relative;
  top: 730px;
  text-align: right;
  padding-right: 15px;
}