/* Michael Saganowski CSS Framework */

#panel { width: 960px; height: 62px; position: relative; clear: both; background: url(../images/works_panel-trans.png) center top no-repeat; }
#content-primary { position: relative; float: left; width: 560px; text-align: left; }
#content-secondary { position: relative; float: right; width: 260px; height: 800px; text-align: left; margin: 25px 0 0 0; }
#wrapper-inner { height: 15387px; }
#wrapper-860 { height: 11850px; }

.h1-description { font-size: 19px; font-family: "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial; margin: 37px 21px 5px 0px; padding: 0 0 0 20px; color: #696969; display: block; height: 25px; float: left; background: url(../images/profile_h1_devider.gif) top left no-repeat; }
.h1-heading { margin: 37px 20px 5px 0px; color: #000; display: block; height: 25px; float: left; height: 25px; font-family: "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial; }

.button-float { margin: 28px 0 0 0; display: block; float: right; position: relative; }
.hyperlink { display: block; position: relative; float: left; font-family: "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial; font-size: 13px; margin: 5px 0 0 0; clear: both; }

.work-description { position: relative; float: left; clear: both; margin: 30px 0 0 0; text-align: justify; width: 560px; }
.work-description-longer { position: relative; float: left; clear: both; margin: 30px 0 0 0; text-align: justify; width: 860px; }

.small-description { position: relative; float: left; clear: both; margin: 10px 0 0 0; font-family: "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial; font-size: 11px; color: #696969; width: 560px; }
.small-description-wide { position: relative; float: left; clear: both; margin: 10px 0 40px 0; font-family: "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial; font-size: 11px; color: #696969; width: 860px; }

#works-main { position: relative; clear: both; float: left; width: 860px; margin: 40px 0 0 0; }
#hotelclub { width: 860px; height: 661px; position: relative; clear: both; }
#hc-primary { width: 520px; height: 661px; position: relative; float: left; }
#hc-secondary { width: 300px; height: 648px; position: relative; float: right; }
#hc-logo { width: 300px;height: 356px; position: relative; float: left; clear: both; }
#hc-banner { width: 300px; height: 250px; position: relative; float: left; clear: both; margin-top: 40px; }