html
	{background:#fff url("../images/chrysler.png") no-repeat 100px 100%;
	height:100%;}

body
	{position:relative;
	max-width:970px;
	height:100%;
	color:#656254;
	font-family:"lucida console", tahoma, arial, helvetica, sans-serif;
	font-size:90%;
	margin:0;}

div#textcontent
	{float:left;
	width:400px;
	padding:20px;}

h1
	{font-family:Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, Georgia, serif;
	text-transform:uppercase;
	text-shadow:1px 1px 1px;
	margin:0;}

ul
	{list-style:none;
	padding:0;
	margin:40px 0;}

ul#categories,
ul#thumbnails
	{color:#f90;
	cursor:pointer;}

ul#categories li
	{margin-top:0.5em;}

ul#categories li.seen /* 'seen' class to be set by JS */
	{color:#bf7300;}

div#pictures
	{float:left;
	width:522px;
	margin-top:30px;}

img#main
	{display:block;
	padding:10px;
	border:1px solid #878476;
	-moz-border-radius:5px;
	-moz-box-shadow:3px 3px 3px #878476;
	-webkit-box-shadow:3px 3px 3px #878476;
	box-shadow:3px 3px 3px #878476;
	margin:0 auto;}

div#preload
	{display:none;}

ul#thumbnails
	{overflow:visible;
	width:500px;
	margin:10px auto 0;}

ul#thumbnails li
	{float:left;
	background:#fff;
	line-height:0;
	padding:2px;
	border:1px solid #999;
	-moz-border-radius:2px;
	margin-left:20px;}

ul#thumbnails li:hover
	{border:1px solid #555;
	-moz-box-shadow:1px 1px 3px #878476;
	-webkit-box-shadow:1px 1px 3px #878476;
	box-shadow:1px 1px 3px #878476;}

p.info
	{position:absolute;
	right:0;
	bottom:30px;
	font-size:0.75em;
	line-height:150%;
	text-align:right;
	margin:2.5em 0 0;}

p#caption
	{clear:both;
	text-align:center;
	font-size:0.8em;
	color:#bf7300;
	padding-top:20px;
	margin:0 auto;}