html, body {
  height:98%;
}
body {
  background:#000 url(../images/interstitial/background.jpg) center center no-repeat;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:62.5%;
  color:#9f7d5d;
}
a {
  color:#fff;
  text-decoration:none;
  outline:none;
}

/*------------------------------------------------------------*/

#wrap {
  position:relative;
  width:942px;
  margin:0 auto;
  height:100%;
}

#content {
  display:block;
  height:560px;
  left:50%;
  margin-left:-473px;
  margin-top:-302px;
  position:absolute;
  top:52%;
  width:100%;
}

/*------------------------------------------------------------*/
/* Main */

#main {
  position:relative;
}

h1 {
  top:4px;
  background:url(../images/interstitial/logo-trans.png);
  display:block;
  height:142px;
  text-indent:-9999px;
  width:148px;
  left:404px;
  position:absolute;
}

#website {
  float:left;
  z-index:2;
  cursor:pointer;
  display:block;
  height:450px;
  width:420px;
  position:absolute;
  left:0;
  top:0;  
}



#website img {
  width:255px;
  height:255px;
  position:absolute;
  top:115px;
  *top:108px;
  left:87px;
  float:left;
  z-index:1;
}

#website h2 {
  background:transparent url(../images/interstitial/website-frame-trans.png) 0 0 no-repeat;
  float:left;
  z-index:2;
  display:block;
  height:450px;
  width:420px;
  position:absolute;
  left:0;
  top:20px;  
}

#website h2 a {
  float:left;
  z-index:2;
  display:block;
  height:450px;
  width:420px;
  position:absolute;
  left:0;
  top:20px;  
  text-indent:-9999px;
}

#website h2 a /*:hover*/ {
  background:transparent url(../images/interstitial/website-frame-hover.png) 125px 318px no-repeat;
}

#blog {
  cursor:pointer;
  display:block;
  height:450px;
  width:420px;
  position:absolute;
  right:0;
  top:0;
  float:left;
  z-index:2;
}

#blog img {
  width:255px;
  height:255px;
  position:absolute;
  top:118px;
  *top:110px;
  left:80px;
  float:left;
  z-index:1;
}

#blog h2 {
  background:transparent url(../images/interstitial/blog-frame-trans.png) 0 0 no-repeat;
  display:block;
  height:450px;
  width:420px;
  position:absolute;
  right:0px;
  top:20px;
  float:left;
  z-index:2;
}

#blog h2 a {
  display:block;  
  height:450px;
  width:420px;
  position:absolute;
  right:0px;
  top:20px;
  float:left;
  text-indent:-9999px;
}
#blog h2 a /*:hover*/  {
  background:transparent url(../images/interstitial/blog-frame-hover.png) 134px 323px no-repeat;
}

/*------------------------------------------------------------*/
/* Footer */

#footer {
  font-size:110%;
  line-height:135%;
  position:relative;
  top:495px;
}
#footer h2.othersites {
  font-size:100%;
  font-weight:normal;
  margin:0 0 2px;
  padding:0;
}
#footer ul {
  list-style:none;
  margin:0;
  padding:0;
}
#footer li {
  display:inline;
}
#footer li:after {
  content:"|";
  padding-left:4px;
}
#footer li.last:after {
  content:"";
}
#footer li a {
  text-transform:uppercase;
  font-weight:bold;
  padding:2px 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#footer a:hover {
  color:#2c201c;
  background:#fff;

}
#footer  .vcard a{
  color:#9f7d5d; 
  padding:0;
}

/*------------------------------------------------------------*/
/* Target IE6 (using IE7.js) */

.ie7_html h1 {
  left:-74px;
}
.ie7_html #website {
  left:-474px;
}
/*
.ie7_html #website a:hover,
.ie7_html #blog a:hover {
  background:transparent;
}
*/