body{
font-family: Georgia, "Times New Roman", Times, serif;
background: #5c5247 ;
color: #fff ;
}
h1{
background: #000 ;
font-size: 1.5em ;
font-variant: small-caps ;
font-weight: 100 ;
letter-spacing: .1em ;
padding: .1em 0 .2em .2em ;
margin-bottom: .5em ;
}
h2, h3{
text-transform: uppercase ;
}
#sub-heading, #content-2{
background: #201c1b ;
}
#sub-heading{
margin-left: 25em ;
width: 10em ;
padding: 2em .5em 0 ;
font-variant: small-caps ;
}
h2, #sub-heading p{
color: #c7b299 ;
}
h2{
font-size: 2em ;
text-align: right ;
font-weight: 100 ;
margin-bottom: .5em ;
}
h2 em{
font-style: normal ;
font-size: 1.45em ;
line-height: .9em ;
}
h2 span{
color: #fff ;
display: block ;
font-size: .5em ;
text-transform: normal ;
font-weight: 600 ;
}
h2 span:first-child{
display: inline-block ;
width: 3em ;
text-transform: uppercase ;
font-variant: normal ;
font-size: .45em ;
}
h2 span:first-child em{
font-size: 1.4em ;
font-weight: 100 ;
}
#sub-heading p{
font-size: 1.4em ;
padding: 0 .3em .4em ;
}
#sub-heading p span{
color: #fff ;
display: block ;
font-size: .6em ;
}
#content-1{
background: #c7b299 ;
color: #000 ;
width: 26em ;
position: absolute ;
top: 10em ;
left: 45em ;
padding: 2em .6em 1em ;
font-size: .8em ;
line-height: 1.2em ;
}
#content-1 p{
margin-bottom: 1em ;
}
#content-2{
width: 24em ;
padding: .6em ;
position: absolute ;
left: 36em ;
top: 19.5em ;
}
h3{
display: inline-block ;
float: left ;
margin-right: .25em ;
}
#content-2 p{
padding-left: 2em ;
margin-bottom: .2em ;
}
#thumbnails{
width: 30em ;
margin-left: 8em ;
height: 15em ;
position: relative ;
}
#thumbnails li{
display: inline-block ;
border-right: 3px solid #000 ;
border-bottom: 3px solid #000 ;
background: #5c5247 ;
position: absolute ;
}
#thumb-1{
width: 6em ;
height: 4.5em ;
top: 0 ;
left: 0 ;
}
#thumb-2{
width: 8em ;
height: 6em ;
top: 0 ;
left: 6em ;
z-index: 10 ;
}
#thumb-3{
width: 10em ;
height: 10em ;
top: 0 ;
left: 14em ;
z-index: 30 ;
}
#thumb-4{
width: 4em ;
height: 3em ;
position: absolute ;
top: 4.5em ;
left: 2em ;
}
#thumb-5{
width: 9em ;
height: 5.0625em ;
position: absolute ;
top: 6em ;
left: 5em ;
z-index: 20 ;
}