@import url("/css/animate.css");
/* CSS Document */
/* fonts */
@font-face {
    font-family: 'open_sansregular';
    src: url('/fonts/OpenSans-Regular-webfont.eot');
    src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('/fonts/OpenSans-Bold-webfont.eot');
    src: url('/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
         url('/fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'texgyreadventorregular';
	src: url('/fonts/texgyreadventor-regular-webfont.eot');
	src: url('/fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/texgyreadventor-regular-webfont.woff') format('woff'),
		 url('/fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
		 url('/fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'texgyreadventoritalic';
	src: url('/fonts/texgyreadventor-italic-webfont.eot');
	src: url('/fonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/texgyreadventor-italic-webfont.woff') format('woff'),
		 url('/fonts/texgyreadventor-italic-webfont.ttf') format('truetype'),
		 url('/fonts/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'texgyreadventorbold_italic';
	src: url('/fonts/texgyreadventor-bolditalic-webfont.eot');
	src: url('/fonts/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/texgyreadventor-bolditalic-webfont.woff') format('woff'),
		 url('/fonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
		 url('/fonts/texgyreadventor-bolditalic-webfont.svg#texgyreadventorbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'texgyreadventorbold';
	src: url('/fonts/texgyreadventor-bold-webfont.eot');
	src: url('/fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/texgyreadventor-bold-webfont.woff') format('woff'),
		 url('/fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
		 url('/fonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* css */

* {
	padding:0;
	margin:0;
}
body {
	background-color:#dedede;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
td {
	text-align:left;
	vertical-align:top;
}
img {
	border:none;
}
.alignRight {
	text-align:right;
}
.alignCenter {
	text-align:center;
}
.alignMiddle {
	vertical-align:middle;
}
.alignBottom {
	vertical-align:bottom;
}
.floatLeft {
	float:left;
	margin:0 15px 6px 0;
}
.floatRight {
	float:right;
	margin:0 0 6px 15px;
	clear:right;
}
.clear {
	clear:both;
}

.wrap {
	width:1200px;
	margin:0 auto;
}
#header {
	background-color:#fff;
	clear:both;
}
#header #header-top {
	background-color:#d9d9da;
	clear:both;
	color:#000;
	font-size:12px;
	height:22px;
	text-align:right;
}
#header #header-top .pad {
	padding:4px 20px;
}
#header #header-top ul {
	list-style:none;
}
#header #header-top ul li {
	display:inline;
	border-left:1px solid #fff;
	padding:0 10px;
}
#header #header-top ul li:first-child {
	border-left:none;
}
#header #header-top ul li:last-child {
	padding-right:0;
}
#header #header-top a:link,
#header #header-top a:visited {
	color:#000;
	text-decoration:none;
}
#header #header-top a:hover,
#header #header-top a:active {
	text-decoration:underline;
}

#header #header-middle {
	font-family:open_sansregular, Arial, Helvetica, sans-serif;
	clear:both;
}
#header #header-middle .pad {
	padding:10px 20px;
}
#header #header-middle h1 {
	width:25%;
	float:left;
}
#header #header-middle .slogan {
	float:left;
	padding-top:20px;
	text-align:center;
	width:50%;
}
#header #header-middle h2 {
	color:#434345;
	font-family:open_sansbold, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
}
#header #header-middle .social {
	float:left;
	text-align:right;
	width:25%;
}
#header #header-middle .social p {
	color:#000;
	font-size:20px;
}
#header #header-middle .social input[type='text'] {
	background-color:#d9d9da;
	border:none !important;
	box-shadow: 0 2px 5px 0.05px rgba(0, 0, 0, 0.5);
	color:#434345;
	height:26px;
	padding:0 10px;
	margin-bottom:10px;
	width:168px;
}
#content img.icon {
	box-shadow: 0 2px 5px 0.05px rgba(0, 0, 0, 0.5);
}

#header #navigation {
	background-color:#d9d9da;
	border-top:1px solid #e4e4e4;
	box-shadow:0 4px 6px 0 rgba(0,0,0,0.2);
	font-family:open_sansregular, Arial, Helvetica, sans-serif;
	font-size:14px;
	height:34px;
	clear:both;
	position:relative;
	z-index:100;
}
#header #navigation #mobileMenuIcon {
	display:none;
}
#header #navigation input[type="checkbox"]{
	display: none;
}

#header #navigation nav > ul {
	list-style:none;
	padding:5px 10px 0 10px;
	position:relative;
	z-index:3000;
}
#header #navigation nav > ul > li {
	display:inline-block;
	padding:0 10px;
}
#header #navigation ul li a {
	/* to create the fade in/out effect of underline */
	color:#434345;
	border-bottom:3px solid #d9d9da;
	transition:0.5s;
}
#header #navigation ul li a:link,
#header #navigation ul li a:visited {
	display:inline-block;
	line-height:120%;
	text-decoration:none;
	text-transform:uppercase;
}
#header #navigation ul li a:hover,
#header #navigation ul li a:active,
.page1 #header #navigation ul li#link1 a,
.page2 #header #navigation ul li#link2 a,
.page3 #header #navigation ul li#link3 a,
.page4 #header #navigation ul li#link4 a,
.page5 #header #navigation ul li#link5 a,
.page6 #header #navigation ul li#link6 a,
.page7 #header #navigation ul li#link7 a {
	border-bottom:3px solid #434345;
	color:#000000;
}
	#header #navigation nav > ul li ul,
	#header #navigation nav > ul li ul li
	{
		text-align:left;
		width:auto;
	}	
	#header #navigation nav > ul li ul
	{
		background-color:#d9d9da;
		box-shadow:0 4px 6px 0 rgba(0,0,0,0.2);
		display:none;
		list-style:none;
		padding:3px;
		position:absolute;
		z-index:3000;
	}
	#header #navigation nav > ul li:hover ul {
		display:block;
	}
	#header #navigation nav > ul li ul li {
		padding:0 10px 2px 10px;
	}

/* Slideshow */
.slider_wrapper {
	background-color:#bdc6d0;
}
.slider_wrapper h2 {
	color:#fff;
	font-size:44px;
	font-weight:normal;
	line-height:46px;
	text-transform:capitalize;
}
.slider_wrapper ul {
	list-style:none;
}
.slider_wrapper a:link,
.slider_wrapper a:visited {
	color:#fff;
	text-decoration:none;
}

/* Content */
#content {
	background-color:#fff;
	clear:both;
	overflow:auto;
}
#content p,
#content ul,
#content ol,
#content dl,
#content .form,
#content .result_block,
#content .result_altblock {
	margin-bottom:8px;
}
#content hr {
	border:none;
	border-bottom:1px solid #e4e4e4;
	clear:both;
	height:1px;
	margin:25px 0;
}
#content h2 {
	border-bottom:3px solid #434345;
	color:#818181;
	font-family:open_sansregular, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	line-height:110%;
	margin-bottom:20px;
	padding-bottom:4px;
}
#content h2::first-line {
	color:#434345;
	font-family:open_sansbold, Arial, Helvetica, sans-serif;
	font-size:28px;
}
#content h3,
#content .searchheading {
	color:#434345;
	font-family:open_sansregular, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:110%;
	margin-bottom:12px;
}
#content .searchheading {
	margin-bottom:0;
}
#content h4,
#content .result_title {
	font-family:open_sansregular, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-bottom:6px;
}
#content .result_title {
	margin-bottom:2px;
}
#content p {
	line-height:130%;
}
#content ul {
	padding-left:15px;
	list-style:none;
}
#content ul li {
	padding-bottom:4px;
}
#content ul:not(.social) li::before {
	display: inline-block;
	content: "-";
	width: .75em;
	margin-left: -1em;
}
ul.social {
	list-style:none;
	padding-bottom:10px;
}
#content ul.social {
	text-align:center;
	padding-left:0;
	padding-right:12px;
}
ul.social li {
	display:inline;
	padding:0 7px;
}
ul.social li:last-child {
	padding-right:0;
}
ul.social li img {
	box-shadow: 0 2px 5px 0.05px rgba(0, 0, 0, 0.5);
}
#content ol {
	padding-left:18px;
}

#content dt {
	border-bottom:1px solid #e4e4e4;
	padding-top: 10px;
	font-size: 1.1em;
	font-weight: bold;
}
#content dt:first-child {
	border-top: none;
	padding-top: 0;
}
#content dd {
	margin-left: 1.1em;
	margin-bottom: 10px;
}

#content a:link,
#content a:visited {
	color:#000fff;
	text-decoration:none;
}
#content a:hover,
#content a:active {
	text-decoration:underline;
}

#content .pad {
	padding:20px 10px;
}
#content .wrap > h2 {
	margin-left:10px;
	margin-right:10px;
}
#content .wrap > h2:first-child {
	padding-top:20px;
}
#content .pad.noPadBottom {
	padding-bottom:0;
}
#content .bgGray {
	background-color:#d9d9da;
	border-top:1px solid #e4e4e4;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.35);
	color:#fff;
	overflow:hidden;
	padding:20px 0 0 0;
}
#content .bgGray .col-one4th,
#content .bgGray .col-one3rd {
	padding-bottom:20px;
}
#content .bgGray .box {
	margin-bottom:0;
	height:225px;
	padding-top:40px;
}

.col-one3rd {
	float:left;
	width:33%;
}
	#content .col-one3rd img,
	#content .col-one4th img {
		max-width:100%;
	}
.col-one4th {
	float:left;
	width:25%;
}
.col-three4th {
	float:left;
	width:75%;
}
.col-three8th {
	float:left;
	width:37.5%;
}
.col-half {
	float:left;
	width:50%;
}
.col-two3rd {
	float:left;
	width:66%;
}
.col-one5th {
	float:left;
	width:20%;
}

#box3.col-one3rd+#box4.col-one4th {
	clear:left;
}

#content .bgImage .wrap {
	background-image:url(/images/backgrounds/johnsonCityOffice.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

#content .date
{
	float:right;
	font-weight:bold;
	font-style:italic;
}

#content .updateProgress
{
	position:fixed;
	left:50%;
	top:50%;
	z-index:100;
	color:#fff;
	font-weight:bold;
}
	#content .updateProgress div
	{
		background-color:#5a7ebf;
		padding:20px;
	}

.passwordAlert {
	padding-top:4px;
}
#content .red,
.red,
.error {
	color:#ca0203;
	font-weight:bold;
}
.highlight {
	background: #FFFF40;
}
.orange {
	color:Orange;
	font-weight:bold;
}
.green {
	color:Green;
	font-weight:bold;
}

table.border.alignCenter td,
table.alignCenter td {
	text-align:center;
}

table.border {
	border:1px solid #e4e4e4;
	border-collapse:collapse;
	margin-bottom:15px;
	width:100%;
}
table.border th {
	background-color:#434345;
	color:#fff;
	font-weight:bold;
}
table.border td
{
	border: 1px solid #e4e4e4;
}
table.border > tbody > tr > td,
table.border > tr > td,
table.border > tbody > tr > th,
table.border > tr > th {
	padding:4px;
}
table.border td 
{
	text-align:left;
}
table.border > tbody > tr:nth-child(odd),
table.border > tr:nth-child(odd) {background: #EFF3FB}

.form table.border input[type='text'] {
	margin-bottom:0;
}

#content #staff p img
{
	border-radius:100px;
	width:200px;
}

/* Box styles */
.box,
.shadow {
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
}
#content .box {
	background-color:#d9d9da;
	margin:0 10px 20px 10px;
	padding:12px;
}
#content .col-three4th + .col-one4th .box {
	margin-top:20px;
}
#content .bgGray .networking .box,
#content .bgGray .printing .box,
#content .bgGray .communication .box,
#content .bgGray .business .box
 {
	animation-name:flipInX;
}
.networking .box,
.printing .box,
.communication .box,
.business .box
 {
	color:#fff;
	text-align:center;
}
#content .networking .box h2,
#content .printing .box h2,
#content .communication .box h2,
#content .business .box h2,
#content .networking .box h3,
#content .printing .box h3,
#content .communication .box h3,
#content .business .box h3
{
	color:#fff;
}
.box h2 {
	font-family:open_sansregular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
#content .box h2 {
	border-bottom:none;
	font-size:22px;
	line-height:95%;
	margin:0;
	padding:0;
}
#content .box h2 img {
	margin-bottom:10px;
}

#content .networking .box ul,
#content .printing .box ul,
#content .communication .box ul,
#content .business .box ul,
#content .networking .box h2+h3,
#content .printing .box h2+h3,
#content .communication .box h2+h3,
#content .business .box h2+h3 {
	margin-top:12px;
}
#content .networking .box ul,
#content .printing .box ul,
#content .communication .box ul,
#content .business .box ul,
#content .networking .box h3,
#content .printing .box h3,
#content .communication .box h3,
#content .business .box h3 {
	text-align:left;
}

#content .networking .box a:link,
#content .printing .box a:link,
#content .communication .box a:link,
#content .business .box a:link,
#content .networking .box a:visited,
#content .printing .box a:visited,
#content .communication .box a:visited,
#content .business .box a:visited {
	color:#fff;
	text-decoration:none;
}
.box a:link,
.box a:visited {
	color:#000fff;
	text-decoration:none;
}
#content .networking .box a:hover,
#content .printing .box a:hover,
#content .communication .box a:hover,
#content .business .box a:hover,
.box a:hover,
#content .networking .box a:active,
#content .printing .box a:active,
#content .communication .box a:active,
#content .business .box a:active,
.box a:active {
	text-decoration:underline;
}
#content .networking .box h2 a:hover,
#content .printing .box h2 a:hover,
#content .communication .box h2 a:hover,
#content .business .box h2 a:hover,
#content .networking .box h2 a:active,
#content .printing .box h2 a:active,
#content .communication .box h2 a:active,
#content .business .box h2 a:active {
	text-decoration:none;
}
.networking .box {
	background-color: rgba(16, 49, 148, 0.7) !important;
}
.printing .box {
	background-color:rgba(227, 24, 55, 0.7) !important;
}
.page1 #content .printing .box {
	animation-delay:0.5s;
}
.communication .box {
	background-color: rgba(0, 134, 134, 0.7) !important;
}
.page1 #content .communication .box {
	animation-delay:1s
}
.business .box {
	background-color: rgba(0, 114, 0, 0.7) !important;
}
.page1 #content .business .box {
	animation-delay:1.5s;
}

/* Testimonials styles */
#content .testimonials .col-half:first-child {
	box-shadow: inset -3px 0 0 #434345;
}
#content .testimonials blockquote {
	background-image:url(/images/icons/testimonialsArrowLeft.png);
	background-position:left 80px;
	background-repeat:repeat-y;
	font-size:16px;
	font-style:italic;
	padding:0 0 0 26px;
	position:relative;
}
#content .testimonials blockquote:hover {
	background-position:left 880px;
}
#content .testimonials blockquote.business {
	background-position:left 25px;
}
#content .testimonials blockquote.business:hover {
	background-position:left 425px;
}
#content .testimonials blockquote strong {
	font-style:normal;
}
#content .testimonials blockquote .pad {
	background-color:#d9d9da;
	background-position:center center;
	background-repeat:no-repeat;
	box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.45);
	padding:20px;
}
#content .testimonials .col-half:first-child blockquote {
	background-image:url(/images/icons/testimonialsArrowRight.png);
	background-position:right 40px;
	padding:0 26px 0 0;
}
#content .testimonials blockquote.networking:hover {
	background-position:right 1640px;
}
#content .testimonials blockquote.printing:hover {
	background-position:right 1240px;
}
#content .testimonials .col-half:first-child blockquote .pad {
	box-shadow: -5px 5px 7px 0 rgba(0, 0, 0, 0.45);
}
#content .testimonials blockquote.networking .pad {
	background-image:url(/images/icons/networkingBG.png);
}
#content .testimonials blockquote.printing .pad {
	background-image:url(/images/icons/printingBG.png);
}
#content .testimonials blockquote.communication .pad {
	background-image:url(/images/icons/communicationsBG.png);
}
#content .testimonials blockquote.business .pad {
	background-image:url(/images/icons/businessBG.png);
}
#content .testimonials blockquote.networking:hover .pad {
	background-color:#103194;
	color:#fff;
}
#content .testimonials blockquote.printing:hover .pad {
	background-color:#e31837;
	color:#fff;
}
#content .testimonials blockquote.communication:hover .pad {
	background-color:#008686;
	color:#fff;
}
#content .testimonials blockquote.business:hover .pad {
	background-color:#007200;
	color:#fff;
}

#content .testimonials blockquote::before {
	content:"";
	display:block;
	height:15px;
	position:absolute;
	width:15px;
	z-index:100;
}
#content .testimonials blockquote.networking::before {
	background-color:#103194;
	left:100.25%;
	top:60px;
}
#content .testimonials blockquote.printing::before {
	background-color:#818181;
	left:100.25%;
	top:60px;
}
#content .testimonials blockquote.communication::before {
	background-color:#008686;
	right:100.75%;
	top:100px;
}
#content .testimonials blockquote.business::before {
	background-color:#007200;
	right:100.75%;
	top:45px;
}

/* Calendar styles */
#content .calEvents
{
	border:1px solid #dadbdd;
	border-collapse:collapse;
	background-color:Transparent;
}
#content .calEvents td
{
	border:1px solid #dadbdd;
	border-collapse:collapse;
	text-align:right;
}
	#content .calEvents .title td
	{
		font-size:13px;
		font-weight:bold;
		background-color:transparent;
		text-align:center;
		border:none;
	}
	#content .calEvents .weekDay 
	{
		color:#999999;
	}
	#content .calEvents .day
	{
		background-color:#fafafa;
	}
		#content .calEvents .day a,
		#content .calEvents .otherMonth a,
		#content .calEvents .event a,
		#content .calEvents .today a
		{
			display:block;
			height:30px;
		}
		#content .calEvents .day a:link,
		#content .calEvents .day a:visited,
		#content .calEvents .otherMonth a:link,
		#content .calEvents .otherMonth a:visited,
		#content .calEvents .event a:link,
		#content .calEvents .event a:visited,
		#content .calEvents .today a:link,
		#content .calEvents .today a:visited
		{
			color:Red;
		}
	#content .calEvents .otherMonth 
	{
		background-color:Transparent;
	}
	#content .calEvents .event 
	{
		background-color:#f6f660;
		background-image:url(/images/icons/yellowStar.png);
		background-position:center center;
		background-repeat:no-repeat;
		color:Red;
		font-weight:bold;
	}
	#content .calEvents .today 
	{
		font-weight:bold;
		background-color:#cccccc;
	}
	#content .calEvents .selected 
	{
		background-color:#d4efee;
		font-weight:bold;
	}

/* footer styles */
#footer {
	background-color:#d9d9da;
	border-top:1px solid #e4e4e4;
	clear:both;
	color:#434345;
}
#footer .pad {
	padding:20px 10px 0 10px;
}
#footer a:link,
#footer a:visited,
#footer-bottom a:link,
#footer-bottom a:visited {
	color:#434345;
	text-decoration:none;
}
#footer a:hover,
#footer a:active,
#footer-bottom a:hover,
#footer-bottom a:active {
	text-decoration:underline;
}
#footer h2 {
	font-family:open_sansregular, Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:normal;
	line-height:110%;
	margin-bottom:15px;
}
#footer h3 {
	font-size:16px;
}
#footer p {
	margin-bottom:20px;
}
#footer ul {
	padding-left:15px;
	list-style:none;
}
#footer ul li {
	padding-bottom:4px;
}
#footer ul:not(.social) li::before {
	display: inline-block;
	content: "-";
	width: .75em;
	margin-left: -1em;
}

#footer .box {
	margin-bottom:20px;
	padding:4px 0;
}
#footer .box.square {
	margin-left:auto;
	margin-right:auto;
	max-width:100px;
}
#footer .box.square a:link,
#footer .box.square a:visited {
	color:#fff;
	text-decoration:none;
}
#footer .networking .box,
#footer .communication .box {
	margin-right:10px;
}
#footer .printing .box,
#footer .business .box {
	margin-left:10px;
}
#footer .box h3 {
	font-family:open_sansregular, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:115%;
	text-transform:uppercase;
}
#footer .box a:hover,
#footer .box a:active {
	text-decoration:none;
}

#footer-bottom {
	border-top:1px solid #e4e4e4;
	clear:both;
	color:#434345;
	font-size:12px;
}
#footer-bottom .pad {
	padding:5px 10px;
}
#footer h3 {
	clear:both;
}
#footer #locations p {
	float:left;
	width:200px;
}

/* form styles */
.form input[type="text"],
.form input[type="password"],
.form textarea,
.form select {
	font-family:open_sansregular, Arial, Helvetica, sans-serif;
	font-size:18px;
	background-color:#d9d9da;
	border:none !important;
	box-shadow: 0 2px 5px 0.05px rgba(0, 0, 0, 0.5);
	color:#434345;
	margin-bottom:40px;
	width:97%;
	transition:0.7s;
}
.form .compact input[type="text"],
.form .compact input[type="password"],
.form .compact textarea,
.form .compact select {
	font-size:14px;
	margin-bottom:10px;
}
.form input[type="file"] {
	margin-bottom:40px;
}

.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form textarea:focus,
.form select:focus {
	background-color:#fdfe99 !important;
}
.form input[type="text"],
.form input[type="password"],
.form select {
	vertical-align:middle;
}
.form input[type="text"],
.form input[type="password"],
.form textarea {
	padding:5px 8px;
}
.form .compact input[type="text"],
.form .compact input[type="password"],
.form .compact textarea {
	padding:1px 2px;
}
.form input[type="text"].text2 {
	width:110px;
}
.form textarea {
	height:100px;
	overflow:auto;
}
.more a,
#content .more a,
.form input[type="submit"],
.form input[type="reset"] {
	background-color:#818181;
	transition:0.5s;
}
.more a:link,
.more a:visited,
#content .more a:link,
#content .more a:visited,
.form input[type="submit"],
.form input[type="reset"] {
	box-shadow: 0 2px 5px 0.05px rgba(0, 0, 0, 0.5);
	border:none !important;
	cursor:pointer;
	font-family:open_sansregular, Arial, Helvetica, sans-serif;
	color:#fff;
	display:inline-block;
	font-size:1em;
	padding:7px 15px;
	text-decoration:none;
}
.more a:hover,
.more a:active,
#content .more a:hover,
#content .more a:active,
.form input[type="submit"]:hover,
.form input[type="submit"]:active,
.form input[type="reset"]:hover,
.form input[type="reset"]:active {
	background-color:#434345;
}
input::-moz-focus-inner /*Remove button padding in FF*/
{ 
	border: 0;
	padding: 0;
}
#content .form .checkboxlist 
{
	width:100%;
	margin-bottom:3px;
}
	#content .form .checkboxlist td 
	{
		width:33%;
		padding-bottom:4px;
	}
	#content .form .checkboxlist .formRow
	{
		padding-bottom:4px;
	}
	#content .form .checkboxlist label
	{
		font-weight:normal;
		display:inline-block;
		vertical-align:middle;
		width:50%;
	}
#content .form input[type="checkbox"],
#content .form input[type="radio"]
{
	margin-right:3px;
	vertical-align:middle;
}
#content .form input[type="checkbox"] + label,
#content .form input[type="radio"] + label
{
	display:inline-block;
	vertical-align:middle;
}

.form br {
	clear:left;
}
.form label {
	font-weight:bold;
	text-align:left;
	display:block;
}
#content .form .RadCaptcha label{
	display:block;
	width:auto;
}
#content .form .RadCaptcha input[type="text"]{
	margin-bottom:10px;
}
.form fieldset {
	padding:5px;
	margin-bottom:5px;
}
.form legend {
	margin-bottom:5px;
}

/*=======================RESPONSIVE LAYOUTS===========================*/
@media only screen and (max-width: 1800px) {
	
}

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

}
/* tablet landscape */
@media only screen and (max-width: 1200px) {
	.wrap {
		width:980px;
	}
	#header #header-middle h2 {
		font-size:16px;
	}
	#content .bgGray .box {
		height:auto;
		padding-top:12px;
	}
	#footer #locations p {
		float:none;
		margin-bottom:5px;
	}
}
/* tablet portrait */
@media only screen and (max-width: 1000px) {
	.wrap {
		width: 100%;
		padding-left:0;
		padding-right:0;
	}
	#header #header-top {
		text-align:center;
	}
	#header #header-middle h1,
	#header #header-middle .slogan,
	#header #header-middle .social {
		float:none;
		text-align:center;
		width:100%;
	}
	#header #header-middle .slogan {
		padding-top:10px;
	}
	#header #header-middle h2 {
		font-size:18px;
	}
	#header #navigation {
		height:auto;
		padding:6px 0;
		text-align:center;
	}
	#header #navigation #mobileMenuIcon {
		display:block;
		cursor:pointer;
		height:27px;
		text-align:center;
	}
	#header #navigation #mobileMenuIcon::after {
		content:"";
		background: transparent; 
		border-bottom: 17px double #434345; 
		border-top: 6px solid #434345;
		height: 5px;
		width:37px;
		position:absolute;
		margin:0 0 0 -18px;
		left:50%;
	}
	#header #navigation ul {
		display:none;
	}
	/*Show menu when invisible checkbox is checked*/
	#header #navigation input[type="checkbox"]:checked ~ ul {
		display: block;
	}
	#header #navigation ul li {
		display:block;
	}
	#header #navigation ul li a {
		border-color:#434345;
	}
	#header #navigation ul li a:link,
	#header #navigation ul li a:visited {
		display:block;
		padding-bottom:2px;
		padding-top:4px;
	}
	#header nav select {
		border:1px solid #434345;
		color:#434345;
		margin:7px auto 0 auto;
		width:90%;
	}
	.slider_wrapper .wrap {
		width:100%;
	}
	.slider_wrapper .caption {
		left:68%;
		font-size:18px;
		padding:15px;
		width:auto;
	}
	.slider_wrapper h2 {
		font-size:30px;
		line-height:30px;
	}
	.slider_wrapper .camera_pag {
		left:50% !important;
		margin-left:-22px !important;
	}

	#content .pad {
		padding:10px;
	}

	/* Makes solution icon boxes keep their square ratio for mobile views */
	#content .col-one4th .box.square,
	#content .col-one3rd .box.square {
		margin-left:auto;
		margin-right:auto;
		max-width:210px;
	}

	#content h2 {
	}

	#content #logos a {
		display:block;
		margin:0 0 8px 0;
		text-align:center;
	}
	
	#content .grayBG.pad {
		margin:0 0 25px 0;
	}
	#content .bgGray .networking .box {
	}
	#content .bgGray .printing .box {
		animation-delay:0.5s;
	}
	#content .bgGray .communication .box {
		animation-delay:0s
	}
	#content .bgGray .business .box {
		animation-delay:0.5s;
	}

	#footer .wrap > .col-one4th {
		width:25%;
	}
	#footer .pad {
		border-left:none;
		min-height:auto;
	}
	.form input[type="text"],
	.form input[type="password"],
	.form textarea {
		display:block;
		margin-left:0 !important;
	}
	#content .form .checkboxlist label
	{
		width:auto;
	}

	#footer .pad {
		padding-left:10px !important;
	}
	
}

@media only screen and (max-width: 982px)
{
	
	.col-one4th,
	.col-three4th,
	.col-one3rd,
	.col-half,
	.col-two3rd,
	.col-one5th,
	.col-three8th {
		width:50%;
	}

	#content .col-two3rd img {
		max-width:100%;
	}

	#box3.col-one3rd+#box4.col-one4th#box4.col-one4th {
		clear:none;
	}
	#box3.col-one3rd,
	#box5.col-one4th,
	#box7.col-one4th {
		clear:left;
	}

	#footer .wrap > .col-one4th {
		width:50%;
		float:left;
	}
	#footer .wrap > .col-one3rd {
		width:33%;
	}
	#footer .wrap > .col-one4th:nth-child(3n+0) {
		clear:left;
	}
}

/* mobile landscape */
@media only screen and (max-width: 767px) {
	#header #header-middle h2 {
		font-size:16px;
	}
	.slider_wrapper .caption {
		position:relative;
		left:0;
		bottom:110px;
		margin:0 auto;
		text-align:center;
		width:80%;
	}
	.slider_wrapper h2 {
		font-size:20px;
		line-height:20px;
	}
	.slider_wrapper .caption p {
		display:none;
	}
	.camera_pag  {
		bottom:20px !important;
	}

	#content div.floatLeft,
	#content div.floatRight {
		float:none;
		margin-right:0;
		margin-left:0;
	}

	#content .bgGray .networking .box,
	#content .bgGray .printing .box,
	#content .bgGray .communication .box,
	#content .bgGray .business .box {
		animation-delay:0s;
	}

	#content .testimonials .col-half:first-child {
		box-shadow:none;
	}
	
	.testimonials .col-half {
		width:100%;
		float:none;
	}
	#content .testimonials blockquote.networking::before,
	#content .testimonials blockquote.printing::before {
		left:99%;
	}
	#content .testimonials blockquote.communication::before,
	#content .testimonials blockquote.business::before {
		right:99%;
	}

	#content .col-one4th div img:not(.floatRight),
	#content .col-three4th div img:not(.floatRight),
	#content .col-three8th div img:not(.floatRight),
	#content .col-one3rd div img:not(.floatRight),
	#content .col-half div img:not(.floatRight),
	#content .col-two3rd div img:not(.floatRight),
	#content .col-one5th div img:not(.floatRight) {
		margin:0 auto;
		display:block;
	}
	#content .col-one4th div ul.social img,
	#content .col-three4th div ul.social img,
	#content .col-three8th div ul.social img,
	#content .col-one3rd div ul.social img,
	#content .col-half div ul.social img,
	#content .col-two3rd div ul.social img,
	#content .col-one5th div ul.social img {
		display:inline;
	}

	#footer .col-one4th .col-half,
	#footer .col-one3rd .col-half {
		width:50%;
		float:left;
	}
	#footer .wrap > .col-one3rd {
		width:50%;
	}
	#footer .wrap > .col-one3rd:nth-child(3n+0) {
		clear:left;
	}
}
/* mobile portrait */
@media only screen and (max-width: 480px) {
	.wrap {
		min-width:300px;
	}
	#header #header-middle h2 {
		font-size:12px;
	}
	.slider_wrapper h2 {
		font-size:18px;
		line-height:18px;
	}

	.col-one4th,
	.col-three4th,
	.col-one3rd,
	.col-half,
	.col-two3rd,
	.col-one5th,
	.col-three8th {
		width:100%;
		float:none;
	}
	
	#content .testimonials blockquote.networking::before,
	#content .testimonials blockquote.printing::before {
		left:98%;
	}
	#content .testimonials blockquote.communication::before,
	#content .testimonials blockquote.business::before {
		right:98%;
	}

	#footer .wrap > .col-one4th,
	#footer .wrap > .col-one3rd {
		width:100%;
		float:none;
	}
}