body
{
margin: 0 0; 
	padding: 0;
background: #ffffff; 
}

#main { 
		background: #ffffff;
	text-align: left;
	font-family: Georgia;
}

#header
{
	background:#ffffff;
	margin: auto;
	padding: 20px;
	width: 600px;
	height: 300px;
	text-align: center;
}

#header h1 { margin: 0;
size: +1; }

a:link {
color: #686868;
text-decoration: none;
}

a:visited {
color: #686868;
text-decoration: none;
}

a:hover {
color: black;
}

.bubble{
    display: inline;
    position: relative;
}

.bubble:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}

.bubble:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.content-white {
	margin: auto auto;
	background: white;
	overflow: hidden;
	padding: 25;
	}
	
.content-gray {
	margin: auto auto;
	background: #E8E8E8;
	overflow: hidden;
	padding: 25;
	}

.content-gray img {
height:250;
float: left;
padding: 0 50;
vertical-align:middle;
}

.content-white img {
height:250;
float: right;
padding: 0 50;
vertical-align:middle;
}

.content-txt {
width: 750px;
margin: auto;
font-size: 150%;
}

#footer {
margin: auto;
}