@charset "utf-8";
/* CSS Document */

body {
margin-top: 0px;
}

.header {
height: 50px;
font-family:Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight:bolder;
color:white;
}

#information div {
display: none;
}

#container {
/*border: 1px solid red; */
height: 612px;
width:900px;
margin-right:auto;
margin-left:auto;
}

#content {
position: absolute;
/*border: 1px solid #FF8888; */
margin: 0px 75px;
height: 610px;
width: 774px;
background-image: url('assets/BlankScreen.jpg');
}

#channels {
position: relative;
/*border: 1px solid blue;*/
width:492px;
height: 281px;
margin: 101px 153px 0px 130px;
}

#channels div {
height: 281px;
}

#channels div div {
height: 175px;
}

#channels div div div {
height: 94px;
width: 170px;
}

#buttoncontainer {
/*border: 1px solid black;*/
position:relative;
height:50px;
top:20px;
z-index: 1;
font: bold 7pt Arial;
line-height: 1.1;
}

#leftbuttons {
margin-left:108px;
margin-top: 13px;
z-index: 2;
}

#rightbuttons {
margin-right:130px;
margin-top: 14px;
text-align:right;
z-index: 2;
}

.goto {
margin-right:-30px;
}

#backText {
  position: relative;
  top: 8px;
}

.webShopText {
  position: relative;
  top: 14px;
  margin-right: 1px;
}

#webshopbutton a img {
border:none;
border-width: 0;
border-style: none;
}

#buttons {
height: 50px;
}

#people {
position: relative;
top: -20px; 
/*border: 1px solid black;*/
height: 161px;
}

#personGreen {
position: absolute;
left: 553px;
/*background-image: url('assets/GreenPerson.jpg'); */
height: 161px;
width: 41px;
float: left;
top: -35px;
z-index:3;
}

#personPurple {
position: absolute;
left: 515px;
/*background-image: url('assets/PurplePerson.jpg');*/
height: 161px;
width: 42px;
float: left;
z-index:4;
top: -42px;
}

#personOrange {
position: absolute;
left: 476px;
top: -30px;
/*background-image: url('assets/OrangePerson.jpg');*/
height: 161px;
width: 42px;
float: left;
z-index:5;
}

#personYellow {
position: absolute;
left: 437px;
/*background-image: url('assets/YellowPerson.jpg');*/
height: 160px;
width: 42px;
float: left;
top: -42px;
z-index:6;
}

#personBlue {
position: absolute;
left: 397px;
/*background-image: url('assets/BluePerson.jpg');*/
height: 161px;
width: 42px;
float: left;
top: -38px;
z-index:7;
}

#personRed {
position: absolute;
left: 357px;
float: left;
/*background-image: url('assets/RedPerson.jpg');*/
height: 161px;
width: 42px;
top: -44px;
z-index:8;
}

#Logos {
background-image: url('assets/Logo_Screen.jpg');
}

#ImpactLogos {
background-image: url('assets/Impact_Logos.jpg');
}

ImpactLogosInfo {
position:relative;
height: 50px;
width:492px;
}

#ImpactLogo {
position:absolute;
margin-top: 84px;
left:80px;
}

#ChauvetLogo {
position:absolute;
margin-top: 84px;
margin-left: 320px;
}

#LiteStructuresLogo {
position:absolute;
margin-top: 84px;
margin-left: 145px;
left:80px;
}

#Impact {
background-image: url('assets/Impact_Screen.jpg');
}

#SolutionsGroup {
background-image: url('assets/Solutions_Screen.jpg');
}

#MMSolutions {
background-image: url('assets/MMSolutions_Screen.jpg');
}

#TVSatSol {
background-image: url('assets/TVSAT_Screen.jpg');
}

#SecuritySolutions {
background-image: url('assets/Security_Screen.jpg');
}

#Aspire {
background-image: url('assets/Aspire_Screen.jpg');
}

#Chauvet {
background-image: url('assets/Chauvet_Screen.jpg');
}

#LiteStructures {
background-image: url('assets/LiteStructures_Screen.jpg');
}

.screenposition {
height: 281px;
width: 492px;
background-repeat: no-repeat;
margin:100px 153px 0px 129px;
}

.bulletpositioning {
width: 200px;
/*border: 1px solid black; */
text-align:right;
margin-top: 65px; 
margin-right: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color:white;
}

.otherpositioning {
width: 200px;
border: 1px solid black; 
text-align:right;
margin-top: 65px; 
margin-right: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
color:white;
}

#information {
position: relative;
width:250px;
margin-left: 133px;
top: -90px;
font: 10pt Arial;
line-height: 1.1;
z-index:15;
}

#information div:first-line {
  font-weight: bold;
  font-size: 11pt;
}

.handPointer
{
  cursor: pointer;
/*  cursor: hand; */
}

.bullets {
margin-right:3px;
padding-right: 14px;
margin-top:2px;
}

.displaynone {
display: none;
}

.displayblock {
display: block;
}

.floatright {
float:right;
}

.floatleft {
float:left;
}