* 
{	
	font-weight:inherit;
	font-family:inherit;
	font-style:inherit;
	font-size:100%;
	border:0 none;
	outline:0;
	padding:0;
	margin:0;

}

body {height:100%}


html {height:100%}


body 
{
	padding: 0;
	margin: 0;
	width:100%;
    background-image:url(images/bg.jpg);
}

#wrapper
{
	background-image: url(images/wrapperBg.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff;
	position:relative;
	margin:0 auto;
	width:958px;
	min-height:640px;
}

#header
{
	position:absolute;
	background-image:url(images/logoBg.jpg);
	top:84px;
	height:49px;
	width:958px;
}

#flash
{
	width:899px;
	height:295px;
	position:absolute;
	top:133px;
	left:30px;
	z-index:0
}

#homeleft
{
	position:absolute;
	width:300px;
	height:182px;
	top:437px;
	left:30px
}

a.map
{
	width:300px;
	display:block;
	float:left;
	height:182px;
	text-decoration: none;    
	background-image: url(images/mapHome.jpg);	
}

a.map:hover
{
	background-position:-300px;	
}


#homeRight
{
	background-image:url(images/home_content_bg.jpg);
	background-repeat:no-repeat;
	position: absolute;
	width:531px;
	height:162px;
	top:437px;
	left:340px;
	padding:20px 30px 0px 30px;
}



#clear
{
	clear:both;
}



/**************************** INTERIOR ************************************************/

#title
{
	position:absolute;
	top:187px;
	left:35px;
}

#content
{
	position:relative;
	float:right;
	margin:170px 30px 0px 0px;
	padding:30px 15px 15px 15px;
	background-color:#eaeaea;
	background-image:url(images/content_up_corner.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:568px;
	min-height:350px;
}

#contentB
{
	position:relative;
	float:right;
	margin:170px 30px 0px 0px;
	padding:60px 15px 15px 15px;
	background-color:#eaeaea;
	background-image:url(images/content_up_corner.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:568px;
	min-height:350px;
}

.casestudies
{
	position:relative;
	width:500px;
	display:block;
	margin-bottom:30px
}

.casestudies img
{
	position:absolute;
	width:219px;
	height:182px;
	top:0px;
	left:-249px;
}


.bio
{
	position:relative;
	width:500px;
	display:block;
	margin-bottom:30px;
	min-height:190px;
}

.bio img
{
	position:absolute;
	top:0px;
	left:-152px;
}

.line
{
	position:relative;
	width:500px;
	border-bottom:#999999 1px solid;
	margin:10px 0px 10px 0px
}


#contact
{
	float:left;
	width:155px;
	margin-left:30px
}

#locations
{
	float:right;
	width:330px;
	padding-right:5px;
	padding-bottom:30px;	
}

#bgImage
{
	position:absolute;
	top:-360px;
	left:0px;
	width:322px;
	height:360px;
	
}

#bgImageFloatUp
{
	position:absolute;
	top:50px;
	left:-330px;
	width:331px;
	height:292px;
	
}

#bgImageFloatUp2
{
	position:absolute;
	top:150px;
	left:-330px;
	width:331px;
	height:292px;
	
}

#bgImageFloatUp3
{
	position:absolute;
	top:80px;
	left:-330px;
	width:331px;
	height:292px;
	
}

#manLogos
{
	border-top:#999999 solid 1px;
	padding-top:5px;
	margin-top:5px;
}

#manLogosB
{
	padding-top:5px;
	margin-top:5px;
}

#manLogos a
{
}

/**************************** Manufactures Logos ************************************************/


a.mdi
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_mdi.jpg);	
}

a.mdi:hover
{
	background-position:-148px;	
}

a.honeywell
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_honeywell.jpg);	
}

a.honeywell:hover
{
	background-position:-148px;	
}

a.icx
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_inx.jpg);	
}

a.icx:hover
{
	background-position:-148px;	
}

a.dsc
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_dscl.jpg);	
}

a.dsc:hover
{
	background-position:-148px;	
}

a.hirsch
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_hersick.jpg);	
}

a.hirsch:hover
{
	background-position:-148px;	
}

a.syn
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_synergis.jpg);	
}

a.syn:hover
{
	background-position:-148px;	
}

a.sielox
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_sielox.jpg);	
}

a.sielox:hover
{
	background-position:-148px;	
}

a.silent
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_silent.jpg);	
}

a.silent:hover
{
	background-position:-148px;	
}

a.me
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_mel.jpg);	
}

a.me:hover
{
	background-position:-148px;	
}
a.harrington
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_harrington.jpg);	
}

a.harrington:hover
{
	background-position:-148px;	
}

a.xtralis
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_xtralis.jpg);	
}

a.xtralis:hover
{
	background-position:-148px;	
}

a.bosch
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_bosch.jpg);	
}

a.bosch:hover
{
	background-position:-148px;	
}

a.flir
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_flir.jpg);	
}

a.flir:hover
{
	background-position:-148px;	
}

a.fluid
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_fluid.jpg);	
}

a.fluid:hover
{
	background-position:-148px;	
}

a.pelco
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_pelco.jpg);	
}

a.pelco:hover
{
	background-position:-148px;	
}

a.omnicast
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_omnicast.jpg);	
}

a.omnicast:hover
{
	background-position:-148px;	
}

a.onsii
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_onssi.jpg);	
}

a.onsii:hover
{
	background-position:-148px;	
}


a.ge
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_ge.jpg);	
}

a.ge:hover
{
	background-position:-148px;	
}

a.cooper
{
	width:148px;
	display:block;
	float:left;
	height:57px;
	text-decoration: none;    
	background-image: url(images/logo_cooper.jpg);	
}

a.cooper:hover
{
	background-position:-148px;	
}


/**************************** FOOTER ************************************************/




#footer
{
	background-image:url(images/footBg.jpg);
	background-repeat:repeat-x;
	height:77px;
	width:958px;
	position:relative;
	margin:0 auto;
}


#footerIcons
{
	position: absolute;
	top:15px;
	left:20px;
	width:221px;
}

#disclaimer
{
	position:absolute;
	top: 25px;
	left: 850px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3b3b3a;
	text-align:right;
}

#disclaimer a
{
	color:#cecece;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}

#disclaimer a:hover
{
	color:#ce212a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}

a.logoA
{
	width:55px;
	display:block;
	float:left;
	height:43px;
	text-decoration: none;    
	background-image: url(images/foot_logoA.jpg);	
}

a.logoA:hover
{
	background-position:-55px;	
}

a.logoB
{
	width:55px;
	display:block;
	float:left;
	height:43px;
	text-decoration: none;    
	background-image: url(images/foot_logoB.jpg);	
}

a.logoB:hover
{
	background-position:-55px;	
}
a.logoC
{
	width:55px;
	display:block;
	float:left;
	height:43px;
	text-decoration: none;    
	background-image: url(images/foot_logoC.jpg);	
}

a.logoC:hover
{
	background-position:-55px;	
}
a.logoD
{
	width:55px;
	display:block;
	float:left;
	height:43px;
	text-decoration: none;    
	background-image: url(images/foot_logoD.jpg);	
}

a.logoD:hover
{
	background-position:-55px;	
}



/**************************** FONTS ************************************************/

#content ul
{
	list-style-type: inherit;
	list-style-image: inherit;
	list-style-position: outside;
	margin-left:25px;
}

#content li
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#383838;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#ce212a;
	display:block;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#434343;
	display:inline;
}
	
.location
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#434343;
	display:inline;
}
	
p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#383838;
}

strong
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#383838;
}	

.bold
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	text-transform:uppercase;
	color:#383838;	
}

a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ce212a;
	text-decoration:none;
}

a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ce212a;
	text-decoration:underline;
}