/*basic format*/
body{
	background: #ddd;
	font-family: "Futura", "sans-serif";
}

.container{
	background: white;
	width:100%;
	margin: auto;
}

.navContainer{
	background-color: white;
	width:100%;
	margin: auto;
  padding-bottom: 15px;
}


.colContainer{
	overflow: auto;
	padding-bottom: 8px;
}

.logo{
	max-width:20%;
	float: left;
	padding-top: 21px;
	padding-left: 38px;
}

.navigation{
	font-size:16px;
	float: right;
	max-width:100%;
	padding-right: 38px;
	padding-top: 55px;
}

header ul li { 
 	display: inline-block;
 	margin-right: 20px;
}

header li a {
	text-decoration: none;
	color: black;
}

header li a:hover{
	color:#a31d2d;
	transition: all .1s;
}

img {
	height: 47px
}


.select-haircut select {
   background: #aaa;
   width: 32.5%;
   padding: 5px;
   padding-left:20px;
   font-size: 14px;
   border: 0;
   border-radius: 0;
   height: 45px;
   -webkit-appearance: none;
   margin: 10px;
   margin-left:15px;
   margin-right:15px;
   }
   
.select-haircut {
	width: 100%;
   height: 34px;
   overflow: hidden;
   background: url(arrow.png) no-repeat right;
   display: inline;
   }
   
.select-facial select {
   background: #aaa;
   width: 32.5%;
   font-size: 14px;
   border: 0;
   border-radius: 0;
   height: 45px;
   -webkit-appearance: none;
   padding: 5px;
   padding-left:20px;
   margin: 10px;
    margin-left:15px;
   margin-right:15px;
   }
   
.select-facial {
	width: 100%;
   height: 34px;
   overflow: hidden;
   background: url(arrow.png) no-repeat right;
   display: inline;
   }
   
.select-pedicure select {
   background: #aaa;
   width: 32.5%;
   padding: 5px;
   padding-left:20px;
   font-size: 14px;
   border: 0;
   border-radius: 0;
   height: 45px;
   -webkit-appearance: none;
   margin: 10px;
    margin-left:15px;
   margin-right:15px;
   }
   
.select-pedicure {
	width: 100%;
   height: 34px;
   overflow: hidden;
   background: url(arrow.png) no-repeat right;
   display: inline;
   }

.select-nail select {
   background: #aaa;
   width: 32.5%;
   padding: 5px;
   padding-left:20px;
   font-size: 14px;
   border: 0;
   border-radius: 0;
   height: 45px;
   -webkit-appearance: none;
   margin: 10px;
   margin-left:15px;
   margin-right:15px;
   }
   
.select-nail {
	width: 100%;
   height: 34px;
   overflow: hidden;
   background: url(arrow.png) no-repeat right;
   display: inline;
   }
   
.select-waxing select {
   background: #aaa;
   width: 32.5%;
   padding: 5px;
   padding-left:20px;
   font-size: 14px;
   border: 0;
   border-radius: 0;
   height: 45px;
   -webkit-appearance: none;
   margin: 10px;
   margin-left:15px;
   margin-right:15px;
   }
   
.select-waxing {
	width: 100%;
   height: 34px;
   overflow: hidden;
   background: url(arrow.png) no-repeat right;
   display: inline
   }
   
.select-blank {
   background: #FFF;
   width: 32.5%;
   font-size: 14px;
   border: 0;
   border-radius: 0;
   height: 35px;
   -webkit-appearance: none;
   display: inline-table;
   margin-left:15px;
   margin-right:15px;
   }
   
   
.select-month select {
  background: #aaa;
  width: 23.02%;
  padding: 5px;
  padding-left: 20px;
  font-size: 14px;
  border: 0;
  border-radius: 0;
  height: 45px;
  -webkit-appearance: none;
  margin-top: 25px;
  margin-left: 2.5%;
  margin-right: 1.5%;
   }
   
.select-month {
	width: 100%;
   height: 34px;
   overflow: hidden;
   background: url(arrow.png) no-repeat right;
   display: inline;
   }
   
.select-day select {
  background: #aaa;
  width: 17%;
  padding: 5px;
  padding-left: 20px;
  font-size: 14px;
  border: 0;
  border-radius: 0;
  height: 45px;
  -webkit-appearance: none;
  margin-left: 1.4%;
  margin-right: 1.4%;
  margin-top: 25px;
   }
   
.select-day {
	width: 100%;
   height: 34px;
   overflow: hidden;
   background: url(arrow.png) no-repeat right;
   display: inline;
   }
   
.select-time select {
  background: #aaa;
  width: 23%;
  padding: 5px;
  padding-left: 20px;
  font-size: 14px;
  border: 0;
  border-radius: 0;
  height: 45px;
  -webkit-appearance: none;
  margin-top: 25px;
  margin-left: 1.5%;
  margin-right: 2.5%;
   }
   
.select-time {
	width: 100%;
   height: 34px;
   overflow: hidden;
   background: url(arrow.png) no-repeat right;
   display: inline;
   }
   
.apptContainer{
	width: 100%;
	background-image: url("../images/appointments.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 650px;
	text-align: center;
	position: absolute;
}

h1{
	font-size: 1.8em;
	font-weight: bold;
	padding-top: 40px;
}

.apptWhiteBox{
	background-color: white;
	opacity: .74;
	height: 540px;
	width: 60%;
	margin: auto;
	margin-top: 40px;
}

.apptInfo {
	padding-top:30px;
}

.clickbar {
  height: 80px;
  background-color: black;
  width: 68%;
  padding-left: 1%;
  padding-right: 1%;
  margin-top: 35px;
  display: inline-block;
  color: white;
}

.clickbar p {
	margin-top:31px;
	font-size: 1.1em;
}

footer {
	color:white;
	background: black;
	padding-top: 50px;
	padding-bottom: 40px;
	text-align: center;
}

footer p {
	height: 10px;
	font-family: "Avenir Next";
}

footer p.copyright {
	padding-top: 25px;
	font-size: .7em;
}