body {
  padding: 20px 0 44px 0;
  font-family: verdana, sans-serif;
  font-size: 11px;
  color: #F1F1F1;
  text-align: center;
  background: #eed8ae;
}

#wrapper {
  position: relative;
  margin: 0 auto;
  width: 672px; /* 660px; */
  height: 412px; /* 400px; */
  text-align: left;
  background: transparent url(../images/bg_wrapper2.png) 0 0 no-repeat;
}

/* Global */
.unipad {padding: 10px;}
p {margin: 0 0 12px 0;}

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

a:hover {
  text-decoration: underline;
}

li { margin: 0 0 8px 0; }


/* Your Name site title */
h1 {
  position: absolute;
  left: 345px;
  top: 16px;
  font-family: georgia, serif;
  font-size: 26px;
}

#nav {
  padding: 27px 0 0 10px;
}

#nav a {
  text-decoration: none;
  color: #F1F1F1;
}

#nav a:hover {
  text-decoration: underline;
}


/* Define the content area */
#hpcontent {
  position: absolute;
  left: 8px;
  bottom: 8px;
  width: 656px;
  height: 225px;
}

/* Default page title - hidden via jQuery */
.deftitle {
  /* no style necessary */
}



/* The homepage content and config
------------------------------------ */
#hpcontent #home {
  position: relative;
  padding: 10px;
  color: #F1F1F1;
}

/* Professional Title */
#h2box {
  float: right;
  width: 138px;
  height: 70px;
}

h2 {
  float: right;
  width: 138px;
  height: 70px;
  font-family: georgia, serif;
  font-size: 12px;
  border-left: 1px solid #d4d4d4;
}

h2 span {
  display: block;
  padding: 0 0 0 3px;
}

#hpcontent #home p {
  margin: 0 324px 12px 0;
}

/* Mask the sillouhette image for content wrapping */
#hpcontent #home #maskbox {
  float: right;
  width: 135px;
  height: 130px;
}

/* 5 image container */
#pixbox {
  position: absolute;
  top: 52px;
  width: 631px;
  height: 125px;
  background: transparent;
}


/* The page title */
#pixbox h3#pgtitle {
  position: absolute;
  left: 30px;
  top: 20px;
  font-family: vardana, sans-serif;
  font-size: 72px;
  color: #bc8214;
}


/* The 5 images */
.box {
  position: absolute;
  top: 0;
  z-index: 9999;
  width: 125px;
  height: 125px;
}

#bx1 {
  left: 6px;
  background: transparent url(../images/bximg1.jpg) 0 0 no-repeat;
}

#bx2 {
  left: 131px;
  background: transparent url(../images/bximg2.jpg) 0 0 no-repeat;
}

#bx3 {
  left: 256px;
  background: transparent url(../images/bximg3.jpg) 0 0 no-repeat;
}

#bx4 {
  left: 381px;
  background: transparent url(../images/bximg4.jpg) 0 0 no-repeat;
}

#bx5 {
  left: 506px;
  background: transparent url(../images/bximg5.jpg) 0 0 no-repeat;
}

/* The sillouhette image */
#bx6 {
  position: absolute;
  top: -35px; /* 140px; */
  right: 14px;
  z-index: 44444;
  width: 120px;
  height: 160px;
  background: #e1c90c url(../images/bg_hpimage.jpg) 0 0 no-repeat;
}



.subcontent {
  width: 624px;
  height: 200px;
}

/* The about content
----------------------------------- */
#about {
  font-size: 16px;
}

/* The follow content
----------------------------------- */
#follow {
  font-size: 22px;
}

ul#socialnet {
  float: left;
  margin: 23px 0 0 24px;
  width: 290px;
}

ul#socialnet li {
  margin: 0 0 28px 0;
}

ul#socialnet li a {
  display: block;
  padding: 4px;
  border: 1px solid #9db646;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
}

ul#socialnet li a:hover {
  background: #e2e99a;
  border: 1px solid #030;
  text-decoration: none;
}

#onebit {
  float: left;
  margin: 23px 0 0 80px;
}

/* The contact content
----------------------------------- */
#contact {
  font-size: 16px;
}


/* BPP identifier */
#footprint {
  margin: 7px 0 0 0;
  font-size: 9px;
  color: #555;
}

#footprint a {
  font-size: 9px;
  color: #555;
  text-decoration: none;
}