/* global */
body {
	background-color: #fff;
	font-family:"Courier New", Courier;
	font-size: 76%;
	color: #300;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, input, textarea, p, blockquote, th, td {
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: inline-block;
}

	html[xmlns] .clearfix {
		display: block;  
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

a {
    color: #300;
}

/* containers */
#site {
	position: relative;
	margin: 33px auto 10px auto;
	width: 982px;
}

.footer {
    margin: 0 auto;
    width: 815px;
    font-size: .822em;
    line-height: 1.2em;
}

/* content */
.content {
	height: 712px;
	background: url('../images/background.jpg') top left no-repeat;
}

.content h1 {
    position: absolute;
    font-size: 1.48em;
    top: 42px;
    right: 240px;    
}

.content .contact {
    position: absolute;
    font-size: 1.48em;
    line-height: 1em;
    top: 650px;
    right: 180px;    
    text-decoration: none;
}

.content .contact:hover {
    text-decoration: underline;
}

.content .caption {
    position: absolute;
    width: 508px;
    bottom: 115px;
    left: 374px;
    text-align: center;
}

/* controls */
.controls {
    position: absolute;
    width: 508px;
    bottom: 115px;
    left: 374px;
}

.controls .prev {
    float: left;
}

.controls .next {
    float: right;
}

/* navigation */
ul.navigation {
    position: absolute;
    list-style: none;
    height: 42px;
    top: 33px;
    left: 111px;
    overflow: hidden;
}

ul.navigation li {
    list-style: none;
    float: left;
    margin-right: 12px;
}

ul.navigation li a {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: block;
    height: 42px;
    text-decoration: none;
    text-align: center;
}

ul.navigation li em a, ul.navigation li a:hover {
    background-position: 0px -42px;
}

ul.navigation li em a {
    font-style: normal;
}

ul.navigation li.peru a {
    width: 115px;
    background-image: url('../images/peru.jpg');
    font-size: 1.972em;
    line-height: 1.972em;
}

ul.navigation li.galapagos a {
    width: 185px;
    background-image: url('../images/galapagos.jpg');
    font-size: 1.48em;
    line-height: 2.96em;
}

/* thumbnails */
.thumbnails {
    position: absolute;
    top: 120px;
    left: 111px;
    width: 240px;
    height: 464px;
    overflow: hidden;
}

ul.thumbs {
    list-style: none;
    overflow: hidden;
}

ul.thumbs li {
    float: left;
    margin-right: 16px;
    margin-bottom: 13px;
}

ul.thumbs li a, ul.thumbs li a:hover {
	text-decoration: none;
}

ul.thumbs li a:focus {
	outline: none;
}

ul.thumbs li img {
    width: 100px;
    height: 100px;
    border: solid 2px #fff;
}

/* image */
.image {
    position: absolute;
    top: 90px;
    left: 374px;
    width: 508px;
    height: 508px;
    overflow: hidden;
    display: table;
}

.image span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.image img {
    border: solid 2px #fff;
}

/* pagingation */
.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 2px 4px;
    margin-right: 2px;
    border: solid 1px #300;
    text-decoration: none;
}

.pagination span {
    background-color: #300;
    color: #f0c884;
}