html { height: 100%; }
body { margin: 0; padding: 0; background: #ffffff; height: 100% }

div { vertical-align: top; }

/* layout */

.wrapper { width: 100%; }

#measurer { position: absolute; left: -2em; top: -2em; width: 1em; height: 1em; overflow: hidden; }

#layout { width: 100%; margin: 0;  min-width: 68em; overflow: hidden; }

#middleLayout { position: relative; }

#newsLayout { position: relative; padding-top: 2em; }

.layoutColumn { width: 10%; float: left; }

.x2 { width: 20%; }

.x25 { width: 25%; }

.x3 { width: 30%; }

.x4 { width: 40%; }

.x5 { width: 50%; }

.x6 { width: 60%; }

.x7 { width: 70%; }

.x75 { width: 75%; }

.x8 { width: 80%; }

.clearCellx5 { float: left; width: 5%; height: 3em; overflow: hidden; }

.clearCellx10 { float: left; width: 10%; height: 3em; overflow: hidden; }

.clearCellx15 { float: left; width: 15%; height: 3em; overflow: hidden; }

.clearCellx20 { float: left; width: 20%; height: 3em; overflow: hidden; }

.hr {background: #D0CEC1; height: 1px; overflow: hidden; }

.potfolioImg { width: 150px; margin-right: 5px; margin-bottom: 5px; height: 150px; float: left; border: 1px solid #e1e1e1; }

/* footer */

div.footer { margin-top: 3em; clear: both; width: 100%; }