/*
 * 	Custom style sheet for the Big Red Pin website using Twitter Bootstrap
 *
 *
 * ************************************************************************ */

* { margin: 0; padding: 0; }
body { height: 100%; max-width: 100%; margin: 0; margin-right: -20px; padding: 0; background-color: #000; font-family: 'Ubuntu', sans-serif !important; }
.body { margin-top: 130px; }
.firstRow p { font-weight: bold; }
.emptyContainer { margin: 0; margin-left: auto; margin-right: auto; padding: 0; }
.loadedHeader { z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 80px; background-color: transparent; background-image: url('../img/brp-header.gif'); background-repeat: repeat-x; border-bottom: 1px solid #000; }
.bodyPad { position: fixed; top: 135px; height: 60px; width: 100%; z-index: 14; background-color: transparent; }
.center { width: auto; margin-left: auto; margin-right: auto; display: table; }
.white { background-color: #FFF; }
.noMargin { margin: 0; }

/* Drop Shadows */
.dropShadowHeader {
	position: absolute;
	width: 100%;
	height: 70px;
	top: 81px;
	left: 0px;
	background-color: transparent;
	box-shadow: inset 0px 80px 80px -100px rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0px 100px 100px -100px rgba(0, 0, 0, 1);
}
.dropShadowHeaderMobile {
	position: absolute;
	width: 100%;
	height: 70px;
	top: 50px;
	left: 0px;
	z-index: -10;
	background-color: transparent;
	-webkit-box-shadow: inset 0px 80px 80px -80px rgba(0, 0, 0, 0.7);
	box-shadow: inset 0px 80px 80px -100px rgba(0, 0, 0, 1);

}
.dropShadowGallery {
	position: absolute;
	width: 100%;
	height: 100px;
	top: 0px;
	left: 0px;
	background-color: transparent;
	box-shadow: inset 0px 80px 80px -100px rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0px 100px 100px -100px rgba(0, 0, 0, 1);
}
.dropShadowFooterRule {
	width: 100%;
	background-color: transparent;
	-webkit-box-shadow: 0px 0px 90px 10px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 90px 10px rgba(0, 0, 0, 1);
}
.hero-unit {
	color: red;
	margin-left: 0px !important;
	width: 900px !important;
}

/* Hidden form field */
.address{ display: none !important; }

table{ margin-bottom: 10px; }
table td{ vertical-align: bottom; padding-right: 10px; }

form a{ color: #FFF !important; }
form a: hover{ color: #DDD !important; }

/* Workaround for fixed BG Image */
.bgimage{
	z-index: -100;
	position: fixed;
	top: 50px;
	left: 0px;
	min-height: 100% !important;
	min-width: 100%;
	background-color: #090909;
	background-image: url('../img/brp-bg.png');
	background-repeat: repeat-x;
	margin: 0px !important;
	padding: 0px !important;
}
.bgimage img{ min-height: 100%; }

/* ENCASEMENT STUFF*/
.encasement {
	max-width: 100%;
	margin: 20px;
	margin-left: 20px;
	margin-bottom: 40px;
	display: inline-block;
	padding: 15px;
	color: #DDD;
	/*For IE */
	border: 1px solid 555;
	background-color: 333;
	
	/* The background is used to specify the border background */
	background: -moz-linear-gradient(-45deg, rgba(180,180,180,0.2), rgba(10,10,10,0.6) 60%);
	background: -webkit-linear-gradient(-45deg, rgba(180,180,180,0.2), rgba(10,10,10,0.6) 60%);
	background-position: left top !important;
	/* Background origin is the padding box by default.
	 Override to make the background cover the border as well. */
	-moz-background-origin: border;
	background-origin: border-box;
	/* A transparent border determines the width */
	border: 1px solid rgba(260,260,260,0.2);
	border-radius: 10px;
	/*Drop Shadow */
	-webkit-box-shadow: 8px 8px 40px 12px rgba(0, 0, 0, 0.4);
	box-shadow: 8px 8px 40px 12px rgba(0, 0, 0, 0.4);
}
.encasement6 {
	margin: 20px;
	margin-left: 0px;
	margin-right: 00px;
	margin-bottom: 40px;
	display: inline-block;
	padding: 15px;
	padding-left: 25px;
	padding-right: 25px;
	color: #DDD;
	/*For IE */
	border: 1px solid 555;
	background-color: 333;
	
	/* The background is used to specify the border background */
	background: -moz-linear-gradient(-45deg, rgba(180,180,180,0.2), rgba(10,10,10,0.6) 60%);
	background: -webkit-linear-gradient(-45deg, rgba(180,180,180,0.2), rgba(10,10,10,0.6) 60%);
	background-position: left top !important;
	/* Background origin is the padding box by default.
	 Override to make the background cover the border as well. */
	-moz-background-origin: border;
	background-origin: border-box;
	/* A transparent border determines the width */
	border: 1px solid rgba(260,260,260,0.2);
	border-radius: 10px;
	/*Drop Shadow */
	-webkit-box-shadow: 8px 8px 40px 12px rgba(0, 0, 0, 0.4);
	box-shadow: 8px 8px 40px 12px rgba(0, 0, 0, 0.4);
}
.callToAction .encasement6 h3{ line-height: 26px; }
.encasementB {
	margin: 00px;
	margin-left: 0px;
	margin-bottom: 30px;
	width: auto;
	display: inline-block;
	padding: 0px;
	color: #DDD;
	/*For IE */
	border: 1px solid 555;
	background-color: 333;
	/* The background is used to specify the border background */
	background: -moz-linear-gradient(-45deg, rgba(180,180,180,0.2), rgba(10,10,10,0.6) 60%);
	background: -webkit-linear-gradient(-45deg, rgba(180,180,180,0.2), rgba(10,10,10,0.6) 60%);
	background-position: left top !important;
	/* Background origin is the padding box by default.
	 Override to make the background cover the border as well. */
	-moz-background-origin: border;
	background-origin: border-box;
	/* A transparent border determines the width */
	border: 1px solid rgba(260,260,260,0.2);
	border-radius: 10px;
	/*Drop Shadow */
	-webkit-box-shadow: 8px 8px 40px 12px rgba(0, 0, 0, 0.4);
	box-shadow: 8px 8px 40px 12px rgba(0, 0, 0, 0.4);
}
.encasementP {
	margin: 00px;
	margin-left: 0px;
	margin-bottom: 30px;
	width: auto;
	display: inline-block;
	padding: 0px;
	color: #DDD;
	/*For IE */
	border: 1px solid #555;
	background-color: #333;
	/* The background is used to specify the border background */
	
	/* Background origin is the padding box by default.
	 Override to make the background cover the border as well. */
	-moz-background-origin: border;
	background-origin: border-box;
	/* A transparent border determines the width */
	border: 1px solid rgba(260,260,260,0.2);
	border-radius: 10px;
	/*Drop Shadow */
	-webkit-box-shadow: 8px 8px 40px 12px rgba(0, 0, 0, 0.4);
	box-shadow: 8px 8px 40px 12px rgba(0, 0, 0, 0.4);
}
.encasement h2, .encasement6 h2 { font-style: italic; }
.encasement a, .encasement6 a { color: #FFF !important; }
.formContainer{ margin: 0px; padding: 0px; margin-left: 30px; margin-right: 30px; }

/*
 *
 *  HEADER
 *===========================================================*/
.headerRow { margin: 0px; padding: 0px; max-width: 980px; margin-left: auto; margin-right: auto; height: 80px; }
.header { position: relative; padding: 15px; padding-left: 0px; }
.header .span5, .header .span7 { padding: 0px; margin: 0px; }
.logo img { position: absolute; top: 0; left: 72px; height: 80px; }
.mainMenu { margin: 55px 0 0 0; padding: 0; }
.mainMenu .linkHover:hover{ color: #888 !important; }

/*Nav Bar*/
.navbar { z-index: 50; position: fixed; top: 0; left: 0; width: 100%; }
.custom-navbar .navbar-inner { 
	background-color: #FFF;
	background-image: url('../img/brp-header-mobile.gif') !important;
	border-bottom: 1px solid #000;
}
.navbar-inverse .brand { color: #000; margin-top: 10px; }
.navbar-inverse .brand:hover { color: #C61017; }
.custom-navbar .btn-navbar { margin-top: 16px; }
.collapse { z-index: 50; }
.custom-navbar a { color: #000 !important;	text-shadow: none !important; }

/* SITE NAV (desktop)*/
.navigation { position: absolute; top: 18px; right: 35px; height: 57px; }
.navigation ul { list-style-type: none; margin: 0px; padding: 0px; }
.navigation li { display: inline; float: left; }
.navigation .item { height: 32px; margin-top: 0px; margin-bottom: 15px; padding: 15px 20px 0 20px; }
.border { margin-top: 0px; height: 55px; width: 1px; border-right: 1px solid #E3E0E0; margin-right: 1px; }
.hoverSpace { padding: 0px; margin: 0px; }
.end { border-right: none; }
.navigation a { text-decoration: none; }
.navigation a:hover { color: #A61603; }
.title { font-size: 18px; display: block; color: #555; }
.description, .serviceDescript { text-decoration: underline; color: #B1B1B1; text-decoration: none; font-size: 14px; }
.description:hover { color: #A61603; }
.navigation h5 { text-decoration: none; }
.current { color: #A61603 !important; }
li .current { color: #666 !important; }
.engageSuite li, .uniCom li, .wlan li, .netAccess li { height: 20px; }
.pad{ height: 10px; }

/* SOCIAL MEDIA LINKS */
.socialMedia { position: absolute; top: 50px; right: 40px; z-index: 150; }
.socialMedia ul { list-style-type: none; margin: 0px; padding: 0px; }
.socialMedia li { display: inline; float: left; margin-right: 0px; z-index: 200; }

.twitter, .facebook, .linkedin, .pinterest, .rss { height: 25px; width: 30px; background-image: url("../img/social-chips.png"); }
.twitter { background-position: 0px 0px; }
.facebook { background-position: 72px 0px; }
.linkedin { background-position: 40px 0px; }
.twitter:hover { background-position: 0px 26px; }
.facebook:hover { background-position: 72px 26px; }
.linkedin:hover { background-position: 40px 26px; }

/*
 *
 *  BODY
 *===========================================================*/
.body {
	display: block;
	font-size: 14px;
	line-height: 20px;
	z-index: 1;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	color: #FFF;
}
.body a.btn:hover{ color: #ED1C24 !important; }
.homeTextContent a, .homeTextContent a:hover, .mobileBody a, .mobileBody a:hover {
	color: #ED1C24;
	text-decoration: underline;
}
.mobileBody a{ margin-top: 0px; vertical-align: top; }
.mobileBody{ width: 100%; }
.mobileBody p{ margin-left: 10px; }
.mobileBody .browserLink a{ display: block; vertical-align: top; }
.browserUpdateBody{
	background-color: #000;
	background-image: url('../img/brp-bg.png');
	background-repeat: repeat-x;
	background-position: top center;
	height: 100%;
	width: 100%;
}
.mainImage{ margin-left: 25px; margin-right: 25px; max-width: 100%; }
.mainImage img{ margin-left: auto; margin-right: auto; max-width: 100%; }
.mainImage .encasement6{ padding: 0px; }


#myCarousel img{
	max-width: 100%;
}

/*Encased Image for UC and WLAN */
.uw{ margin-right: 0px !important; padding: 0px !important; }
.uw .encasement6{  padding: 0px !important; padding-top: 10px; padding-bottom: 10px; }
.uw img{ margin: 0px; }
.fullWidth { background-color: #FFF; width: 100%; height: 100%; }
	
/* Text for main index */
.homeTextContent{
	max-width: 980px;
	position: static;
	display: block;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding: 10px;
}
.homeTextContent p{ margin-bottom: 15px; }

/*Form Stuff */
.control-group { width: 75%; margin-left: auto; margin-right: auto; }
.inputLine{ width: 100%; }
button { width: 150px; margin-left: auto; }
.benefits{ display: inline-block; margin-left: 0px !important; vertical-align: top; }
.benefits img { padding-top: 10px; padding-left: 10px; 	margin: 0px; max-width: 64px; max-width: 64px; }
.benefits-text {
	padding-top: 10px;
	margin-left: 10px;
	font-size: 24.5px;
	font-weight: bold;
	line-height: 28px;
	padding-right: 10px;
	display: inline-block;
	max-width: 280px;
}
.requestCont{ padding-left: 20px; }
.lastRow .form { margin-left: 0px; padding-left: 35px; margin-top: 20px; }
.engageRequest{ margin-left: 115px; padding-right: -20px; }
.uwRequest{ margin-left: 140px; margin-right: -30px; }

/* HOME */
.gallery { width: 100%; background-color: #FFFFFF; }
.gallery a, .gallery a:hover { text-decoration: none; color: #FFF; }
.gallery img, .gallery .item { margin: 0; padding: 0; }
.galleryContainer { width: auto; margin-left: auto; margin-right: auto; }
.slide1 { background: url("../img/slidenew-buzzwords_bg.jpg") repeat; }
.slide5, .slide4 { background: url("../img/slidenew-dimension_bg.jpg") repeat-x top center; }
.absolute { position: absolute; top: 140px; margin-left: auto; margin-right: auto; }
.arrowContainer { position: relative; }
.secondBodyRow { position: relative; padding: 0px; }
.welcome, .engage { padding-top: 25px; padding-bottom: 25px; background-color: transparent; }
.engage img { margin: 0px; margin-bottom: 15px; }
.welcomeHeading { font-size: 24px; margin-bottom: 10px; }


/* Company */
.lastRow{ margin-bottom: 60px; }
.hero-unit{ margin-top: 20px; padding: 40px; }
.hero-unit h3{ padding: 0px; margin: 0px; }
.philosophy{ height: auto !important; padding: 0px; }
.span3 a{ text-decoration: none; }
.span3 a:hover{ text-decoration: none; }
.span9 h1{ padding-top: 0; margin-top: 0; }
.firstH1{ margin-top: 0px; padding-top: 0px; }

/* Contact Page */
.contactContainer{ position: relative; margin-bottom: 60px; }
.contactContainer input{ max-width: 55%; }
.contactContainer textarea{ margin-bottom: 20px; }
.contactContainer form{ margin-left: 0px; }
small{ color: #999; }

/* Company Page - REVISIONS 7/22/13 */
#company{ margin-top: 35px; height: auto; background-image: url(../images/section-one-bg.jpg); background-attachment: fixed;  }
#company-wrapper{ width: 1200px; margin: auto; margin-top: 20px; color: #fffefe; }
#company-wrapper h1{ font-size: 120px; letter-spacing: -2px; }
#company-wrapper h2{ font-size: 55px; margin: 45px 0 15px 0; letter-spacing: -2px; }
#company-wrapper p{ line-height: 20px; }
#team-image-grid{ margin: 35px auto 50px auto; max-width: 900px; }
#team-image-grid .team-image { display: inline-block; margin: 0 30px 25px 0; }
#team-image-grid .team-image h4{ font-size: 19px; line-height: 20px;  margin-bottom: 5px; }
#team-image-grid .team-image p{ font-size: 19px; font-weight: 100; line-height: 10px; color: #ccc; }
.team-image p:last-child { font-style: italic; font-size: 16px !important; }
#team-image-grid img{ 
	-webkit-box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, 0.3);
	max-width: 255px;
	max-height: 255px;
	margin-bottom: 18px; 
}
#mission, #team { width: 48%; display: inline-block; vertical-align: top; }
#mission { margin-right: 2%; }
@media (min-width: 1000px) and (max-width: 1199px) {
	#company-wrapper { width: 940px; }
}
@media (max-width: 999px) and (min-width: 769px) {
	#company-wrapper { width: 748px; margin: auto; margin-top: 30px;  }
	.team-image { width: 30%; vertical-align: top; margin-left: 1% !important; margin-right: 1% !important; }
	.team-image img { width: 100%; }
	
}
@media (max-width: 768px) {
	#team-image-grid { margin-left: 2%; }
	.team-image { vertical-align: top; width: 45%; margin: 0 !important; margin-right: 2% !important; margin-bottom: 20px !important; }
	#team-image-grid img { max-width: 100%; }
	#mission, #team { width: 96%; margin-left: 2%; }
	#company-wrapper { width: 100%; }
	#company-wrapper h1 { margin-left: 2%; font-size: 80px; }
	#company-wrapper h2 { font-size: 45px; }
	#team-image-grid .team-image p { margin-bottom: 0; line-height: 20px; }
}
@media (max-width: 479px){
	#company-wrapper h1 { font-size: 50px; }
	#company-wrapper h2 { font-size: 35px; margin-top: 15px;  }
	.team-image { width: 100%; margin-right: 0 !important; }
}
/* End revisions */


/* ENGAGE SUITE */
.engageSuiteContainer{ position: static; padding-top: 25px; }
.chart, .text{ margin-left: 0; }
.chart{ padding: 0px; margin: 0px; }
.text p{ margin-left: 25px; margin-top: 5px; font-size: 22px; line-height: 28px; }

.firstRow{ margin-bottom: 15px; font-size: 16px; }

.tableContainer{ margin-bottom: 20px; padding-top: 20px; padding-left: 20px; z-index: 5; border-top: 1px solid #666; }
.tableContainer .span4{ margin: 0px; padding: 0px; } 
.personal, .interactive, .network{ width: 100%; padding: 0px; margin: 0px; }
.titleBar{ margin-bottom: 0px; text-align: center; border: 0; font-size: 30px; padding: 0px; margin: 0; padding-top: 20px; color: #FFF; }
.titleBar a, .titleBar a:hover{ text-decoration: none; }
.subtitleText{ margin-bottom: 0px; font-size: 14px; color: #FFF; margin-top: 5px; }
.graphicsContainer{ text-align: center; padding-top: 0px; padding-bottom: 0px; margin: 20px; }
.textContainer{ text-align: center; padding-top: 0px; color: #FFF; }
.textContainer .text{ width: 100%; height: 100%; padding-top: 5px; color: #FFF; font-size: 24px; text-decoration: none; }
.bigWords{ width: 100%; padding-top: 5px; padding-bottom: 0px; font-size: 22px; line-height: 22px; margin-top: 5px; margin-bottom: 0px; border-top: 1px solid #666; }
.allTheTooltips{ font-size: 15px; line-height: 15px; padding-top: 15px; padding-bottom: 15px; 	text-align: center; }
.allTheTooltips a{ text-decoration: none; }
.allTheTooltips a:hover{ text-decoration: none; }

/* UNIFIED COMMUNICATIONS */
.firstRow{ margin-bottom: 30px; }
.lastRow{ margin-bottom: 60px; }
.row3{ margin-bottom: 25px; }

/* NETWORK ACCESS CONTROLLER */
#engage-appliance{ font-size: 38.5px; font-weight: bold; padding-top: 10px; height: 36px; }
.appliance h1{ font-size: 24.5px; margin-bottom: -12px; }
.firstRow{ margin-bottom: 30px; }
.lastRow{ margin-bottom: 60px; }

/* WLAN */
.firstRow{ margin-bottom: 30px; }
.firstRow .logoImage{ max-width: 235px; max-height: 80px; }
.lastRow{ margin-bottom: 60px; }
.row3{ margin-bottom: 25px; }

/* CAREERS */
.careers h2{ font-size: 120px; margin-bottom: 45px; }
.careers h3{ padding-top: 0px; margin-top: 0px; padding-left: 25px; }
.careers h3:hover { background-color: rgba(0,0,0,0.3); }
.careers h4{ color: #444; }
.careers ul{ margin-left: 40px; }
.careers .contactContainer{ position: relative; margin-bottom: 60px; }
.careers .gray{ background-color: #CCC; padding-top: 3px; margin-bottom: 7px; }
.careers .gray h4{ margin: 0px; padding: 0px; margin: 5px; margin-left: 10px; padding-bottom: 10px; }
#careers-info-blurb p { margin: 0; font-size: 16px; }
#careers-email:after { content: "admin@bigredpin.com"; }

/* Added 7/23/13 */
@media (max-width: 480px) {
	.careers h2 { font-size: 80px; }
	.careers .contactContainer { width: 94%; margin-left: 3%; }
}

/* SOCIAL ICONS */
.socialIcons .twitter, .socialIcons  .facebook, .socialIcons .linkedin, .socialIcons .pinterest, .socialIcons .rss{
	height: 35px;
	width: 38px;
	margin-right: 10px;
	background-image: url("../img/brp-social-transparent.png");
}
.socialIcons ul{ margin-left: 0px; }
.socialIcons li{ display: inline-block; float: left; list-style-type: none; }
.socialIcons .twitter{ background-position: -44px 36px; }
.socialIcons .facebook { background-position: 0px 36px; }
.socialIcons .linkedin{ background-position: -90px 36px; }
.socialIcons .pinterest { background-position: -179px 36px; }
.socialIcons .rss { background-position: -135px 36px; }

/* CONTACT ENCASEMENT */
.contact-info .encasement6{ margin-bottom: 20px !important; padding-left: 20px; }
.contact-info .encasement6 a{ color: #000; text-decoration: none; }
.contact-info .encasement6 a:hover{ color: #ED1C24 !important; text-decoration: none; }

/* PHONE */
#phone-block{ display: block; padding-top: 10px; }
.phone{ font-size: 24px; font-weight: bold; float: left; }
.number{ font-size: 24px; float: left; margin-left: 46px; }

/* ADDRESS */
#address-block{ display: block; margin-bottom: 30px; }
.address-title{ font-size: 24px; font-weight: bold; float: left; }
.address-list{ font-size: 24px; float: left; margin-left: 25px; }


/* Google Maps */
#map-canvas{
	width: 100%;
	height: 460px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px; 
	border-radius: 15px; 
}
#info-window{ background-color: #222; color: #EEE; padding: 0px; }
#mapContainer{ position: relative; float: left; }
.map-mask{ 
	width: 460px;
	height: 460px;
	position: relative;
	background: transparent;
	overflow: hidden;
	-webkit-transorm: translateZ(0);
}

/* Developer API */
.developer-api .control-group{ margin: 0px; padding: 0px; }
.developer-api .form{ margin: 0; }
.developer-api .text{ margin-left: 0; }

/* Media */
.contactContainer .accordion-group{ border: 0; }
.accordion a{ text-decoration: none; }
.encasement{ margin-left: 0px !important; margin-right: 0px !important; }
.contactContainer .accordion-inner{ border-top: 0; }
#care{ float: right; margin-left: 15px; }
#realEstateQR{ float: right; margin-left: 15px; max-width: 525px; }
#nacBlog{ float: right; margin-left: 15px; }

/* ========  SERVICES PAGES ======== */

/* General services layout */
#services{ color: #EEE; }
#services h1{ line-height: 39px; margin-top: 0; }
#services h2{ line-height: 34px; }
#services h3{ line-height: 22px; font-size: 21px; }
#services input, #services textarea{ width: 100%; }
.additional-content{ float: right !important; margin-bottom: 20px; margin-left: 20px; width: 100%; }
.additional-content .encasement{ margin-top: 0 !important; margin-bottom: 0 !important; margin-right: 0px; padding-top: 0; width: 100%; }
#services .features{ margin-bottom: 20px; margin-top: 20px; margin-left: 20px; font-size: 18px; }
#services .features .encasement{ margin-right: 15px !important; }

/* ================================= */

/* WEBINAR SIGNUP FORM */
.webinar .five-w ul{ list-style-type: none; }
.webinar-disclaimer{ font-size: 10px; }
.webinar-reg li{ margin-bottom: 5px; }
.webinar-reg h3{ line-height: 30px; margin-top: 5px !important; }
.webinar .contactContainer{ margin-bottom: 10px; }
.webinar .question{ margin-left: 0px; }
.webinar .question, .webinar .answer{ display: inline; float: left; }
.webinar .first-row{ margin-bottom: 20px; }
.webinar-image img{ border: 1px solid #666; -webkit-border-radius: 3px; border-radius: 3px; margin-top: 10px; -webkit-box-shadow: 4px 4px 20px 8px rgba(0, 0, 0, 0.3); box-shadow: 4px 4px 20px 8px rgba(0, 0, 0, 0.3); max-height: 288px; }
.webinar input, .webinar textarea, .webinar .btn{ -webkit-border-radius: 3px; border-radius: 3px; }
.webinar input{ color: #555; }
.webinar-title{ margin-bottom: 0px; }
.webinar-title h1{ margin: 0; padding: 0; color: #d0e2ec; }
.webinar-title h2{ color: #FFF; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0; padding-top: 0; }
.free-webinar{ font-size: 34px; color: #FFF; }
.register-now{ font-weight: 900; }
.webinar h3{ margin-top: 0px; font-size: 28px; }
.second-row .span6{ margin-top: 5px !important; }
.dl-horizontal{  border: 1px solid #666; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 4px 4px 20px 8px rgba(0, 0, 0, 0.3); box-shadow: 4px 4px 20px 8px rgba(0, 0, 0, 0.3); }
.dl-horizontal dt{ width: 150px; text-align: left; word-wrap: break-word; color: #d0e2ec; }
.dl-horizontal dd{ margin-left: 170px; }
.webinar .dl-horizontal .row-con{ background-color: none; padding: 8px 15px 8px 15px; }
.webinar .dl-horizontal .highlight{ background-color: #333; background-color: rgba(0, 0, 0, 0.2); }
.webinar .dl-horizontal { background-color: #444; background-color: rgba(0, 0, 0, 0.2); }
.webinar .bottom-row{ margin-bottom: 30px; }
#learn-how{ font-size: 20px; margin-bottom: 15px; margin-top: 0px; color: #d0e2ec; }
.webinar .second-row .container .span6{ padding-left: 10px; margin-top: 20px; }

/* Browser Update Page */
.browserUpdateBody{ margin-top: 100px; }
.browserUpdateBody .span4 a{ font-size: 20px; }
.browserUpdateBody a{ color: #EEE; }
.browserUpdateBody a:hover{ color: #FFF; }

/*
 *
 *  FOOTER
 *===========================================================*/
.loadedFooter { position: relative; z-index: 20; border-top: 1px solid #666; }
.footer { position: relative; margin-top: 0px; margin: 0px; color: white; background-color: transparent; z-index: 0; border-top: 1px solid #666; border-bottom: 1px solid #666; }
.mainFooter { max-width: 980px; margin-left: auto; margin-right: auto; }
.contact p{ font-size: 19px; }
.theFeed { padding-bottom: 19px; }

/* FOOTER BLURBS */
.contact, .twitterFeed { margin-right: 20px; }
.contact { font-size: 16px; }
.contact h4, .twitterFeed h4, .mailingList h4 { font-size: 17px; letter-spacing: 0.5px; }

.partners .partner-div{ width: 140px; height: 100px; display: inline-block; margin-top: 10px; margin-right: 10px; }
.partners-row{ width: 100%; padding-right: 20px; text-align: center; margin-top: -10px; margin-bottom: 10px; }
.partners-row-2{ margin-top: 0px; margin-bottom: 10px; }
#cisco{ margin-right: -20px; height: 20px; }
#cisco img{ margin-top: -80px; }
#extricom{
	/* X Offset will be a multiple of partner-div width */
	background: url("../img/partners-footer.png") -130px 0;
	height: 90px;
	margin-right: -8px;
}
#lightpath{
	background: url("../img/partners-footer.png") -270px 0;
	margin-top: 40px;
	height: 60px;
	margin-right: 6px;
}
#motorola{
	background: url("../img/partners-footer.png") 4px -90px;
	margin-top: 30px;
	height: 70px;
}
#vmware{
	background: url("../img/partners-footer.png") -135px -90px;
	width: 135px;
	height: 70px;
}
#shoretel{
	background: url("../img/partners-footer.png") -270px -90px;
	height: 70px;
}
#level3{
	background: url("../img/partners-footer.png") 0 -150px;
	height: 74px;
}
#cisco, #extricom, #lightpath, #motorola, #vmware, #shoretel, #level3{
	background-size: 420px;
}

/* BOTTOM NAV */
.bottomBar { margin: 0px; width: 100%; min-height: 45px; padding: 0px; font-size: 12px; color: #FFF; background-color: transparent; }
.bottomMenu { max-width: 980px; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px; } 
.bottomBar a { text-decoration: none; color: #E2E2E2; } 
.bottomBar a:hover { color: #FFFFFF; }
.bottomBar p { 	margin-top: 12px; font-size: 12px; }
.bottomBar ul { list-style-type: none; margin: 0px; margin-top: 12px; padding: 0px; }
.bottomBar li { display: inline; float: left; margin-right: 10px; }
.copyright { padding-left: 20px; }

.fourohfour a{ color: #EEE; text-decoration: underline; }
.fourohfour a:hover{ color: #FFF; }


/* New Engage Page 7-23-13 */
#engage-first-row { margin-bottom: 5px; }
#engage-page .encasementB{ width: 100%; height: 105px; margin-bottom: 15px; }
#engage-page .encasementB img{ padding-left: 5%; max-height: 100%;   }
#engage-page .encasementB p { margin-left: 5%; font-size: 18px; margin-top: 10px; }
.engage-img-cont { height: 40px; margin-top: 15px; }
#engage-main-image { /*float: left;*/ margin-bottom: 15px; margin-top: 0px; padding: 0; margin-left: 0; }
#engage-content {  padding-left: 60px; padding-right: 60px;  }
#engage-page .encasement6 h3 { line-height: 32px; font-size: 33px; }
#engage-second-row-text { color: #FFF; line-height: 20px; font-size: 16px; font-weight: bold; }
@media (min-width: 1001px) {
	#engage-title h1 { line-height: 40px; margin-top: 30px;  /*margin-left: 55px !important;*/ margin-bottom: 70px; font-size: 120px;   }
	/*#engage-page { margin-top: }*/
}
@media (max-width: 1001px) and (min-width: 768px) {
	#engage-content{ padding-left: 0; padding-right: 0; }
	#engage-page .encasementB img { max-width: 90%; max-height: 33px;  }
	#engage-page .encasementB { height: auto; }
	#engage-page .encasementB p { margin-top: 0; }
	#engage-second-row-text { width: 48%; margin-left: 20px;}
	#engage-title h1 { font-size: 90px; margin-bottom: 60px; /*margin-left: -55px;*/ }
}
@media (max-width: 768px) {
	#engage-title h1 { font-size: 60px; margin-bottom: 30px;  }
	#engage-content { padding-left: 10px; padding-right: 10px; }
	#engage-page .encasementB { margin-bottom: 15px; width: 350px; margin-left: auto; margin-right: auto; text-align: center;  }
	#engage-page .second-row, #engage-page .third-row { text-align: center; }
	#engage-page .encasementB img { padding-left: 0;}
	#engage-page .encasementB p { margin-left: 0; }
	#engage-page .span5 { text-align: center; }
	#engage-page .span5 p { text-align: left; }
	#engage-page .span5 .encasementB p { text-align: center; }
	#engage-page .requestCont { margin-left: 5%; }
	#engage-main-image { width: 50%; float: left; margin-right: 15px !important; }
}
@media (max-width: 480px) {
	#engage-title h1 { font-size: 37px; margin-bottom: 10px; }
	#engage-main-image { width: auto; float: none; margin-right: 0 !important; }
}
@media (max-width: 400px) {
	#engage-page .encasementB img { max-width: 90%; max-height: 35px;  }
	#engage-content h1 { font-size: 36px; margin-bottom: 0px; }
}

/* New Layerslider */
#engage-suite-overlay, #engage-network-overlay, #engage-network-tint, .engage-patterns-overlay{
	position: absolute;
	left: 0 !important;
	margin-left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
#home .secondBodyRow { padding: 35px 0; }
#home-text { letter-spacing: 1px; }
#home-left{ padding-right: 10px; }
#home-right { padding-left: 10px; }
#home-left p { font-size: 18px; }
#home-right p { font-size: 20px; line-height: 22px; }
/*
 *
 *  EDITED BOOTSTRAP STYLES
 *=========================================*/
.engageSuiteContainer .container { height: 100%; width: 940px; margin: 0; margin-left: auto; margin-right: auto; padding: 0; background-color: #FFF; }
.contactContainer .accordion-heading .accordion-toggle{ padding: 0px !important; }
.contactContainer .accordion-group{ border: 0px !important; }
.accordion-inner{ padding: 0px !important; padding-top: 10px !important; }
.contactContainer a{ color: #EEE; }
.contactContainer a:hover{ color: #FFF; }
.contactContainer iframe{ margin-top: 15px; }

/*
 *
 *
 *   Responsive
 *============================================================*/

@media (min-width: 980px) {

	/* Allows content to center in fullscreen*/
	.emptyContainer { width: 980px; }
	.uw{ margin-left: 60px !important; }
	.callToAction .encasement6{ height: 200px; }
	.engageRequest{ width: 400px; }
	.uwRequest{ width: 400px; }
	.requestCont .span5{ max-width: 320px; }
	.encasementB { height: 90px; }
	.tableContainer .encasement6{ max-width: 399px; margin-left: auto; 	margin-right: auto; }
	.textContent{ margin-left: 30px !important; padding-left: 20px !important; }
	
	/* CONTACT PAGE */
	.contact .contactContainer textarea{ max-width: 70%; }
	
}
@media (max-width: 979px) {

	.body { margin-top: 0px; }
	.mainText, .images{ margin-left: 0px !important; } 
	.mainText{ padding-left: 20px; }
	.mainImage{ margin-left: auto; margin-right: auto; }
	.encasementB { margin-left: 18px; margin-right: 0px; max-width: 100%; }
	.tableContainer .encasement6{ max-width: 399px; }
	.callToAction{ margin-left: 0px; padding-left: 30px; }
	.uwRequest{ max-width: 270px; margin-left: 50px; margin-right: -15px; }

	/* Handle collapse of header */
	.header { max-height: 70px; margin-top: 60px; }
	.loadedHeader { border-bottom: 0px; background-image: none; } 
	.logo img { margin-top: -10px; height: 80px; width: auto; }
	.contact, .twitterFeed { margin-right: 0px; }
	.white, .pad { position: static; }
	.loadedHeader { position: static; }
	
	/* CONTACT PAGE */
	.contact .left.contactContainer{ margin-left: 10px; }
}

@media (min-width: 768px) and (max-width: 979px){
	
	#services .span8, #services .span8{ width: 456px; }
	.additional-content{ margin-right: 0; }
	.webinar .span6, .webinar .span12{ margin-left: 0px !important; }
	.webinar form, .dl-horizontal, .webinar-reg h3, .webinar .span6 p{ margin-left: 20px; }
	.webinar .first-row{ margin-bottom: 0; }
	.dl-horizontal{ margin-top: -90px; }
	
	.benefits-text { display: inline; float: left; max-width: 190px; margin-left: 0px; padding-right: 6px; }
	.benefits{ display: inline; float: left; }
	
	/* COMPANY */
	.company .philosophy{ height: 275px !important; padding: 0px; }
	.company .philosophy img{ height: 100%; width: auto !important; }
	
	/* ENGAGE SUITE */
	.engage .tableContainer{ margin-left: 0px; padding-left: 0px; }
	
	/* CAREERS */
	.careers .contactContainer .span8, .careers .contactContainer .span4{ margin-left: -40px; margin-bottom: 20px; }
	
	/* home page */
	#home-left, #home-right { margin-left: 0; }
	#home-text .span12 { margin-left: 0; }
	
}
@media (min-width: 768px){ 
	
	.textContent .text{ margin-top: 5px; }
	.textContent{ margin-left: 0px; padding-left: 10px; }
	input, textarea { width: 70%; }
	
	/* Developer API */
	.developer-api input{ width: 300px; }
	
	/* CAREERS */
	.careers .contactContainer{ margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 767px) {

	.encasementB { margin-left: 0px; margin-right: 0px; max-width: 100%; }
	.tableContainer .encasement6{ max-width: 90% !important; margin-left: 5% !important; margin-right: 5% !important; padding: 0px; }
	.mainText, .callToAction, .lastRow .form{ padding-left: 0px; }
	.benefits { margin-left: 0px !important; }
	.callToAction .encasement6{ height: auto !important; }
	.uwRequest{ max-width: 100%; margin-left: 0px; margin-right: 0px; padding: 0px; }
	.phoneWrapper{ display: inline; float: left; width: 60%; }
	.phoneWrapperImg{ display: inline; float: left; width: 40%; }
	.phoneWrapperImg .btn{ margin-left: 20px; }
	
	/* HEADER */
	.nav { padding: 0px; margin: 0px; }
	.headerRow { padding: 0px; margin-top: 0px; margin-bottom: 0px; display: none; }
	.header { height: 60px; padding: 0px; margin: 0px; margin-top: 60px; }
	.socialMedia, .socialMedia ul { padding: 0px; position: static; float: none; width: 240px; background-color: #000; margin-top: 15px; text-align: center; }
	
	/* COMPANY */
	.company .firstRow .span6, .company .secondRow, .company .lastRow{ padding-left: 15px; padding-right: 15px; }

	/* CONTACT */
	.contact .contactContainer{ margin-left: auto; margin-right: auto; width: 100%; margin-bottom: 0; }
	.contact .left.contactContainer form{ padding: 0px; margin: 0px; margin-bottom: 20px; width: 100%; }
	.contact .left.contactContainer, .contact .right.contactContainer{ margin: 0px; width: 100%; padding: 0; padding-left: 15px; padding-right: 15px; }
	.contact .left.contactContainer input{ width: 95% !important; }
	.contact .left.contactContainer input{ max-width: 100% !important; }
	.contact .left.contactContainer textarea{ width: 95% !important; }
	.contact .socialIcons{ margin-bottom: 120px; }
	
	/* DEVELOPER API */
	.developer-api .span6, .developer-api .span12{ padding-left: 15px; padding-right: 15px; }
	.developer-api input{ max-width: 100%; } 
	.developer-api form{ width: 90%; margin: 0px; margin-bottom: 20px; }

	/* ENGAGE SUITE */
	.engage .tableContainer{ width: 100%; padding-left: 0px; margin-left: 0px; }
	.engage .arrows{ visibility: hidden; }
	.engage .allTheTooltips{ height: 40px; }
	.engage .personal, .engage .interactive, .engage .network{ margin-bottom: 0px; padding-left: 0px; }
	.engage .bigWords{ padding-bottom: 0px; margin-bottom: 0px; }
	.engage .firstRow{ padding-left: 15px; padding-right: 15px; margin: 0px; }

	/* NAC */
	.nac .firstRow, .nac .secondRow, .nac .thirdRow, .nac .lastRow{ padding-left: 15px; padding-right: 15px; }

	/* UNIFIED COMMUNICATIONS */
	.unified .firstRow, .unified .secondRow, .unified .thirdRow{ padding-left: 15px; padding-right: 15px; }
	.unified .lastRow .form{ margin-top: 0; width: 100%; }
	.unified .lastRow{ margin-bottom: 0px; }

	/* WLAN */
	.firstRow, .secondRow, .thirdRow{ padding-left: 15px; padding-right: 15px; }
	.lastRow{ margin-bottom: 0px; }

	/* BODY*/
	#services .body{ padding: 15px; width: 93%; }
	#services input, #services textarea{ width: 95%; } 
	#services .encasement{ width: 90%; }
	#services .btn{ color: #222; }
	#services .form{ margin-top: 30px; }
	#services .additional-content{ margin-bottom: 20px; }
	.additional-content{ margin-left: 20px; margin-right: 0px; }
	.webinar-title, .webinar-reg, .webinar-text, .five-w{ padding-left: 15px; padding-right: 15px; }
	.webinar-reg{ margin-top: 20px; }
	.webinar-image, .webinar-image img{ max-width: 100%; -webkit-border-radius: 0; border-radius: 0; max-height: none; } 
	.webinar form .btn{ color: #222; }
	.dl-horizontal{ width: 92%; }
	.dl-horizontal dd{ margin-left: 0; margin-bottom: 7px; }
	
	.textContent { padding-top: 0px; margin-top: 20px; width: 90%; margin-left: 5%; margin-right: 5%; padding: 0; }
	.textContent p{ margin-left: 0px; }
	.span2 { max-width: 100px; }
	.carousel-control { top: -30px !important; left: 0px; }
	.carousel-control.right { right: 0px !important; }
	
	/* partners */
	.partners-row, .partners-row-2{ display: inline; float: left; }

	/* FOOTER */
	.theFeed { padding-left: 10px; padding-right: 10px; }
	.contact, .twitterFeed, .mailingList { margin-left: 15px; margin-bottom: 25px; }
	.linkList, .copyright { padding-left: 10px; }
	.footer .span6 { float: left; }
	.requestCont{ padding: 0px !important; width: 90%; margin-left: 15px; margin-right: 5%; }
	input, textarea { width: 95%; }
	.formContainer{ width: 100%; margin-left: 0px; margin-right: 0px; }
	
	/* home page */
	#home-text{ width: 92%; margin-left: 4%; }
	#home-right { padding-left: 0; margin-top: 30px; padding-top: 30px; border-top: 1px solid #444;  }
	#home-right p {  font-size: 18px; }
}
@media (max-width: 767px) and (min-width: 480px){
	
	/* COMPANY */
	.company .phoneWrapperImg{ width: 35%; margin-right: 3%; }
	.company .philosophy{ width: 100% !important; height: auto !important; padding: 0px; }
	.company .philosophy img{ width: 100%; }
	
}
@media (max-width: 479px) {

	.mainMenu { position: static; padding: 0; margin: 0; width: 100%; float: none; }
	.carousel-control { top: -80px !important; }
	.benefits-text { display: inline; float: left; width: 70%; margin-left: 0px; padding-right: 0px; }
	.benefits{ width: 30%; display: inline; float: left; margin: 0 !important; padding: 0 !important; }
	.benefits img{ margin: 0 !important; }
	.phoneWrapper{ display: static;  width: 100%; }
	.phoneWrapperImg{ display: static; width: 100%; }
	.phoneWrapperImg .philosophy{ margin-left: auto !important;	margin-right: auto !important; }
	.btn{ color: #FFF; }
	.footerContents { max-width: 100%; }
	.bottomMenu .span6 { display: inline; }
	
	/* Contact Page */
	.contact .contactContainer .btn{ color: #333; }
	.contact .mapColumn img, .contact #map-canvas img, .contact #map-wrapper img, .contact #middle img{ max-width: none; }
	.contact #map-canvas{ margin-bottom: 20px !important; }
	.contact #map-wrapper{ position: absolute; }
	.contact #middle{ border-radius: 15px; 	overflow: hidden; }
	.contact .phone{ width: 100%; }
	.contact .number{ margin-top: 10px; width: 100%; margin-left: 30px; margin-bottom: 15px; }
	.contact .address-title{ width: 100%; }
	.contact .address-list{ margin-top: 10px; width: 100%; margin-left: 30px; }
	.contact .mobileAppContainer{ padding-right: 25px; }
	.contact .mobileAppContent{ margin: 0;  padding: 0; }
	.contact .right{ padding-left: 0px; }
	
	/* ENGAGE SUITE */
	.engageSuiteContainer{ padding-left: 10px; padding-right: 10px; }
	.rightCol ul{ margin-bottom: 0; margin-top: 0; }	
}

/* ================================================================================== */
/* PLUGINS */


/* DROPDOWN MENU */
.sub_menu{
	margin-top: 5px;
	z-index: 15;
	padding: 0px;
	padding-bottom: 5px;
	background-color: #222;
	background-color: rgba(35, 40, 45, 0.9);
	
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px; 
	/*height: 167px;*/ 
}
/*Custom stuff*/
.engageDrop .sub_menu {	height: 167px !important; }
.companyDrop .sub_menu { height: 60px !important; }
.subMenuContainer{ margin-top: 15px; margin-bottom: 10px; }
.pad{ font-size: 50%; }
/* 
	LEVEL ONE
*/
ul.customDropdown{ 
	position: relative; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	z-index: 150;
}
ul.customDropdown .engageDrop a:hover, ul.customDropdown .companyDrop a:hover{ color: #FFF !important; }
ul.customDropdown .engageDrop a:active, ul.customDropdown .companyDrop a:active{ color: #FFF !important; }
ul.customDropdown li:last-child a{ border-right: none; } /* Doesn't work in IE */
ul.customDropdown li.hover, ul.customDropdown li:hover{ 
	background-color: #222;
	background: rgba(35, 40, 45, 0.9); 
	color: #FFF; 
	position: relative; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
ul.customDropdown li.hover a{ color: #FFF; }
/* LEVEL TWO */
ul.customDropdown a{ padding: 0; margin: 0; }
ul.customDropdown ul{ /*	visibility: hidden; */ position: absolute; top: 47px; left: 0; }
/*menu items */
ul.customDropdown ul li{ font-size: 12px; padding: 8px; padding-left: 13px; margin-left: 7px; margin-right: 7px; font-weight: normal; color: #FFF; width: 175px; }
ul.customDropdown .menuItem:hover, ul.customDropdown .menuItem:active{
	background-color: #777;
	background-color: rgba(102, 102, 102, 0.6);	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}					  
/* IE 6 & 7 Needs Inline Block */
ul.customDropdown ul li a{ border-right: none; display: inline-block; color: #FFF; padding: 0px; }
/* LEVEL THREE */
ul.customDropdown ul ul { left: 100%; top: 0; }
ul.customDropdown li:hover > ul{ /*visibility: visible;*/ }

/* MASTER OF THE TWEETS */
.tweet, .query { color: #FFF; }
.tweet_list { list-style: none; margin: 0; padding: 0; overflow-y: hidden; background-color: transparent; }
.tweet_list li { overflow-y: auto; overflow-x: hidden; list-style-type: none; }
.tweet_list li a { color: #999; }
.tweet_list .tweet_even { background-color: transparent; }
.tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.tweet_list .tweet_avatar img { vertical-align: middle; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; }