/*
 *
 * EARTHCAM.NET SITE WIDE CSS
 *
 */

/*Important BS Override*/
.small {
	font-size:100%;
}
 
:focus{outline:0!important}
 
 /*
 * FONTS
 */
/*@font-face {
    font-family: 'Avalon Regular';
    src: url('/fonts/avalon/avalon_regular-webfont.eot');
    src: url('/fonts/avalon/avalon_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/avalon/avalon_regular-webfont.woff2') format('woff2'),
         url('/fonts/avalon/avalon_regular-webfont.woff') format('woff'),
         url('/fonts/avalon/avalon_regular-webfont.ttf') format('truetype'),
         url('/fonts/avalon/avalon_regular-webfont.svg#avalonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avalon Bold';
    src: url('/fonts/avalon/avalon_bold-webfont.eot');
    src: url('/fonts/avalon/avalon_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/avalon/avalon_bold-webfont.woff2') format('woff2'),
         url('/fonts/avalon/avalon_bold-webfont.woff') format('woff'),
         url('/fonts/avalon/avalon_bold-webfont.ttf') format('truetype'),
         url('/fonts/avalon/avalon_bold-webfont.svg#avalonbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Avalon Italic';
    src: url('/fonts/avalon/avalon_italic-webfont.eot');
    src: url('/fonts/avalon/avalon_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/avalon/avalon_italic-webfont.woff2') format('woff2'),
         url('/fonts/avalon/avalon_italic-webfont.woff') format('woff'),
         url('/fonts/avalon/avalon_italic-webfont.ttf') format('truetype'),
         url('/fonts/avalon/avalon_italic-webfont.svg#avalonitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Avalon Bold Italic';
    src: url('/fonts/avalon/avalon_bold_italic-webfont.eot');
    src: url('/fonts/avalon/avalon_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/avalon/avalon_bold_italic-webfont.woff2') format('woff2'),
         url('/fonts/avalon/avalon_bold_italic-webfont.woff') format('woff'),
         url('/fonts/avalon/avalon_bold_italic-webfont.ttf') format('truetype'),
         url('/fonts/avalon/avalon_bold_italic-webfont.svg#avalonbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}*/
/* END FONTS */
 
/*
 * COMMON ELEMENTS
 */ 
body {
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
	/*font-size: 100%;*/ /*16px*/
	font-weight: normal;
	color: #5A5A5A;
	text-align: left;
	
	-webkit-text-size-adjust: 100%;
	   -moz-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	        text-size-adjust: 100%;
}

/* Most links are not underlined, but ones in the middle of paragraphs aren't */
a, 
a:link, 
a:visited, 
a:hover, 
a:active {
	color: #5A5A5A;
	text-decoration: none;
}

p > a, 
p > a:link, 
p > a:visited, 
p > a:hover, 
p > a:active {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

h1 {
	font-size: 2.8571428571428571428571428571429em; /*40px*/
	font-weight: bold;
	text-align: left;
}

h1 .black{
	font-weight:900;
}

h2 {
	font-size: 2.1428571428571428571428571428571em; /*30px*/
	font-weight: normal;
	text-align: left;
}

h3 {
	font-size: 1.4285714285714285714285714285714em; /*20px*/
	font-weight: normal;
	text-align: left;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 2.1428571428571428571428571428571em;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color:#993333;
}

.h4p {
	font-size: 1.1428571428571428571428571428571em;
	font-weight: normal;
	font-style: italic;
	text-align: left;
}

h5 {
	font-size: 1.4285714285714285714285714285714em;
	font-weight: bold;
	text-align: left;
	color:#003366;
}

h5>a, 
h5>a:link, 
h5>a:visited, 
h5>a:hover {
	color:#003366;
}

h6 {
	font-size: 1.1428571428571428571428571428571em;
	font-weight: normal;
	font-style: italic;
	text-align: left;
}

p {
	font-style: normal;
	font-size: 1em;
	text-align: left;
}

ol, ul {
    list-style: outside none none;
}

ul {
	padding-left: 0;
}

li {
	/* font-size: 0.85714285714285714285714285714286em; */
	font-size: 1em;
	font-style: normal;
}

@media screen and (max-width: 991px) {
	h1 {
		font-size: 1.8em;
	}
	h2 {
		font-size: 1.6em;
	}
	h3 {
		font-size: 1.1428571428571428571428571428571em;
		line-height: 1.42857143;
	}
	h4 {
		font-size: 1.3714285714285714285714285714286em;
		line-height: 1;
	}
	.h4p {
		/*font-size: 0.875em;*/
		font-size: 1.1428571428571428571428571428571em;
		margin-top: 5px;
	}
	h5 {
		font-size: 1.25em;
	}
	h6 {
		font-size: 1.1428571428571428571428571428571em;
	}
	
	p {
		/*font-size: 0.875em;*/
		font-size: 1.1428571428571428571428571428571em;
	}
	
	li {
		font-size: 1em;
	}
}

/* removes breaks setup for full size display */
#pageBanner br, 
#pageBanner br: after {
	/*display: none;*/
	content: ' ';
}

@media screen and (max-width: 480px) and (orientation: portrait) {
	/*special case for -small- all banners and devices in portrait*/
 	h1 {
		font-size: 1.5em;
	}
	 h2 {
		font-size: 1.25em;
	}
}

/* Special .NET Bullets */
ul.middotList {
	list-style-type: none;
	margin-left: 5px;
}
ul.middotList li {
	background: url(/graphics/products/comparison/Bullet4x4.gif) left 6px no-repeat;
	padding-left: 10px;
	text-align: left;
}

/* !END COMMON ELEMENTS */ 










/*
 * GENERAL SITE WIDE CLASSES
 */ 
.p5 {
	padding: 5px;
}

.clear {
	clear: both;
	height: 1px;
}

/* BOX SHADOWS */
.homeBoxShadow {
	/*box-shadow: h-shadow v-shadow [blur] [spread] [color] [inset/(default)outset];*/
	/*box-shadow: 0 0 10px 0px #888;*/
	box-shadow: 2px 2px 3px 0px #888;
}

.homeBoxShadowButton {
	/*box-shadow: 0 0 10px 0px #888;*/
	box-shadow: 2px 2px 3px 0px #888;
}

.homeBoxShadowButton:hover,
.homeBoxShadowGlow {
	box-shadow: 0 0 10px 0px #036 !important;
}

.boxShadow {
	box-shadow: 2px 2px 3px 0px #888;
}

.boxShadowA {
	box-shadow: 0 0 10px 0px #aaa;
}

.boxShadowB {
	box-shadow: 3px 3px 2px 0px #aaa;
}

.boxShadowInset {
	box-shadow: 15px 15px 15px 15px #f00 inset;
}

.round10 {
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}

																										.mainContent {
																											margin: 20px auto 10px auto;
																										}

.line {
	width: 100%;
	margin: 0 auto;
	height: 2px;
	background-color:#ffffff; /*url('/graphics/misc/Divider_HR.png') no-repeat;*/
	clear: both;
}

.line img {
	width: 100%;
}

.img-responsive{
	width:100%;
}

.video-container{
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}




/*
 * Header Specific CSS - page.header.inc
 */
header#pageHeader {
	background: #FFFFFF url('/graphics/backgrounds/top_bar.gif') repeat-x top center;
}

#pageHeaderNavLinks {
	padding-top: 3px;
	font-size: 0.85714285714285714285714285714286em; /*12/14*/
}

	/*yes both*/
	#pageHeaderNavLinks, 
	#pageHeaderNavLinks a {
		color: #FFFFFF;
		text-decoration: none;
		text-align: right;
	}	

	#pageHeaderNavLinksPhone {
		width: 110px;
		float: right;
		text-align: center;
	}
		#headerPhoneNumber {
			font-weight: bold;
		}
	
	#pageHeaderNavLinksOther {
		float: right;
	}

#pageHeaderLogoLogin {
	margin-top: 22px;
}

	#pageHeaderLogo {
		float: left;
		vertical-align: top;
	}
	
	#pageHeaderLogin {
		float: right;
	}
	
		.homeLoginBox {
			float: right;
			width: 220px;
		}

		.homeLoginBox .title {
			color:#003366;
			float: left;
			width: 74px;
			text-align: left;
			margin-top: 7px;
		}

		.homeLoginBox input {
			float: left;
			clear: right;
			margin-top: 4px;
			font-size: 11px;
			height: 14px;
		}

		.homeLoginBox #rememberCheckbox {
			margin-left: 0px;
		}

		#pageHeaderLoginButton {
			width: 74px;
			height: 19px;
			background-image: url('/graphics/top/login_sprite.gif');
			background-position: 0 -40px;
		}
		#pageHeaderLoginButton:hover {
			background-position: 0 -20px;
		}
		#pageHeaderLoginButton:active {
			background-position: 0 0px;
		}

		#pageHeaderEnterCCButton {
			width: 134px;
			height: 19px;
			background-image: url('/graphics/top/Enter_sprite.gif');
			background-position: 0 -40px;
		}
		#pageHeaderEnterCCButton:hover {
			background-position: 0 -20px;
		}
		#pageHeaderEnterCCButton:active {
			background-position: 0 0px;
		}

		#pageHeaderLogout {
			width: 74px;
			height: 19px;
			background-image: url('/graphics/top/logout_sprite.gif');
			background-position: 0 -40px;
		}
		#pageHeaderLogout:hover {
			background-position: 0 -20px;
		}
		#pageHeaderLogout:active {
			background-position: 0 0px;
		}

@media screen and (max-width: 991px) {
	#pageHeaderLogo img {
		max-width: 100% !important;
		width: 100% !important;
		height: auto !important;
	}
	
	#pageHeaderNavLinksOther {
		display: none;
	}
	
	#pageHeaderLogin {
		display: none; /*TEMPORARY*/
	}
}
/*END Header Specific CSS - page.header.inc*/











/*Red Bar*/
nav#mainNav {
	font-size: 0.85714285714285714285714285714286em;
	margin-top: 10px;
}

#innerNav {
	background-color:#760000;
	width: 100%;
	
	display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

#mainNav a {
	float: left;
	color:#ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 0;
	letter-spacing: 0.5px;
	background-color:#760000;
	
	flex: 0 0 auto;
	width:10%;
	text-align:center;
}

/* #innerNav.wide a {
	letter-spacing: 1px;
} */

#mainNav a.active,
#mainNav a:hover {
	background-color:#B81607;
}

/* #searchBox {
	float: right;
	margin-top: 7px;
}

	#searchBoxLeft, 
	#searchBoxRight {
		float: left;
	}
	
	#searchBoxMiddle {
		float: left;
		padding-left: 5px;
		padding-top: 0;
		margin: 0;		
		width: 55px;
		height: 16px;
		border: 0;
		font-size: 11px;
		color:#fff;
		background: transparent url('/graphics/navigation/search_sliver.gif') repeat-x;
	}
 */
@media screen and (max-width: 991px) {
	nav#mainNav {
		display: none;
	}
}
/*END Red Bar*/


/*Fixed Bar*/
.navbar {
	border-bottom-width:0;
}
.navbar-brand {
	padding-top:7px;
}

.dropdown-menu{
	text-align:right;
	min-width:120px;
}
/*MAKE THE CLICKS HOVERS*/
/*.dropdown:hover .dropdown-menu {
	display:block;
}*/

.nav{
	text-align:right;
}

@media screen and (max-width: 1075px) {
	.nav > li > a{
		padding-left:10px;
		padding-right:10px;
	}
	.navbar-right > li:last-child > a {
		padding-right:15px;
	}
	.navbar-brand {
		padding-right:5px;
	}
}

/* Blue Bar*/
.navbar-default.blue {
	background-color:#036;
}
.navbar-default.blue .navbar-nav li > a,
.navbar-default.blue .navbar-nav li > a:focus {
	color:#fff;
	font-weight:bold;
}
.navbar-default.blue .navbar-nav li > a:hover {
	color:#AAA;
	font-weight:bold;
}
.blue .dropdown-menu {
	border:0;
	background-color:#036;
	box-shadow:none;
}
.blue .dropdown-menu > li > a,
.blue .dropdown-menu > li > a:focus {
	background-color:#036;
	color:#fff;
}
.blue .dropdown-menu > li > a:hover {
	background-color:#036;
	color:#AAA;
}
.navbar-default.blue .navbar-nav > .open > a, 
.navbar-default.blue .navbar-nav > .open > a:focus{
	background-color:#036;
	color:#fff;
}

.navbar-default.blue .navbar-nav > .open > a:hover {
	background-color:#036;
	color:#AAA;
}

.navbar-default.blue .navbar-nav li > a.login,
.navbar-default.blue .navbar-nav li > a.login:focus,
.navbar-default.blue .navbar-nav li > a.login:hover {
	background-color:#878787;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;	
}
.navbar-default.blue .navbar-nav li > a.login:hover {
	color:#ff0;
}

.navbar-default.blue .navbar-nav li > a.active,
.navbar-default.blue .navbar-nav li > a.active:focus,
.navbar-default.blue .navbar-nav li > a.active:hover {
	color:#ff0;
}
/*END Blue Bar*/

/* White Bar*/
.navbar-default.white {
	background-color:#FFF;
}
.navbar-default.white .navbar-nav li > a,
.navbar-default.white .navbar-nav li > a:focus {
	color:#036;
	font-weight:bold;
}
.navbar-default.white .navbar-nav li > a:hover {
	color:#AAA;
	font-weight:bold;
}
.white .dropdown-menu {
	border:0;
	background-color:#FFF;
	box-shadow:none;
	border-bottom:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
}
.white .dropdown-menu > li > a,
.white .dropdown-menu > li > a:focus {
	background-color:#fff;
	color:#036;
}
.white .dropdown-menu > li > a:hover {
	background-color:#fff;
	color:#AAA;
}
.navbar-default.white .navbar-nav > .open > a, 
.navbar-default.white .navbar-nav > .open > a:focus{
	background-color:#fff;
	color:#036;
}

.navbar-default.white .navbar-nav > .open > a:hover {
	background-color:#fff;
	color:#AAA;
}

.navbar-default.white .navbar-nav li > a.login,
.navbar-default.white .navbar-nav li > a.login:focus,
.navbar-default.white .navbar-nav li > a.login:hover {
	background-color:#878787;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;	
}
.navbar-default.white .navbar-nav li > a.login:hover {
	color:#048;
}

.navbar-default.white .navbar-nav li > a.active,
.navbar-default.white .navbar-nav li > a.active:focus,
.navbar-default.white .navbar-nav li > a.active:hover {
	color:#933;
}

.navbar.white{
	border-bottom:1px solid #f0f0f0;
}
/*END White Bar*/

/*END Fixed Bar */





/*Big Banner*/
#bigBanner{
	background-color:#fff;
	height:650px;
	margin-top:50px;
}

#bigBannerImage {
	/*background: transparent url('/graphics/home/SkylineBackground_2.jpg') no-repeat 50% 0;*/
	/*background: transparent url('/graphics/home/VikingsBackground.jpg') no-repeat 50% 0; */
	/*background: transparent url('/graphics/home/SkylineBackground_3.jpg') no-repeat 50% 0;*/
	/*background: transparent url('/graphics/home/LAX_PanoramaBackground.jpg') no-repeat 50% 0;*/
	background: transparent url('/graphics/home/Louvre_PanoramaBackground.jpg') no-repeat 50% 0;
	/*background: transparent url('/graphics/home/New_York_State_Thruway_Marina_Background.jpg') no-repeat 50% 0;*/
	-webkit-background-size: auto 100%;
	   -moz-background-size: auto 100%;
	     -o-background-size: auto 100%;
	        background-size: auto 100%;
	width:100%;
	height:100%;
	opacity:1;
}

#bigBanner .container, 
#bigBannerContainer {
	height:100%;
}


#bigBannerContainer{
	position:relative;
	padding-top:100px;
}

#bigBannerContainer h1,
#bigBannerContainer h2{
	color:#fff;
	text-shadow: 3px 3px 7px rgba(0,0,0,0.5);	
	line-height:36px;
}

#bigBannerContainer h1 .black{
	line-height:124%;
	font-size:40px;
}

#bigBannerContainer h3{
	color:#fff;
	text-shadow: 3px 2px 7px rgba(0,0,0,0.5);
	margin-top:10px;
}

/*#bigBannerContainer h1{
	padding-top:50px;
	color:#ff0;
	text-align:center;
	font-weight:900;
	font-size:4.25em;
	text-shadow:0px 2px 2px rgba(0,0,0,0.5);
	
	-webkit-animation-duration: 0.5s;
	   -moz-animation-duration: 0.5s;
		    animation-duration: 0.5s;
	
	-webkit-animation-delay: 1s;
	   -moz-animation-delay: 1s;
	        animation-delay: 1s;
			
	-webkit-animation-timing-function:ease-out;
	   -moz-animation-timing-function:ease-out;
		    animation-timing-function:ease-out;
}

#camera{
	position:absolute;
	bottom:2.5%;
	left:0;
	max-width:40%;
	margin-left:-5%;
	
	-webkit-animation-duration: 1.5s;
	   -moz-animation-duration: 1.5s;
		    animation-duration: 1.5s;
	
	-webkit-animation-delay: 1s;
	   -moz-animation-delay: 1s;
	        animation-delay: 1s;
			
	-webkit-animation-timing-function:ease-out;
	   -moz-animation-timing-function:ease-out;
		    animation-timing-function:ease-out;
}

@media screen and (max-width: 767px) {
	#bigBannerContainer h1{
		padding-top:75px;
		font-size:2em;
	}	
	#camera{
		max-width:50%;
	}
}*/
/*END Big Banner*/





/* PAGE BANNER */
#pageBanner {
	clear: both;
	position: relative;
	overflow: hidden;
	background-color:#036;
	/*margin-top:5px;*/
	margin-top:70px;
	background-size: 100%;
	
}
#pageBanner.large {
	height: 0px;
	padding-bottom: 39.375%; /*378/960*/
}
#pageBanner.small {
	height: 0px;
	padding-bottom: 28.64583333%; /*275/960*/
}

#pageBannerTextContainer {
	position: absolute;
	top: 0;left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}
#pageBannerTextContainer h1 {
	line-height: 1;
	padding: 3.75% 3.75% 0 3.75%; /*36px*/
	color:#fff;
	z-index: 200;
	text-shadow: 3px 3px 7px #000000;
}
#pageBannerTextContainer h2 {
	line-height: 1;
	padding: 0 3.75% 0 3.75%;
	color:#fff;
	font-style: italic;
	z-index: 200;
	text-shadow: 3px 3px 7px #000000;
}
#pageBannerTextContainer h3 {
	padding: 1.041666666% 3.75% 1.041666666% 3.75%;
	color:#fff;
	z-index: 200;
	text-shadow: 3px 2px 7px #000000;
}
#pageBannerTextContainer h3 a {
	color:#fff;
	text-decoration: underline;
}
#pageBannerTextContainer h3 a:hover {
	color:#FFFF66;
}
#pageBannerTextContainer h3 li {
	font-size: 1em;
	line-height:1.42857;
}
#pageBannerTextContainer ul.middotList li {
	background: url("/graphics/products/comparison/Bullet.png") no-repeat scroll left 10px transparent;
	padding-left: 10px;
}
#pageBannerTextContainer ul.middotListWhite li {
	background: url("/graphics/products/comparison/Bullet-white.png") left 10px no-repeat; 
	padding-left: 12px;
	text-align: left;
}

#pageBanner .background, 
#pageBanner .items, 
#pageBanner .item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;left: 0;
}

#pageBanner .theImage {
	position: absolute;
	top: 0;left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

#pageBanner .captionContainer {
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: transparent url('/graphics/pagebanner/Banner_overlayGradient_sliver.png') repeat-x;
}

#pageBanner .captionContainer>p {
	position: absolute;
	bottom: 4px;
	right: 8px;
	font-style: italic;
	font-size: 0.6875em;
	color:#ccc;
}

/*Series Version Variation*/
#pageBanner.series .theImage{
	width:auto;
	height:100%;
	top:auto;
	bottom:0;
}

#pageBanner.series{
	background-image:url('/graphics/products/banners/product_banner.png');
}
/*End Series Var.*/

/*SM*/
@media screen and (max-width: 991px) {
	#pageBannerTextContainer .softwareReleaseVersion {
		display: none;
	}
}

/*XS*/
@media screen and (max-width: 767px) {
	#pageBanner .background{
		display:none;
	}
	#pageBanner,
	#pageBanner.series {
		background-color:transparent;
		background-image:none;
		box-shadow:none;
	}
	
	#pageBannerTextContainer{
		width:100%!important;
		margin-left:0!important;
	}
	
	#pageBannerTextContainer h1 {
		color:#036;
		text-shadow:none;
		padding-left:0;
		padding-right:0;
	}	
	#pageBannerTextContainer h2,
	#pageBannerTextContainer h3,
	#pageBannerTextContainer h3 a {
		color:#5A5A5A;
		text-shadow:none;
		padding-left:0;
		padding-right:0;
	}
	#pageBannerTextContainer h3 a:hover {
		color:#036;
	}
	
	#pageBannerTextContainer ul.middotListWhite li {
	    background: url("/graphics/products/comparison/bullet56.png") left 10px no-repeat;
	}
	
	#pageBanner.large, 
	#pageBanner.small,
	#pageBannerTextContainer {
		height: auto;
		padding-bottom:0;
	}
	#pageBannerTextContainer{
		position:relative;
	}
	
}
/* END PAGE BANNER */








/* Bread Crumbs */
#breadCrumbsIndustry {
	width: 97.9166666%; /*940/960*/
	height: 21px;
	margin: 5px auto 0 auto;
}
#breadcrumbs {
	width: calc(100% - 141px);
	float: left;
	text-align: left;
	color:#737373;
	font-size: 12px;
}
.breadcrumbs {
	float: left;
}
#breadcrumbs a {
	color:#737373;
	text-decoration: underline;
}

@media screen and (max-width: 991px) {
	#breadCrumbsIndustry {
		display: none !important; /*hiding section for now*/
	}
}

#industryLinks {
	width: 300px;
	float: right;
	color:#737373;
}
.industryLink {
	float: right;
}
.industryLink a {
	color:#737373;
	text-decoration: underline;
}

/* END Bread Crumbs*/




/*
 * Footer
 */
footer{
	position:relative;
	width:100%;
}

#contactUsFooter{
	/*background-color:rgba(0,51,102,0.85);*/ /*036*/
	/*background-color:rgba(153,51,51,0.85);*/ /*933*/
	background-color:rgba(118,0,0,0.50); /*760000*/
	/*background-color:#760000;*/
	color:#fff;
	height:40px;
	transition:background-color 1s linear;
	cursor:pointer;
}
#contactUsFooter:hover,
.relative #contactUsFooter
{
	background-color:rgba(118,0,0,0.9); /*760000*/
}
#contactUsFooter:hover h2{
	/*text-decoration:underline;*/
}

#contactUsFooter h2{
	text-align:center;
	margin-top:4px;
}

#restOfFooter{
	background-color:#f7f7f7;
}

/* Grey Bar / Client Testimonials */
#pageFooterClientTestimonials{
	width:100%;
	height:25px;	
	padding:2px 15px;
	
	border-top:1px solid #5A5A5A;
	border-bottom:1px solid #5A5A5A;
	
	text-align:left;
}

#greyPages{
	position:relative;
}

#greyPages .scrollable{
	position:absolute;
	z-index:0;
	left:0;
	
	width:100%;
	height:20px;
	float:left;
	overflow:hidden;
}

#greyPages .page{
	width:100%;
	height:20px;
	position:relative;
}

#greyPages .scrollable .items{
	height:20000em;
	position:absolute;
	clear:both;
	z-index:0;
}

#greyPages .item{
	float:left;
	width:100%;
	height:20px;
}

#greyPages .item a{
	font-size:.75em;
}
/* !END Grey Bar / Client Testimonials */


#pageDirectoryCompanyExplore{
	margin-top:20px;
	margin-bottom:20px;
}

#pageDirectoryCompanyExplore li,
#pageDirectoryCompanyExplore h5 {
	line-height:2;
}

#footerBar {
	border-top:1px solid #5A5A5A;
	border-bottom:1px solid #5A5A5A;
}



/*
#contactUsLink {
	text-decoration: none;
	color:#5A5A5A;
}

#contactUsText {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}

#contactUsTextBold {
	font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 34px;
}

#footerLinks a {
	text-decoration: none;
}*/

#footerFacebook {
	float: right;
	width: 100px;
	margin-top: 2px;
	height:21px;
	overflow:hidden;
}

#footerTwitter {
	float: right;
	width: 127px;
	margin-top: 2px;
	height: 20px;
	overflow:hidden;
}

#socialThumbs{
	float:right;
	margin-top:2px;
}

.socialThumb{
	float:left;
	margin-right:15px;
}

.socialThumb img{
	height:20px;
}


#copyright {
	float: left;
	width: 290px;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 5px;
	text-align: left;
	color:#737373;
}
#problemWithLink {
	float: right;
	width: 290px;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 5px;
	text-align: right;
	color:#737373;
}
#problemWithLink a {
	font-weight: bold;
	text-decoration: none;
	color:#737373;
}

footer a:hover {
	color:#036 !important;
}
/* ND Footer */









/*professionalManagedServices*/
#pms {
	width: 960px;
	height: 130px;
	margin: 0 auto;
	clear: both;
}
#pms h5 {
	font-weight: bold;
	margin: 5px 0;
	width: 940px;
	color:#993333;
}
.pmsItem {
	width: 138px;
	margin-right: 26px;
	float: left;
	text-align: center;
}
.pmsItem a {
	text-decoration: none;
}
.pmsItemLast {
	margin-right: 0px;
	margin-left: 2px;
}
.pmsItem img {
	width: 138px;
	height: 70px;
}
.pmsItem p {
	font-size: 0.875em;
	margin: 3px 0;
	color:#003366;
}
@media screen and (max-width: 991px) {
	#pms {
		display: none; /*temp*/
	}
}
/*END professionalManagedServices*/

.standardBG
{
	background-color:#333;
	color: black;
	/*
	-moz-box-shadow: 3px 3px 3px 3px #ddd inset;
	box-shadow: 3px 3px 3px 3px #ddd inset;
	*/

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
}

.FBConnectButton_Text {
	color: transparent;
}

/* search styling */
html .ui-autocomplete { 
	width: 1px;
	z-index: 10000 !important; /*needs to be set because otherwise it hides behind pagebanner as its z-index is being set inline to 1*/
	background-color: white;
	padding: 5px;
	border: 1px solid #5A5A5A;
}

.ui-autocomplete li {
	display: block;
	overflow: hidden;
	padding: 5px;
	cursor: pointer;
}

#ui-active-menuitem, 
.ui-state-hover {
	display: block;
	background-color:#5A5A5A;
	color: white;
}


/* 3 little boxes used on various pages within h5 sections usually */
.triBoxes .triBox {
	width: 87px;
	margin-left: 22px;
	float: right;
	margin-bottom: 20px;
}
.triBoxes .triBox: last-child {
	margin-left: 0;
}
.triBoxes .triBox img.projectPortfolio {
	border: 1px solid #5A5A5A;
	border-radius: 5px;
}
.triBoxes .triBox p {
	color:#003366;
	margin: 0;
	font-size: 0.75em;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.triBoxes .triBox {
		width: 30%;
		max-width: 87px;
		margin-left: 5%;
		float: right;
		margin-bottom: 20px;
	}
}

/* Contact Form call number */
.contactFormNumber {
	font-size: 1.25em; 
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.contactFormNumberBold { font-family: 'Arial Black', Arial, Helvetica, sans-serif; font-weight: 900; }

/* !!!!!!STYLES FOR PRINTING!!!!!! */
@media print {

	div.bodyContainer {
		background: none;
	}
	#pageHeaderNavLinks {
		display: none;
	}
	#pageHeaderLogoLogin {
		margin-top: 0;
	}
	#pageHeaderLogin {
		display: none;
	}
	nav#mainNav {
		display: none;
	}
	.homeBoxShadow, 
	.homeBoxShadowButton, 
	.boxShadow, 
	.boxShadowA, 
	.boxShadowInset {
		box-shadow: none;
	}
	canvas {
		display: none !important;
	}
	#pageFooterClientTestimonials, 
	#pageDirectoryCompanyExplore, 
	#footerBar {
		display: none;
	}
	#pageBanner {
		/*height: auto !important;*/
		height: 175px !important;
		overflow: visible;
		background-color: transparent !important;
	}
	#pageBanner #pageBannerTextContainer {
		position: static !important;
		height: auto !important;
		margin-left: 0 !important;
		width: 960px !important;
	}
	#pageBanner h1, 
	#pageBanner h2, 
	#pageBanner h3 {
		color:#000 !important;
		padding-left: 0px;
		padding-right: 0px;
		text-shadow: none;
	}
	#pageBanner h1 {
		padding-top: 10px;
	}
	#pageBanner h3 ul {
		margin-left: 0px !important;
	}
	#pageBanner #pages, 
	#pageBanner .page {
		position: static !important;
		height: auto !important;
		display: inline !important;
	}

	#pageBanner .scrollable {
		display: none;
	}
		
	#problemWithLink {
		display: none;
	}
	#copyright {
		font-size: 0.875em;
		width: 100%;
		text-align: right;
	}
	.productElement {
		page-break-inside: avoid;
		clear: both;
	}
	
	#priceQuoteButtonImg {
		display: block !important;
	}
	#priceQuoteButtonBlank {
		display: none !important;
	}
	#pageBannerPrintImage {
		display: block !important;
	}
	
	#socialShare {
		display: none !important;
	}
	
	.flashContainer {
		display: none !important;
	}
	
	#softwareLiveStreamingVideoPlayer {
		display: none;
	}
	
	
	
	#featuresBenefitsLeft, 
	#featureBenefitsRow {
		height: auto !important;
	}
	#benefits, 
	#features {
		display: block !important;
		width: 310px !important;
		clear: none !important;
		float: left !important;
		height: auto !important;
	}
	#benefits>div, 
	#features>div {
		width: 310px !important;
		float: left !important;
	}
	#bonusButton, 
	.pipe {
		display: none !important;
	}
	#featuresButton, 
	#benefitsButton {
		width: 300px !important;
		color:#000 !important;
	}
	
	ul.middotList li: before {
		content: "• " !important;
	}
	li {
		padding-left: 5px !important;
	}

	.serviceDetailRow , 
	.softwareDetailRow {
		page-break-inside: avoid;
	}
}

/* 
@media screen and (min-width: 1200px) {
	body{
		background-color:#EAF4FC;
	}
}

@media screen and (max-width: 1199px) {
	body{
		background-color:#FCEAF9;
	}
}

@media screen and (max-width: 991px) {
	body{
		background-color:#F9FCEA;
	}
}

@media screen and (max-width: 767px) {
	body{
		background-color:#EAFCF4;
	}
} 
*/