@import url("/css/fck_editorarea.css");


/* HEADER */

form > header {
	background: url(/images/header-bg-repeat.jpg) center 0 repeat-x;
	}

form > header a {
	color: #83b9d5;
	}

form > header a:hover {
	color: #9ccee8;
	}

form > header .bounds {
	height: 220px;
	overflow: hidden;
	background: url(/images/header-bg-centered.jpg) center 0 no-repeat;
	color: #9a9faa;
	text-shadow: 0 1px 3px rgba(0,0,0,0.25);
	}

form > header .necklace {
	position: relative;
	margin: 0 auto;
	width: 235px;
	height: 112px;
	background: url(/images/header-necklace.png) 0 no-repeat;
	-webkit-transform: translateY(0);
	-webkit-transition-duration: 600ms;
	-webkit-transition-delay: 500ms;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-timing-function: ease;
	}

/*.loading form > header .necklace {
	-webkit-transform: translateY(-112px);
	}*/

form > header .necklace .shine {
	position: absolute;
	right: 12px;
	top: 13px;
	width: 45px;
	height: 49px;
	background: url(/images/header-necklace-shine.png) 0 no-repeat;
	-webkit-transform: rotate(0) scale(1);
	-webkit-transition-duration: 500ms;
	-webkit-transition-delay: 1100ms;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-timing-function: ease;
	}

/*.loading form > header .necklace .shine {
	-webkit-transform: rotate(20deg) scale(0);
	}*/

form > header h1 {
	margin: 5px 0 12px;
	text-align: center;
	}

form > header h1 a {
	color: #eeeded;
	}

form > header .vcard {
	text-align: center;
	font-size: 110%;
	}

form > header .address:after {
	content: "\00a0\00a0|\00a0\00a0"
	}

	form > header .email:before {
		content: "\00a0\00a0|\00a0\00a0"
		}

form > header .street:after, .city:after {
	content: ","
	}

form > header .phone {
	color: #83b9d5;
	font-style: italic;
	}

.login {
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	background: rgba(0,0,0,0.4) url(/images/icon-login.png) 10px center no-repeat;;
	padding: 10px 15px 10px 42px;
	}

.navHome {
	display: block;
	position: absolute;
	left: 10px;
	top: 0;
	background: rgba(0,0,0,0.4) url(/images/icon-home.png) 10px center no-repeat;;
	padding: 10px 15px 10px 42px;
	}


/* CONTENT */

section {
	margin: 50px 0 35px;
	}

section.intro {
	margin-top: 30px;
	margin-bottom: -15px;
	}

section nav {
	position: absolute;
	left: 10px;
	top: -31px;
	}

section nav a {
	display: block;
	float: left;
	margin-right: 35px;
	padding-left: 18px;
	background-position: 0 1px;
	background-repeat: no-repeat;
	}

section nav a.back {
	background-image: url(/images/back.png);
	}

section nav a.home {
	background-image: url(/images/home.png);
	}

section header {
	margin: 0 10px 20px 10px;
	border-top-width: 1px;
	border-color: #adb1b5;
	border-style: solid;
	}

section header.bg {
	text-align: center;
	padding: 25px 0 15px;
	border-width: 1px 0;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 15%, rgba(255,255,255,0.55) 85%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(15%,rgba(255,255,255,0.55)), color-stop(85%,rgba(255,255,255,0.55)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 15%,rgba(255,255,255,0.55) 85%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 15%,rgba(255,255,255,0.55) 85%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 15%,rgba(255,255,255,0.55) 85%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 15%,rgba(255,255,255,0.55) 85%,rgba(255,255,255,0) 100%);
	}

section header h2 {
	line-height: 1em;
	margin: 0;
	font-size: 155%;
	color: #4f86a3;
	}

.block-wrapper {
	overflow: hidden;
	}

.block {
	display: block;
	background: #ffffff;
	box-shadow: 0 1px 5px rgba(0,0,0,0.25);
	margin: 10px 0;
	-webkit-transition: -webkit-transform 200ms ease;
	}

a.block:hover {
	-webkit-transform: scale(1.03);
	}

.block .image {
	display: block;
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
	}

.block .label {
	display: block;
	line-height: 48px;
	text-align: center;
	font-size: 125%;
	color: #5a728a;
	font-style: italic;
	background: url(/images/arrow.png) right center no-repeat;
	}

.block .label.price {
	padding-left: 15px;
	text-align: left;
	font-style: normal;
	}

.button,
a.button {
	position: relative;
	cursor: pointer;
	display: block;
	color: #ffffff;
	border: 1px solid #4f778d;
	background-color: #6694ad;
	text-shadow: 0 -1px 0 #375363;
	background-image: -moz-linear-gradient(top,  rgba(151,219,255,0.15) 0%, rgba(151,219,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,219,255,0.15)), color-stop(100%,rgba(151,219,255,0)));
	background-image: -webkit-linear-gradient(top,  rgba(151,219,255,0.15) 0%,rgba(151,219,255,0) 100%);
	background-image: -o-linear-gradient(top,  rgba(151,219,255,0.15) 0%,rgba(151,219,255,0) 100%);
	background-image: -ms-linear-gradient(top,  rgba(151,219,255,0.15) 0%,rgba(151,219,255,0) 100%);
	background-image: linear-gradient(to bottom,  rgba(151,219,255,0.15) 0%,rgba(151,219,255,0) 100%);
	-webkit-box-shadow: inset 0 1px 0 rgba(151,219,255,0.7);
	font-size: 130%;
	padding: 10px 50px;
	-webkit-border-radius: 30px;
	   -moz-border-radius: 30px;
	    -ms-border-radius: 30px;
	     -o-border-radius: 30px;
	        border-radius: 30px;
	}

.button:hover {
	background-color: #5c889f;
	}

.button.inquire {
	position: absolute;
	right: 10px;
	top: 110px;
	padding-left: 75px;
	}

.button.inquire:before {
	content: "";
	display: block;
	position: absolute;
	left: 43px;
	top: 50%;
	width: 21px;
	height: 18px;
	margin-top: -9px;
	background: url(/images/icon-inquire.png) 0 no-repeat;
	}

a.pdf {
	float: left;
	display: block;
	height: 58px;
	padding-left: 55px;
	line-height: 58px;
	white-space: nowrap;
	background: url(/images/icon-pdf.png) 0 0 no-repeat;
	}


/* FOOTER */

footer {
	background: #cbd0d3;
	color: #8f989e;
	font-size: 90%;
	padding: 25px 0;
	margin-top: 50px;
	}

.createdby {
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 110px;
	height: 31px;
	margin-top: -15px;
	opacity: 0.5;
	background: url(/images/createdby.png) 0 no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	}

.createdby:hover {
	opacity: 1;
	}


/* 12-COLUMN GRID */

.bounds {
	position: relative;
	width: 960px;
	margin: 0 auto;
	}

#newRows .column {
	page-break-inside: avoid;
}

.column {
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;	
	}

.reverse .column { float: right }

.span1	{ width: 8.333333% }
.span2	{ width: 16.666666% }
.span3	{ width: 25% }
.span4	{ width: 33.333333% }
.span5	{ width: 41.666666% }
.span6	{ width: 50% }
.span7	{ width: 58.333333% }
.span8	{ width: 66.666666% }
.span9	{ width: 75% }
.span10	{ width: 83.333333% }
.span11	{ width: 91.666666% }
.span12	{ width: 100% }

.gap1	{ margin: 0 0 0 8.333333% }
.gap2	{ margin: 0 0 0 16.666666% }
.gap3	{ margin: 0 0 0 25% }
.gap4	{ margin: 0 0 0 33.333333% }
.gap5	{ margin: 0 0 0 41.666666% }
.gap6	{ margin: 0 0 0 50% }
.gap7	{ margin: 0 0 0 58.333333% }
.gap8	{ margin: 0 0 0 66.666666% }
.gap9	{ margin: 0 0 0 75% }
.gap10	{ margin: 0 0 0 83.333333% }
.gap11	{ margin: 0 0 0 91.666666% }
.gap12	{ margin: 0 0 0 100% }

.reverse .gap1	{ margin: 0 8.333333% 0 0 }
.reverse .gap2	{ margin: 0 16.666666% 0 0 }
.reverse .gap3	{ margin: 0 25% 0 0 }
.reverse .gap4	{ margin: 0 33.333333% 0 0 }
.reverse .gap5	{ margin: 0 41.666666% 0 0 }
.reverse .gap6	{ margin: 0 50% 0 0 }
.reverse .gap7	{ margin: 0 58.333333% 0 0 }
.reverse .gap8	{ margin: 0 66.666666% 0 0 }
.reverse .gap9	{ margin: 0 75% 0 0 }
.reverse .gap10	{ margin: 0 83.333333% 0 0 }
.reverse .gap11	{ margin: 0 91.666666% 0 0 }
.reverse .gap12	{ margin: 0 100% 0 0 }