/*  Tags Declaration  */
BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: left top;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
A {text-decoration: none;}
A:HOVER {text-decoration: underline;}
IMG {border: none;}
FORM {
	padding: 0;
	margin: 0;
}
BODY,.page-1,.page-2 {
	background-image: url("../images/backgrounds/page-home.jpg");
}
.page-11 {
	background-image: url("../images/backgrounds/page-about.jpg");
}
.page-6 {
	background-image: url("../images/backgrounds/page-how.jpg");
}
.page-8 {
	background-image: url("../images/backgrounds/page-design.jpg");
}
.page-9 {
	background-image: url("../images/backgrounds/page-panoramic.jpg");
}
.page-10 {
	background-image: url("../images/backgrounds/page-gallery.jpg");
}



.relax{
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 1px;
}
IMG#bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#content {
	position:relative;
	z-index:1;
}
.container {
	/*min-width: 1000px;
	overflow: hidden;*/
}

/*  Page  */
#page {
    margin: auto;
    width: 1028px;
}
.page-container {
	margin: auto;
	width: 960px;
	text-align: left;
}
.logotype {
	display: block;
	height: 69px;
	width: 235px;
	background: url("../images/logotype/watershape.png") no-repeat;
}
.logotype IMG {display: none;}

/*  Header  */
.header {
	padding: 31px 0 17px 42px;
	font-size: 1px;
	line-height: 0;
}

/*  Main menu  */
.main-menu {
	font-size: 13px;
	line-height: 14px;
	position: relative;
	z-index: 1000;
}
.main-menu .bg-menu-top {
	height: 15px;
	background: url("../images/backgrounds/menu-top.gif") no-repeat;
	font-size: 1px;
	line-height: 0;
}
.main-menu .main-menu-container {
	background: url("../images/backgrounds/menu.gif") repeat-x left top;
	padding: 18px 0px;
}
.main-menu UL {
	padding: 0 0 0 95px;
	margin: 0;
	list-style: none;
	text-align: center;
}
.main-menu UL LI {
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
	list-style: none;
/*	position: relative;*/
	left: 0;
	top: 0;
}
.main-menu UL LI:HOVER,.main-menu UL LI:HOVER A {position: relative;}
.main-menu UL LI:HOVER,
.main-menu UL LI.selected {background: url("../images/backgrounds/main-menu-item.jpg") left top repeat-x;}
.main-menu A {
	display: block;
	color: #394C86;
	/*position: relative;*/
	z-index: 100;
}
.main-menu UL LI.selected A,
.main-menu UL LI:HOVER A {
	background: url("../images/backgrounds/main-menu-item-right.jpg") right top no-repeat;
	text-decoration: none;
}
.main-menu A .left {
	display: block;
	padding: 14px 18px 15px; 
}
.main-menu UL LI.selected A .left,
.main-menu UL LI:HOVER A .left {background: url("../images/backgrounds/main-menu-item-left.jpg") left top no-repeat;}

.main-menu UL LI UL {
	float: none;
	width: 242px;
	position: absolute;
	top: 53px;
	left: -5px;
	text-align: left;
	padding: 0;
	margin: 0;
	z-index: 100;
	display: none;
}
.main-menu UL LI:HOVER UL {display: block;}
.main-menu UL LI UL LI,
.main-menu UL LI UL LI:HOVER {
	float: none;
	padding: 0;
	margin: -10px 0 0 0;
	height: 100%;
	background: none;
}
.main-menu UL LI UL LI A {
	padding: 13px 0 25px 22px;
	
}
.main-menu UL LI UL LI.selected {background: none;}

.main-menu UL LI.selected UL LI A,
.main-menu UL LI.selected:HOVER UL LI A,
.main-menu UL LI UL LI:HOVER A,
.main-menu UL LI:HOVER UL LI A,
.main-menu UL LI UL LI A {
	background: url("../images/backgrounds/sub-menu-item.png") no-repeat;
	height: 100%;
	cursor: pointer;
}

/*  Content  */
.content {
	text-align: center;
}
.content .bg-content-top {
	/*height: 148px;*/
	/*background: url("../images/backgrounds/b-content-t.png") no-repeat top;*/
	overflow: hidden;
}

.content .content-shadow {
	background: url("../images/backgrounds/content-shadow.png") repeat-y left top;
	height: 100%;
	overflow: hidden;
}
.content .bg-content-bottom {
	height: 97px;
	background: url("../images/backgrounds/s-content-b.png") no-repeat bottom;
	font-size: 1px;
	line-height: 0;
}
.content .page-container {
	background: url("../images/backgrounds/b-content.png") repeat-x left bottom;
	overflow: hidden;
	/*min-height: 511px;
	height: auto !important;
	height: 511px;*/
	/*max-height: 525px;
	min-height: 488px;*/
}
.page-1 .content .page-container {
	height: 194px;
	min-height: 0px;
	max-height: none;
	background: url("../images/backgrounds/s-content.png") repeat-x left bottom;
}
.content .bg-content-top .page-container {
	/*background: none;*/
	height: auto;
	max-height: none;
	background: url("../images/backgrounds/b-content-t.png") no-repeat top;
	width: 100%;
	min-height: 0;
}
.page-1 .content .bg-content-top {
    background: url("../images/backgrounds/s-content-t.png") no-repeat top;
}
.content H1, .content H2, .content H3 {
	padding: 0;
	margin: 0;
	font-family: Georgia, serif;
	font-weight: normal;
	/*position: relative;*/
	line-height: 90%;
}
.home-content-menu {padding: 0 0 0 25px;}
.home-content-menu A IMG {display: none;}
.home-content-menu A {
	height: 195px;
	width: 269px;
	float: left;
	margin: 0 11px 0 0;
	position: relative;
	z-index: 1000;
	cursor: pointer;
}
A.easy-steps {
	background: url("../images/buttons/few-easy-steps.png") no-repeat;
}
A.gallery {
	width: 355px;
	background: url("../images/buttons/gallery.png") no-repeat;
}
A.pool-tours {
	height: 195px;
	width: 269px;
	background: url("../images/buttons/panoramic-pool-tours.png") no-repeat;
}
A.pool-tours,
A.gallery-pool-constr {
	display: block;
	cursor: pointer;
}
A.pool-tours IMG,
A.gallery-pool-constr IMG {display: none;}
A.gallery-pool-constr {
	width: 270px;
	height: 173px;
	background: url("../images/buttons/gallery-poll-constr.png") no-repeat;
	margin-top: 3px;
}
A.footer-logo {
	display: block;
	margin: auto;
	width: 163px;
	height: 16px;
	background: url("../images/logotype/sorengrau.png") no-repeat;
	cursor: pointer;
	position: relative;
	top: 35px;
}
A.footer-logo IMG {display: none;}
.content H2 {
	font-size: 36px;
	color: #394C86;
	padding: 50px 0 0 104px;
}
.content H2 SPAN {color: #FFFFFF;}
.content H2 SPAN.fz90 {
	font-size: 90px;
	color: #394C86;
}
.page-1 .content H2 {
	font-size: 40px;
	padding: 20px 0 0 0;
	margin: 0px 0pt 0pt 110px;
}
.page-1 .content H2 SPAN.fz90 {
	line-height: 100%;
	margin: 0 0 0 164px;
}
.girl IMG {display: none;}
.girl {
	float: left;
	width: 170px;
	height: 430px;
	background: url("../images/pictures/girl.png") no-repeat;
	/*margin: 0px 0 0 60px;*/
	position: relative;
	left: 60px;
}

/*  Contact Form  */
.contact-from {
	float: right;
	width: 618px;
	position: relative;
	right: 72px;
	font-size: 13px;
	color: #FFFFFF;
}
.contact-from .row-height {
	clear: both;
	font-size: 1px;
	line-height: 0;
	height: 12px;
}
.contact-from P {
	padding: 0;
	margin: 10px 0 40px 0;
}
.form-left {
	float: left;
	width: 265px;
	background: url("../images/contact-form/form-separator.gif") right 4px no-repeat;
}
.form-right {
	float: right;
	width: 320px;
}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	margin: 0;
}
label {
	color: #FFFFFF;
	cursor: pointer;
	line-height: 16px;
}
.form-left LABEL {
	float: left;
	width: 92px;
}
LABEL.left-label {
	float: left;
	width: 110px;
}
label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(../images/contact-form/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../images/contact-form/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
/*	clear:left;*/
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(../images/contact-form/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(../images/contact-form/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height: 19px;
	background: url(../images/contact-form/input_bg.gif) repeat-x left top;
	border: none;
	padding: 2px 0 0 0;
	margin: 0;
	vertical-align: middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(../images/contact-form/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/contact-form/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../images/contact-form/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/contact-form/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/contact-form/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/contact-form/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../images/contact-form/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(../images/contact-form/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	float: left;
	width:200px;
	height:21px;
	background:url(../images/contact-form/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../images/contact-form/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../images/contact-form/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position: absolute;
	margin-top: -1px;
	margin-left: 3px;
	width: 172px;
	background: #71C3EC;
	padding: 2px;
	font-size: 11px;
	z-index: 20;
	text-align: left;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color: #F2F2F2;
	text-decoration: none;
	display: block;
	padding: 1px 4px;
}
.optionsDivVisible a:hover {
	color: #000;
	background: #F9F8F8;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width: auto;
	height: 42px;
	color: #0A84CE;
	font-size: 18px;
	padding: 2px;
	background: url(../images/contact-form/button_bg.gif) repeat-x left top;
	cursor: pointer;
	border: none;
	font-family: Georgia, serif;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}
.width-190 {width: 190px;}
.checkboxes LABEL {
	float: left;
}
.checkboxes .checkboxArea,
.checkboxes .checkboxAreaChecked {
	margin-right: 12px !important;
}
.checkboxes .label-left {
	width: auto;
	margin-right: 12px;
}
.align-right {text-align: right;}
.txtarea {margin-top: 10px;}
/*  END Contact Form  */


.left-col {
	float: left;
	width: 305px;
	/*position: relative;
	left: 40px;*/
	display: inline;
	margin-left: 40px;
	min-height: 490px;
	height: auto !important;
	height: 490px;
}
.right-col {
	float: right;
	width: 560px;
	/*position: relative;
	right: 53px;*/
	margin-right: 53px;
}
.right-col A {
	color: #4060C2;
	font-weight: bold;
}

.right-col IMG {
    float:right;
	margin: 20px;
}
.right-col H3 {
	padding: 0;
	margin: 0;
	color: #394C86;
	font-size: 16px;
	font-weight: bold;
}
.left-col,
.right-col {padding-top: 20px;}
.bg-content-top .right-col {padding-top: 0;} 
.right-col H2 {
	padding-left: 0;
}
.right-col H4,
.right-col SPAN,
.right-col P {
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 13px;
	color: #FFFFFF;
}
a.QE_Link {position: absolute !important;}
.galery-block-list {
    float: right;
    width: 300px;
    height: 370px;
    margin: 0;
    overflow: auto;
    position: relative;
    z-index: 100;
}

.loading {
	background: url(../images/backgrounds/loading.gif) 20% 40% no-repeat;
}
.galery-container IMG {border: 6px solid #FFFFFF;}
.slideshowThumbnail img {
	padding: 4px;
	margin: 0px 30px 10px 0;
	border: none;
}
.galery-block-list .row {
	width: 300px;
	float: none;
	display: inline;
}
a:hover.slideshowThumbnail {text-decoration: none;}
a:hover.slideshowThumbnail img {
	padding: 4px;
}

.slideshowThumbnail {
    margin: 0px 0px 20px 0px;
    padding: 0;
    outline: none;
}
/*  Fix for Safari  */
/*\*/
html>body* .slideshowThumbnail {
	z-index: 10000000;
}
/**/



.current img {
	padding: 5px;
}

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
	z-index: 1;
	display: none;
}


UL {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#thumbnails_contentwrapper {

z-index: 100000;

}
.galery-container {
    left:36px;
    width:867px;
}
.galery-block {padding-top: 40px;}
.imageLoader1,.imageLoader2,.imageLoader3
.imageLoader4,.imageLoader5,.imageLoader6 {visibility: hidden;}
.imageLoader1 {background: url(../images/backgrounds/page-gallery.jpg);}
.imageLoader2 {background: url(../images/backgrounds/page-panoramic.jpg);}
.imageLoader3 {background: url(../images/backgrounds/page-design.jpg);}

.imageLoader4 {background: url(../images/backgrounds/page-about.jpg);}
.imageLoader5 {background: url(../images/backgrounds/page-home.jpg);}
.imageLoader6 {background: url(../images/backgrounds/page-how.jpg);}
.content UL {
	color: #FFFFFF;
	font-size:13px;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	list-style-type: square;
}
.content UL  LI {padding-bottom: 5px;}
.niceform .form-right .align-right {
	font-size: 1px;
	line-height: 0px;
	
}


/* CSS For Gallery 2 */
#gsFooter,#gsHeader {display: none;}
#gallery {
    background-color:none !important;
    color:#FFFFFF !important;
}
#gsNavBar {border: none !important;}
#gallery a,#gallery a:hover, #gallery a:active {
    color:#4060C2;
}
.gcBackground2,
.gbBlock {background: white !important;}