@import url( reset.css );
html {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
body {
	background: rgb(255, 255, 255); height: 100%; color: rgb(0, 0, 0); line-height: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; min-height: 100%;
}
.boxs {
	width: 100%; clear: both; float: left;
}
.addthis_toolbox {
	padding: 17px 16px; white-space: nowrap;
}
.galleria-container {
	z-index: 998 !important;
}
.slider {
	left: 20px; top: 0px; width: 186px; position: absolute; z-index: 999;
}
.sliderRight {
	top: 0px; right: 10px; position: absolute; z-index: 999;
}
.slider .slide {
	display: none;
}
.slider .inside {
	background: rgba(0, 0, 0, 0.5); padding: 0px 8px; border-radius: 0px 0px 4px 4px; width: 170px; color: rgb(255, 255, 255); float: left; box-shadow: 0px 0px 5px #222; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-box-shadow: 0 0 5px #222; -webkit-box-shadow: 0 0 5px #222;
}
.sliderRight .insideRight {
	background: rgb(0, 0, 0); padding: 0px 8px; border-radius: 0px 0px 4px 4px; width: 32px; color: rgb(255, 255, 255); float: left; box-shadow: 0px 0px 5px #222; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-box-shadow: 0 0 5px #222; -webkit-box-shadow: 0 0 5px #222;
}
.slider:hover .inside {
	background: rgb(0, 0, 0);
}
.slider:hover .arr {
	opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
.slider .profile {
	background: rgba(0, 0, 0, 0.5); padding: 10px 0px; border-radius: 4px; text-align: center; margin-bottom: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.slider .profile h2 {
	font-size: 18px; margin-bottom: 10px;
}
.slider .profile h3 {
	font-size: 14px; margin-bottom: 0px;
}
.slider .menu a {
	border-radius: 4px; width: 130px; color: rgb(255, 255, 255); line-height: 38px; padding-left: 40px; font-size: 13px; margin-bottom: 10px; float: left; display: block; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.slider .menu .tour a {
	background-position: 14px 8px; background-image: url("../images/icons/tour.png");
}
.slider .menu .youtube a {
	background-position: 10px 10px; background-image: url("../images/icons/tube.png");
}
.slider .menu .vimeovideo a {
	background-position: 10px 10px; background-image: url("../images/icons/hd.png");
}
.slider .menu .listing a {
	background-position: 10px 10px; background-image: url("../images/icons/listing.png");
}
.slider .menu .calculator a {
	background-position: 13px 7px; background-image: url("../images/icons/calculator.png");
}
.slider .menu .map a {
	background-position: 10px 10px; background-image: url("../images/icons/map.png");
}
.slider .menu .sheet a {
	background-position: 17px 8px; background-image: url("../images/icons/sheet.png");
}
.slider .menu .contact a {
	background-position: 12px 9px; background-image: url("../images/icons/contact.png");
}
.slider .menu a:hover {
	text-decoration: underline;
}
.slider .arr {
	background: url("../images/arrup.jpg") no-repeat center rgb(0, 0, 0); border-radius: 0px 0px 4px 4px; width: 100px; height: 17px; text-indent: -9999px; clear: both; margin-left: 43px; float: left; display: block; opacity: 0.5; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-opacity: .5; -khtml-opacity: .5;
}
.slider .arr:hover {
	opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
.slider .show.arr {
	background-image: url("../images/arrdown.jpg");
}
.overlay {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 1000; opacity: 0.6; -moz-opacity: .6; -khtml-opacity: .6;
}
.modal {
	background: rgb(0, 0, 0); left: 50%; top: 50%; width: 750px; color: rgb(200, 200, 200); display: none; position: absolute; z-index: 1001; box-shadow: 0px 0px 5px #222; -moz-box-shadow: 0 0 5px #222; -webkit-box-shadow: 0 0 5px #222;
}
.details.modal {
	width: 785px;
}
.details.modal .inside {
	width: 755px; height: 500px; overflow: hidden;
}
.modal .inside {
	padding: 15px; width: 720px; float: left;
}
.modal .close {
	background: url("../images/close.png") no-repeat; top: -17px; width: 43px; height: 43px; right: -17px; text-indent: -9999px; display: block; position: absolute;
}
.modal .title {
	margin-bottom: 10px;
}
.modal h2 {
	font-size: 20px;
}
.modal .title.main h2 {
	line-height: 38px; padding-left: 30px; margin-bottom: 0px; background-repeat: no-repeat;
}
.modal .details.main h2 {
	background-position: left 10px; background-image: url("../images/icons/listing.png");
}
.modal .calculator.main h2 {
	background-position: left 7px; background-image: url("../images/icons/calculator.png");
}
.modal .map.main h2 {
	background-position: left 7px; background-image: url("../images/icons/map.png");
}
.modal .contact.main h2 {
	background-position: left 9px; background-image: url("../images/icons/contact.png");
}
.modal .sheet.main h2 {
	background-position: left 9px; background-image: url("../images/icons/sheet.png");
}
.modal .mail.main h2 {
	background-position: left 11px; background-image: url("../images/icons/mail.png");
}
.modal .desc {
	padding-bottom: 20px; margin-bottom: 20px; border-bottom-color: rgb(44, 44, 44); border-bottom-width: 2px; border-bottom-style: dashed;
}
.modal .desc .img {
	line-height: 0; font-size: 0px;
}
.modal .desc .img img {
	border: 1px solid rgb(137, 137, 137); border-image: none;
}
.modal .desc .col {
	float: left;
}
.modal .desc .img.col {
	width: 215px; margin-right: 15px;
}
.modal .desc .last.col {
	width: 490px;
}
.modal .desc .last .nl {
	width: 245px; float: left;
}
.modal .desc .last .nl li {
	line-height: 21px;
}
.modal .desc .row {
	margin-bottom: 20px;
}
.modal .desc .last.row {
	margin-bottom: 0px;
}
.modal .desc li span {
	color: rgb(255, 255, 255); font-weight: bold; margin-left: 4px;
}
.modal h3 {
	font-size: 15px; font-weight: normal;
}
.modal .features {
	width: 450px; float: left;
}
.modal .features .col {
	width: 200px; margin-right: 25px; float: left;
}
.modal .features .col li {
	color: rgb(255, 255, 255);
}
.modal .features .col .odd {
	clear: right; float: left;
}
.modal .features .col .even {
	float: right;
}
.modal .rooms .row {
	padding-bottom: 15px; margin-bottom: 15px; border-bottom-color: rgb(44, 44, 44); border-bottom-width: 1px; border-bottom-style: dashed;
}
.modal .features .row {
	padding-bottom: 15px; margin-bottom: 15px; border-bottom-color: rgb(44, 44, 44); border-bottom-width: 1px; border-bottom-style: dashed;
}
.modal .features .last.row {
	padding-bottom: 0px; margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.modal .rooms .last.row {
	padding-bottom: 0px; margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.modal .rooms {
	width: 250px; float: right;
}
.modal .rooms .row li {
	color: rgb(255, 255, 255);
}
.modal .rooms .row li span {
	float: right;
}
.calc.modal {
	width: 830px;
}
.calc.modal .inside {
	width: 800px;
}
.modal .calculate {
	padding-bottom: 10px; margin-bottom: 20px; border-bottom-color: rgb(44, 44, 44); border-bottom-width: 2px; border-bottom-style: dashed;
}
.modal .calculate p {
	margin: 0px 20px 10px 0px; width: 184px; float: left;
}
.modal .calculate .last {
	margin-right: 0px;
}
.modal .blocks label {
	width: 100%; margin-bottom: 5px; display: block;
}
.modal .text {
	border: currentColor; border-image: none; color: rgb(0, 0, 0); font-size: 12px;
}
.modal .textarea {
	border: currentColor; border-image: none; color: rgb(0, 0, 0); font-size: 12px;
}
.modal .text {
	padding: 0px 5px; height: 20px; line-height: 20px;
}
.modal .textarea {
	padding: 10px;
}
.calc.modal .text {
	width: 174px;
}
.modal .btn {
	background: url("../images/btnbgx.jpg") repeat-x bottom rgb(166, 166, 166); padding: 0px 20px; border-radius: 30px; border: 1px solid rgb(255, 255, 255); border-image: none; height: 30px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 30px; font-size: 12px; font-weight: bold; float: left; display: block; -moz-border-radius: 30px; -webkit-border-radius: 30px;
}
.calc.modal .btn {
	bottom: 4px; position: relative;
}
.modal .calcrows label {
	top: 10px; width: 182px; text-align: right; color: rgb(255, 255, 255); line-height: 25px; margin-right: 20px; float: left; position: relative;
}
.modal .calcrows .text {
	height: 20px; line-height: 20px;
}
.modal .calcrows .first.row label {
	top: 0px;
}
.modal .calcrows p {
	border-width: 0px 1px 1px 0px; border-style: dashed; border-color: rgb(44, 44, 44); margin: 0px; padding: 7px 11px; border-image: none; float: left;
}
.modal .calcrows .first.row p {
	padding-top: 0px;
}
.modal .calcrows .last.row p {
	padding-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.modal .calcrows p.first {
	padding-left: 0px;
}
.modal .calcrows p.last {
	padding-right: 0px; border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.modal .profile {
	padding-bottom: 20px; margin-bottom: 10px; border-bottom-color: rgb(44, 44, 44); border-bottom-width: 2px; border-bottom-style: dashed;
}
.modal .profile .img img {
	border: 1px solid rgb(137, 137, 137); border-image: none;
}
.modal .profile .img {
	text-align: center; color: rgb(255, 255, 255); line-height: 16px;
}
.modal .profile .img h3 {
	margin-bottom: 0px;
}
.modal .profile .col {
	float: left;
}
.modal .profile .img.col {
	width: 130px; margin-right: 15px;
}
.modal .profile .last.col {
	width: 575px; padding-top: 24px; position: relative;
}
.modal .profile .last.col .abs {
	top: 0px; text-align: right; right: 0px; position: absolute;
}
.modal .profile .last.col .name {
	color: rgb(255, 255, 255); font-size: 18px;
}
.modal .profile .row {
	margin-bottom: 20px;
}
.modal .profile .last.row {
	margin-bottom: 0px;
}
.modal .profile li span {
	color: rgb(255, 255, 255); font-weight: bold; margin-left: 4px;
}
.modal .profile li a {
	color: rgb(255, 255, 255); font-weight: bold; margin-left: 4px;
}
.modal .contactform {
	width: 480px; position: relative;
}
.modal .contactform .blocks {
	margin-left: 30px;
}
.modal .contactform p {
	margin: 0px 25px 10px 0px; width: 200px; float: left;
}
.modal .contactform .abs {
	left: 470px; bottom: 0px; position: absolute;
}
.modal .contactform .full {
	margin: 0px; width: 425px;
}
.modal .contactform .text {
	width: 184px; height: 25px; line-height: 25px;
}
.modal .contactform .textarea {
	width: 405px; height: 55px;
}
.slider a {
	
}
.modal a {
	
}
.modal .jspContainer {
	position: relative;
}
.modal .jspPane {
	position: absolute;
}
.modal .jspVerticalBar {
	top: 33px; width: 15px; height: 80%; right: 5px; position: absolute;
}
.modal .jspVerticalBar * {
	margin: 0px; padding: 0px;
}
.modal .jspCap {
	display: none;
}
.modal .jspTrack {
	background: url("../images/track.gif") repeat-y; height: 460px !important; position: relative;
}
.modal .jspDrag {
	background: url("../images/drag.jpg") no-repeat; left: 0px; top: 0px; position: relative; cursor: pointer;
}
.modal .jspHorizontalBar .jspTrack {
	height: 100%; float: left;
}
.modal .jspHorizontalBar .jspDrag {
	height: 100%; float: left;
}
a {
	color: rgb(149, 53, 53); text-decoration: none;
}
a:hover {
	color: rgb(238, 238, 238);
}
div#tipDiv {
	padding: 4px; border: 1px solid rgb(27, 127, 216); border-image: none; width: 250px; background-color: rgb(237, 239, 240);
}
#overlay {
	background: rgb(0, 0, 0); left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 10000; opacity: 0.5;
}
#popup {
	padding: 50px; left: 31%; width: 380px; text-align: center; position: fixed; z-index: 20000; -moz-border-radius: 30px 0;
}
.jScrollPaneContainer {
	outline: 0px;
}
.jspScrollable {
	outline: 0px;
}
.jspContainer {
	outline: 0px;
}