* { margin: 0; padding: 0;}; 
body {background-color:#000} 
h1 {font-size:24pt; font-weight:900; font-style:normal; text-decoration:underline; text-align:center; color:#FFF} 
#wrapper {width: 800px; margin: 25px auto; height: 600px; background-image:url(../images/watermark.gif)} 
#intro { padding-bottom: 10px;}; #slider {width: 800px; margin: 30 auto; position: relative; border: 10px ridge #ccc;} 
.scroll {overflow: hidden; width: 800px; margin: 0 auto; position: relative;} 
.scrollContainer {position: relative;} 
.scrollContainer div.panel {padding: 10px; width: 274px; height: 610px;} 
#left-shadow {position: absolute; top: 0; left: 0; width: 12px; bottom: 0; background: url(../images/leftshadow.png) repeat-y;} 
#right-shadow {position: absolute;	top: 0; right: 0; width: 12px; bottom: 0; background: url(../images/rightshadow.png) repeat-y;} 
.inside {padding: 10px; border: 1px solid #999;} 
.inside img {display: block; border: 1px solid #666; margin: 0 0 10px 0; width: 250px;} 
.inside h2 {font-weight: normal; color: #fff; font-size: 16px; margin: 0 0 8px 0;} 
.inside h3 {font-weight: normal; color: #999; font-size: 14px; text-align: center} 
.inside p {font-size: 11px; color: #ccc;}; a {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}
a:hover {colour: #999; border-bottom: 1px solid #999;} 
.scrollButtons {position: absolute; top: 127px; cursor: pointer;} 
.scrollButtons.left {left: -45px;}
.scrollButtons.right {right: -45px;}
.hide {display: none;}