@CHARSET "UTF-8";

/* Browser Reset 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size: 100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align: ;
outline: none;
}


/* Structure 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body{
	background: #ccc;
	line-height:16px;
	font-size: 11px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	cursor:default;
	margin-top: 20px;
	text-align: center;
	overflow: auto;
	height:100%;
	color: #555;
}
html,body {height:100%; text-align: center; }
#container {
	width: 975px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #999;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-bottom: 30px;
}
#mainContent {
	float: left;
	width: 969px;
	clear: left;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF url('/images/bg-canvas.gif') repeat-y;
	margin-left: 3px;
	margin-right: 3px;
}
#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 230px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0;
}
#canvas {float: left; position: relative; width: 736px; margin: 0 0 0 3px; padding: 0;} 
.colMain {float: left; width: 425px; padding: 20px 0 50px 20px;}
.colRight {float: right; width: 240px; padding: 20px 20px 20px 0;}


/* Common 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@font-face {font-family: "TVNordBold"; src: url("../GlobalScripts/TVNord-Bold.otf");}
@font-face {font-family: "TVNordLight"; src: url("../GlobalScripts/TVNord-Light.otf");}
@font-face {font-family: "TVNordReg"; src: url("../GlobalScripts/TVNord-Regular.otf");}
@font-face {font-family: "TVNordRegCon"; src: url("../GlobalScripts/TVNord-RegularCon.otf");}
h1 {font-weight: 400; font-size: 28px; line-height: 1.2em; color: #ef3e42; margin-bottom: .3em; text-transform: uppercase; font-family: TVNordRegCon, Arial, sans-serif; }
h2 {font-weight: 400; font-size: 22px; line-height: 1.2em; color: #5f6062; margin-bottom: .3em; text-transform: uppercase; font-family: TVNordReg, Arial, sans-serif;}
h3 {font-weight: 500; font-size: 13px; line-height: 1.2em; color: #5f6062; margin-bottom: 1em; padding-top: 2px; font-family: TVNordReg, Arial, sans-serif;}
h4 {font-weight: 500; font-size: 24px; line-height: 1.2em; color: #ef3e42; font-family: TVNordBold, Arial, sans-serif; margin: 20px 0 1em 0;}
h4 span {color: #777; font-family: TVNordReg, Arial, sans-serif;}
h5 {font-weight: 500; font-size: 16px; line-height: 1.2em; color: #888; font-family: TVNordReg, Arial, sans-serif; margin: 20px 0 0 0;}
a {text-decoration: none; color: #000;}
a.red {text-decoration: none; color: #ed4142; font-weight: 800;}
a.red:hover {color: #da251e;}
a.red:hover:after {content: " >";}
strong {font-weight: 700;}
p {margin: 6px 0px 12px 0px; }
ul, ol {margin: 0 0 20px 20px;}
ul li, ol li {color: #999;}
ul li span, ol li span {color: #333;}


/* Buttons 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.btn {float:left; width: 100%; color: #fff; font-weight: bold; font-size: 10px; text-transform: uppercase; padding: 6px 0; text-indent: 7px; position: relative; text-shadow: none;}
.btn span {color: #fff; font-size: 12px; position: absolute; top: 6px; right: 7px;}
.btn.grey {background: #5e6062;}
.btn.grey:hover {background: #3b3b3b;}
.btn.red {color: #fff; background: #ed4142;}
.btn.red:hover {color: #fff; background: #da251e;}
.btn.red:hover:after {content: '';}

/* Header 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header {float: left; width: 100%; background: url('/images/bg-stripes.gif');}
#header ul {margin: 0;}
#header ul li {float: left; width: 145px; background: #fff; margin: 0 3px 3px 0; height: 68px; list-style: none;}
#header ul li.active {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #919191 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#919191));
	background: -webkit-linear-gradient(top, #ffffff 0%,#919191 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#919191 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#919191 100%);
	background: linear-gradient(top, #ffffff 0%,#919191 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#919191',GradientType=0 );}
#header ul li a {display: block; height: 68px;line-height: 14px; color: #8e9094; font-size: 11px; margin: 4px;}
#header ul li a span {display: block; border-top: 4px solid #c7c8cb; border-bottom: 1px solid #c7c8cb; padding: 4px 0; }
#header ul li a:hover, #header ul li.active a {color: #ef3e42; }
#header ul li a:hover span, #header ul li.active a span {border-top: 4px solid #96989c; border-bottom: 1px solid #96989c; color: #ef3e42;}
#header ul li#navLogo {width: 230px; text-align: center; margin-left: 3px;}
#header ul li#navLogo img {margin-top: 22px;}
#header ul li#navPartners {margin-right: 0;}
#header ul li#navLogo a {border-top: 0; border-bottom: 0; margin: 0;}
#header h2 {float: left; background: #fff; color: #95989b; line-height: 32px; clear: left; width: 230px; margin: 0 3px 3px 3px; font-size: 12px; font-weight: bold; text-align: center; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}


/* SubNav 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#sidebar ul {float: left; clear: left; width: 100%; margin: 0; list-style-type: none; text-align: left; padding-top: 20px; background: #fff; border-bottom: 1px solid #e4e4e4;}
#sidebar ul li {float: left; clear: left; width: 100%; border-top: 1px solid #e4e4e4;}
#sidebar ul li a {float: left; clear: left; width: 100%; background: #e4e4e4; line-height: 22px; text-indent: 24px; color: #7c7f82; font-size: 11px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#sidebar ul li a:hover {color: #ed4142; background: #fff;}
#sidebar ul li.active a {color: #ed4142; background: #fff; border-top: 4px solid #95989b; border-bottom: 1px solid #fff;}
#sidebar ul li.contact a {color: #fff; background: #ed4142; font-weight: bold;}
#sidebar ul li.contact.active a {border-top: 0; border-bottom: 0;}
#sidebar h6 {float: left; width: 100%; color: #999; padding: 6px 0; text-align: center; border-bottom: 1px solid #ccc;}


/* Case Study Brochures 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#brochure {float: left; position: relative; width: 100%; padding-bottom: 10px; 
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);}
#brochure a {text-decoration: none; border: 0; cursor: pointer; cursor: hand;}
#brochure .case-bg {position: absolute; top: 0; left: 0; z-index: 1;}
#brochure .case-icon {position: absolute; top: 63px; right: 8px; z-index: 3;}
#brochure .block {float: left; position: absolute; top: 91px; left: 0; z-index: 2; width: 100%; height: 35px; background: url('/images/case-bg.png'); font-weight: bold; padding: 6px 0; text-shadow: 1px 0 3px #000;}
#brochure .block .subHead {float: left; font-size: 11px; color: #666; text-transform: uppercase; text-indent: 8px;}
#brochure .block .mainHead {float: left; clear: left; font-size: 12px; color: #fff; text-indent: 8px;}
#brochureDesc {float: left; position: relative; width: 100%; margin-top: 148px;}
#brochureDesc p {margin: 0 8px; font-size: 11px; color: #555; line-height: 16px;}
#brochureDesc p span {color: #e24341; font-weight: bold; line-height: 24px;}
#brochure a:hover .block {background: #000;}
#brochure a:hover .block .subHead {color: #e24341;}
#brochure a:hover .block .mainHead {color: #ccc;}

/* Footer 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer {display: block; clear: left; padding:  7px 0px; background:#e6e1d6; margin: 0px 3px 0px 3px; font-size: 9px; text-transform: uppercase; color: #5F6062; margin-bottom: 3px; position: relative; line-height: 24px; height: 22px;}
#footer a {float: left; text-decoration: none; color: #333;}
#footer a:link {color: #5f6062; }
#footer a:visited {color: #5f6062; }
#footer a:hover {color: #f13e42;}
#footer a:active {color: red; text-decoration: none; }
#footer .copyright {color: #999; margin-left: 320px; margin-right: 0;}
#footer .contact {margin-left: 10px;}
#footer .facebook a {padding-left: 20px; background: url('/images/facebook_16.png') left no-repeat;}
#footer ul {float: left; width: 100%; margin: 0; padding: 0; list-style: none;}
#footer ul li {margin: 0; padding: 0; float: left; margin-right: 20px; }


/* Splash Pages 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#canvas.splash {height: 568px; min-height: 568px; max-height: 568px;}
#canvas.splash.partners {background: url('/images/splash_partners.jpg');}
#canvas.splash.healthcare {background: url('/images/splash_healthcare.jpg');}
#canvas.splash.hospitality {background: url('/images/splash_hospitality.jpg');}
#canvas.splash.publicsafety {background: url('/images/splash_publicsafety.jpg');}
#canvas.splash.design {background: url('/images/splash_design.jpg');}
#canvas.splash.wireless {background: url('/images/splash_wireless.jpg');}
#canvas.splash.about {background: url('/images/splash_about.jpg');}

#canvas.splash .callout {position: absolute; top: 20px; left: 25px;}
#canvas.splash .callout h1 {display: block; font-size: 28px; text-transform: uppercase; color: #e8442c; font-weight: bold; margin-bottom: 15px;}
#canvas.splash .callout h1 span {display: block; color: #fff; font-weight: normal;} 
#canvas.splash .callout h2 {width: 400px; text-transform: none; font-size: 14px; line-height: 20px; font-weight: normal; color: #fff;}
#canvas.splash .columnCopy {position: absolute; padding: 20px; left: 25px; bottom: 25px; width: 645px; background: #f2f0ea;}
#canvas.splash .columnCopy p {margin: 0 0 10px 0;}
#canvas.splash .twoColLeft {float: left; width: 310px; margin-right: 25px;}
#canvas.splash .twoColRight {float: left; width: 310px;}
#canvas.splash .twoColRight a.btn {margin-bottom: 10px;}
#canvas.splash .twoColRight h6 {line-height: 24px; text-align: center;}
#canvas.splash .twoColRight .customers {float: left; position: relative; width: 100%; height: 100px; text-align: center; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#canvas.splash .twoColRight .customers img {position: absolute; top: 0; display: none; left: 41px;}

#canvas.splash.about .callout h2 {width: 450px;}
#canvas.splash.design .callout h2 {width: 550px;}


/* Partners
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#solidPartnerLogo {float: right; margin: 20px 20px 0 0;}
#partnerMsg {float: left; width: 500px; margin: 20px 0 20px 20px;}
.partner {float: left; width: 100%; margin: 0 0 20px 0; padding-bottom: 20px; border-bottom: 1px solid #e6e0ce;}
.partner img {float: left; margin-left: 25px;}
.partner h1 {display: block; margin-left: 200px; font-size: 14px; font-weight: normal; color: #999;}
.partner p {display: block; margin-left: 200px; margin-right: 30px;}
.partner p .btn {width: 125px;}
.partner.feature {background: #f2f0e9; padding: 15px 0;}
.partner.feature h6 {display: block; padding: 4px 0; margin: 0 15px 15px 15px; font-size: 14px; font-weight: normal; color: #666; border-top: 4px solid #e7e0ce; border-bottom: 1px solid #e7e0ce;}
.partner.feature img {margin: 0 15px;}
.partner.feature ul {float: left; width: 500px; margin: 0 0 20px 20px;}


/* Applications
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.applications {float: left; background: #f2f0e9; padding: 15px 0; width: 100%; margin: 0; padding-bottom: 20px; border-bottom: 1px solid #e6e0ce;}
.applications h6 {clear: left; display: block; padding: 4px 0; margin: 0 10px 10px 10px; font-size: 14px; font-weight: normal; color: #ed4142; border-top: 4px solid #e7e0ce; border-bottom: 1px solid #e7e0ce;}
.applications p {margin: 0 15px 10px 15px; color: #666;}
.applications ul {float: left; width: auto; margin: 0 0 0 30px;}
.applications ul.compliance {margin-right: 15px;}
.applications ul.compliance li {margin-bottom: 10px;}
.applications .customers {float: left; clear: left; width: 230px; height: 100px; position: relative; margin-bottom: 15px; margin-left: 4px;}
.applications .customers img {position: absolute; display: none; top: 0; left: 0; border: 1px solid #e7e0ce;}


/* About
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.gsa {float: left; margin: 15px 0;}
.colMain.management {width: 715px;}
.team {margin: 0; list-style: none;}
.team li {float: left; clear: left; width: 100%; margin-bottom: 20px;}
.team li img {float: right; margin-top: 25px;}
.team li h4 {float: left; width: 335px;}
.team li h4 span {font-size: 16px; color: #666; clear: left; display: block; }
.team li p {float: left; width: 425px; color: #555;}


/* Media
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.colMain.mediaCenter {width: 715px;}
.media {margin: 0; width: 100%;}
.media li {float: left; width: 160px; clear: none; margin: 0 15px 15px 0; text-align: center; list-style: none; font-weight: bold;}
.media li.last {margin-right: 0;}
.media li img {border: 1px solid #000; -moz-box-shadow: 0 1px 5px 0px #999; -webkit-box-shadow: 0 1px 5px 0px #999; box-shadow: 0 1px 5px 0px #999;}
.media li a:hover {color: #555;}
.media li a:hover img {border: 1px solid #fff;}

.collateral {margin: 0; width: 100%;}
.collateral li {float: left; width: 160px; clear: none; margin: 0 15px 15px 0; text-align: center; list-style: none; font-weight: bold; position: relative;}
.collateral li.last {margin-right: 0;}
.collateral li.rowStart {clear: left;}
.collateral li img.case-bg {width: 100%; border: 1px solid #000; -moz-box-shadow: 0 1px 5px 0px #999; -webkit-box-shadow: 0 1px 5px 0px #999; box-shadow: 0 1px 5px 0px #999;}
.collateral li img.case-icon {position: absolute; z-index: 3; top: 36px; right: 7px;}
.collateral li a:hover {color: #555;}
.collateral li a:hover img.case-bg {border: 1px solid #fff;}


/* News
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.colRight.press {width: 260px; background: #f2f0e9; padding: 15px 0; margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid #e6e0ce;}
.colRight.press h6 {display: block; padding: 4px 0; margin: 0 15px 15px 15px; font-size: 14px; font-weight: normal; color: #ed4142; border-top: 4px solid #e7e0ce; border-bottom: 1px solid #e7e0ce;}
.colRight.press p {margin: 0 20px 15px 15px;}
.article {float: left; width: 100%; background: #eee; border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 10px 0;}
.article img {float: left; margin: 0 10px 0 0;}
.article p {float: left; width: 250px; margin-top: 10px;}
.article p a {float: left; width: 250px; font-weight: bold; font-size: 13px; padding-bottom: 10px;}
.event {float: left; width: 100%; background: #fff; padding: 15px 0; border-bottom: 1px solid #999;}
.event p {margin: 0; text-align: center;}
.event img {margin-bottom: 10px}


/* Form
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.formRow {float: left; width: 100%; margin-bottom: 5px;}
.formRow label {float: left; width: 100%; font-weight: bold; line-height: 16px;}
.formRow label .req {color: #900;}
.formRow .textInput {width: 90%; border: 1px solid #999; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.formActions {float: left; width: 100%; padding-top: 15px;}
.formActions button {float:left; cursor: pointer; width: auto; color: #fff; background: #ed4142; border: 0; font-weight: bold; font-size: 10px; text-transform: uppercase; padding: 6px 10px; position: relative;}
.formActions button:hover {background: #da251e;}

#row_fname {width: 49%;}
#row_lname {width: 49%;}
#row_company {width: 49%;}
#row_title {width: 49%;}
#row_email {width: 49%;}
#row_phone {width: 49%;}
#row_address1 {width: 49%;}
#row_address2 {width: 49%;}
#row_address2 label {text-indent: -5000px;}
#row_city {width: 49%;}
#row_state {width: 15%; margin-right: 10px;}
#row_zip {width: 20%;}
#row_comments textarea {width: 99%; height: 80px;}


/* Homepage
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#mainContent.homepage {position: relative; width: 970px; background: #fff;}
#mainContent.homepage .splash {width: 100%; height: 300px;}
#mainContent.homepage #canvas1.splash {background: url('/images/hero-1.jpg');}
#mainContent.homepage #canvas2.splash {background: url('/images/hero-2.jpg');}
#mainContent.homepage #canvas3.splash {background: url('/images/hero-3.jpg');}
#mainContent.homepage .splash .callout {float: left; width: 600px;}
#mainContent.homepage .splash .callout h1 {font-size: 30px; color: #fff; margin-top: 25px; margin-left: 25px;}
#mainContent.homepage .splash .callout h2 {font-size: 22px; color: #fff; margin-left: 25px;}
#mainContent.homepage .splash .callout h3 {font-size: 16px; color: #ccc; margin-left: 25px;}
#mainContent.homepage .splash .callout p {width: 400px; margin-left: 25px;}
#gallery {background: #000; border-bottom: 5px solid #000; margin-bottom: 30px;}
#gallery ul {margin: 0; list-style: none;}
#gallery ul li {width: 970px; height: 300px;}
#aboutCopy {float: left; width: 968px; margin-left: 3px; padding: 10px 0;
			background: #ffffff;
			background: -moz-linear-gradient(top, #ffffff 1%, #cccccc 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#cccccc));
			background: -webkit-linear-gradient(top, #ffffff 1%,#cccccc 100%);
			background: -o-linear-gradient(top, #ffffff 1%,#cccccc 100%);
			background: -ms-linear-gradient(top, #ffffff 1%,#cccccc 100%);
			background: linear-gradient(top, #ffffff 1%,#cccccc 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );}
#aboutCopy p {margin: 0 15px;}

.homeColLeft {float: left; width: 48%; height: 330px;}
.homeColLeft h1 {margin-left: 30px;}
.homeColLeft p {margin-left: 30px; font-size: 12px; line-height: 18px; color: #555; text-shadow: 1px 1px 1px #fff;}
.homeColLeft p a {color: #EF3E42;}

.homeColMiddle {float: left; width: 230px; height: 330px; margin: 0 8px 0 40px; padding-left: 8px; border-left: 1px solid #eee;}
.homeColMiddle h5 {font-size: 16px; line-height: 20px; margin: 0 0 10px -8px; border-left: 5px solid #eee; padding-left: 8px;}
.homeColMiddle #brochure {
			background: rgb(238,238,238);
			background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1)));
			background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
			background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
			background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
			background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);}

.homeColRight {float: left; width: 200px; height: 330px; padding-left: 8px; border-left: 1px solid #eee;}
.homeColRight.middle {padding-right: 20px; margin-left: 50px; display: inline;} 
.homeColRight h5 {font-size: 16px; line-height: 20px; margin: 0 0 10px -8px; border-left: 5px solid #eee; padding-left: 8px;}
.homeColRight p {text-shadow: 1px 1px 1px #fff;}
.homeColRight .showLogo {width: 100%;}