/* basic elements */
html {
	margin: 0;
	padding: 0;
	}

body { 
  background-color: #202020; 
  color: #808080;
  font: 13px 'Georgia', Georgia, sans-serif;	
	font-weight: bold;
	line-height: 1.5em;
	margin: 0; 
	padding: 0;
  }

h1 { 
	font: italic bold 2em;
	letter-spacing: 1px; 
  text-align: center;
	}
	
a, .contact-link{
	color: #2a2a2a;
	text-decoration: none;
	cursor: hand;
	}
	

p { 
	margin-top: 0; 
	text-align: justify;
	}

	
h3 { 
	font: italic bold 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 10px; 
	}
	
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #B7A5DF;
	}
	
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D4CDDC;
	}
	
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}

/* specific elements */

/*--- Misc. Classes ---*/
	
.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}	
	
#logo {
  position: absolute;
  display: block;
  }
	
#mainPart { 
	left: 180px;
	width: 796px;
  padding: 10px 20px 0 0;   
  position: relative;
	}  

#content {	
  position: absolute;
	padding-left: 20px;
  padding-top: 10px;  
	margin-bottom: 40px; 
	}

#introduction {
	padding-top: 20px; 
}
  
#footer { 
	text-align: center; 
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}