html, body {
	height: 100%;
}

body {
  background: url(../gfx/bg.png) 50% 0 repeat-y #fff;
  margin: 0;
  padding: 0;
  font-family: verdana, Arial, sans-serif;
  text-align: center;
  font-size: 62.5%;
}

#container {
  width: 770px;
  margin: -30px auto 0 auto;
  text-align: left;
  min-height: 100%;
}

  #header {
  	padding-top: 30px;
    height: 190px;
    position: relative;
  }
  
    #logo {
      background: url(../gfx/head_r_bg.png) 100% 0 no-repeat transparent;
    }
    
    #logo img {
      border: 0;
    }  
    
    #logo a span {
      display: none;
    }
    
    #navigation * {
      margin: 0;
      padding: 0;
    }
    
    #navigation {
      position: absolute;
      top: 185px;
      right: 0;
    }
    
    #navigation dt {
      display: none;
    } 
    
    #navigation li {
      list-style: none;
      float: left;
      border-right: 1px solid #000;
      line-height: 10px;
      padding: 0 10px;
    }
    
    #navigation a {
      text-decoration: none;
      color: #000;
      display: block;
    }
    
    #navigation a:hover {
      color: #666;
    }  
    
    #navigation #nav_contact {
      border: 0;
    }
		
	#content {
		width: 500px;
    float: right;
	}
	
    #content a {
      color: #1f7ebb;
      text-decoration: underline;
    }
    
    #content a:hover {
      color: #8ca0b4;
      text-decoration: underline;
    }
    
    #about #content img {
      border: 1px solid #8ca0b4;
      padding: 4px;
      float: left;
      margin-right: 10px;
    }
  
    h1 {
     display: block;
     text-indent: -10000%; 
    }  
  
    #home h1 {
      background: url(../gfx/title_home.png) 0 50% no-repeat transparent;
    }
    #about h1 {
      background: url(../gfx/title_about.png) 0 50% no-repeat transparent;
    }
    #resume h1 {
      background: url(../gfx/title_resume.png) 0 50% no-repeat transparent;
    }
    #downloads h1 {
      background: url(../gfx/title_downloads.png) 0 50% no-repeat transparent;
    }
    #guestbook h1 {
      background: url(../gfx/title_guestbook.png) 0 50% no-repeat transparent;
    }
    #portfolio h1 {
      background: url(../gfx/title_portfolio.png) 0 50% no-repeat transparent;
    }
    #contact h1 {
      background: url(../gfx/title_contact.png) 0 50% no-repeat transparent;
    }
    
    #content .article {
      width: 420px;
      background: url(../gfx/article_bg.png) 0 0 no-repeat;
      margin-bottom: 30px;
      min-height: 198px;
    }
    
    #content .content {
      width: 420px;
      background: url(../gfx/content_bg.png) 0 0 no-repeat;
      margin-bottom: 30px;
      min-height: 198px;
    }
    
    h2 {
      color: #1f7ebb;
      font-size: 1.1em;
      font-weight: normal;
      display: inline;
    }    
    
    #content .date {
      font-size: 1.1em;
      display: inline;
      color: #acacac;
    }
    
    #content .text {
      margin: 30px 15px 15px 15px; 
      line-height: 20px;
      font-family: "Trebuchet MS", sans-serif, Helvetica;
      font-size: 1.2em;
      color: #4b4b4b;
    }
    
    #content .indent {
      text-indent: 14px;
    }
    
    #content .label {
      color: #1f7ebb;
    }
		
	#side {
		width: 255px;
		float: left;
    position: relative;
	}
  
    #simon-design_v3 {
      width: 310px;
      height: 185px;
      position: absolute;
      right: 0;
      background: url(../gfx/v3_evisioned.png) 100% 0 no-repeat transparent;
    }
    
    #simon-design_v3 p {
      position: absolute;
      top: 129px;
      left: 152px;
      color: #9dafc1;
    }
    
    #simon-design_v3 p span {
      display: none;
    }
    
    #simon-design_v3 p a span {
      text-indent: -10000%;
    }
    
    #simon-design_v3 a {
      display: block;
      width: 99px;
      height: 24px;
      background: url(../gfx/enter_button.png) 50% 0 no-repeat transparent;
      margin: 15px 0 0 14px;
    }
    
    #simon-design_v3 a:hover {
      background: url(../gfx/enter_button.png) 50% 100% no-repeat transparent;
    }
	

#footer {
  clear: both;
  width: 770px;
  margin: 0 auto;
  text-align: center;
  height: 30px;
  line-height: 30px;
}

#footer a {
  color: #1f7ebb;
  text-decoration: none;
}

#footer a:hover {
  color: #1f7ebb;
  text-decoration: underline;
}

#footer * {
	margin: 0;
	padding: 0;
}

	#footer dt {
		display: none;
	}