img { behavior: url(iepngfix.htc); }
body, html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#FFFFFF;
	background-image:url(../images/structure/mastBkgd.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px; 
	padding:0px;
	}
#printlogo {
	display: none;
}	
#footprint {
	display: none;
}
#line {
	padding: 0px;
	margin: 0px;
	background-image:url(../images/structure/BkgdRule.gif);
	background-repeat:repeat-x;
	}	
#frame {
	width:800px;
	border-left: 1px solid #822433;
	border-right: 1px solid #822433;
	border-bottom: 1px solid #822433;
    margin: 0px auto;
	}		
#header {
	background:url(../images/structure/masthead.jpg) no-repeat;
	width: 269px;
	height: 201px;
	padding: 0px 0px 0px 531px;
	text-align:center;
}	
.Q {
	font-weight:bold;
	font-size:18px;
	color:#E1EDCC;
	margin:0px;
	padding:10px 0px 15px 0px;
	}
.A {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	}
#header a {
	font-size:12px;
	color:#F6AA46;
	text-decoration: underline;
	}	
#nav {
	width:800px;
	height:30px;
	font-size:10px;
	background: #000000;
	}
#nav ul {
	padding:8px 0px 0px 0px;
	margin:0px;
	}
#nav li {
	display:inline;
	float:left;
	padding: 0px 0px 0px 18px;
	}
a.topnav:link, a.topnav:visited, a.topnav:active {
    position:relative; /*this is the key*/
    z-index:24; 
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	}
a.topnav:hover {
	z-index:25;
	color: #FCE512;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;	
	border: 0;
	}
a.topnav span{display: none}

a.topnav:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:26px; left:-60px; width:200px; height: 149px;
	padding: 5px;
	border: 1px solid #822433;
	background-color: #ffffff;
}
		
#bottomnav {
	clear:both;
}	
#bottomnav ul {
	font-size:10px;
	list-style-type:none;
	margin: 0px;
	padding:40px;
	}

#bottomnav li {
	display: inline;
	float: left;
	margin-left:15px;
	line-height:15px;
	}
a.botnav:link, a.botnav:visited {
	color: #822433;
	text-decoration:none;
	font-size:10px;	
	}
a.botnav:hover, a.botnav:active {
	color: #822433;
	text-decoration:underline;
	font-size:10px;	
	}	
#footer {
	border-top: 1px solid #822433;
	background-color: #000000;
	height: 30px;
}
.copyright {
	font-size: 11px;
	height: 23px;
	float: left;
	width: 130px;
	color: #ffffff;
	background-color: #822433;
	margin: 0px;
	text-align: center;
	padding: 7px 0px 0px 0px;
}
a.copy:link, a.copy:visited, a.copy:active {
	color: #ffffff;
	text-decoration: underline;
	font-size: 11px;	
}	
a.copy:hover {
	color: #FCE512;
	text-decoration: underline;
	font-size: 11px;	
	}
.location {
	float: right;
	text-align: right;
	color: #ffffff;
	padding: 7px 20px 0px 0px;
	margin: 0px;
}

/* top php stuff */

#content {
	width: 800px;
	background-repeat: no-repeat;
	overflow: auto;
}
#content p {
	line-height: 2em;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align:justify;

}
.con a:link, .con a:visited {
	color:#001D77;
	text-decoration: underline;
	}
.con a:hover, .con a:active {
	color: #822433;
	text-decoration: underline;	
}	
.deployleftcol {
	float: left;
	width: 290px;
	padding: 309px 10px 0px 10px;
}
.deployrightcol {
	float: right;
	width: 460px;
	padding: 185px 10px 0px 0px;
}
h1 {
	font-size: 22px;
	color: #0C1C3C;
	padding-bottom: 5px;
	margin-bottom: 0px;
	}
h2 {
	font-size: 12px;
	color: #0C1C3C;
	padding-left: 30px;
	font-style: normal;
	font-weight: bold;
	line-height: 22px;
	margin-bottom:0;
	padding-bottom:3px;
	padding-top:25px;
	}
.iniH2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0C1C3C;
	padding-left: 30px;
	font-style: normal;
	font-weight: bold;
	line-height: 22px;
	margin-bottom:0;
	padding-bottom:3px;
	padding-top:0;
	margin-top:-15px;
	}
.subH2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0C1C3C;
	padding-left: 30px;
	font-style: normal;
	font-weight: bold;
	line-height: 22px;
	margin-bottom:0;
	padding-bottom:3px;
	padding-top:0;
	margin-top:0;
	}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #0C1C3C;
	padding-left: 30px;
	width: 400px;
	text-decoration:underline;
	padding-top:0;
	margin-top:0;
	font-weight:normal;
	padding-bottom:5px;
	}
h4 {
	font-size:9px;
	background-color: #DEDE70;
	border: 1px solid #000000;
	border-left:none;
	width: 160px;
	padding: 3px;
	}
#portfolio {
	font-size:10px;
	width:250px;
	border-left:1px solid #000; 
	margin-top:20px; 
	margin-left:15px;
}
#portfolio p {
	padding: 0px 5px 0px 5px;
	line-height:11px;
	}	
.whitepaperIni {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 2.5em;
	padding-top:0;
	margin-top:0;
	}	
/* management team */
.single {
	padding: 30px;
}
.singlecol {
	padding: 100px 30px 30px 30px;
}
.singlecolextra {
	padding: 180px 30px 30px 30px;
}
.signature {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #0C1C3C;
	border-top:1px solid #0C1C3C;
	padding-top:5px;
	}
.whitepaperList {
	color: #000000;
	padding-left: 50px;
	margin-left: 0px;
	line-height: 2em;
	}
.whitepaperInd {
	margin-left: 50px;
	padding-right: 35px;
	}
.qmp {
	float: right;
	padding: 10px 0px 0px 0px;
}
.qmpnext {
	clear: both;
}	
.edeploy {
	padding: 30px 0px 30px 25px;
}
.spacer {
	float: right;
	width: 360px;
	height: 190px;
}
.spacerresource {
	float: right;
	width: 350px;
	height: 140px;	
}
.executive {
	clear: both;
}
.bioImages {
	float: right;
	margin: 8px 0px 30px 30px;
	border: 1px solid #000000;
	}
h2 {
	font-size: 12px;
	color: #0C1C3C;
	padding-left: 0px;
	font-style: normal;
	font-weight: bold;
	line-height: 22px;
	margin-bottom:0;
	padding-bottom:3px;
	padding-top:15px;
	}		
h2.gen {
	font-size: 18px;
	color: #0C1C3C;
	font-weight:normal;
	padding-left: 0px;
	padding-bottom: 15px;
	margin-bottom:0;
	}	
	
/* customers */	
.stacker {
	float: left;
	width: 360px;
	padding: 0px 0px 50px 0px;
}
.clientList {
	padding-left: 25px;
	line-height: 25px;
	margin-left: 55px;
	margin-top:0;
	padding-top:0;
	}
	
/* contact form */
.contact {
	font-size: 14px;
	line-height: 1.5em;
	padding: 0px 0px 15px 0px;
}
.topcontact {
	font-size: 18px;
	color: #0C1C3C;
	padding: 12px 0px 0px 0px;
}
.contactform {
	padding: 0px 0px 50px 00px;
	}
.input {
	width: 200px;
}	
.textarea {
	width: 200px;
}	

/* datasheet */
#contentds {
	width: 800px;
	background-repeat: no-repeat;
	overflow: auto;	
}
#contentds p {
	font-size: 13px;
	line-height: 2.5em;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
.datatop {
	font-weight: bold;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	height: 145px;
	width: 550px;
	border-bottom: 1px solid #000000;
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	color: #830C2C;
	line-height: 1.6em;
}
.datatopred {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #830C2C;
	line-height: 1.2em;	
}
.datared {
	color: #830C2C;
}
.datatopblack {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000000;
	line-height: 1.2em;	
}
.finishingtouch {
	background-image: url(../images/datasheets/CoverImage-Subhd.jpg);
	background-repeat: no-repeat;
	padding: 390px 0px 0px 215px;
	margin: 0px 0px 20px 0px;
	height: 265px;
	width: 485px;
	text-align: right;
	border-left: 8px solid #830C2C;
	border-bottom: 4px solid #830C2C;
}
.contract {
	width:700px;
	height:665px;
	margin: 0px 0px 10px 0px;
	border-left:6px solid #830C2C;
	border-bottom:2px solid #830C2C;
	background-image: url(images/datasheets/CoverImage-Subhd.jpg);
}	
.lefty {
	float: left;
	margin: 0px 15px 15px 0px;
}
.righty {
	float: right;
	margin: 0px 0px 15px 15px;
}
.picborder {
	border: 3px solid #830C2C;
}
.girl {
	background-image: url(../images/datasheets/girl.jpg);
	background-repeat: no-repeat;
	padding: 72px 300px 30px 165px;
	height: 619px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height: 1.8em;
	margin: 0px;
	text-indent: 80px;
}
.cit {
	background-image: url(../images/CIT/CITlogo.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 20px 200px;
}
.arrow {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4em;
	background-image: url(../images/datasheets/arrow_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px 0px 25px 45px;
	margin: 10px 0px 20px 0px;
}
.supplychain {
	border:1px solid #00509F;
	background-color:#DDE0F0;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:10px; 
	background-image: url(../images/datasheets/SupplyChain.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 20px 305px 20px 20px;	
	}
.desktop {
	background-image: url(../images/datasheets/bgdesktop.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 599px;
}
.deska {
	float: left;
	width: 300px;
	padding: 0px;
	margin: 300px 0px 0px 0px;
	line-height: 2em;
	font-size: 12px;
}
.deskb {
	float: right;
	width: 250px;
	padding: 30px 95px 0px 0px;
	line-height: 2.3em;
	font-size: 12px;
}
.videosurveillance {
	border:1px solid #00509F;
	background-color:#DDE0F0;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:10px; 
	background-image: url(../images/datasheets/clerk.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 20px 330px 20px 20px;	
	}	
.blue {
	color:#2E519A;
	font-weight: bold;
}	
#casestudy {
	border:1px solid #840A2C;
	background-image:url(../images/datasheets/filefolder.jpg);
	background-repeat: no-repeat;
	padding: 30px 75px 30px 30px;
	}
#casestudy h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 29px;
	color: #830C2C;
	padding-bottom:25px;
	margin-bottom:15px;
	padding-top:0;
	margin-top:25px;
	font-weight:normal;
	}
#casestudy h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style:normal;
	color: #830C2C;
	padding-top:0;
	padding-bottom:2px;
	text-decoration:none;
	margin-top:0;
	font-weight:normal;
	}
#casestudy ul {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-left: 25px;
	font-size: 13px;
	line-height:28px;
	font-style:italic;
	}
/* home page */
a.mission:link, a.mission:visited, a.mission:active {
	width: 289px;
	height: 362px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/missiond.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.mission:hover {
	width: 289px;
	height: 362px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/missiond.jpg);
	background-repeat: no-repeat;
	background-position: 0px -362px;
}
.indexleftcol {
	float: left;
	width: 290px;
	padding: 340px 10px 0px 10px;
}
.indexrightcol {
	float: left;
	width: 435px;
	padding: 0px 0px 0px 0px;
}
.inner {
	padding: 0px 0px 0px 25px;
}
h2.HP {
	color:#496F24;
	font-size:13px;
	font-weight:bold;
	}
th {
	border:1px solid #000;
	}
td.one {
	background-color:#FECB00;
	border-right:1px solid #000;
	border-left:1px solid #000;
	}
td.two {
	background-color:#FFA741;
	border-right:1px solid #000;
	border-left:1px solid #000;
	}
td.three{
	background-color:#DEDE70;
	border-right:1px solid #000;
	border-left:1px solid #000;
	font-weight:bold;
	}
td.four {
	background-color:#C8CC1C;
	border-right:1px solid #000;
	border-left:1px solid #000;
	font-weight:bold;
	}
.att {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	height: 160px;
	width: 280px;
	background-image:url(../images/ATTbkgd.jpg);
	background-repeat:no-repeat;
	text-align:center;
	line-height:26px;
	color:#ffffff;
	font-size:17px;
	font-weight:bold;	
}
.nip {
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-style:italic;
	color:#F6AA46;
}
.indextable {
	width: 280px;
}
#contentds h3.ds {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:italic;
	line-height:15px;
	color: #000;
	padding: 10px 0px 2px 0px;
	margin: 0px 0px 2px 0px;
	text-decoration:none;
	font-weight:bold;
	}
	
/* alliances page popups */
#arrows {width:670px; padding: 0px 0px 30px 70px;}

a.source:link, a.source:visited, a.source:active {
	display: block;
	background: url(../alliances/source.jpg) no-repeat 0px 0px;
	width: 669px; height: 116px;
    position:relative; /*this is the key*/ z-index:24; color: #E7BE00; text-decoration:none}
a.source:hover{
	background: url(../alliances/source.jpg) no-repeat 0px -116px;
	z-index:25; text-decoration: none; color: #ffffff; margin: 0;}
a.source span{display: none}
a.source:hover span{ /*the span will display just on :hover state*/
    display:block; position:absolute;
    top:112px; left:168px; width:300px;
	padding: 5px; background-image: url(../alliances/bubble_bg.png);
	border: 2px solid #E7BE00; color:#001763; font-size: 14px; text-align: left; line-height: 1.3em;}

a.build:link, a.build:visited, a.build:active {
	display: block;
	background: url(../alliances/build.jpg) no-repeat 0px 0px;
	width: 669px; height: 60px;
    position:relative; /*this is the key*/ z-index:24; color: #E7BE00; text-decoration:none}
a.build:hover{
	background: url(../alliances/build.jpg) no-repeat 0px -60px;
	z-index:25; text-decoration: none; color: #ffffff; margin: 0;}
a.build span{display: none}
a.build:hover span{ /*the span will display just on :hover state*/
    display:block; position:absolute;
    top:54px; left:268px; width:300px;
	padding: 5px; background-image: url(../alliances/bubble_bg.png);
	border: 2px solid #E7BE00; color:#001763; font-size: 14px; text-align: left; line-height: 1.3em;}	

a.deploy:link, a.deploy:visited, a.deploy:active {
	display: block;
	background: url(../alliances/deploy.jpg) no-repeat 0px 0px;
	width: 669px; height: 74px;
    position:relative; /*this is the key*/ z-index:24; color: #E7BE00; text-decoration:none}
a.deploy:hover{
	background: url(../alliances/deploy.jpg) no-repeat 0px -74px;
	z-index:25; text-decoration: none; color: #ffffff; margin: 0;}
a.deploy span{display: none}
a.deploy:hover span{ /*the span will display just on :hover state*/
    display:block; position:absolute;
    top:51px; left:322px; width:300px;
	padding: 5px; background-image: url(../alliances/bubble_bg.png);
	border: 2px solid #E7BE00; color:#001763; font-size: 14px; text-align: left; line-height: 1.3em;}	
	
a.plan:link, a.plan:visited, a.plan:active {
	display: block;
	background: url(../alliances/plan.jpg) no-repeat 0px 0px;
	width: 669px; height: 99px;
    position:relative; /*this is the key*/ z-index:24; color: #E7BE00; text-decoration:none}
a.plan:hover{
	background: url(../alliances/plan.jpg) no-repeat 0px -99px;
	z-index:25; text-decoration: none; color: #ffffff; margin: 0;}
a.plan span{display: none}
a.plan:hover span{ /*the span will display just on :hover state*/
    display:block; position:absolute;
    top:5px; left:184px; width:300px;
	padding: 5px; background-image: url(../alliances/bubble_bg.png);
	border: 2px solid #E7BE00; color:#001763; font-size: 14px; text-align: left; line-height: 1.3em;}			
	
a.service:link, a.service:visited, a.service:active {
	display: block;
	background: url(../alliances/service.jpg) no-repeat 0px 0px;
	width: 669px; height: 187px;
    position:relative; /*this is the key*/ z-index:24; color: #E7BE00; text-decoration:none}
a.service:hover{
	background: url(../alliances/service.jpg) no-repeat 0px -187px;
	z-index:25; text-decoration: none; color: #ffffff; margin: 0;}
a.service span{display: none}
a.service:hover span{ /*the span will display just on :hover state*/
    display:block; position:absolute;
    top:15px; left:18px; width:270px;
	padding: 5px; background-image: url(../alliances/bubble_bg.png);
	border: 2px solid #E7BE00; color:#001763; font-size: 14px; text-align: left; line-height: 1.3em;}	

/* image map tricks */

#imap {display:block; width:400px; height:362px; background: url(../alliances/arrowsmicro.jpg) no-repeat; position:relative; margin:0px 0px 35px 200px;}

#imap a#painting {display:block; width:400px; height:0; padding-top:362px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(../alliances/arrowsmicro2.jpg) no-repeat 400px 362px; cursor:default;}
* html #imap a#painting {height:362px; he\ight:0;}

#imap a#painting:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0;}
#imap #source {left:55px; top:40px; z-index:20;}
#imap #build {left:118px; top:80px; z-index:20;}
#imap #deploy {left:161px; top:119px; z-index:20;}
#imap #plan {left:15px; top:178px; z-index:20;}
#imap #service {left:194px; top:259px; z-index:20;}

#imap a#link_source {display:block; width:144px; height:31px; text-decoration:none; z-index:20;}
#imap a#link_build {display:block; width:144px; height:31px; text-decoration:none; z-index:20;}
#imap a#link_deploy {display:block; width:144px; height:31px; text-decoration:none; z-index:20;}
#imap a#link_plan {display:block; width:110px; height:64px; text-decoration:none; z-index:20;}
#imap a#link_service {display:block; width:201px; height:51px; text-decoration:none; z-index:20;}

#imap a em {display:none;}

#imap a span, #imap a:visited span {display:none;}

#imap a#link_source:hover, #imap a#link_build:hover, #imap a#link_deploy:hover, #imap a#link_plan:hover, #imap a#link_service:hover {border:1px solid #f00;}

#imap a:hover span {position:absolute; display:block; color:#001D77; width:185px; line-height:1.8em; font-size:12px; padding: 2px 0px 0px 2px; }

#imap a#link_source:hover span {left:345px; top:-40px; height:360px;}
#imap a#link_source:hover em {position:absolute; display:block; left:146px; top:16px; width:199px; height:1px; overflow:hidden; font-size:1px; background:#f00;}
#imap a#link_build:hover span {left:282px; top:-80px; height:360px;}
#imap a#link_build:hover em {position:absolute; display:block; left:146px; top:16px; width:136px; height:1px; overflow:hidden; font-size:1px; background:#f00;}
#imap a#link_deploy:hover span {left:239px; top:-119px; height:360px;}
#imap a#link_deploy:hover em {position:absolute; display:block; left:146px; top:16px; width:93px; height:1px; overflow:hidden; font-size:1px; background:#f00;}
#imap a#link_plan:hover span {left:392px; top:-98px; height:280px;}
#imap a#link_plan:hover em {position:absolute; display:block; left:112px; top:33px; width:273px; height:1px; overflow:hidden; font-size:1px; background:#f00;}
#imap a#link_service:hover span {left:-384px; top:-120px; height:181px; text-align: right;}
#imap a#link_service:hover em {position:absolute; display:block; left:-194px; top:26px; width:194px; height:1px; overflow:hidden; font-size:1px; background:#f00;}

#imap a:hover span img {display: block; margin: 8px 0px 8px 0px;}

#imap a span:first-line {font-weight:bold;}

.laurentian {
	padding: 0px 200px 35px 0px;
	margin: 0px;
	font-weight: bold;
	line-height: 2.5em;
}
.twenty {
	font-size: 20px;
}
.surveillance {
	background-image: url(../images/datasheets/surveillance.jpg);
	background-repeat: no-repeat;
	padding: 350px 360px 30px 10px;
}
.name {
	font-weight: bold;
	background: url(../images/dot.gif) no-repeat 22px 5px;
	padding: 0px 0px 3px 32px;
	line-height: 1.3em;
}
.storycontent {
	padding: 0px 0px 12px 42px;
	line-height: 1.3em;
}
.folder {
	clear: both;
	height: 440px;
	padding: 20px;
	background: url(../images/folder_a.jpg) no-repeat;
	}		
.folderlabel {
	font-size: 14px; 
	line-height: 1.3em;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
}