@import 'reset.css';

body {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  color:#85ACB1;
  font-family:arial, helvetica, sans-serif;
  letter-spacing:2px;
  line-height:1.4em;
  font-size:62.5%;
}

#content {
  text-align:left;
  width:720px;
  height:400px;
  margin:0 auto;
  background: transparent;
  position:relative;
}

a#portfolio, a#blog, #intro {
  display:block;
  height:300px;
  position:absolute;
  top:60px;
  text-align:center;
  outline: none;

}

a#portfolio {
  left:0;
  width:200px;
  border:none;
  background: #fff url(../images/button_portfolio.png) -200px 0px no-repeat;
  cursor: pointer;
  text-indent:-9999px;  
}

a#blog {
  right:0;
  width:200px;
  border:none;
  background: #fff url(../images/button_blog.png) -200px 0px no-repeat;
  cursor:pointer;
  text-indent:-9999px;  
}

#intro {
  left:210px;
  width:300px;
}

#intro h1, #intro h2, #intro p {
	display:none;
}

#intro ul {
  list-style-type:none;
  list-style-image:none;
  position:relative;
  display:none;
}

#intro.loading {
  background: #fff url(../images/ajax-loader.gif) no-repeat center 210px;
}

#intro img {
  position: absolute;
  left:0;
  top:0;
}

a {
  color:#85ACB1;
  text-decoration:none;
  border-bottom:1px dotted #ccc;
}

a:hover, a:active {
  border-bottom:1px solid #85acb1;
}

h1 {
  font-size: 1.4em;
  font-weight:normal;
  text-indent:-9999px;
  width:150px;
  height:75px;
  background:url(larrymcm_logo_150px.jpg) left top no-repeat;
  margin: 0 auto 4em;
}

p {
  font-size:1.1em;
  margin-bottom:2em;
}