/* CSS Document */


html {
	height:100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
  background: url("/img/ballerina-016-2k.jpg") no-repeat;
  background-color: white;
  font-family: Helvetica, Arial, sans-serif;
}


#header {
  z-index: 2;
	background-color: rgba(255, 255, 255, 0.9);
}
#header .left {
  float: left;
  line-height: 1.67em;
}
#header .nav ul, #header ul.nav {
  text-align: center;
  list-style: none;
  font-size: 120%;
  font-weight: 300;
  padding-left: 9em;
  margin: 0;
}
#header .nav li, #header li.nav {
	float: left;
  line-height: 2.5em;
  padding: 0 0.7em;
}
#header .nav li:hover, #header li.nav:hover {
  font-weight: 400;
  letter-spacing: -0.015em;
  /* color: #EEE; */
	background-color: rgba(240, 240, 240, 0.7);
}













/*
#transparent-bg {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  background: url("/img/ballerina-016-2k.jpg") no-repeat;
  background-size:cover;
  z-index:-1;
}

#transparent-bg:after {
  background:#6288A1;
  opacity:.8;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  content:'';
}

#mainWrapper {
  margin: 0 auto -120px;
  width: 100%;
  min-height:100%;
  height: auto !important;
}

#headerContainer {
  background: #4ED0AA;
  height: auto;
  width: 100%;
}

.contentPage {  
  width: 100%;
  margin: 0 auto -120px;
}

#content {
  padding: 20px 20% 120px;
  box-sizing: border-box;
}

#footerContainer {
  background-color: #4ED0AA;
  height: 120px;
  width: 100%;
}
*/