body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; margin: 0; background: url(../images/bg.jpg) #fff;}

h1 {font: normal 30px/32px Garamond, Georgia, "Times New Roman", Times, serif; margin-top: 15px; color:#404040;}
h2 {font: normal 16px/24px Georgia, "Times New Roman", Times, serif; margin: 20px 0; color:#404040; padding-left: 10px; border-left: 3px solid #c2c1a3;}
p {font: 12px/24px Verdana, Arial, Helvetica, sans-serif; color: #404040; margin-top: 15px; color:#404040;}

a:link {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:active {color: #000; text-decoration: none;}
a:hover {color: #a78c36; text-decoration: none;}

.photo {position:relative; font-family: Garamond, Georgia, "Times New Roman", Times, serif; overflow:hidden; border: 5px solid #fff; width: 150px; height: 150px;}	
.photo .heading, .photo .caption {position:absolute; background: #fff; height: 150px; width: 150px; opacity:0.9;}
.photo .heading {position:absolute; background:#fff; height: 150px; width: 150px; opacity:0.9;}
.photo .heading {top:-150px;}
.photo .caption {bottom: -50px; left:0; display: none;}
.photo .heading span {color:#404040; top:-50px; text-align: center; font-weight:bold; display:block; padding: 65px 0 0 0; font-size: 15px; font-family: Garamond, Georgia, "Times New Roman", Times, serif;}
.photo .caption span{color:#999; font-size: 10px; display:block; padding:5px 0 0 0; line-height: 12px;}

/* FIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */