.clear{ clear:both; } #header { height: auto; } .pg_container{ width:100%; position:relative; height:412px; } ul.pg_photos{ position:absolute; top:0; left:0; height:412px; width:12188px; /*This is set dynamically*/ list-style-type:none; } ul.pg_photos li{ float:left; position:relative; margin-right:150px; } ul.pg_photos li a{ display:block; border:6px solid #fff; position:relative; -moz-box-shadow:1px 1px 7px #000; -webkit-box-shadow:1px 1px 7px #000; box-shadow:1px 1px 7px #000; } ul.pg_photos li a span{ background:#423B30; opacity:0.6; position:absolute; padding:20px; font-size:12px; text-shadow:1px 1px 1px #000; top:20px; right:0px; color:#fff; -moz-box-shadow:1px 0px 2px #000 inset; -webkit-box-shadow:1px 0px 2px #000 inset; box-shadow:1px 0px 2px #000 inset; } ul.pg_photos li img{ display:block; border:none; } .pg_scrollWrapper{ position:relative; top:12px; left:50%; width:300px; margin-left:-175px; padding:10px 15px; height:4px; background:#111; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:#a0a0a0; cursor:pointer; border:1px solid #000; color: #1C94C4; font-weight: bold; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin-top:-4px; } .ui-slider-horizontal { height:2px; background:#555; border:1px solid #000; }