/********/
/* html */
/********/
html,
body {
	background:#468ADF url(../img/bg/body.gif) repeat-x fixed;
	color:#444;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0 0 30px 0;
	padding:0;
	width:100%
}

h1 {
	display:none
}

#homepage h2 {
	line-height:8px;
}

img {
	border:0;
	display:block
}

a {
	text-decoration:none
}

td {
	font-size:11px;
}

/**********/
/* layout */
/**********/
/* page */
#page {
	background:#FFF;
	border:1px solid #000;
	border-bottom:2px solid #000;
	left:50%;
	margin:30px 0 30px -350px;
	padding:19px;
	position:absolute;
	width:660px
}

/* homepage */
#homepage {
	background:#FFF;
	border:1px solid #000;
	border-bottom:2px solid #000;
	height:399px;
	left:50%;
	margin:-220px 0 0 -350px;
	padding:19px;
	position:absolute;
	top:50%;
	width:660px
}

#wrapper {
	border:1px solid #AAA;
	padding:2px;
	width:654px	
}

#homepage #wrapper {
	height:393px
}

/* header */
#header {
	background:#444;
	cursor:pointer;
	height:66px;
}

#logo {
	background:#468ADF url(../img/bg/logo.gif) no-repeat;
	border-bottom:2px solid #FFF;
	border-top:2px solid #FFF;
	float:left;
	height:54px;
	margin:4px 0 0 0;
	width:654px
}

#sections {
	color:#FFF;
	display:none;
	position:absolute;
	top:30px;
	right:30px;
	z-index:2
}

#sections a {
	color:#FFF
}

#sections a:hover,
#sections a.active {
	color:#354080
}

/* menu */
#menu {
	background:#555 url(../img/bg/menu.gif) repeat-x;
	height:30px;
	margin-top:2px
}

#menu ul {
	list-style:none;
	margin:0;
	padding:0
}

#menu li {
	background:#AAA url(../img/bg/submenu.gif) 10px 0 no-repeat;
	border-right:2px solid #FFF;
	float:left;
	position:relative
}

#menu li a {
	background:#555 url(../img/bg/menu.gif) repeat-x;
	color:#FFF;
	float:left;
	font-weight:bold;
	height:22px;
	padding:8px 3px 0 3px
}

#menu li a:hover {
	background:#555 url(../img/bg/menu.gif) 0 -30px repeat-x
}

#menu li ul {
	border-top:2px solid #FFF;
	left:-2px;
	position:absolute;
	top:30px;
	display:none;
	padding:2px 0 0 0
}

#menu li:hover ul, 
#menu li.hover ul { 
	display:block
}

#menu li li {
	background:#444;
	border:0;
	display:block;
	float:none;
	margin:-2px 0 0 0;
	padding:0 2px 2px 0;
	width:298px
}

#menu li li a {
	background:#AAA url(../img/bg/submenu.gif) 10px 0 no-repeat;
	border:2px solid #FFF;
	border-top:0;
	display:block;
	float:none;
	font-weight:normal;
	height:19px;
	padding:6px 10px 0 30px;
	white-space:no-wrap
}

#menu li li a:hover {
	background:#999 url(../img/bg/submenu.gif) 10px -25px no-repeat;
}

/* breadcrums */
#breadcrums {
	background:#AAA;
	height:15px;
	margin-top:2px
}

/* divider */
#divider {
	background:url(../img/bg/footer_securitySystems.gif) no-repeat;
	height:15px;
	margin-top:2px
}

/* content */
#content {
	background:url(../img/bg/content.gif) repeat-y;
	border-bottom:2px solid #FFF;
	margin-top:2px
}

#homepage #content {
	font-size:9px;
	height:253px;
	line-height:14px
}

#triggers {
	color:#666;
	float:left;
	margin-right:2px;
	width:147px
}

#homepage #triggers {
	height:253px
}

#triggers .trigger {
	border-bottom:2px solid #FFF;
	margin:0 0 10px 0;
	padding:0 10px 0 10px;
	width:127px
}

#triggers a.jobs {
	background:#4489DF url(../img/bg/trigger.gif) right top no-repeat;
	border-bottom:2px solid #FFF;
	border-top:2px solid #FFF;
	color:#FFF;
	display:block;
	font-weight:bold;
	line-height:21px;
	margin:0 0 10px 0;
	padding:0 22px 0 0;
	text-align:right
}

.trigger h3,
.trigger p {
	font-size:9px;
	margin:0 0 10px 0;
	padding:0
}

.trigger a {
	color:#2B2BA4
}

#main {
	float:left;
	padding:10px 0 0 0;
	width:505px
}

#homepage #main {
	color:#888;
	height:233px;/*233*/
}

#main .introTxt {
	background:url(../img/bg/introTxt.jpg) right top no-repeat;
	min-height:115px;
	margin:-10px 0 0 0;
	padding:10px 185px 0 0;
	width:320px
}

#main h2,
#main p {
	margin:0 0 10px 0;
	padding:0 10px
}

#homepage #main h2,
#homepage #main p {
	font-size:10px
}

.introTxt h2 {
	font-size:10px
}

.introTxt p {
	color:#888;
	font-size:10px;
	line-height:16px;
	text-align:justify
}

#products {
	height:150px;
	margin:2px 0
}

#products .product,
#products .product2 {
	border:1px solid #888;
	float:left;
	height:148px;
	margin:0 2px 0 0;
	width:165px
}

#products .product2 {
	margin:0
}

#products .product img,
#products .product2 img {
	height:120px;
	margin:2px;
	width:161px
}

#products .product a.link,
#products .product2 a.link {
	background:#DDD url(../img/bg/dot_red.gif) right top no-repeat;
	border-top:1px solid #888;
	color:#F00;
	display:block;
	font-weight:bold;
	height:18px;
	padding:5px 22px 0 0;
	text-align:right
}

#article {
	float:left;
	height:225px;
	margin:0 2px 0 0;
	position:relative;
	width:336px
}

#article h4 {
	background:#666;
	color:#FFF;
	font-size:10px;
	margin:0 0 2px 0;
	padding:4px 10px 5px 10px
}

#article a.img {
	border:1px solid #888;
	float:left;
	margin-right:8px;
	height:200px;
	width:165px
}

#article a.more {
	bottom:2px;
	color:#F00;
	position:absolute;
	right:8px
}

#article img {
	height:196px;
	margin:2px;
	width:161px
}

#article h5 {
	font-size:9px;
	margin:6px 0 4px 0;
	padding:0
}

#article p {
	color:#666;
	font-size:9px;
	height:160px;
	line-height:16px;
	margin:0 10px 0 0;
	overflow:hidden;
	padding:0;
	text-align:left;/*justify*/
}

#banner {
	border:1px solid #888;
	float:left
}

#banner img {
	height:219px;
	margin:2px;
	width:161px
}

#homepage #flash {
	bottom:42px;
	left:171px;
	position:absolute;
	z-index:2
}

.breadCrums {
	background:#666;
	color:#FFF;
	font-size:9px;
	height:17px;
	padding:4px 8px 0 8px;
	margin:-10px 0 2px 0
}

.breadCrums a {
	background:url(../img/bg/arrow.gif) 0 4px no-repeat;
	color:#FFF;
	float:left;
	margin:0 6px 0 0;
	padding:0 0 0 10px
}

.contentTxt {
	float:left;
	width:336px
}

.contentTxt h3 {
	font-size:11px;
	margin:8px 0 10px 0;
	padding:0 10px
}

.contentTxt p {
	font-size:11px
}

.contentTxt li {
	color:#666;
	font-size:11px;
	margin:4px 0
}

#contentSide {
	float:right;
	width:167px
}

#sideMenu ul {
	background:#AAA;
	color:#FFF;
	font-weight:bold;
	list-style:none;
	margin:0;
	padding:1px
}

#sideMenu li {
	margin:0;
	padding:0
}

#sideMenu li div {
	padding:3px 6px 4px 6px
}

#sideMenu a {
	background:#FFF url(../img/bg/dot_red2.gif) 5px 0 no-repeat;
	border-top:1px solid #AAA;
	color:#F00;
	display:block;
	font-weight:normal;
	padding:4px 6px 5px 23px
}

#sideMenu a:hover {
	background:#EEE url(../img/bg/dot_red2.gif) 5px -21px no-repeat
}

.sideTrigger a {
	border:1px solid #888;
	float:left;
	margin:2px 0 0 0;
	padding:2px
}

.sideTrigger a:hover {
	border:1px solid #444
}

.sideTrigger img {
	width:161px
}

/* footer */
#footer {
	background:#444;
	height:21px
}

#footer p {
	border-bottom:2px solid #FFF;
	color:#FFF;
	float:left;
	font-size:9px;
	height:14px;
	margin:0;
	padding:1px 0 0 0;
	text-align:center;
	width:654px
}

#homepage #footer p {
	background:#AAA
}

.securitySystems #footer p {
	background:url(../img/bg/footer_securitySystems.gif) no-repeat
}

#footer a {
	color:#FFF
}

.searchBox {
	margin:0px 2px 0 4px;
	width:80px;
}

.searchSubmit {
	margin:0px 2px 0 2px;
	width:40px;
}

/***********/
/* overall */
/***********/
.clear {
	clear:both
}