/*
 * Reset
 * ---------------------------------------------------------------------------
 */

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	list-style: none;
	text-decoration: none;
	font-style: normal;
	color: #593d2c;
}

/*
 * Basic definitions
 * ---------------------------------------------------------------------------
 */
 
body {
	background-color: #f6f9e5;
}

h1 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 24px;
	text-align: left;
}

a {
	padding-bottom: 2px;
	color: #628470;
}

p a:hover, address a:hover {
	border-bottom: 1px solid #d3dbc8;
}

div.clearall {
	clear: both;
	height: 0;
	overflow: hidden;
}

/*
 * Container
 * ---------------------------------------------------------------------------
 */
 
 div#container {
	width: 660px;
	margin: 0 auto;
	text-align: center;
}


/*
 * Menu
 * ---------------------------------------------------------------------------
 */
 
ul#menu {
	width: 220px;
	height: 34px;
	margin: 12px auto;
	border-right: 1px solid #d3dbc8;
}

ul#menu li {
	display: block;
	float: left;
}

ul#menu li a {
	display: block;
	padding: 10px 0;
	width: 109px;
	border-left: 1px solid #d3dbc8;
	font-size: 9px;
	text-transform: uppercase;
}

ul#menu a:hover {
	color: #f6f9e5;
	background-color: #728d7b;
}

/*
 * Body
 * ---------------------------------------------------------------------------
 */
 
div#body {
	clear: both;
}

div#body img {
	display: block;
}

div#body p {
	text-align: left;
	font-family: Georgia, Times, serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	margin-bottom: 12px;
}

/*
 * Home
 * ---------------------------------------------------------------------------
 */

body.home div#body a img {
	width: 660px;
	height: 440px;
}

body.collections img#bigimage {
	width: 660px;
	height: 220px;
}

body.collections ul.menuCollections img {
	width: 55px;
	height: 55px;
}

/*
 * About
 * ---------------------------------------------------------------------------
 */
 
body.about h2 {
	text-align: left;
	text-transform: uppercase;
}
 
body.about div#body div.bios p {
	font-size: 13px;
	line-height: 19px;
}


/*
 * Collections
 * ---------------------------------------------------------------------------
 */

div#body div#collectionTeaser img {
	width: 660px;
	height: 220px;
	display: none;
}

div#body div#collectionTeaser a.show img {
	display: block;
}

div#body ul#menuCollections li {
	display: block;
	float: left;
	margin-top: 16px;
}

div#body ul#menuCollections a {
	display: block;
	width: 194px;
	height: 57px;
	padding: 12px;
	border-right: 1px solid #d3dbc8;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 17px;
	color: #593d2c;
	text-align: left;
}

div#body ul#menuCollections li.first a {
	border-left: 1px solid #d3dbc8;
}

div#body ul#menuCollections img {
	display: block;
	width: 55px;
	height: 55px;
	margin-right: 12px;
	float: left;
	border: 1px solid #d3dbc8;
}

div#body ul#menuCollections a strong {
	font-size: 9px;
	text-transform: uppercase;
	color: #628470;
}

div#body ul#menuCollections a:hover, div#body ul#menuCollections a:hover strong {
	color: #f6f9e5;
	background-color: #728d7b;
}

div#body ul#menuCollections a:hover img {
	border: 1px solid #728d7b;
}

/*
 * Collection
 * ---------------------------------------------------------------------------
 */

body.collections h1 {
	float: left;
	line-height: 36px;
	position: relative;
	top: -9px;
}

body.collections div.description {
	margin: 16px 0 16px 220px;
	width: 424px;
	text-align: left;
}

body.collections div#body div.description p {
	font-size: 13px;
	line-height: 18px;
}

body.collections div#body div.description p img {
}

div#photoNav {
	width: 220px;
	margin: 0 auto;
}

div#photoNav span {
	display: block;
	padding: 10px 0;
}

div#photoNav a {
	display: block;
	padding: 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	border-left: 1px solid #d3dbc8;
	border-right: 1px solid #d3dbc8;
}

div#photoNav a:hover {
	background-position: 0 34px;
}

div#photoNav a#prevPhoto {
	background-image: url('fleche_gauche.png');
	float: left;
}

div#photoNav a#nextPhoto {
	background-image: url('fleche_droite.png');
	float: right;
}

div.photos img {
	clear: both;
	margin-top: 16px;
}

/*
 * Contact info
 * ---------------------------------------------------------------------------
 */

address {
	margin: 16px 0;
	color: #628470;
}