body {
	background: #111;
	margin: 0;
	padding: 0;   
	color: b6b6b6;
	text-align: center;
}

h1, h2 {
	color: #fff;
	font-size: 14pt;
}

h3, h4, h5, h6 {
	color: #ddd;
}

/* Default fonts */
h1,h2,h3,
h4,h5,h6  { font-family: Constantia, "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; }
body      { font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif; } 
pre       { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
code      { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } 

#major {
	color: #F1EDC2;
	font-size: 20pt;	
}

#frame {
	width: 998px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
}

#contentcenter {
	width: 500px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	float: left;
	background: #222222;
	color: #aaaaaa;
	text-align: left;
}

body strong {
	font-weight: normal;
	color: #e6e6e6;
}

#contentright {
	width: 323px;
	padding-top: 75px;
	padding-left: 115px;
	float: left;
	background: #fff;
	color: b6b6b6;
	background: url(../images/jasonhoyt.com.jpg) 30px 70px no-repeat;
	text-align: left;
}

#contentright h2 {
	font-size: 14pt;
}

#contentright strong {
	font-weight: normal;
	color: #e6e6e6;
}

a:link, a:visited {
	color: #fff;
}

.goto {
	color: #666;
	margin-left: 1em;
	font-size: 0.8em;
}

#content {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px #444 dashed;
}

/* Tooltip container */
.tooltip {
  position:relative;
  border-bottom:1px dashed #F1EDC2; /* If you want dots under the hoverable text: 1px dotted black;*/
}

.tooltip:before {
  content: attr(data-text); /* here's the magic */
  position:absolute;
  
  /* vertically center */
  top:50%;
  transform:translateY(-50%);
  
  /* move to right */
  left:100%;
  margin-left:15px; /* and add a small left margin */
  
  /* basic styles */
  width:200px;
  padding:10px;
  border-radius:10px;
  background: #666;
  color: #F1EDC2;
  text-align:center;

  display:none; /* hide by default */
}

.tooltip:hover:before {
  display:block;
}

.tooltip:after {
  content: "";
  position:absolute;
  
  /* position tooltip correctly */
  left:100%;
  margin-left:-5px;
 
  /* vertically center */
  top:50%;
  transform:translateY(-50%);
 
  /* the arrow */
  border:10px solid #666;
  border-color: transparent #666 transparent transparent;
  
  display:none;
}

.tooltip:hover:before, .tooltip:hover:after {
  display:block;
}