﻿@import url(reset.css);

body {
	background-color: #000;
	color: #fff;
}

.clearfix {
	clear: both;
}

.wrapper {
	width:875px;
	margin: 0 auto;
	padding-top: 5px;
}

.logo {
	float: left;
}

	.logo h1 {
		font-family: 'Amazone BT';
		color: rgb(192, 192, 192);
		font-size: 26pt;
		margin-bottom: 23px;
	}

	.logo h2 {
		font-family: 'Amazone BT';
		color: rgb(255, 255, 255);
		font-size: 35pt;
		font-weight: 700;
		line-height: 1.1;
	}

.contacts {
	float: right;
	font-size: 12pt;
	font-family: 'Amazone BT';
	color: rgb(192, 192, 192);
	text-align: right;
	padding-right: 5px;
}

	.contacts p {
		margin-bottom: 5px;
	}

	.contacts a {
		color: rgb(192, 192, 192);
		text-decoration: none;
	}

	.email {
		margin-top: 27px;
	}

nav {
	list-style-type: none;
	height: 20px;
	margin-top:15px;
	position: relative;
	padding-bottom: 2px;
}


nav:before,nav:after
{
    content:"";
    display:block;
    height:1px;
    width: 100%;
    position: absolute;
	background: rgb(0,0,0); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}

nav:before
{
    top: -1px;
}
nav:after
{	
	bottom: -1px;
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
}

	nav li {
		float: left;
		padding-bottom: 13px;
	}

	nav li:first-child {
		margin-left: 41px;
	}

	nav li:last-child a {
		border:none;
	}

		nav li a {
			text-decoration: none;
			color:rgb(255, 255, 255);
			font-size: 8pt;
			font-family: Arial;
			border-right: 1px solid #C0C0B4;
			padding: 0 22px;

		}

.content {
	padding-top: 13px;
}	

	.content p {
		text-align: center;
		font-size: 8pt;
		font-family: Arial;
		color: rgb(192, 192, 192);
		margin-bottom: 3px;
	}

.gallery, .mainImage {
	float: left;
}

.mainImage {
	margin-left: 36px;
	margin-right: 22px;
}

.gallery {
	width: 132px;
	padding-top: 5px;
	padding-left: 5px;
}

	.gallery img {
		margin-bottom: 21px;
	}

.content .text, .content .rings {
	float: left;
}

.content .text {
	padding-top: 27px;
	margin-right: 81px;
}

	.content .text p {
		color: rgb(255, 255, 255);
		font-family: Arial;
		font-size: small;
	}

		.content .text h4 {
			font-weight: bold;
			font-size: small;
			font-family: Arial;
			margin-bottom: 19px;
		}

	.content .text img {
		margin-top: 50px;
		margin-left: 35px;
		margin-bottom: 15px;
	}

.rings {
	width: 509px;
	margin-top: 13px;
}

	.rings a img {
		outline:1px solid #808080;
		margin: 0 14px 14px 0;
	}

	.rings a img:nth-child(4n) {
		margin-right: 0;
	}

footer {
	text-align: center;
	padding-top: 10px;
}

	footer p {
		font-size: 8pt;
		font-family: Arial;
		color:rgb(192, 192, 192);
		margin-bottom: 5px;
	}

	footer a {
		font-size: 6pt;
		font-family: Arial;
		color:rgb(192, 192, 192);
		text-decoration: none
	}

#overlay {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90;
	width: 100%;
	height: 818px;
	background-color: #000;
}

#lightbox {
	display: block;
	position: absolute;
	z-index: 100;
	top: 141.5px;
	left: 378.5px;
	background-color: #eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
	color:#000;
}

#lightbox img {
	border: none;
	clear: both;
}

#closeButton {
	top: 5px;
	right: 5px;
	position: absolute;
	z-index: 200;
}

