/*
Theme Name: Peak Colo
Theme URI: http://www.peakcolo.com
Author: ecollective design
Author URI: http://www.ecollectivedesign.com
Description: A custom theme for Peak Colo.
Version: 1.1
Text Domain: cribnotes
*/

/**
 * Custom Theme Styles
 *
 * The following styles are meant to be a starting point for customizing the theme.
 *
 * @since 1.1
 *
 * NOTES: All styles should do their best to follow idiomatic css. Use CSS Comb or similar to reorder things appropriately.
 * @link https://github.com/necolas/idiomatic-css
 */

/**
 * Table of Contents
 *
 * 1. Overall Structure
 * 2. Base Styles
 * 3. Section Styles
	 * 3.1 Header
	 * 3.2 Menu
	 * 3.3 Content
	 * 3.4 Images
	 * 3.5 Comments
	 * 3.6 Footer
 * 4. Responsive and Mobile
	 * 4.1 Responsive Styles
	 * 4.2 Mobile Styles
 * 5. Plugin Edits
 *
 */



/**
 * 1. Overall Structure
 *
 * This section is for rapid wireframing. It should define the general structure of major elements. Elements not listed or contained withing these.
 *(Positioning, box-model)
 */
/* Full Page - starting in header.php and ending in footer.php */
#wrapper {
	display: block;
	max-width: 960px; /* master width */
}
#main {
/*	width: 1280px; */
position: relative;
}

/* Header Content - including and contained within #header, all in header.php */
#header {
	margin: 0;
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 999;
	top: 0;
}
#header .row {
	margin: 0 auto !important;
	max-width: 960px; /* master width */
	background-color: #353535;
}
#header .row .col {
	padding: 0;
}
#main-nav {
	
}

/* Main Content - including and contained within #primary */
#primary {
/*	float: left;
	width: 100%; */
}
#content {
	
}


/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Sidebar - including and contained within #secondary */
#secondary {
	float: right;
	overflow: hidden;
	width: 0;
	display: none;
}

/* Footer - including and contained within #colophon, all in footer.php */
#colophon {
	display: block;
	clear: both;
	width: 100%;
	padding: 1em 0 0;
}

/**
 * 2. Base Styles
 *
 * These are universal styles that apply to all sections and pages and should be overridden for specific elements
 * (Borders, Backgrounds, Fonts & Typography)
 */
html {
	overflow-x: hidden;
	background-color: #080809;
}
body, select, input, textarea {
	font:15px/1.28 sans-serif;
	color: #999;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
}
h2 {
	margin: 0;
}
a {
	text-decoration: none;
}
a, a:active, a:focus {
	color: #607890;
	outline: none;
}
a:visited {
	
}
a:hover {
	color: #036;
}
img {
	max-width: 100%;
}
ul, ol {
	margin-left: 1.8em;
}
ol {
	list-style-type: decimal;
}
/* Remove margins for navigation lists */
nav ul, nav li {
	margin: 0;
}

.page form#gform_4 li {
	list-style-type: none;
	margin-top: 10px;
}
.page form#gform_4 label {
	font-weight: bold;
}
.page form#gform_4 input {
	margin: 5px;
}
.page form#gform_4 .ginput_complex label {
	font-weight: normal;
	color: #999;
}
.page form#gform_4 .ginput_complex span {
	display: block;
}
.rep-norm {
	
}
.rep-se {
	
}

#wrapper {
	display: block;
}
#main {
	
}
.page-template-default {
	background-image: url('img/internal-bg.jpg');
}
.home.page-template-default {
	background-image: none;
}
.page-id-36 table {
	width: 100%;
}
.page-id-36 table td {
	width: 50%;
	vertical-align: middle;
	padding: 5px;
}
.kc-asset {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
	padding: 5px 5px 5px 35px;
	background-image: url('img/whitepaper-icon-small.png');
	background-repeat: no-repeat;
	background-position: left center;
}
.kc-asset.videos {
	background-image: url('img/video-icon.png');
}

.page-id-36 table td a {
	display: inline-block;
	width: 80%;
}
.page-id-36 table td img {
	padding-right: 2%;
}


/* Our Team */
.entry-content img.team-headshot {
/*	margin-right: 30px; */
}
.exec-bio {
	float: left;
	width: 75%;
	margin-bottom: 55px;
	margin-left: 30px;
}
/* Header Content - including and contained within #header, all in header.php */
#header {
	background-color: #353535;
	background-image: url('img/header-right-bg.png');
	background-repeat: no-repeat;
	background-position: right bottom;
}
#header-contact-wrap {
	padding-bottom: 32.3008849557522%; /* 219/339/2 */
	padding-left: 21.5339233038348%; /* 73/339 */
	background-image: url('img/header-angle.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 0;
	width: 100%;
	position: relative;
}
#header-contact {
	width: 79%;
	height: 100%;
	background-image: url('img/header-contact-bg.png');
	background-repeat: repeat-x;
	background-position: center bottom;
/*	margin-right: -5%; */
	position: absolute;
	top: 0;
}
#header-contact img {
	padding-top: 2%; /* guess */
}
#header-contact p {
	margin: 0;
}
#header-contact p a {
	font-size: 0.933333333333333em; /* 14/15 */
	color: #000;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	width: 60%; /* guess */
	text-align: center;
}
.social {
	
}
#main-nav {
	font-size: 0.8em;
}

/* Main Content - including and contained within #primary */
#primary {
	
}
#content {
	
}
.section-underline {
	border-bottom: 1px solid #333;
}
/* Sidebar - including and contained within #secondary */
#secondary {
	
}

/* Footer - including and contained within #colophon, all in footer.php */
#colophon {
	
}

/**
 * 3. Section Styles
 *
 * Style everything else here, in nested order. Broken out by section, duh.
 */
/* ======== FRONT PAGE SECTION NAVIGATIONS =========*/
nav {
	width: 100%;
}

.ui-tabs h1 {
	margin-bottom: .4em;
}

.subnav-menu {
	text-align: right;
	margin-top: 2em;
}
.subnav-menu ul {
	padding: 0;
}
.subnav-menu li {
	display: inline-block;
}
#content .subnav-menu ul li .subnav {
	color: #ccc;
	font-size: 0.866666666666667em; /* 13/15 */
	font-weight: normal;
	text-decoration: none;
}
.subnav {
	display: inline-block;
	line-height: 2.692307692307692em; /* 35/13 */
	padding: 0 1.4em;
}

.subnav-menu .ui-tabs-active {
	padding-left: 1.7em; /*4.1707940149106%; /* 25/599.40625 */
	background-image: url('img/nav-left.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}
.ui-tabs-active span {
	display: inline-block;
	padding-right: 1.7em; /* 4.1707940149106%; /* 25/599.40625 */
	background-image: url('img/nav-right.png');
	background-position: right top;
	background-repeat: no-repeat;
}
.ui-tabs-active .subnav {
	background-color: #4d4d4d;
	padding: 0;
}

/*  
/*  #locations nav a {
/*  	padding-top: 1.6683176059642%; /* 10/599.40625 */
/*  	padding-bottom: 1.6683176059642%; /* 10/599.40625 */
/*  }
/*  
/*  #reseller nav a {
/*  	padding-top: 1.9312009656005%; /* 10/517.8125 */
/*  	padding-bottom: 1.9312009656005%; /* 10/517.8125 */
/*  }
/*  
/*  #partner nav a {
/*  	padding-top: 2.1737653692005%; /* 10/460.03125 */
/*  	padding-bottom: 2.1737653692005%; /* 10/460.03125 */
/*  }
/*  
/*  #about nav a {
/*  	padding-top: 1.6128625790681%; /* 10/620.015625 */
/*  	padding-bottom: 1.6128625790681%; /* 10/620.015625 */
/*  }


/* ======== SECTION SPECIFIC STYLES =========*/

.subnav-menu li.hidden-nav, li.hidden-nav {display: none;}

#news {
	color: #999;
	background-color: #2c2c2d;
	margin: 0 -50%;
	padding: 0 50%; /* bottom - 45/1280 */
	line-height: 2.894736842105263em; /* 55/19 */
}
#slider {
	margin: 0;
	padding: 0;
/*	display: inline-block; */
	font-size: 0;
	line-height: 0;
}
#slider .row {
	margin: 0 -50%;
	margin-bottom: 0 !important;
	padding: 0 50%;
	background-image: url('img/slider-bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 0;
/*	display: inline-block; */
	font-size: 0;
	line-height: 0;
}
#slider .col {
/*	margin: 0; */
	padding: 0;
/*	display: inline-block;
	font-size: 0;
	line-height: 0; */
}
#slider img {
/*	max-width: none;
	padding: 0;
	display: inline-block;
	margin: 0;
	font-size: 0;
	line-height: 0;*/
}
#position {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#position li {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #141414;
	box-shadow: inset 0 1px 3px #000,0 0 1px 1px #202020;
	margin: 0 2px;
	cursor: pointer;
}
#position li.on{
	box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);
	background-color:#1293dc;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1293dc),color-stop(100%,#0f6297));
	background-image:-webkit-linear-gradient(top,#1293dc,#0f6297);
	background-image:-moz-linear-gradient(top,#1293dc,#0f6297);
	background-image:-ms-linear-gradient(top,#1293dc,#0f6297);
	background-image:-o-linear-gradient(top,#1293dc,#0f6297);
	background-image:linear-gradient(top,#1293dc,#0f6297);
}

#newsfeed-container {
	height: 3em;
}
#newsfeed-container a {
	text-decoration: none;
	color: #999;
}
#newsfeed-container a:hover {
	text-decoration: underline;
}
.newsfeed-prev-arrow, .newsfeed-next-arrow{
	background-color: transparent;
	border: none;
	position: relative;
	left: 95%;
	bottom: 40px;
}
.video-blog-post {
	background-image: url('img/video-icon.png');
	background-repeat: no-repeat;
	padding-left: 37px;
	display: inline-block;
	min-height: 27px;
}
#solutions {
	margin: 0 -50%;
	padding: 0 50% 5.078125%; /* bottom - 65/1280 */
	background-color: rgba(6,6,7,0.78);
}
#solutions h1 {
	color: #3db1e1;
	font-size: 1.866666666666667em; /* 28/15 */
	text-transform: uppercase;
	padding-left: 17.1875%; /* 55/320 */
	background-image: url('img/solutions-icon.png');
	background-repeat: no-repeat;
}
#solutions h2 {
	color: #3db1e1;
	font-size: 1em;
}
#solutions img {
}
#solutions p {
}
#solutions a {
	font-weight: bold;
	text-decoration: none;
	color: #3db1e1;
}

#locations {
	margin: 0 -50%;
	padding: 0 50% 3.515625%; /* bottom - 45/1280 */
	background-color: rgba(6,6,7,0.78);
}
#locations h1 {
	color: #c31e2d;
	font-size: 1.866666666666667em; /* 28/15 */
	text-transform: uppercase;
	padding-left: 17.1875%; /* 55/320 */
	background-image: url('img/locations-icon.png');
	background-repeat: no-repeat;
}
#locations h2 {
	color: #c31e2d;
	font-size: 1em;
	text-decoration: none;
}
#locations h3 {
	color: #c31e2d;
	margin-left: 2.75em;
}
#locations table {
	border-color: #000;
	margin-left: 3.25em;
}
#locations td {
	padding: 0px;
}
#locations .loc_number {
	padding-right: 8px;
}
#locations .loc_label {
	padding-right: 20px;
}
#locations .loc-img {
	position: relative;
	left: 7.25%;
}
#locations p a {
	font-weight: bold;
	text-decoration: none;
	color: #c31e2d;
}
#locations a {
	font-weight: bold;
	text-decoration: none;
	color: #c31e2d;
}
#locations nav li a {
	padding: 0 1.1em;
}

#reseller {
	margin: 0 -50%;
	padding: 0 50% 5.078125%; /* bottom - 65/1280 */
	background-color: rgba(6,6,7,0.78);
}
#reseller h1 {
	color: #eaa511;
	font-size: 1.866666666666667em; /* 28/15 */
	text-transform: uppercase;
	padding-left: 12%; /* 55/400, reduced to fit */
	background-image: url('img/reseller-icon.png');
	background-repeat: no-repeat;
}
#reseller h2 {
	color: #eaa511;
	font-size: 1em;
}
#reseller p a {
	font-weight: bold;
	text-decoration: none;
	color: #eaa511;
}
#reseller a {
	font-weight: bold;
	text-decoration: none;
	color: #eaa511;
}

#partner {
	margin: 0 -50%;
	padding: 0 50% 3.515625%; /* bottom - 45/1280 */
	background-color: rgba(6,6,7,0.78);
}
#partner h1 {
	color: #990;
	font-size: 1.866666666666667em; /* 28/15 */
	text-transform: uppercase;
	padding-left: 11.4583333333333%; /* 55/480 */
	background-image: url('img/partner-icon.png');
	background-repeat: no-repeat;
}
#partner h2 {
	color: #990;
	font-size: 1em;
}
#partner p {
/*	text-align: center; */
}
.partner-logo {
	background-color: rgba(51,51,51,0.42);
	padding: 5.4858262413519% 11.6666666666667%; /* 14/255.203125, 28/240 */
}
.partner-logo img {
	margin: 0 auto;
	display: block;
}
#partner .partner-text, #partner .partner-text p {
	text-align: left;
}
#partner a {
	font-weight: bold;
	text-decoration: none;
	color: #990;
}



#media {
	margin: 0 -50%;
	padding: 0 50% 3.515625%; /* bottom - 45/1280 */
	background-color: rgba(6,6,7,0.78);
}
#media h1 {
/*	color: #c31e2d; */
	font-size: 1.866666666666667em; /* 28/15 */
	text-transform: uppercase;
	padding-left: 11.4583333333333%; /* 55/480 */
	background-image: url('img/locations-icon.png');
	background-repeat: no-repeat;
}
#media h2 {
	width: 100%;
	margin-top: .5em;
	color: #999;
}
#media a:hover h2 {
	color: #036;
}
#media h2 a {
/*	color: #c31e2d; */
	font-size: 1em;
	text-decoration: none;
}
#media .loc-img {
	position: relative;
	left: 7.25%;
}
#media p a {
	font-weight: bold;
	text-decoration: none;
/*	color: #c31e2d; */
}
#media .section-underline.empty {
	min-height: 65px;
}
#media a {
	font-weight: bold;
	text-decoration: none;
/*	color: #990; */
}



.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap > ul, .swipe-wrap > div {
	float:left;
	width:100%;
	position: relative;
	margin: 0;
	padding: 0;
}

.media-icon img {
	display: block;
	margin: 0 auto;
}
.media-icon img:hover {
	box-shadow: 0px 0px 30px #FFF;
	border-radius: 50px;
}

#about {
	margin: 0 -50%;
	padding: 0 50% 3.515625%; /* bottom - 45/1280 */
	background-color: rgba(6,6,7,0.78);
	overflow: visible;
}
#about h1 {
	color: #b51c2a;
	font-size: 1.866666666666667em; /* 28/15 */
	text-transform: uppercase;
	padding-left: 34.375%; /* 55/160 */
	background-image: url('img/about-icon.png');
	background-repeat: no-repeat;
}
#about h2 {
	color: #b51c2a;
	font-size: 1em;
}
#about a {
	font-weight: bold;
	text-decoration: none;
	color: #b51c2a;
}
#about-our-team h3, #about-careers h3, #about-knowledge h3, #testimonials h3 {
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
}
#about-our-team img, #about-careers img, #about-knowledge img, #testimonials img {
	vertical-align: middle;
	margin: 2.17em 0;
}
#about-team ul {
	margin: 0;
	padding: 0;
}
#about-team li {
	float: left;
	width: 16.666666666666667%;
	padding: 1%;
	list-style-type: none;
	text-align: center;
	font-size: 0.933333333333333em; /* 14/15 */
}
#about-team h4 {
	margin-bottom: 0;
}
#about-team p {
	margin-top: 0;
}
.about-summary {
	text-align: center;	
}
#team-container {
	padding: 0;
}
#our-team .ui-tabs-active {
	background-image: url('img/team-selected.png');
	background-repeat: no-repeat;
	background-position: center top;
}
#team-bg {
	background-color: #29292a;
	width: auto;
/*	padding: 0 50%;
	margin: 0 -50%;*/
	position: relative;
}
.team-bio h3 {
	color: #ccc;
	font-weight: normal;
}
.team-bio h3 span {
	color: #b51c2a;
	font-weight: bold;
}
#team-info {
	text-align: center;
	background: transparent;
}
#contact {
	background-image: url('img/contact-bg.jpg');
	background-repeat: repeat-x;
	margin: 0 -50%;
	padding: 0 50% 3.515625%; /* bottom - 45/1280 */
}
#contact h1 {
	color: #fcfcfc;
	font-size: 1.866666666666667em; /* 28/15 */
	text-transform: capitalize;
}
#contact h2 {
	color: #fcfcfc;
	font-size: 1em;
}
#contact h1 {
	margin-top: 9.2587234535038%; /* 50/540.03125 */
}
#contact input, #contact select, #contact textarea {
	background-color: #ccc;
	border-radius: 3px;
	border: 1px solid #9c9c9c;
/*	font-size: 1.066666666666667em; /* 16/15 */
	color: #666;
	padding: 2.7406978762803%; /* 8/540.03125 +2 */
/*	width: 46.2936172675192%; /* 250/540.03125 */
	width: 100%;
/*	margin: 0 2.7776170360512% 1.8517446907008% 0; /* 15,10 /540.03125 */
}
#contact .gfield {
	display: inline-block;
	width: 46.2936172675192%; /* 250/540.03125 */
}
 #contact .gfield.contact-name, #contact .gfield.contact-about-us, #contact .gfield.contact-interest {
	width: 94.5872345350384%;
}
#contact .ginput_container {
	display: inline-block;
	margin-bottom: 5%; /* 15,10 /540.03125 */
	width: 95%;
}
#contact .gfield.contact-name .ginput_container, #contact .gfield.contact-about-us .ginput_container, #contact .gfield.contact-interest .ginput_container {
		margin-bottom: 2.5%; /* 15,10 /540.03125 */
}
#contact .gfield.contact-name input, #contact .gfield.contact-about-us input, #contact .gfield.contact-interest textarea {
	padding: 1.37034893814015%; /* half the normal width */
}
#contact .gfield.contact-name input {
	width: 48.75%;
}
#contact .gfield.contact-name div span:first-child input {
	margin-right: 2.5%;
}
#contact .contact-interest .ginput_container {
	width: 98%;
}

#contact #field_1_6, #contact textarea {
	width: 97.5%;
}
#contact .gform_footer.top_label {
	margin: 0;
	padding: 0;
}
#contact .gform_button {
	color: #fff;
	width: 23%;
	float: right;
	margin-right: 8.5%;
	padding: 1%;
	background-color: #c31e2d;
	background-image: url('img/submit.png');
	background-repeat: no-repeat;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
}
#contact label {
	display: none;
}
#contact-logo {
	margin-top: 11.666059059424%; /* 35/300.015625 */
	margin-bottom: 19.998958387584%; /* 60/300.015625 */
}
.contact-phone-number {
	font-size: 2.533333333333333em; /* 38/ 15 */
	color: #999;
	font-weight: bold;
}
.contact-email a {
	font-size: 1.8em; /* 27/15 */
	color: #999;
	font-weight: bold;
}
.contact-partners {
/*	margin-top: 5.7291666666667%; */
}
.contact-partner {
	vertical-align: middle;
	padding: 0 3.7291666666667%; /* 55/960, now adjust down 2% */
}

.spacer {
	height: 11.4583333333333%; /* 110/960 */
}



.parallax img {
	max-height: 100%;
	margin: -10% auto;
	display: block;
	position: relative;
	z-index: 100;
	padding: 20% 0;
}
#parallax1 {
	margin: 0 -50%;
	padding: 0 50%; /* 350/960 */
}
.swirls {
	background: url('img/swirls.jpg') 75% 0 repeat fixed;
	margin: 0 -50%;
	padding: 0 50%; /* 350/960 */
	position: relative;
	z-index: -3;
}
.stars {
	background: url('img/stars2.png') 75% 0 repeat fixed;
	margin: 0 -50%;
	padding: 0 50%; /* 350/960 */
	position: relative;
	z-index: -2;
}
.clouds {
	background-image: url('img/clouds2.png');
	margin: 0 -50%;
	padding: 0 50%; /* 350/960 */
	position: relative;
	z-index: -1;
}
#parallax2 {
	margin: 0 -50%;
	padding: 0 50%; /* 350/960 */
}
.swirls-blue {
	background: url('img/swirls.jpg') 75% 0 repeat fixed;
	margin: 0 -50%;
	padding: 0 50%; /* 350/960 */
	position: relative;
	z-index: -3;
}
.stars-blue {
	background: url('img/stars-blue.png') 75% 0 repeat fixed;
	margin: 0 -50%;
	padding: 0 50%; /* 350/960 */
	position: relative;
	z-index: -3;
}
.clouds-big {
	background-image: url('img/clouds-big.png');
	margin: 0 -50%;
	padding: 0 50%; /* 350/960 */
	position: relative;
	z-index: 0;
}
#parallax2 img {
	position: relative;
	z-index: -1;
	padding: 0;
}

#parallax3 {
	margin: 0 -50%;
	padding: 0 50%; /* 350/960 */
}
.stars-red {
	background: url('img/stars-red.jpg') 75% 0 repeat fixed;
	margin: 0 -50%;
	padding: 0 50%; /* 350/960 */
	position: relative;
	z-index: -3;
}
.clouds-right {
	background: url('img/clouds-right.png') 75% 0 repeat fixed;
	margin: 0 -50%;
	padding: 0 50%; /* 350/960 */
	position: relative;
	z-index: -3;
}
.clouds-left {
	background: url('img/clouds-left.png') 75% 0 repeat fixed;
	margin: 0 -50%;
	padding: 0 50%; /* 350/960 */
	position: relative;
	z-index: 0;
}
#parallax3 img {
}

.prev-arrow, .next-arrow {
	background-color: transparent;
	border: none;
	position: absolute;
	top: 2.5%;
}
.prev-arrow {
	left: -8%;
}
.next-arrow {
	right: -8%;
}
.prev-arrow img, .next-arrow img {
	position: relative;
}


/**
 * 3.1 Header
 *
 */
#site-info {
	display: none;
}
#site-title {
	margin: .67em 0;
	font-weight: bold;
	font-size: 2em;
}
#site-description {
	margin: 0 0 1em;
	font-weight: normal;
	font-size: 1em;
}

/**
 * 3.2 Menu
 *
 */
#main-nav {
	width: 100%;
}
#main-nav ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}
#main-nav li {
	position: relative;
	float: left;
}
#main-nav a {
	display: inline-block;
	font-size: 93.3333333333333; /* 14/15 */
	margin-top: 2em;
	padding: 0 0.6em;
	text-decoration: none;
	color: #999;
	font-weight: bold;
	line-height: 2em;
}
#main-nav a:hover {
	color: #CBCCCD;
}
#main-nav ul ul {
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
	display: none;
	float: left;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
#main-nav ul ul ul {
	top: 0;
	left: 100%;
}
#main-nav ul ul a {
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
	background: #333;
	color: #fff;
	line-height: 1em;
}
#main-nav li:hover > a,
#main-nav ul ul :hover > a {
	background: #333;
	color: #fff;
}
#main-nav ul ul a:hover {
	background: #000;
}
#main-nav ul li:hover > ul {
	display: block;
}
#header-contact {
}

/**
 * 3.3 Content
 *
 */
#content.internal {
	background-color: #e3e3e3;
	color: #333;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	width: 50%;
	text-align: right;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	margin: 0 0 1em;
}
.entry-header {
	background-color: #000;
}
.entry-header .row {
	margin-bottom: 0;
}
.entry-title a {
	font-size: 1.233333333333333em; /* 37/30 */
	color: #fcfcfc;
	text-decoration: none;
}
.entry-title a:hover {
	color: #036;
}
.entry-meta {
	display: none;
}

.archive .entry-header {
	font-size: 0.6em;
	padding: 2em 0 .1em;
}
.archive .entry-summary {
	padding: 0 2.5%;
}
.archive #nav-below {
	background: #000;
	color: #fff;
}

.blog .entry-header {
	font-size: 0.6em;
	padding: 2em 0 .1em;
}
.blog #content>div {
	display: none;
}
.blog .footer-entry-meta {
	display: none;
}

#breadcrumbs {
	background-color: #fff;
	text-transform: uppercase;
	color: #666;
	font-size: 0.733333333333333em; /* 11/15 */
	line-height: 1.454545454545455em; /* 16/11 */
	padding: 1.0416666666667% 0; /* 10/960 */
}
#breadcrumbs a {
	color: #666;
	text-decoration: none;	
}
#breadcrumbs a:hover {
	text-decoration: underline;	
}
#internal-nav {
	margin-top: 4.1666666666667%; /* 40/960 */
	padding-left: 1.0416666666667%; /* 10/960 */
}
#internal-nav li {
	float: left;
}
#internal-nav.subnav-menu ul li a {
	color: #ccc;
	font-size: 0.866666666666667em; /* 13/15 */
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
	line-height: 2.692307692307692em; /* 35/13 */
	padding: 0 1.4em;
}
#content .subnav-menu ul .current_page_item {
	padding-left: 1.7em; /*4.1707940149106%; /* 25/599.40625 */
	background-image: url('img/nav-left.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}
#content .subnav-menu ul .current_page_item a {
	display: inline-block;
	padding-right: 1.7em; /* 4.1707940149106%; /* 25/599.40625 */
	padding-left: 0;
	background-image: url('img/nav-right.png');
	background-position: right top;
	background-repeat: no-repeat;
}
#content .subnav-menu ul .current_page_item span {
	display: inline-block;
	background-color: #4d4d4d;
	padding: 0;
}

/*
 * Gated Asset Styles
 */
.ui-dialog {
	color: #333;
	background-color: #ccc;
	padding: 2%;
	border: #000 solid 2px;
	-webkit-box-shadow: 10px 10px 16px #000;
	   -moz-box-shadow: 10px 10px 16px #000;
	        box-shadow: 10px 10px 16px #000;

}
.ui-dialog-title {
	color: #ec1c24;
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
}
.ui-dialog button {
	float: right;
}
#gated-asset input {
	width: 100%;
}
#asset-link {
	color: #ec1c24;
	padding-left: 35px;
	background-image: url('img/whitepaper-icon.png');
	background-repeat: no-repeat;
	min-height: 36px;
	line-height: 36px;
	display: inline-block;
}

.footer-entry-meta .span_10 {
	border-bottom: 1px solid #999;
	padding-bottom: 1.25%; /* 10/800 */
}
.footer-entry-meta .row {
	padding-bottom: 3.75%; /* 30/800 */
	margin-bottom: 0.615%;
}
.back-to-top {
	color: #BE1E2D;
	text-decoration: none;
}

/**
 * 3.4 Images
 *
 */
/**
 * Resize images to fit the main content area.
 * - Applies only to images uploaded via WordPress by targeting size-* classes.
 * - Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.entry-content img {
	margin: 0;
}

.post-thumbnail {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 18px;
}

.preview-img img {
	width: inherit;
	height: auto;
	padding-top: 10px;
}
/**
 * 3.5 Comments
 *
 */
article.comment {
	display: block;
}
#respond input[type=text] {
	float: left;
	margin: 0 1em 0 0;
	width: 60%;
}
#respond .comment-form-comment label {
	display: none;
}
#respond textarea {
	float: left;
	margin: 0 1em 1em 0;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}

/**
 * 3.6 Footer
 *
 */
#colophon {
}


/* Gravity Forms */
.gfield_error {
	border: #BE1E2D solid 2px;
	background-color: #FAA;
}
.validation_message {
	color: #BE1E2D;
	font-weight: bold;
}

/*
 * Microsite Styles
 *
 */
.single-microsite {
	
}
.single-microsite #main-nav .current-menu-item a {
	color: #fff;
}
.single-microsite .entry-title {
	font-size: 1.51351351351351em; /* 28/18.5 */
	text-align: center;
	text-shadow: 0px 1px 8px #000;
	line-height: 5em;
}
.single-microsite #wrapper {
	max-width: 940px;
}
.single-microsite .entry-header {
/*	height: 10em; */
}
.single-microsite p strong {
	font-size: 1.2em; /* 18/15 */
}
.single-microsite #internal-nav {
	margin-top: .25em;
}

/* faux homepage */
.single-microsite.postid-8768 {
	
}
.single-microsite.postid-8768 #breadcrumbs {
	display: none;
}
.single-microsite.postid-8768 #content.internal {
	background-color: transparent;
	color: #ccc;
}
.single-microsite.postid-8768 tr {
	border-bottom: 3px solid #3c3c3c;
}
.single-microsite.postid-8768 td {
	padding: 20px 0;
	vertical-align: top;
}
.single-microsite.postid-8768 .entry-title {
	line-height: 10.5em;
	position: relative;
	z-index: -1;
}
.single-microsite.postid-8768 .left-column{
	width: 68.085106382979%;
}
.single-microsite.postid-8768 .right-column{
	background-color: #202020;
	width: 31.914893617021%;
}
.single-microsite.postid-8768 h3 {
	font-size: 1em;
	padding-left: 20px;
}
.single-microsite.postid-8768 .footer-entry-meta {
	display: none;
}

.microsite-sub-info {
	width: 30%;
	float: left;
	margin-right: 3%;
	margin-top: 2em;
	text-transform: uppercase;
	font-size: .75em;
}
.microsite-sub-info h3, .single-microsite.postid-8768 .microsite-sub-info h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.microsite-sub-info p {
	margin-top: 0;
}

/**1
 * Grid
 */


/* 
	12 COLUMN - RESPONSIVE GRID SYSTEM
	DEVELOPED BY DENIS LEBLANC
	URL - http://responsive.gs
	VERSION - 2.0
	LICENSED UNDER GPL & MIT
*/


/* 	SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX
	If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */
* { -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

/* MAIN CONTAINER */
.container						{ margin: 0 auto; }


/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }


/* DEFAULT ROW STYLES */
.row { margin-bottom: 1.5em; } /* set according to preference*/
			
								  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float:left;
	width: 100%;
}

@media ( min-width : 768px ) {
	.col {
		/* margin-left: 2%; */
		padding: 0 1.0416666666667%;
	}
}


/* RESET MARGINS */
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/* COLUMN WIDTH ON DISPLAYS +768px */
/*
	.span_1 { width: 6.5%;}
	.span_2 { width: 15.0%;}
	.span_3 { width: 23.5%;}
	.span_4 { width: 32.0%;}
	.span_5 { width: 40.5%;}
	.span_6 { width: 49.0%;}
	.span_7 { width: 57.5%;}
	.span_8 { width: 66.0%;}
	.span_9 { width: 74.5%;}
	.span_10 { width: 83.0%;}
	.span_11 { width: 91.5%;}
	.span_12 { width: 100%;}
*/
	.span_1 { width: 8.333333333333333%;}
	.span_2 { width: 16.666666666666667%;}
	.span_3 { width: 25%;}
	.span_4 { width: 33.333333333333333%;}
	.span_5 { width: 41.666666666666667%;}
	.span_6 { width: 50%;}
	.span_7 { width: 58.333333333333333%;}
	.span_8 { width: 66.666666666666667%;}
	.span_9 { width: 75%;}
	.span_10 { width: 83.333333333333333%;}
	.span_11 { width: 91.666666666666667%;}
	.span_12 { width: 100%;}

/* CLEARFIX HACK */
.row,
.clr,
.group							{ zoom: 1; } /* IE6 */

*:first-child+html .row,
*:first-child+html .clr,
*:first-child+html .group		{ zoom: 1; } /* IE7 */

/**
 * 4. Responsive and Mobile
 * Standard screen breaks for mobile and iDevices
 */
/**
 * 4.1 Responsive Styles
 * 
 * From: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
 */


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* Previously Used Styles */

@media only screen 
(min-width: 1471px) {
}

@media only screen 
and (min-width: 1201px)
and (max-width: 1470px) {
}

@media only screen 
and (min-width: 1025px)
and (max-width: 1200px) {
}

@media only screen 
and (min-width: 961px) /* iPad Landscape */
and (max-width : 1024px) {
	.prev-arrow {
		left: -4%;
		z-index: 1000;
	}
	.next-arrow {
		right: -4%;
		z-index: 1000;
	}
}

@media only screen 
and (min-width: 769px) /* iPhone 4 Landscape */
and (max-width: 960px) {
}

@media only screen
and (min-width: 641px) /* iPad Portrait */
and (max-width: 768px) {
	.prev-arrow {
		left: 0%;
		z-index: 1000;
	}
	.next-arrow {
		right: 0%;
		z-index: 1000;
	}
	#main-nav {
		text-align: center;
	}
	#main-nav a {
		margin-top: 0;
	}
	.newsfeed-prev-arrow, .newsfeed-next-arrow {
		left: 92.5%;
	}
	#reseller .subnav-menu {
		margin-top: 4.3em;
	}
}

@media only screen
and (min-width : 481px) /* iPhone 4 Portrait */
and (max-width: 640px) {
}

@media only screen
and (max-width : 480px) {


	.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .span_12 {
		width: 100%;
	}


	img {
		margin: 0 auto;
		display: block;
	}
	
	#header .row .col.span_2 {
		width: 35%;
	}
	#header .row .col.span_7 {
		width: 65%;
	}
	.prev-arrow, .next-arrow {
		top: 0.5%;
	}
	.prev-arrow {
		left: 0%;
		z-index: 1000;
	}
	.next-arrow {
		right: 0%;
		z-index: 1000;
	}
	.newsfeed-prev-arrow, .newsfeed-next-arrow {
		left: 90%;
	}
	#main-nav {
		text-align: right;
	}
	#main-nav a {
		margin-top: 0;
		line-height: 3em;
	}
	#header-contact-wrap {
		display: none;
	}
	.contact-partners img {
		margin: 2em auto;
	}
	

	.section-underline {
	}
	.subnav-menu {
		margin-top: 0;
	}
	.subnav {
		padding: 0 1em;
	}
	
	#solutions .span_4 img {
		display: none;
	}
	#locations img, #locations table {
		display: none;
	}
	
	#media .section-underline {
		min-height: 0;
		display: none;
	}
	#parallax1, #parallax2, #parallax3 {
		display: none;
	}


	#partner, #media, #about {
		display: none;
	}

/*
	.section-content, .spacer, .section-underline nav {
		display: none;
	}
*/
}

@media only screen /* iPhone 3G Portrait */
and (max-width : 320px) {
	#header .row .col.span_7 {
		width: 100%;
		text-align: center;
	}
	#main-nav {
		display: none;
	}
	.prev-arrow, .next-arrow {
		width: 35px;
	}


	#about .subnav-menu {
		margin-top: 0em;
	}
}

/**
 * 4.2 Mobile Styles
 */
/* iOS */
/*  https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSize.html */
a:link { -webkit-tap-highlight-color: #BE1E2D; } 



/**
 * 5. Plugin Edits
 * Custom Styles to override styles in plugins
 */

/*
 * Gavity Forms Edits
 */
.ui-datepicker-div,
.ui-datepicker-inline,
#ui-datepicker-div {
	box-sizing: content-box;
	-moz-box-shadow:    3px 3px 10px 0px #000;
	-webkit-box-shadow: 3px 3px 10px 0px #000;
	box-shadow:         3px 3px 10px 0px #000;
  }

#ui-datepicker-div {
	background-color: #fff;
	border: 3px solid #CCC;
	padding: 3px;
	width: 250px;
}
.ui-datepicker {
	
}
.ui-datepicker td {
	font-size: 1em;
	width: 14.2857142857143%;
	background-color: #ccc;
	border: 3px solid #fff;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title-row td a {
	color: #000;
}
.ui-datepicker td a {
/*	font-size: .75em; */
	color: #5f5f5f;
	font-weight: bold;
}
.ui-datepicker-control {
	font-size: .65em;
	text-align: right;
}
.ui-datepicker-control a {
	color: #000;
}
.ui-datepicker-links div {
	font-size: .75em;
	display: inline-block;
	width: 33.33333%;
}
.ui-datepicker-prev {
	text-align: left;
}
.ui-datepicker-current, .ui-datepicker-header {
	text-align: center;
}
.ui-datepicker-next {
	text-align: right;
}
.linkedin-content header,
.twitter-content header{
	color: #1DAFED;
	font-size: 1.2em;
	font-weight: bold;
}
.linkedin-content header a{
	color: #747087;
	font-size: .8em;
	font-weight: bold;
}
.twitter-content header a{
	color: #1DAFED;
	font-size: .8em;
	font-weight: bold;
}
.linkedin-content header img,
.twitter-content header img{
	display: inline-block;
	margin: 0 20px;
}
.linkedin-content ul,
.twitter-content ul{
	margin: 25px 0 0;
	padding: 0;
}
.linkedin-content .updates li,
.twitter-content .tweet{
	font-size: .9em;
	list-style: none inside;
	margin-bottom: 25px;
}
.linkedin-content a{
	color: #EF1820;
	font-weight: normal;	
}
.twitter-content a{
	color: #349DD5;
	font-weight: normal;
}
.linkedin-content .tweet-meta,
.twitter-content .tweet-meta{
	color: #349DD5;	
}
.linkedin-content .tweet-text a,
.twitter-content .tweet-text a{
	color: #999;
}
.linkedin-content .container-text{
	float: left;
	width: 66%;
	
}
.linkedin-content .company{
	color: #747087;
	font-weight: bold; 
}
.linkedin-content .container-img{
	float: left;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 25px;
	width: 33%;
}
.linkedin-content .container-img img{
	max-width: 100%;
	width: auto;
}