/*=================================*/
/* Main Humane IT site style sheet
/* March 2013
/* Styled by Byron Thomas
/* Design by Luke Spicer
/* http://www.humane-it.com
/*==================================*/

/*=================================*/
/* Reset styles from Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
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;
}
body {
	line-height:1;
	color:black;
	background:white;
}
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:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

	/* <!-- */
	/* General styles */
	
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		/*width:100%;*/
		background-image:url('images/background.jpg');
		font-size:40%;
		font-family:'Museo300Regular', sans-serif;
		font-weight: 400;
		text-align:left;
		color:#646464;
	}
	a {
		text-decoration:none;
		color:#646464;
	}
	a.heavyText {
		color: #23aae1;
		margin-bottom: 0.1em;
	}
	
	a:hover {
		/*color:#fff;
		background:#369;*/
		text-decoration:none;
	}
	
	h1#consultTitle {
		margin-top: 0px;
	}
	h2#newsTitle {
		margin-top: 48px;
	}
	
	div#pageContainer {
		width:960px;
		margin: 0 auto;
	}
	
	.heavyText {
		font-family:'Museo500Regular', sans-serif;
		font-weight:400;
	}
	
	.bigLink {
		margin-top: 1.5em;
	}

	/* column container */
	.colmask {
	/*	clear:both;
		float:left; */
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		font-size:14px;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		overflow:hidden;
		width:400px;
		padding: 0;
	}
	ul#bigLinks li {
		display: inline;
		margin-right: 3em;
	}
	#minor {
	/*	clear:both;
		float:left; */
		margin-top: 60px;
	}
	.singleColContent {
		margin: 0px 60px 0px 60px;
	}
	
	.singleColContent p {
		margin-bottom: 10px;
	}
	
	.singleColContent ul {
		margin-top: 10px;
		margin-left: 30px;
	}
	ul#bigLinks {
		margin-left: 0px;
	}

	.singleColContent .minorTitle {
		margin-top: 30px;
	}
    
    .singleColContent #imgAlignBox {
        padding-top: 15px;
    }
	
	/*h1.singleColContent {
		margin-left: 60px;
	}*/
	
	#itpeople img {
		padding-left: 30px;
	}
	
	img#productPack {
		width:328px;
		padding-left: 60px;
	}
	
	img#stickItFast {
		width:390px;
	}
	
	img#stickItFastSml {
	    float:left;
		width:160px;
		margin-right:50px;
	}
	
	img#splitToDoSml {
	    float:left;
		width:160px;
		margin-right:50px;
	}
	
	#bigDash {
	    margin-top:10px;
	    margin-bottom:10px;
	    width:100%;	
	}
	
	/* 2 Column (double page) settings */
	.doublepage .col1 {
		margin: 0 15px 0 60px;  /* t, r, b, l */
	}
	.doublepage .col2 {
		margin: 0 60px 0 15px;
	}

	/* Header styles */
	.headerRow {
		/* height:150px; */
		font-size:14px;
		padding: 60px 0 0 0; /* t, l, b, r */
		margin-bottom: 0px;
		display: flex;
	}

	.headerRow > div {
		flex: 1
	}
	
	#hdrLeft {
		/*width: 36%;*/
		/*margin: 60px 0 0 0;*/
		padding: 60px 0 0 0; 
		margin: 0;
		float:left;
	}
	
	#hdrLeft img {
		height: 90px;
	}

	.hdrRight {
		flex-direction: column;
	}

	.topNavSpacer {
		width: 100%;
		/* NOTE calculated based on other fixed sizes in the img on the left and the padding etc on the menu */
		height: 29px;
	}
	
	#thoughttext {
		font-size:28px;
		line-height:28px;
		margin-top:0;
	}
	
	#thoughttext p {
		font-size:28px;
		line-height:28px;
		margin-top:0;
	}
	
	.minorTitle {
		font-size:24px;
		font-family:'Museo300Regular', sans-serif;
		font-weight: 100;
		margin:0;
	}
	
	h3.minorTitle {
		margin-top: 50px;
	}
	
	.productTitle {
		/*color: #fcaf3d;*/
		color: #8bc33a;
		font-size:34px;
		line-height:38px;
		margin: 0 0 24px 0;
	}

	#blogTitle {
		font-size:16px;
		line-height:26px;
		margin-top:0;
		margin-bottom:10px;
	}
	
	#blogBody {
		font-size:12px;
		line-height:18px;
	}

	#blogLink {
		line-height:26px;
		margin-top: 10px;
	}
	
	#mainContent {
		margin-top: 0px;
		padding-top: 60px;
		background:white;	
		border-right: 1px solid #c9c9c9;
		border-bottom: 1px solid #c9c9c9;
		-webkit-box-shadow: 1px 1px 2px 1px #d5d5d5;
		-moz-box-shadow: 1px 1px 2px 1px #d5d5d5;
		box-shadow: 1px 1px 2px 1px #d5d5d5;
		padding-bottom: 60px;
	}
	
	.mainHdrText {
		font-size:34px;
		line-height:38px;
		margin: 0 0 24px 0;
	}
	
	.mainText {
		font-size:18px;
		line-height:26px;
	}
	
	.alignRight {
		text-align:right;
	}
	.tinyText {
		font-size:10px;
	}
	#phoneNumber {
		font-size:18px;
	  margin: 20px 0px 0 331px;
	}
	.slider-wrapper { 
	width: 100%; 
	margin: 0 auto;
	margin-bottom: 0;
	padding-bottom: 0;
	clear:left;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	}
	
		
	#navcontainerTop
	{
	  padding: 25px 0 0 0;
	  position: absolute;
	  top: 70px;
	  right: 475px;
	  /*margin: 0 auto;*/
	  /*width: 100%;*/
	  /*border-bottom: 1px solid #ddd;*/
	}
	
	#navlistTop
	{
	  width: 100%;
	  text-align: right;
	  margin: 0 0;
	  padding: 0;
	  text-indent: 0;
	  list-style-type: none;
	}
	
	#navlistTop li
	{
	  padding: 0;
	  margin: 0 0 0 0;
	  /*margin: 1em 0 0 0;*/
	  text-indent: 0;
	  display: inline;
	}
	
	#navlistTop li a
	{
	  /*letter-spacing: -1px*/
	  text-decoration: none;
	  font-size: 16px;
	  float:right;
	  background:white;
	  color:#646464;
	  padding: 13px 24px;
	  margin-top: 20px;
	  /* NOTE: had to specify borders to make safari work*/
	  border: 1px solid #c9c9c9; 
	  /*border-left: 0;*/
	}
	
	#navlistTop li a:hover,#navlistTop a#current
	{
	  background-color:#faf8f9;
	  padding: 26px 24px 14px 24px; /*t, r, b, l*/
	  border: 1px solid #c9c9c9;
	  margin: 6px 0 0 0;
	}
	
	#navcontainerBottom
	{
	  /*margin: 0% 2% 2% 0%;*/
	  width: 100%;
	  /*border-top: 1px solid #c9c9c9*/;
	  margin-bottom: 10px;
	  clear:both;
	}
	
	#navlistBottom
	{
	  width: 100%;
	  text-align: right;
	  margin: 0 0;
	  padding: 0;
	  text-indent: 0;
	  list-style-type: none;
	}
	
	#navlistBottom li
	{
	  padding: 0;
	  margin: 10px 0 0 0;
	  background: white;
	  text-indent: 0;
	  display: inline;
	  border: 0;
	}
	
	/* Descendant rule "any descendant of
		ID #navListBottom that is type li or a" */ 
	#navlistBottom li a
	{
	  /*letter-spacing: -1px*/
	  text-decoration: none;
	  /*height: 40px;*/
	  font-size: 14px;
	  background-color:#faf8f9;
	  color:#646464;
	  float:left;
	  padding: 13px;
	  margin-left: 10px;
	  border-right: 0.05em solid #c9c9c9;
	  border-bottom: 0.05em solid #c9c9c9;
	  box-shadow: 1px 1px 2px 1px #d5d5d5;
	}
	
	/* Descendant rule "the a element with ID
		rightFillInBottomList" that is a descendant
		of ID navListBottom */
	#navlistBottom a#rightFillInBottomList {
		/*float: right;*/
		float:right;
		margin: 0 10px 0 10px;
		padding-left: 245px;
		overflow:hidden;
		/*color: #c9c9c9;
		font-size: 16px;*/
	}
	
	#linkedInLink
	{
		float:left;
		
	}
	
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		/*border-top:1px solid #000;*/
		font-size:10px;
	}
	#footer p {
		clear:both;
		padding-top:10px;
		padding-right: 10px;
		margin-right: 10px;
	}
	/* --> */

div.centeredImage {
	height: 100%;
    padding-top: 10%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

img.centeredImage {
	width: 100%;
}

.cvSubHeader {
	/*color: #fcaf3d;*/
	color: #8bc33a;
	font-size: 24px;
	margin: 0 0 12px 0;
}

.linkText {
	color: #23aae1;
}