* { margin: 0; padding: 0; }
body { font-family: Helvetica, Arial, sans-serif; font-size: 0.85em; background: black url(/i/background.jpg) top left; }
hr { visibility: hidden; }
li { list-style-type: none; }
a img { border: none; }
iframe { border: none; }

header, nav, footer, article, time { display: block; }

header { width: 1180px; margin: 25px auto; }
header h2 { text-align: center; margin-bottom: 5px; }
header nav { text-align: center; }
header nav li { display: inline-block; margin: 0 5px; }
header nav li a { display: block; width: 175px; height: 38px; line-height: 38px; color: white; text-decoration: none; text-transform: lowercase; font-weight: bold; background: url(/i/nav-inactive.png) no-repeat center center; }
header nav li a:after { content: ' >>'; color: silver; }
header nav li a:hover,
header nav li a.selected { background-image: url(/i/nav-active.png); }
header nav li:nth-child(odd) { transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); }
header nav li:nth-child(even) { transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); }

#page { width: 1180px; position: relative; height: 450px; margin: 0 auto; }
#page > h1 { display: none; }
#homeImages { width: 100%; height: 100%; overflow: hidden; }

#side { width: 378px; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.25); height: 450px; color: #ddd; overflow: auto; }
#side h2,
#side ul,
#side p,
#side dl { margin: 15px; text-align: justify; }
#side h2 { color: #79259b; font-size: 1em; font-style: italic; }
#side li { margin-bottom: 15px; }
#side dl dt { float: left; clear: both; }
#side dl dd { float: right; }
#side a { color: #79259b; }
#side a:hover { color: #ddd; }
#side .follow { clear: both; padding-top: 15px; }
#side .follow img { margin-bottom: -2px; }

.content { width: 780px; height: 100%; position: absolute; top: 0; right: 0; overflow: auto; background: rgba(0, 0, 0, 0.5); color: #ddd; }
.content h1,
.content h2,
.content p,
.content ul,
.content dl,
.content time { margin: 15px; text-align: justify; }
.content dt,
.content dd { margin: 10px 0; text-align: justify; }
.content h2 { color: #79259b; font-size: 1em; font-style: italic; }
.content ul { padding-left: 2em; }
.content ul li { list-style-type: disc; line-height: 1.4em; }
.content ul#photos { margin: 0; padding: 0; }
.content ul#photos li { list-style-type: none; }
.content dl dt { float: left; clear: both; }
.content dl dd { float: right; }
.content em { font-weight: bold; color: #eee; }
.content a { color: #ddd; font-weight: bold; font-style: italic; text-decoration: underline; }
.content article img { float: right; margin: 0 0 10px 15px; }

#prevNext { position: absolute; z-index: 10; width: 100%; height: 100%; }
#prevNext a { color: black; font-size: 3em; text-decoration: none; position: absolute; top: 75%; opacity: 0.2; font-style: normal; }
#prevNext a:hover { opacity: 0.3; }
#prev { left: 20px; }
#next { right: 20px; }

footer { display: block; width: 1180px; height: 225px; margin: 16px auto; padding: 0; }
footer #boxes { position: relative; }
footer #boxes div { display: block; position: absolute; width: 389px; height: 183px; background-repeat: no-repeat; background-position: center center; }
footer #testimonial { left: 0; background-image: url(/i/testimonials.png); }
footer #news { left: 391px; background-image: url(/i/news.png); margin: 0 2px; }
footer #book { right: 0; background-image: url(/i/book-online.png); }
footer #boxes div > h3 { display: none; }
footer #testimonial blockquote,
footer #news div,
footer #book p { padding: 85px 25px 0 20px; color: #818285; line-height: 1.5em; }
footer #book p span { text-decoration: underline; }
footer #news article h3 { font-size: 1em; line-height: 1.5em; }
footer #news article { margin-bottom: 1em; }
footer #book p { color: white; }
footer #bookAnchor { text-decoration: none; }
footer #boxes div a { color: inherit; }

footer .follow { margin-top: 200px; color: white; }
footer .follow img { margin-bottom: -2px; }
footer .tooltip { display: none; position: absolute; background: url(/i/tweet-box.png); height: 163px; padding: 25px 30px; width: 310px; color: #ddd; line-height: 1.5em; }
footer .tooltip a { color: white; text-decoration: underline; }
footer .tooltip img { float: left; border-radius: 5px; box-shadow: 0 0 5px white; margin-top: 5px; }
footer .tooltip p { padding-left: 60px; }

#homeImages, #side, .content { box-shadow: 0 0 16px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.6); -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.6); }

#about h2 { margin-top: 15px; margin-bottom: 0; }
#about p { margin-top: 5px; }
#about p:first-child { margin-top: 15px; }

#collection { overflow: hidden; }

#services h2 { margin-top: 15px; margin-bottom: 0; }
#services p { margin-top: 5px; }