@font-face {
	font-family: "Grundfos";
    src: url("../images/GrundfosTheSansOT-7B.otf");
    }

/*----- Reset styles [with love from meyerweb.com] -----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }
/* remember to define focus styles! */
:focus { outline: 0; border-bottom: 1px dotted #eee; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif;
	background: #fff;
	color: #111;
    }

html { height: 100%; margin-bottom: 1px; } /* Ensures the page stays in place, even if there is no scroll */

.left-float { float: left; }
.hide { display: none; }    
.clear { clear: both; }
.cursor { cursor: pointer; }

em { font-style: italic; }

a { color: #5181aa; }
a:hover { color: #b33d51; }

/*----- Background images -----*/
.has-img { background: url(../images/_has-img.png) no-repeat 0 0; }

/*----- Main elements -----*/
#content,
#branding,
#footer {
	width: 920px;
	margin: 0 auto;
	overflow: hidden;
	}

#branding .elements { background: url(../images/bti-line.gif) no-repeat right top; margin-top: 2em; padding-top: 2em; }
	#branding .elements .segment,
	#branding .elements .company { float: left; }
	#branding .elements .segment { width: 680px; }

#content { margin-top: 3em; }
#footer { 
	background: url(../images/bti-line.gif) no-repeat top right;
	padding: 2em 0;
	margin-top: 4em; 
	}

/*----- Typography -----*/
h1, h2, h3, h4, h4, h6 { color: #222; font-weight: bold; }

h1 { font-size: 2.75em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2em; }
h4, h5, h6 { font-size: 1.5em; }
p { font-size: 1.5em; margin-bottom: 1em; }

h1, h2, h3, ul#nav, #intro p, .cta a { font-family: "Grundfos", Arial; font-weight: normal; }

/*--- image replacement ---*/
#branding h4.company span, #branding .elements .company h4 span, #branding .elements .segment h4 a, #footer p.bti span { background: url(../images/slice.png) no-repeat 0 0; }
#branding .elements .segment h4 {
	width: 300px;
	height: 35px;
	position: relative;
	margin-top: 15px;
	}
	#branding .elements .segment h4 a {
	position: absolute;
	background-position: 0 0;
	width: 100%;
	height: 100%;
	text-indent: -9999em;
	}
#branding .elements .company h4 {
	width: 240px;
	height: 40px;
	position: relative;
	}
	#branding .elements .company h4 span {
	position: absolute;
	background-position: 0 -35px;
	width: 100%;
	height: 100%;
	}

/*--- footer ---*/
#footer { margin-bottom: 1em; }
#footer .wrapper { clear: both; margin-bottom: 1em; }
#footer ul {
	width: 754px;
	float: left;
	font-size: 1.15em;
	}
#footer ul li { float: left; margin-right: 0.5em; color: #777; }
#footer ul li a { color: #386f9e; text-decoration: none; border-bottom: 1px solid #386f9e; margin-right: 0.5em; }
#footer ul li a:hover { color: #aa243c; border-bottom-color: #aa243c; }
#footer p.bti { width: 166px; float: left; height: 20px; position: relative; }
#footer p.bti span { position: absolute; width: 100%; height: 100%; background-position: 0 -205px;}

#footer p.copyright { color: #999; font-size: 1.25em; }

/*----- Content elements -----*/
.wrap { width: 100%; float: left; position: relative; margin: 2em 0 3em 0; }
.column-680, .column-440, .column-280, .column-200 { float: left; margin-right: 40px; }
.column-680 { width: 680px; }
.column-440 { width: 440px; } 
.column-280 { width: 280px; }
.column-200 { width: 200px; }

.last { margin-right: 0; }

/*----- Image styles -----*/
img.border { border: 5px solid #e5e0d9; }

/*----- Link styles -----*/
.cta { width: 100%; padding: 2em 0; }
.cta a { 
	display: block; 
	background: #83a5c2;
	border: 1px solid #b5c9da;
	clear: both;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: .5em 0;
	font-size: 2.25em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
.cta a:hover { background: #e49231; color: #fff; border-color: #eaaa5f; }

a.more { 
	background: #83a5c2; 
	color: #fff;
	text-decoration: none;
	text-align: center; 
	padding: .5em 1em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
a.more:hover { background: #e49231; color: #fff; }

/*----- List styles -----*/
ul.info { font-size: 1.5em; }
ul.info li a { display: block; text-decoration: none; padding: 0.25em; border-bottom: 1px solid #eee; }
ul.info li a:hover { border-bottom-color: #ddd; }

/*----- Form styles -----*/
form { margin-left: 10px; }
legend { display: none; }
form em { color: #b33d51; }
form label { width: 75px; display: block; float: left; }
form input { border: 1px solid #999; padding: 0.25em; width: 200px; margin-right: 0.5em; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
form input:focus { border: 1px solid #000; }
button { background: #83a5c2; border: 1px solid #83a5c2; margin-left: 75px; cursor: pointer; font-size: 1.5em; font-weight: bold; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
button:hover { background: #e49231; border-color: #e49231; }

/*----- Aquiss styles -----*/