body {
	background: #d0d0c5;
	margin: 10px;
	font-family: Tahoma, Arial, Verdana, Sans-serif;
	font-size:12px;
	line-height:140%;
	color: #444;
	text-align:center;
}
div { text-align:left; }
img { border:0; }
a { 
	color: #0256c8;
	text-decoration:none;
}
a:hover { text-decoration:underline; }
a img { margin-right:3px; margin-bottom:1px; }
p { margin:0 0 6px 0; padding:0; }

#mainDiv { 
	width: 720px;
	padding: 10px 0 10px 10px;
	background: #fff;
}
#big { width:510px; float:left; padding-bottom:20px; }
#big div { 
	width: 360px;
	padding: 0 10px;
	display:block;
}

#puffBio { float:left;
	width: 130px;	height: 110px;
	padding:10px 60px 0 10px;
	background: url('bio-puff.gif');
	margin-bottom:8px;
	font-size:11px; line-height:130%;
}

#puffRocky9 { float:left;
	background: url('rocky9-puff.gif') top left;
	width: 176px;	height:235px;
	padding:12px 12px 0 12px;
	margin-bottom:9px;
	font-size:11px; line-height:130%;
}
#puffRocky9 p { margin-bottom:2px; }

#puffDigital { float:left;
	color: #ffba00;
	width:174px; height:50px;
	padding:66px 10px 0 16px;
	background: url('rocky-digital-puff.gif') top left;
}
#puffDigital a {
	color: #fff;
}
#footer {
	text-align: right;
	width: 700px;
	padding: 2px 20px;
}

/* **************************************************
   Special styles to work around issues in IE where 
   floating div's inside container div's get garbled.

   Usage: <div class="clearfix" id="divName">
   ************************************************** */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-block;
}
html .clearfix {height: 1%;}