/* Homepage Specific Styles
-------------------------------------- */
body.home div#Content { margin-top: 75px; padding: 0 0 70px 0;}
body.home div#Content h2 { margin: 0 0 4px 0;} 

#Images { width: 865px; height: 209px; position: relative; }

#Images .image-container { }
#Images .image { float: left; width: 163px; height: 209px; margin-left: 10px; display: inline; background: url(../images/content/home/image-frame.gif) no-repeat;  }
#Images .image img { display: block; margin-left: 1px; }
#Images .image-hover{ position: absolute; z-index: 1000; top:0; left: 0; width: 250px; height: auto; display: none; border:1px #999999 solid;} 
#Images .image-hover-content { padding: 10px 20px; position: relative; }
#Images .image-hover-content h3 { font-size: 1.4em; margin-bottom: 10px; color: #d07a17; font-weight: bold;}
#Images .image-hover-content p { font-size: 1.1em; }
#Images .image-hover-content a { color: #c91010; font-size: 1.0em; }

#TheMan1 { display: none; width: 181px; height: 340px; z-index: 1001; position:absolute; bottom: 10px; left: -100px; background: url(../images/content/home/the_man.png) bottom left no-repeat; }
#TheMan2 { display: none; width: 181px; height: 360px; z-index: 1001; position:absolute; bottom: 10px; left: -100px; background: url(../images/content/home/the_man_standing.png) bottom left no-repeat;  }

div#Content #Headlines { margin: 20px 0 20px 185px;}
div#Content #Headlines .headline-box { width: 335px; float: left; margin: 0 13px 0 0; padding: 30px 0 0 0; font-size: 120%; position: relative;}
div#Content #Headlines .headline-box h2 img { position: absolute;  top: 0; left: 0; }
div#Content #Headlines .headline-box p { }