﻿/* Once Source main CSS2 Definitions */

body 
{
	margin:0px;
	padding:0px;
	font-family:Arial;	
}
.border
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:902px;
	background:url(../images/bodybg.png) repeat-y center;
	background-color:White;
}

img {
	border:0px;
	
}



#homepageflash {
	
z-index:-1000;
	
}


.t_tag
{
	background:url(../Images/head_tagline.png) no-repeat center;
	height:20px;
	width:902px;
	display:block;
	position:absolute;
	top:0px;
}
.t_tag h2, 
.t_tag h1
{
	display:none;
}
.top
{
	display:block;width:902px;height:105px;top:0px;
	background:url(../images/head.jpg) no-repeat; 
}
/* begin top nav definitions */
.top .nav
{
	left:275px;top:28px;position:relative; z-index:20;
}
.top .nav a
{
	position:relative;	width:69px;	height:80px; display:block; 
	z-index:20;	float:left; margin:0px 1px 0px 1px;
}
.top .home 
{
	top:20px; 
	height:160px;
	position:absolute;
	display:block;
	width: 200px;
	z-index:100;
}
.top .home span
{display:none;
}
.top .nav #kiosks{background:url(../images/hn_kiosks.png); }
.top .nav #digitalsignage{background:url(../images/hn_digitalsignage.png); }
.top .nav #Software{background:url(../images/hn_software2.png); }
.top .nav #Displays{background:url(../images/hn_displays.png); }
.top .nav #Technology{background:url(../images/hn_technology.png); }
.top .nav #Services{background:url(../images/hn_services.png); }
.top .nav #About{background:url(../images/hn_about.png); }

.top .nav a span{display:none;}
/* end of top nav definitions */



.topmask
{
	position:relative;display:block;width:100%;height:122px;z-index:50;
	background:url(../images/headertopmask.png) repeat-y center;
}

.subpghead
{
	height:60px;
}
.subpghead .topmask
{
	position:absolute;display:block;width:902px;height:122px;z-index:50;
	
	background:url(../images/headertopmask.png) repeat-y center;
}
.subpghead .topmaskk
{
	position:absolute;display:block;width:902px;height:122px;z-index:50;
	
	background:url(../images/headertopmaskK.png) repeat-y center;
}
.subpghead .topmaskd
{
	position:absolute;display:block;width:902px;height:122px;z-index:50;
	
	background:url(../images/headertopmaskD.png) repeat-y center;
}
.subpghead .topmaskdp
{
	position:absolute;display:block;width:902px;height:122px;z-index:50;
	
	background:url(../images/headertopmaskDP.png) repeat-y center;
}
.subpghead .topmasks
{
	position:absolute;display:block;width:902px;height:122px;z-index:50;
	
	background:url(../images/headertopmaskS.png) repeat-y center;
}
.subpghead .topmaskt
{
	position:absolute;display:block;width:902px;height:122px;z-index:50;
	
	background:url(../images/headertopmaskT.png) repeat-y center;
}
.subpghead .topmasksv
{
	position:absolute;display:block;width:902px;height:122px;z-index:50;
	
	background:url(../images/headertopmaskSV.png) repeat-y center;
}
.botmask
{
	position:absolute;bottom:0px;display:block;width:100%;height:29px;
	z-index:50;margin-top:94px;
	background: url(../images/headerbotmask.png) repeat-y center;
}
.showcase
{
	position:relative;left:1px;	width:900px;
	height:239px;z-index:1;
}
/* content definitions */
.textcontent{margin:5px;display:inline-block; font-size:8.5pt; line-height:16pt; color:#222;}

.lcol{float:left;width :445px;text-align:right;}
.lcol{float:left;width :445px;text-align:right;}
/* subpage overides */
.subpg .rcol{width:590px; }
.subpg .lcol{width:295px; border-right:thin solid #999999; }
.subpg .lcolleft{width:250px; float:left; border-right:thin solid #999999; }
.subpg .rcolleft {width:290px; float:left; text-align:right; padding:0px; }
.subpg .rcollright {width:290px; float:right; text-align:left; padding:0px; }
.subpg .lcolleft h3,.lcol h3
{font-family:"Arial Narrow" ,Arial, sans-serif; font-size:14pt; font-weight:bold;display:block; }
.subpg .lcolleft h4,.lcol h4
{font-family:"Arial Narrow" ,Arial, sans-serif; font-size:12pt; font-weight:normal;display:block; }
.subpg .lcolleft h3{color:#0000ff;}
.subpg .lcolleft h4{color:#0000ff;}

.social1 {
	margin-left:10px;
	margin-right:5px;
	}

.social {
	margin-left:5px;
	margin-right:5px;
	}

#zone {
	margin-left:50px;
	text-decoration:none;
	}

	#showcase {
	margin-left:25px;
	}
	
#infol {
	width: 250px;
	float: left;
	margin-left: 20px;
	margin-top: -20px;
	padding: 0px;
}
#infor {
	width: 250px;
	float: right;
	margin-right: 70px;
	margin-top: -20px;
	padding: 0px;
}
#infocontentl {
	width: 125px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#infocontentr {
	width: 125px;
	float: right;
	margin: 0px;
	padding: 0px;
}

.label {
	text-align:center;
	color:#0000ff;
}

/* end subpage overides */
.rcol{float:right; width :445px; text-align:left;}
.lcol div, .rcol div{padding:15px;}
.rcol h3,.lcol h3
{font-family:"Arial Narrow" ,Arial, sans-serif; font-size:14pt; font-weight:bold;display:block; }
.rcol h3{color:#0000ff;}
.lcol h3{color:#ff9900;}

.rcol h4,.lcol h4
{font-family:"Arial Narrow" ,Arial, sans-serif; font-size:12pt; font-weight:normal;display:block; }
.rcol h4{color:#0000ff;}
.lcol h4{color:#ff9900;}

.rcol h4 a,.lcol h4 a
{font-family:"Arial Narrow" ,Arial, sans-serif; font-size:12pt; font-weight:normal;display:block;text-decoration:none; }
.rcol h4{color:#0000ff;}
.lcol h4{color:#ff9900;}

.profile {
	width: 147px;
}

.about {
	padding:0px 20px 15px 20px;
	border:0px;
	}
	
/* end content definitions */

/* footer normal */
.footcap
{display:block;width:902px;height:68px;background:url(../images/footer.png) no-repeat center;}

.footcap p {
	padding-top: 15px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}

.footcap a {
	color: #FFFFFF;
}
/* footer kiosks */
.footcapk
{display:block;width:902px;height:68px;background:url(../images/footerK.png) no-repeat center;}

.footcapk p {
	padding-top: 15px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}

.footcapk a {
	color: #FFFFFF;
}

/* footer digital */
.footcapd
{display:block;width:902px;height:68px;background:url(../images/footerD.png) no-repeat center;}

.footcapd p {
	padding-top: 15px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}

.footcapd a {
	color: #FFFFFF;
}

/* footer technology */
.footcapt
{display:block;width:902px;height:68px;background:url(../images/footerT.png) no-repeat center;}

.footcapt p {
	padding-top: 15px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}

.footcapt a {
	color: #FFFFFF;
}

/* footer display */
.footcapdp
{display:block;width:902px;height:68px;background:url(../images/footerDP.png) no-repeat center;}

.footcapdp p {
	padding-top: 15px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}

.footcapdp a {
	color: #FFFFFF;
}


/* footer services */
.footcaps
{display:block;width:902px;height:68px;background:url(../images/footerS.png) no-repeat center;}

.footcaps p {
	padding-top: 15px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}

.footcaps a {
	color: #FFFFFF;
}

.imageLeft {
	height: 250px;
	padding: 0px;
	margin: 0px;
}

.imageWhitespace {
	padding-top: 10px;
}

#flash {
	position:relative;
	padding-top: 0px;
	padding-left: 65px;
}

/* lightbox css */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

