/*
-----------------------------------------------
Title: Main Page Content Stylesheet
Author: Paul Schmit - Designkitchen, Inc.
Created:  17.october.2005
Modified: 18.december.2005 PS - modified most font relative sizes into fixed sizes, this was done for handling IE 

quirks mode
----------------------------------------------- */


/* ------------------------------------------------
 =GLOBAL DECLARATIONS
----------------------------------------------- */
form {
	margin:0px;
	padding:0px;
}
img {
	border:0px;
}
body  {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#7E858C;
	background-image:url(../../images/background.gif);
	background-repeat:repeat-x;
	background-attachment:fixed;
	
	font-family:arial, helvetica, verdana, sans-serif;
	font-size:76%;
	color:#666666;	
}
*{
	margin:0;
	padding:0;
}
body{
	height:100%;
	text-align:center;
}
html{
	height:100%;
	margin-bottom:1px;
}
a {
	color:#FF4200;
}
/* ------------------------------------------------
 =STRUCTURE
----------------------------------------------- */
* html #footer{
	margin:-59px 0 0;
}
* html #nonfooter{
	height:100%;
}
#content{
	padding:0 0 59px;
	font-family:arial, helvetica, verdana, sans-serif;
}
#footer{
	margin:-59px auto 0;
	position:relative;
	text-align:left;
	width:770px;
}
#nonfooter{
	background:#FFFFFF;
	border-bottom:1px solid #FFFFFF;/* keep opera happy */
	margin:0 auto;
	min-height:100%;
	text-align:left;
	width:770px;
}
#bodyCopy {
	padding-top:20px;
	font-family:arial, helvetica, verdana, sans-serif;
	width:535px;
	float:left;
	text-align: left;	
}

#bodyCopy table{
	text-align: left;	
	font-size:1em;	
	color:#686868;
}

/* ------------------------------------------------
 =GLOBAL NAVIGATION
----------------------------------------------- */
#nav, #nav ul { /* all lists */
  line-height: 1;
  list-style: none;
  margin:0px;
	padding:0px;
}

#nav a {
  color:#000000;
	display: block;
	font-size:1.0em;
	font-weight:bold;
  text-decoration:none;

}
#nav a span {
	display: block;
	padding:18px 0px 4px 12px;
	white-space:nowrap;
}
.contactUs span {
	padding-left:20px;
}
#nav li ul li a {
	background:none;
  color:#FFFFFF;
  display: block;
	font-size:0.9em;
	font-weight:normal;	
  line-height:1.2em;
  padding-left:12px;
  width:170px;
	font-size:11px;
	
}
#nav li a:hover {
	color:#000000;
	text-decoration:none;
}
#nav li ul li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#nav li { /* all list items */
	float: left;
	background-image:url(../../images/nav.bkgrd.gif);		
}
#nav li ul li {
	padding:4px 4px 2px 0px;
	background-image:none;		
}
#nav li ul li a {
	padding-left:12px;
}
#nav li ul li.top {
	padding-top:12px;
}
#nav li ul li.bot {
	padding-bottom:20px;
}
#nav li ul { /* second-level lists */
	background:#464F5B;
	filter:alpha(opacity=100);
/*	filter:alpha(opacity=90);*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen 

readers */
	-moz-opacity:0.9;
	opacity: 0.9;
	margin-left:0px;
	position: absolute;
	width: 170px;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
a.aboutUs {
	height:41px;
	width:84px;
}
a.fireSafety {
	height:41px;
	width:87px;
}
a.security {
	height:41px;
	width:73px;
}
a.contactUs {
	height:41px;
	width:89px;
}
#nav li:hover, #nav li.sfhover {
	background-image:url(../../images/nav.bkgrd-o.gif);	
}
#nav li li:hover, #nav li li.sfhover {
	background:none;
}



/* ------------------------------------------------ 
	=TOP NAV BAR (logo , IR link)
----------------------------------------------- */
#topBar {
	background-image:url(../../images/background.gif);
	height:56px;
	width:770px;
}
#topBar .topLogo {
	float:left;
}
#topBar .topIR {
	float:right;
	padding:32px 22px 0px 0px;
	font-size:0.9em;
}
#topBar .topIR a span {
		color:#E8E8E8;
}	
#topBar .topIR a {
	color:#FFBA00;
	text-decoration:none;
}
#topBar .topIR a:hover {
color:#FF7200;
}


/* ------------------------------------------------ 
	=GLOBAL NAV (wrap around UL list and global search)
----------------------------------------------- */
#navBar {
	background-image:url(../../images/navbar.bkgrd.gif);
	position:relative;
	width:770px;
	height:40px;
}
.navlinks table{
	font-size:1.0em;
	font-weight:bold;
    text-decoration:none;

}

#navBar .navLinks {
	float:left;
	position:relative;	
}
#navBar .navSearch {
	float:right;
	padding:10px 22px 0px 0px;
}
#navBar .navSearch b {
	color:#575757;
	vertical-align:middle;
	font-size:0.9em;
	font-weight:bold;		
}
#navBar .navSearch input {
	vertical-align:middle;
	font-size:0.9em;
}
#navBar .navSearch input.text {
	width:117px;
	height:16px;
}	


/* ------------------------------------------------ 
	=NAVIGTION (left column section links)
----------------------------------------------- */	
#sidebar {
	float:left;
	padding-top:20px;
	width:200px;
}
#sidebar table{
	float:left;
	font-size:1em;
}

#sidebar ul {
	font-size:0.9em;	
	list-style:none;
	margin:0px 30px 0px 0px;
	padding:0px 0px 50px 0px;
}
#sidebar ul.sub {
	margin:0px 0px 0px 0px;
	padding:4px 0px 8px 0px;	
}
#sidebar ul li {
	padding:0px 0px 4px 22px; 
}
#sidebar ul li li {
	margin:0px 0px 0px 0px; 	
	padding:0px 0px 0px 0px;
}
#sidebar a {
	color:#737373;
	font-weight:bold;
	text-decoration:none;
}
#sidebar ul ul a {
	font-weight:normal;
}
#sidebar a:hover {
	text-decoration:underline;
	color:#232323;
}
#sidebar ul ul a:hover {
	text-decoration:none;
	color:#232323;
}

/* keep in if box is associated with page you are in
#sidebar a.onBlue {
	color:#5A5A5A;
	text-decoration:underline;
	background:url(/images/sidebar.box.blue.gif) 0px 3px no-repeat;	
}	*/
/* keep if box is NOT associated with page you are in*/
#sidebar a.on {
	color:#232323;
	text-decoration:underline;
}
#sidebar li.blue {
	background:url(../../images/sidebar.box.blue.gif) 0px 3px no-repeat;	
}
#sidebar li.red {
	background:url(../../images/sidebar.box.red.gif) 0px 3px no-repeat;	
}
#sidebar li.gray {
	background:url(../../images/sidebar.box.grey.gif) 0px 3px no-repeat;	
}
#sidebar li.ltblue {
	background:url(../../images/sidebar.box.ltblue.gif) 0px 3px no-repeat;	
}

/* *************************** */
#sidebar .sub li {
	background:url(../../images/sidebar.bullet.gif) 0px 4px no-repeat;
	padding-left:12px;
}



/* ------------------------------------------------ 
	=MISC (hero image that appears just below global navigation)
----------------------------------------------- */	
#headpic {
	float:left;
	height:97px;
	width:360px;
}
#sectionHeader table td #headpic{
	font-size:0.75em;
	font-weight:normal;
}

#headpic h1 {
	color:#FFFFFF;
	font-size:2.1em;
	font-weight:normal;
	margin:0px 20px 0px 20px;
	padding-top:18px;
}

#headpic h2 {
	color:#FFFFFF;
	font-size:1.0em;
	font-weight:normal;
	margin:2px 20px 0px 20px;
	padding:0px;
	text-transform:uppercase;
}
.picAbout {
	background:url(../../images/headpic.about.bkgrd.jpg) 0px 0px no-repeat;
}
.pic3Level {
	background:url(../../images/headpic.3level.bkgrd.jpg) 0px 0px no-repeat;
}
.picRegions {
	background:url(../../images/headpic.regions.bkgrd.jpg) 0px 0px no-repeat;
}
.picContact {
	background:url(../../images/headpic.contact.bkgrd.jpg) 0px 0px no-repeat;
}
.picFiresafety {
	background:url(../../images/headpic.firesafety.bkgrd.jpg) 0px 0px no-repeat;
}
.picSecurity {
	background:url(../../images/headpic.security.bkgrd.jpg) 0px 0px no-repeat;
}



	
/* ------------------------------------------------ 
	=FOOTER
----------------------------------------------- */
.footerBkgrd {
	background-image:url(../../images/background.footer.gif);
	background-position:0px 30px;
	background-repeat:repeat-x;
	font-size:1em;
	float:left;		
	width:770px;
}
.footerBkgrd table{
	font-size:1em;
}

.footerBkgrd a{
	color:#656565;
	text-decoration:none;
}
.footerBkgrd a:hover{
	color:#FFB810;
}

.footerBkgrd div {
	padding:39px 20px 0px 20px;
}
#footer {
	
	font-size:0.8em;
	background-color:#ffffff;
}
#footer a {
	color:#656565;
	text-decoration:none;
}
#footer a:hover {
	color:#FFB810;
}
#footer span {
	color:#959595;
}	
#footer .floatL span {
	color:#000000;
}


/* ------------------------------------------------ 
	=BODY COPY
----------------------------------------------- */
.codeBlock {
	float:left;
	width:770px;
}
.floatL {
	float:left;
}
.floatR {
	float:right;
}
.logoCompanies {
	margin:66px 0px 0px 20px;
}
.selectRegionBlock {
	margin:0px 0px 0px 20px;
	padding-top:10px;
}
.selectSites {
	padding:13px 0px 0px 0px;
}
.selectSites select, .selectSite {
	background-color:#EBEBEB;
	border:0px;
	border-bottom:1px solid #EBEBEB;	
	color:#4F5B6E;
	font-size:0.9em;
	height:19px;
	width:185px;
}	
.contentBox {
	background-color:#EBEBEB;
	background-image:url(../../images/background.horizbar.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	width:185px;	
}
.contentBox span {
	color:#4F5B6E;
	display:block;
	font-size:0.9em;	
	padding:5px 12px 5px 12px;
}
.logosBox {
	width:185px;
}
.homeNews Table{
	color:#686868;
	font-size:1em;
	text-decoration:none;

}

.homeNewsBox {
	background-image:url(../../images/background.home.news.gif);
	background-repeat:no-repeat;
	padding-top:13px;
	width:206px;
			
	height:auto;
}
.homeNewsBox p {
	margin:0px 0px 0px 0px;
	padding:0px 30px 13px 11px;
}
.homeNewsBox a {
	color:#686868;
	font-size:0.9em;
	text-decoration:none;
}
.homeNewsBox a:hover {
	text-decoration:underline;
}
a.more {
	background:url(../../images/home.news.plus.gif) right 3px no-repeat;
	color:#4B4B4B;
	font-size:0.9em;
	padding-right:12px;
	text-decoration:none;
	
}
a.more:hover {
	color:#FFB910;
	text-decoration:none;
}
.homeNewsBox h3 {
	background-image:url(../../images/home.newsbullet.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	color:#4F5B6E;
	font-size:0.8em;
	line-height:13px;
	margin:0px 11px 0px 11px;		
	padding-left:9px;
}


h3 {
	color:#000000;
	font-size:1.0em;
	line-height:15px;
	margin:0px;
	margin-bottom:2px;
	padding:0px;
}
h4 {
	color:#000000;
	font-size:1.0em;
	line-height:15px;
	margin:0px;
	font-weight:bold;
	margin-bottom:2px;
	padding:0px;
}
.homeCopyBlock {
	margin:35px 0px 0px 0px;
	width:770px;
	float:left;
}
.homeCopyBlock table {
font-size:1em;
}

.homeCopyBlock p {
	font-size:1em;
	margin:0px 0px 0px 0px;
	padding:0px 30px 13px 0px;	
}
.calloutBlock p {
	font-size:0.9em;
	margin:0px 0px 0px 0px;
	padding:0px 30px 13px 0px;	
}
.homeNewsBox p {
	font-size:0.9em;
	margin:0px 0px 0px 0px;
	padding-left:11px;	
}
#bodyCopy p {
	font-size:1em;
	color:#686868;
	margin:0px 0px 0px 0px;
	padding:0px 0px 17px 0px;		
}
#bodyCopy ul {
	margin:0px;
	font-size:1em;	
	padding:2px 0px 15px 0px;
	list-style:none;
	color:#686868;

}
#bodyCopy ul li {
	background:url(../../images/bodycopy.bullet.gif) 0px 5px no-repeat;
	padding:0px 0px 2px 12px; 
}
#bodyCopy h3 {
	color:#4F5B6E;
	margin:0px;
	padding:0px;
	margin-top:-8px;
	font-size:0.9em;
	font-weight:bold;		
}
#bodyCopy h4 {
	color:#4F5B6E;
	margin:0px;
	padding:0px 0px 0px 0px;
	margin-top:-2px;
	font-size:0.9em;
	font-weight:bold;		
}
#bodyCopy h2 {
	color:#232323;
	margin:0px;
	padding:0px;
	margin-top:-2px;
	font-size:1.0em;
	text-transform:uppercase;
	font-weight:bold;	
}
#sectionHeader {
	margin-top:50px;
	width:770px;
	float:left;
}
#bodyCopy h1 {
	margin:0px;
	padding:0px;
	margin-top:0px;
	padding-bottom:3px;
	font-size:1.5em;
	font-weight:normal;
}
#bodyCopy h1.red {
	color:#CC0033;
}
#bodyCopy h1.grey {
	color:#3E4859;
}
#bodyCopy h1.blue {
	color:#193B7E;
}
#bodyCopy h1.ltblue {
	color:#0089C2;
}	
#bodyCopy h1.yellow {
	color:#FFB026;
}
#bodyCopy p.intro {
	color:#686868;
	width:515px;
	padding-bottom:28px;
	font-size:1.0em;
	text-align: left;	
	}



/* ------------------------------------------------ 
	=MISC (unique blocks of code)
----------------------------------------------- */	
.blockSecurity, .blockSafety, .blockGeneric {
	width:270px;
}
.blockSafetySecurity {
	background:url(../../images/block.bkgrd.safety.security.jpg) 0px 0px no-repeat;
	float:left;
}
.blockSecurity {
	background:url(../../images/block.bkgrd.security.gif) 0px 0px no-repeat;
	float:left;	
}
.blockSafety {
	background:url(../../images/block.bkgrd.safety.gif) 0px 0px no-repeat;
	float:left;
}
.blockGeneric {
	background:url(../../images/block.bkgrd.generic.gif) 0px 0px no-repeat;
	float:left;
}
.blockPad {
padding:17px 14px 14px 14px;
	text-align: left;	

}
.blockGeneric .blockPad {
padding-top:12px;
}
.blockSafety .selectSites, .blockSecurity .selectSites {
 padding-top:40px;
}
.space {
	clear:both;
	height:30px;
}
.pad10 {
	padding-right:10px;
}
.pad14 {
	padding-right:14px;
}
.pad20 {
	padding-right:20px;
}
.padCell {
	padding:0px 20px 28px 0px;
}
/*#nav li:hover, #nav li.sfhover {
	background-image:url(/images/nav.bkgrd-o.gif);	
}*/
#nav #aboutUs:hover, #nav #aboutUs.sfhover{
	background-image:url(../../images/nav.bkgrd.about.gif);	
}
#nav #fireSafety:hover, #nav #fireSafety.sfhover {
	background-image:url(../../images/nav.bkgrd.firesafety.gif);	
}
#nav #security:hover, #nav #security.sfhover {
	background-image:url(../../images/nav.bkgrd.security.gif);	
}
#nav #contactUs:hover, #nav #contactUs.sfhover{
	background-image:url(../../images/nav.bkgrd.contact.gif);	
}

#nav li li:hover, #nav li li.sfhover {
	background:none;
}

/* added classes by itworx*/
#nav #aboutUsselected{
	background-image:url(../../images/nav.bkgrd.about.gif);	
}

#nav #secSelected{
	background-image:url(../../images/nav.bkgrd.security.gif);	
}
#nav #fireSafetySelected{
	background-image:url(../../images/nav.bkgrd.firesafety.gif);	
}
#nav #contactUsSelected{
	background-image:url(../../images/nav.bkgrd.contact.gif);	
}
a.title {
	color:#4B4B4B;
	font-size:9pt;
	padding-right:12px;
	font-weight:bold;
	text-decoration:none;	
}
a.title:hover {
	color:#FFB910;
	font-weight:bold;
	text-decoration:none;
}
/* ###################*/

#editLink {
	padding-left:5;
	font-family:arial, helvetica, verdana, sans-serif;
	font-size:12px;
	text-align:left;
	font-weight:normal;
}
#editLink a {
	background-color:#CCCCCC;
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}
#editLink a:hover {
	text-decoration:underline;
	font-size:12px;
	color:#ff0000;
	font-weight:normal;
}