/* reset **********/

	html, body, div, span, object, blockquote, h1, h2, h3, h4, h5, h6, p, pre, a, big, cite, em, font, img, s, small, strike, strong, sub, sup, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

	html { font-size: 80%; } /* sets baseline font size to 10px */

	body          { line-height: 1; } 
	ol, ul        { list-style: none; }
	blockquote, q {	quotes: none; }
	:focus        { outline: 0; }
	table         { border-collapse: collapse; border-spacing: 0; }
	
	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
	content: '';
	content: none;
	}

	.cl    { clear: both; overflow: hidden; height: 0; }
	.left  { float: left; }
	.right { float: right; }
	
	

/* setup **********/

	body {
	background: #FFFFFF;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	border-top: 1px solid #FFF;
	}
	
	a {
	color: #757bca;
	text-decoration: none;
	border-bottom: 1px dotted #363636;
	}
	
	p {
	font-size: 1.2em;
	line-height: 2em;
	padding-bottom: 1.4em;
	}
	
	strong { color: #757bca; }
	


/* header **********/
	
	.header {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
	}
	
	.logo {
	border: none;
	}
	
	.nav {
	float: right;
	padding: 25px 0 0 0;
  display: flex;
	}

	.nav a {
    border-bottom: 0;
    margin-left: 10px;
  }
	
	.nav li {
	float: left;
	padding: 25px 25px 25px 25px;
	}
	
	.nav li a {
	display: block;
	padding: 13px 0 0 0;
	overflow: hidden;
	border: none;
	text-decoration: none; 
	}
	
	.home       { width: 39px; background: url(images/nav-home.png) no-repeat; }
	.aboutus    { width: 63px; background: url(images/nav-aboutus.png) no-repeat; }
	.clients    { width: 49px; background: url(images/nav-clients.png) no-repeat; }
	.candidates { width: 79px; background: url(images/nav-candidates.png) no-repeat; }
	.contactus  { width: 83px; background: url(images/nav-contactus.png) no-repeat; }

	.home:hover,
	.aboutus:hover,
	.clients:hover,
	.candidates:hover,
	.contactus:hover,
	.active {
	background-position: 0 -13px;
	}
	
	
	
/* banner **********/

	.banner {
	width: 90%;
	height: 240px;
	overflow: auto;
	margin: 0 auto;
	}
	
	.banner img {
	width: 100%;
	height: 220px;
	}
	


/* content **********/

	.content {
	width: 90%;
	margin: 0 auto;
	padding: 30px 0 0 0;
  position: relative;
	}
	
	.content .leftsmall {
	float: left;
	width: 280px;
	height: 400px;
	padding: 20px 30px 0 0;
	border-right: 1px dotted #363636;
	}
	
	.content .leftlarge {
	float: left;
	width: 609px;
	padding: 20px 30px 0 0;
	border-right: 1px dotted #363636;
	}
	
	.content .middle {
	float: left;
	width: 288px;
	height: 250px;
	padding: 10px 20px 0 20px;
	border-right: 1px dotted #363636;
	}

	.content .middlebottom {
	float: right;
	width: 600px;
	height: 250px;
	padding: 10px 20px 0 20px;
	border-right: 1px dotted #363636;
	}

	.testimonial {
	height: 400px;
	background: url(images/quote.png) no-repeat top left;
	/*-pie-background: url(images/quote-open.png) no-repeat top left, url(images/quote-close.png) no-repeat bottom right;
	behavior: url(PIE.htc);*/
	overflow:hidden;
	}
	
	blockquote {
	padding: 10px;
	background: transparent !important;
	}
	
	.content .right {
	float: left;
	width: 240px;
	height: 300px;
	padding: 14px 20px 0 40px;
	}
	
	.sidenav {
	line-height: 35px;
	font-size: 1.2em;
	}
	
	.sidenav li {
	border-bottom: 1px dotted #363636;
	}
	
	.sidenav a {
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 0 0 0 30px;
	border: 0;
	background: url(images/bullet-arrow.png) no-repeat 0 15px;
	}
	
	.sidenav a:hover {
	background: url(images/bullet-arrow-hover.png) no-repeat 0 15px;
	}
	
	h1 {
	font-size: 2em;
	font-family: "arial narrow", arial, helvetica sans-serif;
	font-weight: normal;
	color: #8b91dc;
	border-bottom: 1px dotted #363636;
	padding: 0 0 9px 0;
	margin: 0 0 6px 0;
	}
	
	.contact-label {
	float: left;
	width: 74px;
	color: #575757;
	}
	
	.contact-text {
	float: left;
	width: 210px;
	}

  .rec-section {
    max-width: 230px;
    position: absolute;
    bottom: 0;
    right: 10px;
  }
  @media (min-width: 1300px) {
    .rec-section {
      max-width: 430px;
    }
  }
	
	
	
/* footer **********/	
	
	.footer {
	width: 90%;
	margin: 0 auto;
	padding: 34px 0 34px;
	border-top: 1px dotted #363636;
	color: #575757;
	line-height: 27px;
	font-size: 1.2em;
  position: relative;
	}
	
	.footer .left {
	float: left;
	margin: 0 5px 0 0;
	}
	
	.footer .middle {
    float: left;
    margin: 0 0px 0 10px;
	}

  @media (min-width: 1044px) {
    .footer .middle {
    float: none;
    text-align: center;
    position: absolute;
    left: 640px;
    transform: translateX(-50%);
    margin: 0;
    }
  }
	
	.footer .right {
	float: right;
	width: 500px;
	margin: 0 0 0 5px;
	text-align: right;
	}
	
	.footer a {
    color: #575757;
    text-decoration: none;
    border-bottom: none;
	}

	.footer a:first-child {
    display: inline-block;
    margin-right: 10px;
	}