body {
	margin:0px;
	padding:0px;
	font-family: Arial;
	width:100%;
	height:100%;
	background-color: #FFFFFF;
}
a {
    outline: none;
}
#pageHolder {
	position:absolute;top:0px;left:0px;width:100%;height:100%;overflow: none;
}
#pageHolder_mobile {
	position:relative;top:0px;left:0px;width:100%;overflow: visible;
}
#logo {
	position:absolute;
	top:14px;
	left:14px;
	z-index:9999;
	display: none;
	font-family: Helvetica, Helvetica Neue, Arial;
	font-size: 22px;
	color: #000;
}

#intro {
	position:absolute;
	top:0px;
	left:0px;
	z-index:9999;
	display: none;
	width:100%;height:100%;
	font-family: Helvetica, Helvetica Neue, Arial;
	font-size: 48px;
	color: #000;
	text-align: center;
	vertical-align: middle;
}
#intro a, #intro a:active, #intro a:visited, #intro a:hover, #logo a, #logo a:active, #logo a:visited, #logo a:hover, .centerMe a, .centerMe a:active, .centerMe a:visited, .centerMe a:hover {
	text-decoration: none;
	color: #000;
} 
.centerMe {
	text-align:  center;
	vertical-align: middle;
	font-size: 48px;
	color: #000;
}
#imageHolder {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 660px;
	overflow: hidden;
	z-index:1;
}
#imageBlocker {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 660px;
	overflow: hidden;
	z-index:2;
	background-color: #000000;
	display: block;
}
.title, .smalltitle {
	font-family: Arial;
	color:#000000;
}
#menu {
	position: absolute;
	top: 100px;
	left: 14px;
	z-index: 9999;
	display: none;
	font-size: 22px;
	line-height: 26px;
	color: #000;
}
#emailPage {
	position: absolute;
	bottom: 14px;
	left: 14px;
	z-index: 8888;
	display: none;
	font-size: 12px;
	color: #000;
}
#menu a, #menu a:active, #menu a:visited, #emailPage a, #emailPage a:active, #emailPage a:visited {
	text-decoration: none;
	color: #000;
}
#menu a:hover, #emailPage a:hover {
	text-decoration: none;
	color: #999;
}
.alpha {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.scroll-pane, .scroll_pane_mobile {
	color: #000000;
}
.scroll-pane a, .scrol-pane a:visited, .scroll-pane a:active, .scroll-pane_mobile a, .scroll-pane_mobile a:visited, .scroll-pane_mobile a:active {
	color: #999;
	text-decoration: none;
}
.scroll-pane a:hover, .scroll-pane_mobile a:hover {
	color: #000000;
	text-decoration: none;
}
#cv, #links, #contact {
	position: absolute;
	left: 210px;
	top: 100px;
	width: 700px;
	height: 100%;
	overflow: hidden;
	z-index: 8888;
	/*display: none;*/
}
#shows, #works, #editions {
	position: absolute;
	left: 210px;
	top: 100px;
	width: 700px;
	height: 100%;
	overflow: hidden;
	z-index: 8888;
	/*display: none;*/
}
#shows_mobile, #works_mobile, #editions_mobile {
	position: absolute;
	left: 210px;
	top: 100px;
	width: 700px;
	z-index: 8888;
	/*display: none;*/
}
#detailHolder {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 8888;
	display: block;
}
#detailHolder_mobile {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 100%;
	z-index: 8888;
}
#projectDetail, #worksDetail {
	position: relative;
	left: 210px;
	/*top: 120px;*/
	width: 100%;
	/*height: 100%;*/
	overflow: hidden;
	/*z-index: 8888;*/
	/*display: none;*/
}
#projectInfo, #worksInfo {
	position: relative;
	left: 210px;
	/*top: 120px;*/ 
	width: 700px;
	height: auto;
	/*height: 100%;*/
	/*overflow: hidden;*/
	/*z-index: 8888;*/
	/*display: none;*/
}
#imageNav {
	position: relative;
	width: 100%;
	height: 24px;
	top: 4px;
}
#imagesNav {
	position: absolute;
	left: 0px;
	top: 0px;
}
#projectNav, #worksNavw {
	position: absolute;
	right: 0px;
	top: 0px;
}
.imageNrs {
	font-size: 9px;
}
.imageNrs a, .imageNrs a:active, .imageNrs a:visited {
	text-decoration: none;
	color: #999;	
}
.imageNrs a:hover{
	text-decoration: none;
	color: #000;	
}
#resto {
	position: absolute;
	left: 4px;
	width: 90px;
	height: 100%;
	overflow: hidden;
}
#foto {
	position: absolute;
	left: 98px;
	width: 90px;
	height: 100%;
	overflow: hidden;
}

.menutitle {
	position: absolute;
	left: 12px;
	top: 22px;
	color: #FFFFFF;
	font-size: 10px;
	z-index: 20;
}
.menutitleRight {
	position: absolute;
	right: 32px;
	top: 22px;
	color: #FFFFFF;
	font-size: 10px;
	z-index: 20;
}
.content {
	/*position: absolute;
	left: 12px;
	top: 42px;
	width: 476px;
	height: 618px;
	*/
	color: #999999;
	font-size: 11px;
	line-height: 14px;
	/*z-index: 22;*/
	/*display: none;*/
}
.content_foto {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 476px;
	height: 618px;
	color: #999999;
	font-size: 11px;
	line-height: 14px;
	z-index: 22;
	font-family: Georgia, Times;
	display: none;
}

.content a, .content a:visited, .content a:active {
	color: #999999;
	text-decoration: none;
}
.content a:hover {
	color: #000000;
	text-decoration: none;
}
#cadeaubon {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 443px;
	z-index: 999;
	display: none;
	text-align: center;
}

#lingo a, #lingo a:active, #lingo a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#lingo a:hover {
	color: #999999;
	text-decoration: none;
}
hr {
	border:0px solid #FFFFFF;
	height:1px;
	background-color: #FFFFFF;
}
#sound, #lingo, #musicHolder {
	float: left;
}
.floater {
	float: left;
	width: 160px;
}
.bottomContent {
	position: absolute;
	left: 12px;
	bottom: 12px;
	color: #999999;
	font-size: 10px;
	z-index: 20;
}
.rollmeover {
	cursor:pointer;
    cursor:hand;
}
.year {
	font-weight: bold;
}
.title a, .title a:visited, .title a:active {
	color: #999999;
	text-decoration: none;
}
.title a:hover {
	color: #000000;
	text-decoration: none;
}
