body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-color: #2B4984; }
a:focus {
   outline: none; -moz-outline: none;
}
 
#wrapper { position: relative; width: 956px; margin: 0 auto; }
#wrapper #topnav { height: 38px; width: 956px; margin-right: auto; margin-left: auto; }
#wrapper #topnav #leftfiller { height: 38px; width: 733px; margin-right: auto; margin-left: auto; }
#wrapper #logo { height: 96px; width: 956px; margin-right: auto; margin-left: auto; }
#wrapper #mainnav { height: 74px; width: 956px; margin-right: auto; margin-left: auto; }
#wrapper #flash { width: 958px; margin: 0 auto;  }
#wrapper #headergraphic { width: 956px; margin-right: auto; margin-left: auto; position: relative; margin-top: 72px; }
#wrapper #content #leftnav { float: left; width: 220px; background: url(../images/leftback.jpg); }
#wrapper #content #leftnav #moreinfo { height: 35px; width: 220px; }
#wrapper #content #leftnav #leftnavlinks { background: url(../images/leftback.jpg); }
#wrapper #content #leftnav #leftadbottom { width: 220px; height:255px; background: url(../images/leftarea.jpg) no-repeat; }
#leftadbottom p { color: #fff; font-size:11px; padding: 30px 0 0 0; }
#leftadbottom a { color: #0288D1; }
#leftadbottom a:hover { color: #3b5a8d; }
#wrapper #content #rightcontent { float: right; width: 736px; background: url(../images/maincontentbacker.jpg); }
/* MINI navigation styles*/

#topnav ul { list-style-type: none; margin: 0px; padding: 0px; text-align: center; }
#topnav ul li { width: auto; float: left; margin: 0px; padding: 0px; }
#topnav ul li ul { background: #fff; padding: 0; margin: 0; list-style: none; display: none; font-size: 0; z-index: 99999; position: relative; left: 0; overflow: visible; width: 140px; border: 0px dashed #FFF; word-wrap: break-word; }
#topnav ul li ul li { float: none; margin: 0; padding: 0; background: #f3f6f0 url(../images/menubackera.jpg); color: #3b4428; text-align: left; word-wrap: break-word; }
/* dropdown hover styles*/

#topnav ul li ul li a { width: 160px; word-wrap: break-word; white-space: nowrap; display: block; padding: 0 6px 0 6px; text-decoration: none; color: #12244D; font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif; }
#topnav ul li ul li a:hover { background: #7197D8 url(../images/menubacker.jpg); color: #FFFFFF; }
#topnav ul li:hover ul, #navmenu ul li a:hover ul { display: block; }
#topnav ul li ul { top: auto; left: auto; }
/* home button */

#topnav ul li#home { height: 38px; width: 56px; margin:0; padding:0; background:url("../images/home2.jpg"); }
li#home a, #topnav ul li#home a:link { display:block; }
li#home img { width:56px; height:38px; border:0; }
#home a:hover img { visibility:hidden; }
/* customerlogin button */

#topnav ul li#customerlogin { height: 38px; width: 101px; margin:0; padding:0; background:url("../images/customerlogin2.jpg"); }
li#customerlogin a, #topnav ul li#customerlogin a:link { display:block; }
li#customerlogin img { width:101px; height:38px; border:0; }
#aboutus a:hover img { visibility:hidden; }
/* customerlogin button */

#topnav ul li#customerlogin { height: 38px; width: 101px; margin:0; padding:0; background:url("../images/customerlogin2.jpg"); }
li#customerlogin a, #topnav ul li#customerlogin a:link { display:block; }
li#customerlogin img { width:101px; height:38px; border:0; }
#customerlogin a:hover img { visibility:hidden; }
/* sitemap button */

#topnav ul li#sitemap { height: 38px; width: 66px; margin:0; padding:0; background:url("../images/sitemap2.jpg"); }
li#sitemap a, #topnav ul li#sitemap a:link { display:block; }
li#sitemap img { width:66px; height:38px; border:0; }
#sitemap a:hover img { visibility:hidden; }

#wrapper #content { width: 956px; margin-right: auto; margin-left: auto; background: url(../images/contentbacker_inner.jpg) repeat-y; height: 100%; }
#wrapper #contenthome { width: 956px; margin-right: auto; margin-left: auto; background: url(../images/contentbacker.jpg) repeat-y; height: 100%; }
#wrapper #contenthome #news { width: 383px; float: left; background: url(../images/contentbacker.jpg); margin: 0 0 0 0; }
#wrapper #contenthome #aboutusright { float: right; width: 573px; margin: 0 0 0 0; }

/* Footer Styles */

#wrapper #address { position: relative; bottom: 0; clear: both; width: 956px; height: 69px; background: url(../images/addressinner.jpg) no-repeat; }
#address #col1 { position: absolute; width: 956px; top: 5px; }
#address p { color: #fff; font-size:11px; text-align:center; }
#address a { color: #0288D1; }
#address a:hover { color: #3b5a8d; }

#col3 { float:rigth; position:relative; width:73px; height:26px; background: url(../images/sitebygds.jpg) no-repeat; text-indent:-9999px; left:880px; top:35px; }
#col3 a { width:73px; height:26px; display: block; text-indent:-9999px; }
#col3 a:hover { width:73px; height:26px; display: block;text-indent:-9999px; }


h1 { font: bold 15px Verdana, Geneva, sans-serif; color: #384E92; }
#clearone { clear: both; height: 1px; }


#boxesContainer { position: relative; width: 957px; height: 185px; margin: 0 auto; background: #00070a; z-index: 900; }
#box1 { position: absolute; width: 188px; height: 175px; background: url(../images/fireAlarams.jpg) no-repeat; left: 0; text-indent: -9999px; }
#box1 a { width: 188px; height: 175px; display: block; }
#box1 a:hover { width: 188px; height: 175px; background: url(../images/fireAlarmOver.jpg) no-repeat; display: block; }

#box2 { position: absolute; width: 187px; height: 174px; background: url(../images/security.jpg) no-repeat; left: 193px; text-indent: -9999px; }
#box2 a { width: 187px; height: 174px; display: block; }
#box2 a:hover { width: 187px; height: 174px; background: url(../images/securityOver.jpg) no-repeat; display: block; }

#box3 { position: absolute; width: 188px; height: 174px; background: url(../images/healthcare.jpg) no-repeat; left: 385px; text-indent: -9999px; }
#box3 a { width: 188px; height: 174px; display: block; }
#box3 a:hover { width: 188px; height: 174px; background: url(../images/healthcareOver.jpg) no-repeat; display: block; }

#box4 { position: absolute; width: 186px; height: 174px; background: url(../images/soundClock.jpg) no-repeat; left: 578px; text-indent: -9999px; }
#box4 a { width: 186px; height: 174px; display: block; }
#box4 a:hover { width: 186px; height: 174px; background: url(../images/soundClockOver.jpg) no-repeat; display: block; }

#box5 { position: absolute; width: 187px; height: 174px; background: url(../images/massNotification.jpg) no-repeat; left: 769px; text-indent: -9999px; }
#box5 a { width: 187px; height: 174px; display: block; }
#box5 a:hover { width: 187px; height: 174px; background: url(../images/massNotificationOver.jpg) no-repeat; display: block; }



/* SLIDESHOW */

#slideshow {  height: 228px; background: url(../images/sliderBg2.jpg) no-repeat #00070a; margin: 73px 0 0 1px; }
#slideshow ul { margin: 0; padding: 0; list-style-type: none; height: 1%; /* IE fix */ }
#slideshow ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

/* SLIDESHOW > SLIDES */

#slideshow .slides { overflow: hidden; float: left; margin: -227px 0 0 215px; }
#slideshow .slides ul { width: 3200px; }
#slideshow .slides li { width: 741px; height: 194px; float: left; }
#slideshow .slides h2 { margin-top: 0; }

/* SLIDESHOW > NAVIGATION */

#slideshow .slides-nav { width: 216px; height: 210px; padding: 35px 10px 0 0; }
#slideshow .slides-nav li { float: right; padding: 0; top: 55px; left: -15px; margin: 9px 18px 0 -10px; }
#slideshow .slides-nav li a { padding: 0; outline: none; text-decoration: none; color: #909598; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight: bold; text-align: justify; }
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a { color: #ffffff; background: url(../images/sliderover.jpg) no-repeat;}
.testimonialbutton { position:absolute; width:104px; height:21px; left:23px; top:140px; background: url(../images/readtest.jpg) no-repeat; text-indent:-9999px;}
.testimonialbutton a { width:104px; height:21px; display:block;}
.testimonialbutton a:hover { width:104px; height:21px; border:none; text-decoration:none; background: url(../images/readtestover.jpg) no-repeat;}
.testimonialbutton img {border:none;}

.moreinfobutton { position:absolute; width:104px; height:21px; left:23px; top:165px; background: url(../images/moreinfo1.jpg) no-repeat; text-indent:-9999px;}
.moreinfobutton a { width:104px; height:21px; display:block;}
.moreinfobutton a:hover { width:104px; height:21px; border:none; text-decoration:none; background: url(../images/moreinfoOver.jpg) no-repeat;}
.moreinfobutton img {border:none;}


#nav { width: 956px; }
.navigation { width: 956px; margin: 134px 0 0 0; padding: 0; list-style: none; position: absolute; top: 0px; left: 0px; z-index: 10000; }
.navigation li { float: left; text-align: left; }
.navigation li a { display: block; text-indent: -9999px; vertical-align: middle; height: 73px; text-decoration: none; text-align: left; outline: none; }

/* Why SSC Button */
.navigation li a.nav2 { width: 154px; background: url(../images/navJEN.jpg) no-repeat 0 0; }
.navigation li a.nav2:hover, .navigation li.active a.nav2 { background-position: 0 -74px; }

/* Partnerships Button */
.navigation li a.nav3 { width: 148px; background: url(../images/navJEN.jpg) no-repeat -154px 0; }
.navigation li a.nav3:hover, .navigation li.active a.nav3 { background-position: -154px -74px; }

/* Systems Button */
.navigation li a.nav4 { width: 116px; background: url(../images/navJEN.jpg) no-repeat -302px 0; }
.navigation li a.nav4:hover, .navigation li.active a.nav4 { background-position: -302px -74px; }

/* Services Button */
.navigation li a.nav5 { width: 118px; background: url(../images/navJEN.jpg) no-repeat -418px 0; }
.navigation li a.nav5:hover, .navigation li.active a.nav5 { background-position: -418px -74px; }

/* Case Studies Button */
.navigation li a.nav6 { width: 143px; background: url(../images/navJEN.jpg) no-repeat -536px 0; }
.navigation li a.nav6:hover, .navigation li.active a.nav6 { background-position: -536px -74px; }

/* Resources Button */
.navigation li a.nav7 { width: 130px; background: url(../images/navJEN.jpg) no-repeat -679px 0; }
.navigation li a.nav7:hover, .navigation li.active a.nav7 { background-position: -679px -74px; }

/* Contact Button */
.navigation li a.nav8 { width: 147px; background: url(../images/navJEN.jpg) no-repeat -809px 0; }
.navigation li a.nav8:hover, .navigation li.active a.nav8 { background-position: -809px -74px; }

/* Styles for drop downs */
#nav ul li ul li span { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; vertical-align: left; letter-spacing: .03em; color: #8C2B25; display: block; margin: 0; padding: 8px; text-decoration: none; text-indent: 0px; list-style-type: none; text-align: center; list-style-position: outside; }
#nav ul li ul { position: absolute; z-index: 1000; top: auto; display: none; text-decoration: none; list-style-type: none; padding: 2px; margin: 0px; background: #C3CCD1; -webkit-border-radius-bottomleft: 3px; -webkit-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; height: auto; width: 13%; }


div#nav span:hover { display: block; color: #ffffff; text-decoration: none; margin: 0; background: #354F8A; text-align: center; }
#nav ul li ul a:hover { cursor: pointer; z-index: 100; height: 100%; width: 100%; /* makes the list items fill the list container (ul) */ display: block; text-decoration: none; margin: 0; text-align: center; }
#nav li ul { display: none; position: absolute; top: 100%; height: 100%; padding: 0; margin: 0; }
#nav li:hover > ul { display: block; }
#nav li ul li, #nav li ul li a { float: none; height: 100%; }
#nav li ul li { _display: inline; /* for IE6 */ }
#nav li ul li a { display: block; }

.col1 { float:left; position:relative; width:350px;}
.col2 { float:left; position:relative; width:350px;}

.photo { text-align:center;}