/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


/* DEFAULTS */

body {
	background:#fff;
	font-size:100%;
	width:100%;
}
address {
	font-style:normal;
}
h1 {
	font-family:'Advent Pro', sans-serif;
}
.first {
	margin-left:0 !important;
}
ul.col {
	padding:0 3%;
}
main ul li {
	margin-bottom:1em;
}
main ul li ul {
	margin-top:1em;
}


/* HEADER */

#masthead {
	padding:2em 0 1.5em;
}


/* HEADER NAVIGATION */

#header-menu {
	margin-top:0.85em;
}
#header-menu .fa {
	display:block;
}
#header-menu ul {
	margin:0;
	padding:0;
	text-align:right;
}
#header-menu ul li {
	display:inline-block;
	font-size:1.25em;
	margin-left:5%;	
}
#header-menu ul li.dropdown {
    padding-bottom:0.5em;
	position:relative;
}
#header-menu ul li.dropdown ul {
    background:#fff;
    display:none;
    padding:0.5em 0 0.5em 0.75em;
    position:absolute;
	    top:1.5em;
		left:0;
    text-align:left;
    width:275%;
}
#header-menu ul li a,
#header-menu ul li a:link,
#header-menu ul li a:visited,
#header-menu ul li.dropdown {
	color:#000;
	cursor:pointer;
	font-family:'Advent Pro', sans-serif;
	font-weight:bold;
	text-decoration:none;
	
}
#header-menu ul li a:hover,
#header-menu ul li a:focus,
#header-menu ul li a.active,
#header-menu ul li.active,
#header-menu ul li.dropdown:hover,
#header-menu ul li.dropdown:focus {
	color:#999;
}
#header-menu ul li.dropdown:hover ul,
#header-menu ul li.dropdown:focus ul {
	display:block;
}
#header-menu ul li.dropdown ul li {
	display:block;
	font-size:0.75em;
	margin:0 0 0.5em;
	padding:0;
}
#header-menu ul li.dropdown ul li a {
	background:#fff;
	display:block;
	font-family:'Alegreya Sans', sans-serif;
	font-weight:300;
	letter-spacing:0.05em;
	margin:0;
	padding:0;
}
#resp-menu {
	background:#333;
	display:none;
}
#resp-menu a.active {
	color:#999;
}
#resp-menu ul {
	margin:0;
	padding:0;
}
#resp-menu ul li a {
	border-bottom:0.1em solid #222;
	color:#fff;
	display:block;
	padding:1em;
	text-decoration:none;
}
#resp-menu ul .dropdown .fa-plus-square-o {
	float:right;
	font-size:1.4em;
}
#resp-menu #products li a {
	background:#444;
	padding-left:2em;
}


/* MAIN */

main {
    background:#e9eef5;
    font-family:'Alegreya Sans',sans-serif;
    font-weight:300;
    letter-spacing:0.05em;
    padding:2em 0;
}


/* COMPANY INFO */

.comp-info a {
	color:#000;
	text-decoration:none;
}


/* FOOTER */

footer {
    background:#fff;
    font-family:sans-serif;
	font-size:0.65em;
    font-weight:300;
    letter-spacing:0.05em;
    padding:2em 0;
}
footer .contact {
	text-align:right;
}