html, body {height:100%; margin: 0; padding: 0; }

html>body {
	font-size: 16px; 
	font-size: 68.75%;
} /* Reset Base Font Size */

body {
    position: absolute;
	font-family: Verdana, helvetica, arial, sans-serif;
	font-size: 68.75%;
	background: #664d46; /* f5f5ff */
	color: #333;
	leftMargin: 0;
	topMargin: 0;
    height: 100%;
	link: #000000; 
	alink: #000000; 
	vlink: #000000; 
    overflow: none;
*   overflow: visible; /* Hack for IE7 */    
}

.text-popup {
  position: absolute;
  background: #f5dd80;
  padding: 20px;
  width:700px;
  height:400px;
  margin: -390px 260px; /* -390px 700px; */
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
}

a:link {color:#000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}
a:hover {color:#000000; text-decoration:underline;}
a:active {color:#000000; text-decoration:none;}

/* Reference page */
.reference  { background: #ffffff; color: #000000; font-family: Calibri; font-size: 8px; text-decoration: none; margin: auto; }

.container {
  list-style:none;
  margin: 0;
  padding: 0;
}

.item {
  background: tomato;
  padding: 5px;
  width: 300px;
  height: 60px;
  margin: 10px;
  
  line-height: 60px;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: center;
}

.image {
  background: white;
  padding: 5px;
  width: 300px;
  height: 200px;
  margin: 10px;
  
  line-height: 150px;
  color: white;
  font-weight: bold;
  font-size: 3em;
}

.float {
  /* max-width: 1200px; */
  margin: 0 auto;
}

.float:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.float-item {
  float: left;
}

.box {
    border:0px solid #0094ff;
}
.box h2 {
    background:#000000;
    color:white;
    padding:10px;
    font-size: 3em;
}
.box p {
    color:#333;
}

.box {
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}