body,
html {
  height: 100%;
}

body {
  background: url(../img/bg.jpg) repeat left top;
  margin: 0;
  padding: 0;

  font: 12px arial, sans-serif;
  line-height: 1.4em;
  color: #FFF;
  background-color: #FFF;
}


p {
  margin: 0;
  padding: 10px;
}

h1 {  
  position: relative;
  margin: 10px;
  padding: 0;    
  height: 17px;
  width: 326px;  
}

h1 span.text {
  position: absolute;
  top: -1000px;
  left: -1000px;
}

h2 {
  margin: 10px;
  padding: 0;
  font: bold 1em georgia, serif;
  color: #FFF;
}

#aboutFrame h1 {      
  background: url(../img/bg/hdr_about.gif) no-repeat top left; 
}

#workFrame h1 {
  background: url(../img/bg/hdr_work.gif) no-repeat top left; 
}

#contactFrame h1 {
  background: url(../img/bg/hdr_contact.gif) no-repeat top left; 
}

a {
  color: #9F9F9F;
  text-decoration: none;
}

a:hover {
  border-bottom: 2px solid #CCC;
}

a img {
  border: 0;
}

ul {
  margin: 0;
  padding: 10px;
  list-style: none;
}

ul li {
  margin: 0;
  padding: 2px 0 2px 30px;
  background: url(../img/bg/li_bullet.gif) no-repeat 20px 7px;
}