*{margin:0;padding:0}
body{padding:20px;background:white;background:white;color:#555;font:80%/140% 'helvetica neue',sans-serif;width:855px;margin: 0 auto;}
h1,h2{font: 100% 'helvetica neue',sans-serif;letter-spacing:3px; margin: 2px; }
h1 {font-size: 240%; text-transform: uppercase; }
.coloured {color: #7b2;}
a{color:#7b2;text-decoration:none;outline:none;}
a:hover{color:#7b2;}
.caption{color:#888;position:absolute;top:320px;left:3px;width:240px;text-transform:lowercase;}
.demo{position:relative;margin-top:2em;}
.gallery_demo{width:255px;float:left;}
.gallery_demo li{width:55px;height:22px;border:2px double #eee;margin: 0 2px 2px 0;background:#eee;}
.gallery_demo li.hover{border-color:#bbb;}
.gallery_demo li.active{border-style:solid;border-color:#222;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
.galleria_container{margin:0 auto 60px auto;height:500px;width:600px;float:right; }
.nav{padding-top:15px;clear:both;}
.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
.info p{margin-top:1.6em;}
.nav{position:absolute;top:410px;left:0;}
.replaced {width: 600px;}
.title_header {width: 100%; padding-bottom: 30px;}
.title_header_left {float: left; text-align: left;}
.title_header_right {float:right; text-align: right;}
.gallery_demo_unstyled {display: none;}
p {padding-bottom: 1em;}
.preamble {padding-bottom: 10px;}
#preamble_replaced { background-image: url(img/bg.jpg); background-repeat: no-repeat; height: 305px; }
#preamble_text { background-color: #ffffff; }