html {
	-webkit-font-smoothing:antialiased;
}
@font-face {
    font-family: 'aleoregular';
    src: url('../fonts/aleo-regular-webfont.eot');
    src: url('../fonts/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aleo-regular-webfont.woff') format('woff'),
         url('../fonts/aleo-regular-webfont.ttf') format('truetype'),
         url('../fonts/aleo-regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aleoitalic';
    src: url('../fonts/aleo-italic-webfont.eot');
    src: url('../fonts/aleo-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aleo-italic-webfont.woff') format('woff'),
         url('../fonts/aleo-italic-webfont.ttf') format('truetype'),
         url('../fonts/aleo-italic-webfont.svg#aleoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aleolight';
    src: url('../fonts/aleo-light-webfont.eot');
    src: url('../fonts/aleo-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aleo-light-webfont.woff') format('woff'),
         url('../fonts/aleo-light-webfont.ttf') format('truetype'),
         url('../fonts/aleo-light-webfont.svg#aleolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aleolightitalic';
    src: url('../fonts/aleo-lightitalic-webfont.eot');
    src: url('../fonts/aleo-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aleo-lightitalic-webfont.woff') format('woff'),
         url('../fonts/aleo-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/aleo-lightitalic-webfont.svg#aleolightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	background:#f6f6f6;
}
.top-bar-section ul li.active {
	background-color: none;
	color: #88a8ca;
}
#header li.name a img {
	text-indent: -9999px;
	max-width: 252px;
	height: auto;
	margin-top: 24px;
}
h1 {
	display: none;
}
h2 {
	font:normal 22px/30px 'aleoitalic', georgia, serif;
	color:#87a7cb;
}
h3 {
	font:normal 20px/30px 'aleoregular',georgia, serif;
	color:#a8a8a8;
}
h4 {
	font:normal 24px/30px 'aleoregular',georgia,serif;
	color: #777;
	margin-bottom: 12px;
}
#mission-statement {
	margin:30px auto;
}
#featured h2 {
	font:bold 22px/22px 'futura-pt', helvetica, arial, sans-serif;
	color:#87a7cb;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:30px 30px 6px;
}
#featured p {
	font:normal 14px/24px 'aleoregular',georgia, serif;
	color:#888;
	padding:0 30px 30px;
	text-align: left;
}
.top-bar-section ul li > a {
	font:700 14px/30px 'futura-pt', helvetica, arial, sans-serif;
	color:#a8a8a8;
	text-transform:uppercase;
}
.large-3.small-6.columns a {
	box-shadow:0 0 12px transparent;
	-webkit-transition:all ease 300ms;
	-moz-transition:all ease 300ms;
	transition:all ease 300ms;
}
.large-3.small-6.columns a:hover {
	box-shadow:0 0 12px #87a7cb;
}



/*-- MAIN CONTENT ------------------------*/
#main-content #column-1 {
	padding:0 40px 0 0;
	margin: 20px 0;
}
#main-content #column-1 h2 {
	padding:0;
	font: normal 50px/50px 'aleoregular', georgia, serif;
}
#main-content #column-1 h3 {
	padding:0;
	font: normal 20px/24px 'aleoitalic', georgia, serif;
	color: #88a8ca;
}
#main-content #column-1 p {
	font: normal 18px/30px 'aleoregular', georgia, serif;
	color: #a8a8a8;
}
#main-content #column-1 ul.list {
	margin-bottom: 30px;
}
#main-content #column-1 ul.list li {
	font: normal 18px/28px 'aleoregular', georgia, serif;
color: #a8a8a8;
list-style-type: none;
margin-bottom: 8px;
padding-left: 1.1em;
text-indent: -1em;
}
#main-content #column-1 ul.list li:before {
	content: "• ";
color: #88a8ca;
margin-right: 0.4em;
}
#main-content #column-1 hr {
	border: none;
	border-bottom: solid 2px #eee;
	margin: 30px 0;
	clear: both;
}
#main-content #products .large-6.small-6.columns a {
	background: #fff;
	display: block;
	margin-bottom: 30px;
	min-height: 340px;
	-webkit-transition: ease all 300ms;
	-moz-transition: ease all 300ms;
	transition: ease all 300ms;
}
#main-content #products .large-6.small-6.columns a img {
	/* max-height: 136px; */
	max-width: 540px;
	overflow: hidden;
}
#main-content #products .large-6.small-6.columns a:hover {
	box-shadow:0 0 12px #87a7cb;
}
#main-content #products .large-3.small-6.columns a {
	background:#fff;
	display:block;
	margin-bottom:30px;
}
#main-content #products .columns a h2 {
	font:bold 24px/24px 'futura-pt', helvetica, arial, sans-serif;
	color:#87a7cb;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:30px 30px 6px;
}
#main-content #products p {
	font:normal 14px/24px 'aleoregular',georgia, serif;
	color:#888;
	padding:0 30px 30px;
}
.large-3.small-6.columns a {
		min-height: 425px;
		background: #fff;
		display: block;
		margin-bottom: 30px;
		-webkit-transition: ease all 300ms;
		-moz-transition: ease all 300ms;
		transition: ease all 300ms;
	}

	
/*-- SIDBAR ------------------------*/
#sidebar {
	margin: 20px 0 0 0;
}

#sidebar .products-side,
#sidebar .careers,
#sidebar .testimonials {
	padding: 30px 10px 10px 30px;
	margin-bottom: 20px;
	background: white;
}
#main-content #sidebar .products-side h2 {
	font:bold 24px/24px 'futura-pt', helvetica, arial, sans-serif;
	color:#87a7cb;
	text-transform:uppercase;
	letter-spacing:2px;
	padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 6px;
    padding-left: 30px;
}

#main-content #sidebar .careers h2,
#main-content #sidebar .testimonials h2 {
	font:bold 24px/24px 'futura-pt', helvetica, arial, sans-serif;
	color:#87a7cb;
	text-transform:uppercase;
	letter-spacing:2px;
}

#main-content #sidebar .products-side h3,
#main-content #sidebar .careers h3,
#main-content #sidebar .testimonials h3 {
	font:normal 18px/24px 'aleoregular',georgia, serif;
	color:#88a8ca;
	padding-right: 30px;
}
blockquote {
	border: none;
	margin: 0;
	padding: 0;
}
#main-content #sidebar .products-side p,
#main-content #sidebar .careers p,
#main-content #sidebar .testimonials blockquote {
	font:normal 14px/24px 'aleoregular',georgia, serif;
	color:#888;
	padding:0 30px 10px 0;
}
#main-content #sidebar .testimonials blockquote {
	margin-bottom: 20px;
}
#main-content #sidebar .testimonials cite {
	font: normal 12px/16px 'futura-pt', helvetica, arial, sans-serif;
	color: #88a8ca;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: block;
	margin-top: 12px;
}
#main-content #sidebar .testimonials cite:before {
	content: none;
}
#main-content #sidebar hr {
	border: none;
	border-top: solid 2px #eee;
	margin: 0 20px 30px 0;
	clear: both;
}



/*-- WIDE TESTIMONIAL ------------------------*/
#widetestimonial {
	overflow:visible;
	background:#fff;
	margin-top:30px;
	padding:80px 0;
}
#widetestimonial h2 {
	font:bold 18px/18px 'futura-pt', helvetica, arial, sans-serif;
	color:#87a7cb;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:2px;
	margin-bottom:25px;
}
#widetestimonial hr {
	border-top:1px solid #eee;
	width:300px;
	margin:0 auto;
	margin-bottom:30px;
}
#widetestimonial blockquote {
	margin:0;
	padding:0 30px;
	border-left:none;
	text-align:center;
	font:normal 20px/30px 'aleoregular',georgia,serif;
	color:#a8a8a8!important;
	letter-spacing:1px;
}
#widetestimonial blockquote cite {
	display:block;
	font-size:0;
	color:#a8a8a8!important;
	font:normal 12px/12px 'futura-pt', helvetica, arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:3px;
	margin-top:20px;
}
blockquote cite:before {
	content:"\2014 \0020";
}
blockquote cite:after {
	content:"\0020 \2014";
}




/*-- WIDE FOOTER ------------------------*/
#widefooter {
	overflow:visible;
	background:#333;
	min-height:300px;
	padding: 60px 0;
	border-bottom: 2px solid #f19b2c;
    position:absolute; right:0;left:0
}
#widefooter h4 {
	text-align: center;
	font: 100 30px/30px 'futura-pt', helvetica, arial, sans-serif;
	text-transform: uppercase;
	color: #888;
	letter-spacing: 3px;
	word-spacing: 2px;
	margin-bottom: 80px;
}
#widefooter h4 .love {
	text-indent: -9999px;
	display: inline-block;
	height: 30px;
	width: 30px;
}
#widefooter #footer-nav {
	text-align: center;
	margin-bottom: 48px;
}
#widefooter #footer-nav li {
	font: normal 14px/14px 'futura-pt', helvetica, arial, sans-serif;
	text-transform: uppercase;
	list-style-type: none;
	display: inline-block;
	margin-right: 30px;
}
#widefooter #footer-nav li:nth-of-type(5) {
	margin-right: 0;
}
#widefooter #footer-nav li a {
	color: #888;
	text-decoration: none;
	line-height: inherit;
	letter-spacing: 1px;
}
#widefooter #footer-nav li a:hover {
	color: #649cce;
}
#widefooter p.copyright {
	text-align: center;
	font: 300 14px/14px 'futura-pt', helvetica, arial, sans-serif;
	text-transform: uppercase;
	color: #666;
	letter-spacing: 1px;
}
#widefooter ul#footer-nav li {
	margin-right: 3%;
}

/*-- ORBIT ------------------------*/
.orbit-timer {
	display:none;
}
.top-bar {
	height:108px;
}
#header-bar {
	padding: 0;
}




/*-- RESPONSIVE ------------------------*/
@media (min-width: 940px) {
	.top-bar-section ul {
		margin-top: 29px;
	}
	.top-bar-section ul li > a {
		display:block;
		width:100%;
		padding:10px 0 0;
		margin-left:30px;
	}
	.top-bar-section ul li.hover > a {
		color:#87a7cb;
		background:none;
		-webkit-transition: all ease 300ms;
		-moz-transition: all ease 300ms;
		transition: all ease 300ms;
	}
	
	
}



/* @media (max-width: 940px) {
	.top-bar .name {
		height: 108px;
	}
	#header li.name a img {
		text-indent: -9999px;
		height: auto;
	}
	.top-bar .title-area {
		margin-bottom: -18px;
	}
	.large-3.small-6.columns a {
		min-height: 476px;
	}
} */



/* @media (min-width:581px) and (max-width:939px) { */
@media (max-width:768px) {	
	.small-6 {
		width:50%;
	}
	.top-bar-section ul {
		margin-top: 20px;
	}
	.top-bar-section ul li > a {
		background: #eee;
		border-bottom: 1px solid #fff;
	}
	.large-3.small-6.columns a:hover {
		box-shadow:none;
	}
	.column, .columns {
		padding-left: 0.9375em;
		padding-right: 0.9375em;
	}
	#header-bar {
		padding-left: 0.9375em;
		padding-right: 0.9375em;
	}
	.top-bar .name {
		height: 108px;
	}
	#header li.name a img {
		text-indent: -9999px;
		height: auto;
	}
	.top-bar .title-area {
		margin-bottom: -18px;
	}
	.large-3.small-6.columns a {
		min-height: 476px;
	}
	
}




@media (max-width:768px) {
	.top-bar .name {
		height: 108px;
	}
	#main-content #column-1 {
		padding: 0 40px;
	}
	#header li.name a img {
		text-indent: -9999px;
		height: auto;
	}
	.top-bar .title-area {
		margin-bottom: -18px;
	}
	.large-3.small-6.columns a {
		min-height: 476px;
	}
	#netruby-logos {
		display:none;
	}
	.top-bar-section ul li > a {
		background: #eee;
		border-bottom: 1px solid #fff;
	}
	.large-3.small-6.columns a:hover {
		box-shadow:none;
	}
	.column, .columns {
		padding-left: 0.9375em;
		padding-right: 0.9375em;
		width: 100%;
	}
	#sidebar.small-6 {
		width: 100%!important;
		padding-left: 40px;
		padding-right: 40px;
		margin-top: 0;
	}
	.small-6 {
		width:50%;
	}

}



@media (max-width:580px) {
	
	.top-bar .title-area {
		margin-bottom: 0;
	}
	#widefooter #footer-nav li {
		display: block;
		margin: 0 0 54px 0;
		font-size: 18px;
		font-weight: 300;
	}
	.top-bar .name a {
		width: 60%;
	}

	.large-3.small-6.columns a:hover {
		box-shadow:none;
	}
	#header-bar {
		padding-left: 0.9375em;
		padding-right: 0.9375em;
	}
}

@media (max-width:420px) {
	body {
		overflow-x: hidden;
	}
	.column, .columns {
		padding-left: 0.9375em;
		padding-right: 0.9375em;
	}
	.small-6 {
		width: 100%;
	}
	#header li.name a img {
		max-width: 185px;
		margin-top: 32px;
	}
	#main-content {
		padding: 0 20px 20px 20px;	
	}	
	#main-content #column-1 {
		padding: 0;
		margin-bottom: 0;
	}
	#main-content #column-1 p {
		font: normal 16px/24px 'aleoregular', georgia, serif;
		color: #999;
	}
	#main-content #sidebar .products-side h3,
	#main-content #sidebar .products-side, p,
	#main-content #sidebar .careers h3,
	#main-content #sidebar .careers p {
		padding-right: 20px;
	}
	#main-content #sidebar .products-side,
	#main-content #sidebar .careers h3, #main-content #sidebar .testimonials h3 {
		padding-left: 0;
	}
	#main-content #column-1 ul.list li {
		font: normal 16px/22px 'aleoregular', georgia, serif;
	}
	#sidebar {
		margin-top: 0;
		padding: 0;
	}
	#sidebar.small-6 {
		padding-left: 0;
		padding-right: 0;
	}
	#widetestimonial {
		margin-top: 0;
	}
	#main-content #column-1 h2 {
		font-size: 2em;
		font-family: 'aleoregular', georgia, serif;
	}
	h2 {
		font: normal 16px/26px 'aleoitalic', georgia, serif;
		color: #87a7cb;
		margin-bottom: 10px;
		padding: 0 10px;
		text-align: left;
	}
	h3 {
		font: normal 16px/25px 'aleoregular',georgia, serif;
		color: #a8a8a8;
		padding: 0 10px;
		text-align: left;
	}
	#main-content #column-1 h2 {
		padding:0;
		font: normal 46px/46px 'aleoregular', georgia, serif;
	}
	#featured p {
		font: normal 14px/22px 'aleoregular',georgia, serif;
		text-align: left;
		padding-left: 30px;
		padding-right: 20px;
	}
	#featured h2 {
		font: bold 26px/22px 'futura-pt', helvetica, arial, sans-serif;
		padding: 32px 0 4px 30px;
	}
	.careers h2, .testimonials h2, .products-side h2, {
		padding-left: 0;
	}
	.large-3.small-6.columns a {
		min-height: 100%;
	}
	#widetestimonial {
		padding: 50px 0;
	}
	#widetestimonial blockquote {
		font: normal 16px/24px 'aleoregular',georgia,serif;
		letter-spacing: 0;
	}
	#widefooter {
		padding: 54px 0 34px 0;
	}
	#widefooter h4 {
		margin-bottom: 44px;
		font: 100 27px/30px 'futura-pt', helvetica, arial, sans-serif;
		letter-spacing: 2px;
		word-spacing: 1px;
	}
	#widefooter #footer-nav {
		margin-bottom: 58px;
	}
	#widefooter #footer-nav li {
		margin: 0 0 28px 0;
	}
	
	#main-content #products .large-6.small-6.columns a:hover {
		-webkit-box-shadow: none;
	}
	
}