/* =general */

#links li, #colours li { float: left; }
#photo, #colours { position: relative; }
#photo-desc, #colours ul, p.palette, #slidein, #thisimage, #newimage { position: absolute; }

/* =layout */

#main { width: 600px; margin: 0 0 75px 0; padding-top: 0; }
h1 { margin-bottom: 22px; }
#links li { width: 270px; }
#links li.alt { margin-right: 60px; }
#photo { width:600px; height: 250px; margin: 40px 0; }
#photo-desc { right: 0; bottom: 0; width: 590px; padding: 2px 5px; }
#colours { width: 240px; height: 66px; }
#colours ul { top: 0; left: 0; }
#colours li { width: 30px; height: 30px; margin-right: 13px; }
p.palette { width: 240px; left: 0; top: 0; padding-top: 34px; margin-top: 0; }

/* =typo */

#links li { font-size: 12px; }
p.palette { text-align: left; }
#photo-desc { letter-spacing: 1px; text-transform: uppercase; font: 10px "Trebuchet MS", Helvetica, Arial, sans-serif; text-align: right; }

/* =colours */

#photo-desc { color: #dddddd; }

/* =design */

/* =images */

#photo-desc { background: transparent url(../i/photo-description.png) top left repeat-x; }
p.palette { background: transparent url(../i/colourlovers.png) -2px -1px no-repeat; }

#thisimage { z-index: 1; }
#newimage { z-index: 0; opacity: 0; }
#slidein {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 590px;
	padding: 0 5px;
	height: 20px;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	font: 10px/19px "Trebuchet MS", Helvetica, Arial, sans-serif;
	vertical-align: middle;
	text-align: right;
	background: transparent url(../i/photo-description.png) repeat-x;
	z-index: 2;
}