/* CSS Document */
/* BEGIN reset css */
/* remove and neutralize the inconsistent default styling of HTML elements */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img {  border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
/* END reset css */
/* BEGIN includes */
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}
/* END includes */

/* BEGIN standard elements */
html, body {
    font-family: 'Karla', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 100%;
}
body {
}
/* END standard elements */

#preload-01 { background: url(../img/fancy-close-on.jpg) no-repeat -9999px -9999px; }

/* BEGIN layout */
#pageWrapper {
	min-width: 320px;
	width: 100%;
	position: relative;
	/*min-height: 667px;*/
}
/*@media screen and (min-width: 800px) { #pageWrapper { min-height: 768px; } }
@media screen and (min-width: 1130px) { #pageWrapper { min-height: 800px; } }*/

#headerWrapper {
	position: fixed;
	width: 100%;
	z-index: 1;
}
#headerWrapper #header {
	height: 16px;
	margin: 0 30px;
	padding-top: 32px;
	position: relative;
}
#headerWrapper #header h1 {
	text-align: center;
}
#headerWrapper #header h1 img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
@media screen and (min-width: 800px) {
	#headerWrapper #header {
		padding-top: 44px;
	}
}
@media screen and (min-width: 1130px) {
	#headerWrapper #header {
		padding-top: 56px;
	}
}

#contentWrapper {
	width: 100%;
	position: relative;
}
#contentWrapper .sectionWrapper {
	width: 100%;
	position: relative;
}

html, body { height: 100%; }
#pageWrapper { height: 100%; }
#contentWrapper { height: 100%; }
#contentWrapper .sectionWrapper { min-height: 100%; }
#contentWrapper #section1.sectionWrapper { height: 100%;  }
@media screen and (min-width: 1130px) {
	#contentWrapper .sectionWrapper { min-height: 100%; }
}

#contentWrapper .sectionWrapper .section {
	padding-top: 80px;
}
@media screen and (min-width: 800px) {
	#contentWrapper .sectionWrapper .section {
		padding-top: 93px;
	}
}
@media screen and (min-width: 1130px) {
	#contentWrapper .sectionWrapper .section {
		padding-top: 105px;
	}
}
#contentWrapper .sectionWrapper .section.full {
	height: 100%;
	padding-top: 0;
	position: relative;
}

#contentWrapper .sectionWrapper .section.full .sectionContent {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 318px;
	margin-left: -50px;
	margin-top: -159px;
	background: url(../img/logo-mobile.png) left top no-repeat transparent;
	background-size: contain;
}

#contentWrapper #navigation {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
}
#contentWrapper #navigation ul {
	text-align: center;
}
#contentWrapper #navigation ul li {
	display: inline-block;
	margin: 0 15px;
	font-size: 17px;
	line-height: 23px;
	font-weight: 400; font-style: normal;
}
#contentWrapper #navigation ul li a,
#contentWrapper #navigation ul li a:visited {
	color: #58595A;
	text-decoration: none;
}

@media screen and (min-width: 800px) {
	#contentWrapper .sectionWrapper .section.full .sectionContent {
		width: 556px;
		height: 248px;
		margin-left: -278px;
		margin-top: -124px;
		background: url(../img/logo-desktop.png) left top no-repeat transparent;
		background-size: contain;
	}
	#contentWrapper #navigation {
		bottom: 60px;
	}
}

#contentWrapper .sectionWrapper .section {
	padding-left: 35px;
	padding-right: 35px;
}
#contentWrapper .sectionWrapper .section h2 {
	color: #58595A;
	font-size: 17px;
	line-height: 23px;
	text-align: center;
	margin-bottom: 50px;
}

@media screen and (min-width: 800px) {
	#contentWrapper .sectionWrapper .section.normal {
		padding-left: 27px;
		padding-right: 27px;
		max-width: 746px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1130px) {
	#contentWrapper .sectionWrapper .section.normal .sectionContent {
		height: auto;
	}
}
.aboutWrapper {
}
.aboutWrapper h3 {
	font-weight: 700; font-style: normal;
	letter-spacing: 1px;
	font-size: 27px;
	line-height: 35px;
	color: #221F1F;
	margin-bottom: 35px;
}
.aboutWrapper .image {
	text-align: center;
	margin-bottom: 30px;
}
.aboutWrapper .image img {
	max-width: 100%;
	height: auto;
}
.aboutWrapper p {
	letter-spacing: 1px;
	font-size: 15px;
	/*font-weight: 700;*/ font-style: normal;
	line-height: 21px;
	color: #221F1F;
	margin-bottom: 21px;
}
.aboutWrapper p a,
.aboutWrapper p a:visited {
	color: #221F1F;
}
@media screen and (min-width: 800px) {
	.aboutWrapper .content1 {
		margin-bottom: 30px;
	}
	.aboutWrapper .content1 h3 {
		float: left;
		width: 49%;
		font-size: 45px;
		line-height: 46px;
		letter-spacing: 1.5px;
	}
	.aboutWrapper .content1 .image {
		float: right;
		width: 47%;
		margin-bottom: 0;
	}
	.aboutWrapper .content2 {
		padding-bottom: 20px;
	}
	.aboutWrapper .col1 {
		float: left;
		width: 49%;
		/*max-width: 352px;*/
	}
	.aboutWrapper .col2 {
		float: right;
		width: 47%;
		/*max-width: 352px;*/
	}
	.aboutWrapper p {
		font-size: 17px;
		line-height: 23px;
		margin-bottom: 23px;
	}
}

.contactsWrapper {
}
.contactsWrapper h4 {
	letter-spacing: 1px;
	color: #221F1F;
	font-size: 20px;
	font-weight: 700; font-style: normal;
	margin-bottom: 15px;
}
.contactsWrapper .col1 {
	max-width: 350px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.contactsWrapper .formField {
	width: 100%;
	margin-bottom: 20px;
}
.contactsWrapper .formField input {
	width: 95%;
	padding: 0 2.5%;
	border: 0;
	background-color: #FFF;
	height: 30px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #221F1F;
	font-weight: 700; font-style: normal;
	font-size: 17px;
	font-family: "Karla";
}
.contactsWrapper .formField textarea {
	width: 95%;
	max-width: 95%;
	min-width: 95%;
	padding: 10px 2.5%;
	border: 0;
	background-color: #FFF;
	height: 135px;
	max-height: 135px;
	min-height: 135px;
	line-height: 21px;
	letter-spacing: 1px;
	color: #221F1F;
	font-weight: 700; font-style: normal;
	font-size: 17px;
	font-family: "Karla";
}
.contactsWrapper .formButton {
}
.contactsWrapper .formButton a,
.contactsWrapper .formButton a:visited {
	font-weight: 700; font-style: normal;
	letter-spacing: 1px;
	color: #221F1F;
	font-size: 15px;
	line-height: 21px;
}
.contactsWrapper .col2 {
	max-width: 350px;
	margin: 0 auto;
}
.contactsWrapper ul {
	padding-bottom: 30px;
}
.contactsWrapper ul li {
	font-size: 15px;
	line-height: 35px;
}
.contactsWrapper ul li a,
.contactsWrapper ul li a:visited {
	letter-spacing: 1px;
	color: #221F1F;
	font-weight: 700; font-style: normal;
	text-decoration: none;
}

@media screen and (min-width: 800px) {
	.contactsWrapper .col1 {
		float: left; width: 47%;
		margin-bottom: 0;
	}
	.contactsWrapper .col2 {
		float: right; width: 47%;
	}
	.contactsWrapper h4 {
		letter-spacing: 1.5px;
		font-size: 39px;
		line-height: 40px;
		margin-bottom: 40px;
	}
	.contactsWrapper .formField {
		max-width: 330px;
		margin-bottom: 25px;
	}
	.contactsWrapper .formField textarea {
		height: 250px;
		max-height: 250px;
		min-height: 250px;
		line-height: 23px;
	}
	.contactsWrapper .formButton a,
	.contactsWrapper .formButton a:visited {
		color: #221F1F;
		font-size: 17px;
		line-height: 23px;
	}
	.contactsWrapper ul li {
	font-size: 17px;
	line-height: 23px;
	margin-bottom: 10px;
	}
}

#contentWrapper #section1 {
	background: url(../img/textures/evianahartman_textures-11.png) center center no-repeat transparent;
	background-size: cover;
}
#contentWrapper #section2 {
	background: url(../img/textures/evianahartman_textures-7.png) center center no-repeat transparent;
	background-size: cover;
}
#contentWrapper #section3 {
	background: url(../img/textures/evianahartman_textures-6.png) center center no-repeat transparent;
	background-size: cover;
}
/* END layout */

/* BEGIN fancyMessage */
.fancyMessage {
	padding-top: 0;
	position: relative;
	background-color: transparent;
	min-width: 320px;
}
.fancybox-inner { background-color: transparent !important;}
.fancyMessage .fancyContent { padding-right: 42px; overflow: hidden; }
.fancyMessage .fancyContent .content {background-color: #FFF;padding: 30px 20px;}
.fancyMessage .fancyContent p { color: #221F1F; font-size: 15px; text-align: center; line-height: 23px; font-family: 'Karla'; font-weight: lighter; font-style: normal; letter-spacing: 1px;}

.fancyMessage a.fancyClose,
.fancyMessage a.fancyClose:visited { 
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	height: 42px;
	line-height: 500px;
	overflow: hidden;
	background: url(../img/fancy-close.jpg) top left no-repeat transparent;
}
.fancyMessage a.fancyClose:hover { 
	background: url(../img/fancy-close-on.jpg) top left no-repeat transparent;
}
.fancybox-opened .fancybox-skin { border-radius: 0px !important; background-color: transparent !important; box-shadow: 0 0 0 0 !important;}
.fancybox-skin { border-radius: 0px !important; background-color: transparent !important; box-shadow: 0 0 0 0 !important;}
/*.fancyMessage .fancyTop { height: 20px; background-color: #FFF;}
.fancyMessage .fancyBottom { height: 20px; background-color: #FFF;}*/
/* END fancyMessage */