@CHARSET "UTF-8";

.hidden {
	display: none;
}

.white {
	color: #fff;
}

.blue-2 {
	color: #37848c;
}

.blue-3 {
	color: #83ccc3;
}

.text-center {
	text-align: center;
}

h1 {
	margin-top: 0;
	margin-bottom: 11px;
	font-size: 26px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.37;
	text-transform: uppercase;
	color: #205f69;
}

h2 {
	margin: 0;
	font-size: 21px;
	line-height: 1.45;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	color: #205f69;
}

p, a {
	font-size: 17px;
	font-family: 'Georgia', Times, "Times New Roman", serif;
	margin: 0;
	padding: 0;
	line-height: 1.47;
	color: #58a39c;
}

a:hover {
	color: #37848c;
}

table {
	border-spacing:0;
	border-collapse:collapse;
	margin: 0;
	padding: 0;	
}

table tr td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

section {
	width: 100%;
}

section .content {
	width: 960px;
	margin: 0 auto;
}

section .content-wrapper {
	width: 100%;
	min-width: 960px;
}

section .columns-3 {
	overflow: hidden;
}

section .columns-3 .column {
	float: left;
	width: 320px;
}

section .columns-2 {
	overflow: hidden;
}

section .columns-2 .column.first {
	float: left;
	width: 320px;
}

section .columns-2 .column.second {
	float: left;
	width: 640px;
}

#head .content-wrapper {
	background-color: #C0E2DA;
	margin-bottom: 30px;
}

#head .content {
	position: relative;
	height: 410px;
	overflow: visible;
	z-index: 20;
}

#head-top {
	position: relative;
	height: auto;
	z-index: 21;
}

#logo {
	position: absolute;
	left: 0;
	top: 2px;
	display: block;
	width: 409px;
	height: 143px;
	background-image: url('../img/logo.png');
	text-decoration: none;
}

nav.main {
	position: absolute;
	top: 30px;
	right: 0;
	overflow: visible;
	z-index: 22;
}

#navBg {
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 34px;
	background-color: #fff;
	z-index: 12;
}

nav.main.fixed {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	padding: 10px 0;
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#aaaaaa')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#aaaaaa');*/
	background-color: #ffffff; 
}

nav.main ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

nav.main li {
	display: block;
	float: left;
}

nav.main li a {
	display: block;
	float: left;
	height: 14px;
	text-decoration: none;
	background-image: url('../img/nav.png');
	background-repeat: no-repeat;
}

nav.main .home a {
	width: 123px;
	background-position: 0px 0px;
}

nav.main .home a:hover {
	background-position: 0px -14px;
}

nav.main.fixed .home a:hover {
	background-position: 0px -28px;
}

nav.main .offer a {
	width: 56px;
	background-position: -123px 0px;
}

nav.main .offer a:hover {
	background-position: -123px -14px;
}

nav.main.fixed .offer a:hover {
	background-position: -123px -28px;
}

nav.main .gallery a {
	background-position: -179px 0px;
	width: 103px;
}

nav.main .gallery a:hover {
	background-position: -179px -14px;
}

nav.main.fixed .gallery a:hover {
	background-position: -179px -28px;
}

nav.main .contact a {
	background-position: -282px 0px;
	width: 66px;
}

nav.main .contact a:hover {
	background-position: -282px -14px;
}

nav.main.fixed .contact a:hover {
	background-position: -282px -28px;
}

nav.main .separator {
	float: left;
	width: 8px;
	height: 14px;
	margin: 0 4px;
	background-image: url('../img/nav.png');
	background-position: -348px 0px;
	background-repeat: no-repeat;
}

#head-bottom {
	position: absolute;
	top: 143px;
	left: 0;
	width: 320px;
	margin-top: 7px;
}

#head-bottom .text {
	margin-right: 30px;
}

#head-bottom .title {
	height: 105px;
	width: 304px;
	margin-top: 7px;
	background-image: url('../img/header-title-1.png');
	background-repeat: no-repeat;
}

#owner-photo {
	position: absolute;
	top: 100px;
	left: 469px;
	width: 339px;
	height: 340px;
	background-image: url('../img/owner.png');
}

#offer {
	background-color: #FFF;
}

#offer-details .content {
	margin-bottom: 53px;
}

#offer-details .icon {
	width: 109px;
	height: 125px;
	margin: 3px auto 0 auto;
	border-right: 11px solid #fff;
	background-image: url('../img/offer-icons.png');
	background-repeat: no-repeat;	
}

#offer-details .text {
	margin-top: 30px;
	margin-right: 30px;
}

#offer-details .title {
	height: 24px;
	background-repeat: no-repeat;
}

#offer-details .offer-1 .icon {
	background-position: 0px 0px;
}

#offer-details .offer-2 .icon {
	background-position: -109px 0px;
}

#offer-details .offer-3 .icon {
	background-position: -218px 0px;
}

#offer-location {
	background-color: #205f69;
}

#offer-location .title {
	width: 587px;
	height: 52px;
	background-image: url('../img/offer-title-4.png');
	background-repeat: no-repeat;	
}

#offer-location .content {
	padding-top: 53px;
	padding-bottom: 55px;
}

#offer-location .content h2 {
	margin-top: -4px;
}

#offer-location-map {
	width: 231px;
	height: 170px;
	/*padding-left: 64px;*/
	/*padding-top: 53px;*/
	background-image: url('../img/map.png');
	background-repeat: no-repeat;
	background-position: 64px 0;
}

#gallery-desc {
	background-color: #FFFFFF;
	overflow: hidden;
}

#gallery-desc .content {
	margin-top: 62px;
	margin-bottom: 85px;
}

#gallery-desc .content .icon {
	height: 86px;
	width: 81px;
	margin: 0 auto 32px auto;
	background-image: url('../img/gallery-desc-icon.png');
	background-repeat: no-repeat;
}

#gallery-main {
	height: 358px;
	background-color: #c0e2da;
}

#gallery-main .content {
	position: relative;
	height: 319px;
	overflow: hidden;
	padding-top: 39px;
}

#gallery-prev, #gallery-prev-hover, #gallery-next, #gallery-next-hover {
	position: absolute;
	top: 156px;
	overflow: hidden;
	width: 46px;
	height: 46px;
	background-image: url('../img/gallery-ctls.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

#gallery-prev {
	left: 0;
}

#gallery-prev:hover {
	left: 0;
	background-position: 0 -46px;
}

#gallery-next {
	right: 0;
	background-position: -46px 0;
}

#gallery-next:hover {
	background-position: -46px -46px;
}

#gallery-content { /* height 358*/
	position: absolute;
	left: 46px;
	overflow: hidden;
	width: 868px;
	height: 100%;
}

#gallery-content .photo {
	position: absolute;
	float: left;
	display: block;
	height: 195px;
	width: 262px;
	margin-top: 38px;
	border: 7px solid #fff;
	z-index: 9;
 	-webkit-box-shadow: 3px 4px 14px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 4px 14px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 4px 14px rgba(0, 0, 0, 0.15);
    image-rendering: optimizeQuality;
}

#gallery-content .photo.large {
	height: 272px;
	width: 366px;
	margin-top: 0;
	z-index: 10;
}

#contact-desc .content {
	margin-top: 56px;
	margin-bottom: 46px;
}

#contact-desc .content .photo {
	height: 140px;
	width: 144px;
	margin: 29px auto 0 auto;
	background-image: url('../img/contact-desc-photo.png');
	background-repeat: no-repeat;
}

#contact-main {
	background-color: #e9fff8;
}

#contact-main .content {
	position: relative;
	padding-top: 47px;
	padding-bottom: 47px;
}

#contact-main .content p {
	 margin-right: 3px;
}

#contact-main .content .icon {
	position: absolute;
	right: 0;
	bottom: 47px;
	height: 104px;
	width: 216px;
	background-image: url('../img/contact-main-icon.png');
	background-repeat: no-repeat;
}