@font-face {
    font-family: LithosPro-Black;
	src: url(../fonts/lithospro-black.eot) format("embedded-opentype"),
		 url(../fonts/lithospro-black.woff) format("woff"),
		 url(../fonts/lithospro-black.otf) format("opentype"),
         url(../fonts/lithospro-black.ttf) format("truetype");
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body, header, footer, section, article, nav, aside, figure, figcaption {
   display: block;
   margin: 0;
   padding: 0;
}

body	{
	background: #231f20;
	font-family: 'Average Sans', sans-serif;
}

.clearfix	{
	clear: both;
}
	
img	{
	width: 100%;
	display: block;
	border: none;
}	

body a	{
	text-decoration: none;
}	

header	{
	clear: both;
}	

header a:hover, header a:focus, header a:active	{
	opacity: .8;
}	

h1	{
	color: #fff200;
	display: none;
}

#logo	{
	float: left;
}

#title a	{
	display: inline-block;
}

#menu	{
	float: right;
}	

/*CONTENT*/		

#content	{
	clear: both;
}
	
#banner 	{
	background: #f2f3f3;
	background-image: url(../graphics/page_top.jpg), url(../graphics/page_bottom.jpg);
    background-position: left top, left bottom;
    background-repeat: no-repeat, no-repeat;
	color: #231f20;
	padding: 1rem .5rem;
	position: relative;
	border-top: 1px dashed #231f20;
	border-bottom: 1px dashed #231f20;
}	

#banner:before	{
	content: "";
	position: absolute;
	top: -1rem;
	left: 0;
	right: 0;
	bottom: -1rem;
	background: #f2f3f3;
	z-index: -1;
}	

#banner a	{
	color: #333333;
	font-weight: bolder;
}	

#banner a:hover, #banner a:focus, #banner a:active	{
	font-weight: normal;
	color: #231f20;
}	

h2	{
 	font-family: 'LithosPro-Black', serif;
	color: #231f20;
	text-align: center;
	background-image: url(../graphics/top_left.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}	

#main	{
	background-image: url(../graphics/top_right.jpg);
    background-position: right top;
    background-repeat: no-repeat;
}	
	

#main p	{
	text-align: justify;
}	

figure	{
	padding: .5rem;
	background-image: url(../graphics/figure_left.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

figcaption	{
	font-size: 90%;
	margin-top: .5rem;
}

/*ASIDE*/

aside	{
	margin: 1rem auto;
	color: #cccccc;
}	

.object, article, #gallery	{
	margin-bottom: 2rem;
	padding: 1rem;
	-webkit-box-shadow: 0 0 10px 2px #333333;
	-moz-box-shadow: 0 0 10px 2px #333333;
	box-shadow: 0 0 10px 2px #333333;
	
}

article h3, h3	{
	margin-top: 0;
	font-size: 130%;
	font-weight: bold;
}	

article h4	{
	font-size: 110%;
	font-weight: bold;
	
}	

article a	{
	color: #f2f3f3;
}

article a:hover, article a:focus, article a:active	{
	color: #cccccc;
}	

.object .first	{
	margin-bottom: 1rem;
}	

.tombstone	{
	margin-bottom: 0;
}	

.tombstone span	{
	display: block;
	margin-bottom: .3rem;
}

.tombstone .obj_name	{
	font-weight: bold;
}	
	
/*FOOTER*/

footer	{
	padding: 0 1rem 1rem;
}

/*NAVIGATION*/

nav	{
	color: #cccccc;
	/*font-size: 90%;*/
	/*margin-left: -1rem;*/
	line-height: 1.3;
}		

nav ul	{
	margin: 0;
	list-style: none;
	padding-left: 1rem;
	text-transform: uppercase;
}	

nav li	{
	padding-top: .4rem;
	
}

nav ul ul 	{
	text-transform: none;
}	
	
nav a	{
	color: #fff200;
}	

nav a:hover, nav a:focus, nav a:active, nav a.current	{
	color: #f2f3f3;	
}

#copyright	{
	font-size: 90%;
	margin: 2rem auto 0;
	padding-top: 1rem;
	padding-bottom: 0;
	border-top: 1px solid #cccccc;	
	color: #cccccc;	
	text-align: center;
}	

#copyright a	{
	color: #f2f3f3;	
}	

#copyright a:hover, #copyright a:focus, #copyright a:active	{
	color: #cccccc;	
}

/*COFFIN IMAGE MAP*/
#coffin	{
	position: relative;
}

#coffin img	{
	width: 100%;
}	

#coffin a	{
	position: absolute;
}
	
#coffin #fragment1	{
	left: 17%;
	top: 5.5%;
	width: 16%;
	height: 30%;
}

#coffin #fragment2	{
	left: 3.8%;
	top: 38.5%;
	width: 14.5%;
	height: 27.9%;
}

#coffin #fragment3	{
	left: 18.1%;
	top: 68.6%;
	width: 16%;
	height: 28.4%;
}

#coffin #fragment4	{
	left: 66.1%;
	top: 21%;
	width: 31%;
	height: 15.5%;
}

#coffin #fragment5	{
	left: 77.1%;
	top: 41.2%;
	width: 9.4%;
	height: 14.2%;
}

#coffin #fragment6	{
	left: 72.5%;
	top: 60.6%;
	width: 18.4%;
	height: 34.6%;
}

/*PHOTO GALLERY*/

.installation	{
	width: 100%;
	margin: 1rem 0;
}	

.photo	{
	margin: 0 0 2rem;
	padding: 0;
	/*position: relative;*/
}

.photo a img	{
	display: block;
	width: 100%;
	border: 1px solid #333333;
	
}

.photo a:hover img	{
	opacity: .8;
}	

.photo a:hover img, .photo a:active img, .photo a:focus img, .photo a:visited img	{
	border: 1px solid #333333;
}	

#gallery 	{
	color: #f2f3f3;
}	

.signature {
	font-style: italic;
	font-weight: bold;
}

img.border	{
	border: 1px solid #cccccc;
	padding: 1rem .5rem;
}	

ul.secondary	{
	padding-left: .5rem;
}