/* =layout */

div#flickr { width: 900px; margin: 0 auto; padding-top: 66px; }
div#flickr li { position: relative; float: left; list-style-type: none; width: 207px; height: 225px; margin-right: 24px; }
div#flickr li.last { margin-right: 0; }
div#flickr img { position: absolute; top: 0; right: 0; padding: 20px; width: 75px; height: 75px; }

div#links { width: 100%; padding: 66px 0 44px 0; background-color: #f5f5f5; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
div#links ul { width: 900px; margin: 0 auto; }
div#links li { float: left; width: 270px; margin-right: 45px; }
div#links li.last { margin-right: 0; }

ul#colourlovers { padding: 88px 0 88px 88px; width: 812px; margin: 0 auto; }
ul#colourlovers p { text-align: left; font: 11px/14px Trebuchet MS, sans-serif; color: #999; }
ul#colourlovers li { float: left; width: 200px; height: 100px; }
ul.palette { list-style-type: none; position: relative; width: 66px; height: 19px; }
ul#colourlovers ul.palette li { position:absolute; float: none; width: 10px; height: 15px; }
ul.palette li.c1 { left: 2px; top: 1px; }
ul.palette li.c2 { left: 15px; top: 1px; }
ul.palette li.c3 { left: 28px; top: 1px; }
ul.palette li.c4 { left: 41px; top: 1px; }
ul.palette li.c5 { left: 54px; top: 1px; }
#colourlovers ul.palette li.layer { z-index: 10; width: 66px; height: 19px; left: 0; top: 0; background: transparent url(../i/colours-mixed.png) 0 0 no-repeat; }

/* =typo */

div#links li { font-size: 12px; }

/* =colours */

#flickr img { background-color: #f5f5f5; border: 1px solid #cccccc; }

/* =design */

/* =images */