/* GENERAL SETTINGS ---------------------------------------------------------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: white;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: black;	
}
a, a:hover {
	text-decoration: none;
	color: black;
	outline: none;
	cursor: pointer;
}


/* MAIN LAYOUT --------------------------------------------------------------------------------------------------------------------- */

#headerBox {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 900px;
	height: 62px;
	padding-left: 34px;
	background-color: white;
	z-index: 99;
}
#header {
	position: relative;
	width: 650px;
	height: 43px;
	border-bottom: 1px solid black;
}
#title {
	position: absolute;
	left: 0px;
	top: 26px;
	width: 220px;
	height: 12px;
}
h1 {
	font-weight: bold;
	font-size: 12px;
}
h1 a {
	text-decoration: none;
}
h2 {
	display: none;
}
#menu {
	position: absolute;
	right: 0px;
	top: 26px;
	width: 430px;
	height: 12px;
	list-style-type: none;
}
#menu li {
	display: inline;
	float: right;
	text-align: right;
}
#menu li a {
	text-decoration: none;	
}
.selected {
	font-weight: bold;
}


/* CONTENT ------------------------------------------------------------------------------------------------------------------------- */

#content {
	width: 860px;
	margin: 63px 0px 26px 34px;
}
#leftColumn {
	float: left;
	width: 650px;
	padding-top: 3px;
}
#textBox {
	width: 370px;
	line-height: 14px;
}
#textBox a {
	text-decoration: underline;
}
#textBox h3 {
	font-size: 12px;
	font-weight: bold;
}
#textBox ul {
	width: 370px;
	list-style-type: none;
	margin-left: -12px;
}
#textBox ul li {
	background: url(../img/ui/listDash.gif) top left no-repeat;
	padding-left: 12px;
}
#rightColumn {
	float: left;
	width: 140px;
	margin-left: 35px;
	padding-top: 3px;
}
#projectTextBox, #detailTextBox {
	width: 140px;
	height: 240px;
}
#rightColumn p {
	width: 140px;
}
#rightColumn a {
	text-decoration: underline;
}


/* HOMEPAGE DIASHOW ---------------------------------------------------------------------------------------------------------------- */

#homeShowBox {
	position: relative;
	width: 650px;
	height: 486px;
	cursor: pointer;
}
#homeShowBox img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 8;
	opacity: 0.0;
	/* HOME GALLERY IMAGES ARE DISPLAYED THROUGH JAVASCRIPT (js/homePageDiaShow.js) TO AVOID FLICKERING ON IE6 */
	display: none;
}
#homeShowBox img.active {
	z-index: 10;
	opacity: 1.0;
}
#homeShowBox img.lastActive {
	z-index: 9;
}


/* PORTFOLIO DIASHOW --------------------------------------------------------------------------------------------------------------- */

#portfolioShowBox {
	position: relative;
	width: 650px;
	height: 486px;
}
#portfolioShowBox img {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	cursor: pointer;
}


/* THUMBNAIL MENU ------------------------------------------------------------------------------------------------------------------ */

#thumbMenuLinkBox {
	float: left;
	width: 325px;
	height: 15px;
	list-style-type: none;
	margin-top: 24px;
	text-align: left;
}
#thumbMenuLinkCaption {
	float: left;
	height: 16px;
	padding-right: 9px;
	line-height: 15px;
}
/*
#thumbMenuLinkBox a {
	float: left;
	display: block;
	width: 16px;
	height: 13px;
	margin-top: 1px;
	overflow: hidden;
}
*/
#thumbMenuLinkBox a {
	display: block;
	float: left;
	width: 17px;
	height: 14px;
	margin-top: 1px;
	overflow: hidden;
	background: url(../img/ui/thumbMenuPicto.gif) top left no-repeat;
}
#thumbMenuLinkBox a:hover {
	background-position: bottom left;
}
#thumbMenu {
	width: 650px;
	height: 495px;
	list-style-type: none;
	margin-top: -3px;
}
#thumbMenu li {
	float: left;
	width: 212px;
	height: 165px;
}
.centerThumbMenuItem {
	margin: 0px 7px;
}
#thumbMenu li a {
	display: block;
	width: 212px;
	height: 159px;
	padding: 2px 0px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
#thumbMenu li a:active {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
#thumbMenu .selectedProject {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
#thumbMenu li a img {
	display: none;
}
#rightColumn .thumbMenuTextBox {
	width: 140px;
	height: 240px;
}
#rightColumn .displayedProjectText {
	display: block;
}
#rightColumn .hiddenProjectText {
	display: none;
}


/* PROJECT NAVIGATION -------------------------------------------------------------------------------------------------------------- */

#projectNav {
	float: right;
	width: 325px;
	height: 15px;
	list-style-type: none;
	margin-top: 24px;
	text-align: right;
}
#projectNav li {
	float: right;
	height: 15px;
	line-height: 16px;
}
.arrowTitle {
	padding: 0px 7px 0px 18px;
}
.arrowBox {
	width: 9px;
}
.arrowBox a {
	display: block;
	width: 9px;
	height: 15px;
	background-position: top left;
}
.arrowBox a:hover {
	background-position: bottom left;
}
#detailLeftArrow, #projectLeftArrow {
	background-image: url(../img/ui/leftArrow.gif);
}
#detailRightArrow, #projectRightArrow {
	background-image: url(../img/ui/rightArrow.gif);
}
#detailNo, #detailTotal, #projectNo, #projectTotal, #setTotal {
	width: 16px;
}
/* FOR THUMBNAIL MENU NAVIGATION: */
#detailNo, #projectNo, #setNo {
	width: 16px;
	padding-left: 7px;
}
#detailTotal, #projectTotal, #setTotal {
	text-align: left;
}