@import "reset.css";

/*
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v11/kU6VHbqMAZhaN_nXCmLQsQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: bold;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/1bHRUMxmJHoup12DnI9XmQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: normal;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(http://fonts.gstatic.com/s/lato/v11/XNVd6tsqi9wmKNvnh5HNED8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: bold;
  src: local('Lato Italic'), local('Lato-Italic'), url(http://fonts.gstatic.com/s/lato/v11/G-cgiyv4b0HVLV2M8HoP9A.woff) format('woff');
}
*/

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: bold;
    src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: normal;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: bold;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');
}

body 	{
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:15px;
  line-height: 1.5;
  font-weight: normal;
	color: #000000;
	padding:0;
  margin:0;
  height:100%;
	background-color:#ffffff;
	}
strong {
  font-weight: 400;
}
html {
  overflow-y:scroll; /*keep scrollbar position present if FF at all times*/
  height:100%;
}
p {
	margin-bottom: 1em;
	}
hr {
	display:none;
}
a {
	color:#3c3c3e;
	text-decoration:underline;
	/*font-weight:bold;*/
	}
a:hover{
	color: #3c3c3e;
	}
h2 {
  font-weight:normal;
  font-size:12px;
  margin-bottom: 1.1em;
	}
h3 {
  font-weight:bold;
  font-size:12px;
  margin-bottom: 1.3em;
	}
h4 {
  font-weight:bold;
  font-size:11px;
  margin-bottom: 1em;
	}
h5 {
  font-weight:bold;
  font-size:11px;
  margin-bottom: 0;
	}


/* H1 REPLACE
------------------------------*/
h1 {
  font-weight:normal;
	}

/* LAYOUT
------------------------------*/
.toptop {
  margin-top: 35px;
  margin-bottom: 35px;
}


.top {

}

.toptop #logo {
  margin-bottom: 25px;
  text-align: center;
}

.toptop #text {
  font-size: 1.1em;
}

.halftit {
  font-size: 1.5em;
  text-align: center;
  overflow: hidden;
  background-color: #FFF;
  padding: 15px;
}


.halftitx {
  font-size: 1.5em;
  text-align: center;
  overflow: hidden;
  background-color: #FFF;
  margin: 0 -15px;
  padding: 15px;
}

#foot {
  position:relative;
  font-size:.9em;
  padding:50px 0 50px 0;
  height: 20px;
  color: #AAAAAA;
  text-align: center;
}

#foot a {
  color: #AAAAAA;
}

.tell {
  position:relative;
  margin:0;
  padding:8px 0 0 0;
  width:100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 12px;
}

.tell.coffe {
  background-color: #eec995;
}

.tell.blue {
  background-color: #00ccff;
}

.tell.red {
  background-color: #ff544d;
}

.tell .tcontainer {
  position:relative;
  padding:0;
  font-size: 1.2em;
  text-align: center;
  margin:0 auto;
  overflow: hidden;
}

.tell .tcontainer h2 {
  font-size: 2em;
  margin:5px 0;
}

.tell .tcontainer p.under {
  font-style: italic;
}


#gray {
  background-color: #e5e5e5;
}

#gray #gcontainer{

}

#gray #gcontainer #info1 {
  padding:40px 0 10px 0;
  border-right: 1px solid #ffffff;
}

#gray #gcontainer #info2 {
  padding:40px 0 10px 0;
}

#gray #gcontainer #info1 table.opening,
#gray #gcontainer #info2 table.opening {
  position: relative;
  display: block;
  font-size: 1em;
  font-weight: bold;
}

#gray #gcontainer #info1 table.opening tr.closed,
#gray #gcontainer #info2 table.opening tr.closed {
  color: #ffffff;
}

#gray #gcontainer #info1 table.opening td,
#gray #gcontainer #info2 table.opening td {
  padding: 3px 0;
  padding-right: 30px;
}

#gray #gcontainer #info1 .contact,
#gray #gcontainer #info2 .contact {
  position: relative;
  display: block;
  font-size: .85em;
  font-weight: bold;
  margin-top: 20px;
}

#gray #gcontainer #info1 .contact div,
#gray #gcontainer #info2 .contact div {
  padding: 0 12px;
  text-align: center;
  vertical-align: top;
}

br.cleaner {
	clear:both;
  height: 0;
  display: block;
}