body
{
	background: #c7dbfb;
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
}
#wrap
{
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	background: White url(imagesDesign/wrapBg.gif) no-repeat left top;
	font-size: 1.5em;
	font-family: Calibri, Arial, Helvetica, "Trebuchet MS" , Sans-Serif;
	overflow: hidden;
}


/************************* UNIVERSAL ****************/
a img
{
	border: none;
	text-decoration: none;
}
div#clearContent
{
	clear: both;
	width: 100%;
	margin: 0px;
	height: 0px;
	padding: 0px;
	background: url(imagesDesign/contentBottom.gif) no-repeat left bottom;
	height: 4px;
	clear: both;
}
h2
{
	font-size: 1.6em;
}
h3
{
	font-size: 1.4em;
}
h4
{
	font-size: 1.2em;
}
#impact
{
	text-align: center;
}
#impact span
{
	font-size: 1.4em;
}
.clear
{
	clear: both;
}

hr.clear { clear: both; visibility: hidden; height: 1px; margin: 0; padding: 0; }

sup
{
	font-size: x-small;
}

#applicationbkgcolor {background:#CCCCCC; padding:10px;}
#applicationbkgcolor ul li { list-style-type: square; }

/************************* HEADER *******************/
#header
{
	height: 180px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#header h1
{
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 60px;
}
#header address
{
	display: block;
	float: right;
	font-size: 2em;
	color: #1f4990;
	height: 120px;
	width: 260px;
	font-weight: bold;
	font-style: normal;
	line-height: 120px;
}
/*********************************** navigation ****************/
#navigation
{
	float: right;
	clear: right;
	width: 580px;
	line-height: 60px;
	height: 60px;
	overflow: hidden;
	color: Black;
}
#navigation ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-right: 2em;
}
#navigation li
{
	float: left;
	display: block;
	padding-right: 1.5em;
}
#navigation a
{
	display: block;
	color: Black;
	text-decoration: none;
	padding: 0px 0.5em;
	font-weight: bold;
	font-size: 1.2em;
	color: #0055a8;
}
#navigation a:hover, #navigation a.sn_item_pressed
{
	text-decoration: underline;
}
#contentWrap
{
	margin: 0px;
	padding: 0px;
	width: 960px;
	background: url(imagesDesign/contentMiddle.gif) repeat-y left top;
}
#content
{
	padding: 20px 45px 10px 20px;
	width: 575px;
	float: right;
	background: url(imagesDesign/contentTop.gif) no-repeat right top;
}
#pageTitle
{
	font-size: 2em;
}
#sidebar
{
	padding-left: 45px;
	padding-right: 20px;
	width: 235px;
	float: left;
	background: red;
	background: url(imagesDesign/contentTop.gif) no-repeat left top;
}
#footer
{
	text-align: center;
}

/************************ SIDEBAR **************************/
#sidebar h4
{
	margin: 0;
	padding: 1em 0;
}
#sidebar ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar li
{
	margin: .5em 0;
	padding: 0;
	height: 38px;
	line-height: 38px;
}

#sidebar li a
{
	display: block;
	height: 38px;
	padding-left: 10px;
	text-decoration: none;
	font-size: 1.1em;
	background: White url(imagesDesign/sidebarHoverBkgd.png) no-repeat;
}

#sidebar li a:hover, #sidebar li a:active
{
	background: White url(imagesDesign/sidebarHoverBkgd.png) no-repeat;
	margin: 0;
}

/************************ Five Boxes ***********************/
#fiveBoxes ul
{
	height: 130px;
	width: 950px;
	margin: 0px;
	padding: 20px 50px 20px 60px;
	background: url(imagesDesign/fiveBoxes.png) no-repeat left 10px;
	overflow: hidden;
	text-align: center;
	list-style-type: none;
}
#fiveBoxes li
{
	float: left;
	width: 160px;
	padding-right: 10px;
	height: 160px;
}
#fiveBoxes li a
{
	display: block;
	height: 160px;
	width: 160px;
	text-decoration: none;
}

.popupMenu1, .popupMenu2, .popupMenu3, .popupMenu4, .popupMenu5
{
	background: #e9f1f8;
	border: solid 1px #0055a8;
	margin: 0;
	width: 160px;
	overflow: auto;
	display: block;
	margin: -20px 0 0 0;
}
.hovBox a
{
	width: 150px;
	margin: 0;
	text-align: right;
	float: left;
	text-decoration: none;
	border-bottom: solid 2px #9dc0e1;
	height: 2em;
	padding: 11px 10px 6px 0;
}

.hovBox a:hover
{
	background: #ffffff;
	color: #0055a8;
}
.hovBox a.stsComplete
{
	background: url(imagesContent/stsComplete.png) no-repeat top left;
}
.hovBox a.stsPartner
{
	background: url(imagesContent/stspartner.png) no-repeat top left;
}
.hovBox a.connect
{
	background: url(imagesContent/connect.png) no-repeat top left;
}
.hovBox a.systems
{
	background: url(imagesContent/systems.png) no-repeat top left;
}
.hovBox a.fire
{
	background: url(imagesContent/siren.png) no-repeat top left;
}
.hovBox a.security
{
	background: url(imagesContent/security.png) no-repeat top left;
}
.hovBox a.cctv
{
	background: url(imagesContent/cctv.png) no-repeat top left;
}
.hovBox a.intercom
{
	background: url(imagesContent/intercom.png) no-repeat top left;
}
.hovBox a.spotlight
{
	background: url(imagesContent/spotlight.png) no-repeat top left;
}
.hovBox a.sales
{
	background: url(imagesContent/sales.png) no-repeat top left;
}
.hovBox a.service
{
	background: url(imagesContent/service.png) no-repeat top left;
}
.hovBox a.info
{
	background: url(imagesContent/info.png) no-repeat top left;
}
.hovBox a.pastproj
{
	background: url(imagesContent/past_projects.png) no-repeat top left;
}
/************************ Content ***********************/

.imgCenter
{
	display: block;
	margin: 0 auto;
}
.imgLeft
{
	float: left;
	margin: 1em;
}
.imgRight
{
	float: right;
	margin: 1em;
}
.imgRight1
{
	float: right;
	margin: 0 1em 1em 0;
}
.blue
{
	color: #0055a8;
}
.center
{
	text-align: center;
}
#customer_spotlight a
{
	text-align: center;
	text-decoration: none;
}
#customer_spotlight a:hover
{
	text-decoration: underline;
}
#tag
{
    margin: 10px 20px 20px 10px;
}
#colleft
{
float:left;
margin-right: 10px;
margin-bottom: 10px;
width: 35%;

}
#colleft li
{
margin-left: 0px;
padding-left: 0px;
}
.underline
{
    text-decoration: underline;
}
/************************** A8B catalog page ***********/
a img
{
	border: none;
}
.a8b_full_width
{
	text-align: center;
	margin: 0px auto;
	display: block;
}
.a8b_inline_img
{
	float: left;
	margin-bottom: 16px;
	margin-right: 16px;
}
.a8b_inline_img_alt
{
	float: right;
	margin-bottom: 16px;
	margin-left: 16px;
}
.a8b_intro h2, .a8b_offerings h2, .a8b_close h2
{
	text-align: center;
}
.a8b_offerings div
{
	clear: both;
}
.a8b_close
{
	clear: both;
}
#sale
{
	text-align: center;
}