html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin:0; padding:0;}  
a:active, a:focus {outline:none;}
label {cursor:pointer;}
img {border:none;}

body {background:url(../images/body.jpg) repeat-x #f8f9f9; font-family:Arial, Helvetica, sans-serif;}

#header {background:url(../images/solutions-top.jpg) no-repeat top center; width:1000px; height:105px; margin:0 auto; position:relative;}
#header .logo {background:url(../images/logo.jpg) no-repeat; width:308px; height:76px; display:block; text-indent:-6666px;}
#header .phone {width:215px; float:right; text-align:right; position:absolute; top:8px; right:25px;}
#header span {font-size:22px; color:#dedddd; float:right; margin:10px 0; font-weight:normal;}

a#requestquote {width:157px; height:27px; background:url(../images/requestquote.png) no-repeat; text-indent:-6666px; position:absolute; top:50px; right:20px;}
a#requestquote:hover {background-position:0 -27px;}


/* CSS Sprites / Headers */
h3.parkingmgmt {background:url(../images/app_buttons.png); height:31px; width:202px; text-indent:-6666px; cursor:pointer;}
a:hover h3.parkingmgmt {background-position:-202px 0;}

h3.roadtraffic {background:url(../images/app_buttons.png); height:31px; width:202px; background-position:0px -31px; text-indent:-6666px; cursor:pointer;}
a:hover h3.roadtraffic {background-position:-202px -31px;}

h3.drivethrus {background:url(../images/app_buttons.png); height:31px; width:202px; background-position:0px -62px; text-indent:-6666px; cursor:pointer;}
a:hover h3.drivethrus {background-position:-202px -62px;}

h3.passiveinfared {background:url(../images/app_buttons.png); height:31px; width:202px; background-position:0px -93px; text-indent:-6666px; cursor:pointer;}
a:hover h3.passiveinfared {background-position:-202px -93px;}

h3.radarbased {background:url(../images/app_buttons.png); height:31px; width:202px; background-position:0px -124px; text-indent:-6666px; cursor:pointer;}
a:hover h3.radarbased {background-position:-202px -124px;}

h3.customsolutions {background:url(../images/app_buttons.png); height:31px; width:202px; background-position:0px -155px; text-indent:-6666px; cursor:pointer;}
a:hover h3.customsolutions {background-position:-202px -155px;}

h3.pressurehose {background:url(../images/app_buttons.png); height:31px; width:202px; background-position:0px -186px; text-indent:-6666px; cursor:pointer;}
a:hover h3.pressurehose {background-position:-202px -186px;}

h3.magneticfield {background:url(../images/app_buttons.png); height:31px; width:202px; background-position:0px -217px; text-indent:-6666px; cursor:pointer;}
a:hover h3.magneticfield {background-position:-202px -217px;}

h3.batterymagnetic {background:url(../images/app_buttons.png); height:44px; width:202px; background-position:0px -248px; text-indent:-6666px; cursor:pointer;}
a:hover h3.batterymagnetic {background-position:-202px -248px;}

h3.burialloop {background:url(../images/app_buttons.png); height:31px; width:202px; background-position:0px -292px; text-indent:-6666px; cursor:pointer;}
a:hover h3.burialloop {background-position:-202px -292px;}
/* Navigation Menu */

#nav {width:756px; height:51px; margin:0 auto 24px;}
#nav li {float:left; list-style:none; position:relative;}
#nav a {background:url(../images/nav.jpg); height:51px; display:block;  text-indent:-6666px;}

#nav a.applications {width:133px;}
#nav a.applications:hover {background-position:0px -51px;}
#nav :hover > a.applications, #nav ul ul :hover > a  {background-position:0px -51px;}
#nav a.products {background-position:-133px 0px; width:102px;}
#nav a.products:hover {background-position:-133px -51px;}
#nav :hover > a.products, #nav ul ul :hover > a  {background-position:-133px -51px;}
#nav a.softwaresolutions {background-position:-235px 0px; width:166px;}
#nav a.softwaresolutions:hover {background-position:-235px -51px;}
#nav :hover > a.softwaresolutions, #nav ul ul :hover > a  {background-position:-235px -51px;}
#nav a.testimonials {background-position:-401px 0px; width:125px;}
#nav a.testimonials:hover {background-position:-401px -51px;}
#nav :hover > a.testimonials, #nav ul ul :hover > a  {background-position:-401px -51px;}
#nav a.aboutus {background-position:-526px 0px; width:105px;}
#nav a.aboutus:hover {background-position:-526px -51px;}
#nav :hover > a.aboutus, #nav ul ul :hover > a {background-position:-526px -51px;}
#nav a.contactus {background-position:-631px 0px; width:125px;}
#nav a.contactus:hover {background-position:-631px -51px;}
#nav :hover > a.contactus, #nav ul ul :hover > a  {background-position:-631px -51px;}

/*SECONDARY LEVEL NAVIGATION */
#nav ul ul {display:none; position:absolute; top:43px; background:#654882; padding:5px; z-index:2;}
#nav ul ul a {text-indent:0; background:none; color:#fff; height:auto; line-height:20px; text-decoration:none; font-size:12px; padding:4px;}
#nav ul ul a:hover {background:#8C779F;}
#nav ul ul li {float:none;}

ul.subapp, .subapp li {width:170px;}
ul.subprod, .subprod li {width:235px;}
ul.subabout, .subabout li {width:170px;}

li.drop ul { display: none; }
li.drop:hover ul { display: block; }
li.drop li {float:none;}

/*END NAVIGATION*/

#middle {margin:0 auto; width:950px;}
#middle_small {margin:0 auto; width:710px;}

#content a {color:#491F67; text-decoration:underline;}
#content a:hover {color:#666;}

#right {width:775px; float:right;}

#content {background:url(../images/content_bg.jpg) repeat-y; width:710px;  padding:0; float:left;}
#content_top {background:url(../images/content_top.jpg) no-repeat; width:670px; min-height:662px; height:auto !important; height:662px; padding:10px 20px;}
#content_bottom {background:url(../images/content_bottom.jpg) no-repeat; width:710px; height:24px;}
#content li {font-size:13px; margin:10px 0; line-height:15px;}

h1 {color:#3e2f73; font-size:20px; margin:5px 0 10px; padding:6px 0; font-weight:normal; border-bottom:1px solid #b8b8b8;}
h2 {font-size:18px; color:#3e2f73; font-weight:normal;}
h2.app {background:url(../images/applications_icon.jpg) no-repeat; height:34px; padding-left:40px; padding-top:5px; border-bottom:1px solid #aa1e1e; width:80%; color:#262626; font-weight:bold;}
h2.benefits {background:url(../images/benefits_icon.jpg) no-repeat; height:34px; padding-left:40px; padding-top:5px; border-bottom:1px solid #1b44e1; width:80%; color:#262626; font-weight:bold;}
h2.features {background:url(../images/features_icon.jpg) no-repeat; height:34px; padding-left:40px; padding-top:5px; border-bottom:1px solid #d5cd1b; width:80%; color:#262626; font-weight:bold;} 
#content ul {padding:0 25px;}
#middle p, #middle_small p {color:#262626; font-size:13px; line-height:18px; margin:12px 0;}

.half {width:50%; float:left; margin:20px 0 10px;}

small {font-size:10px; line-height:18px; margin:10px 0;}

.product {width:100%; height:120px; clear:both; margin:16px 0;}
.product img {float:left; height:100px; width:100px; padding-right:15px; margin-bottom:15px;}

.prod-img {float:right; padding:0 0 15px 15px;}

#sidebar {background:url(../images/sidebar_bg.jpg) repeat-y; width:228px; float:right;}
#sidebar h2 {font-size:20px; margin-top:11px; color:#3e2f73; padding-bottom:8px; font-weight:normal;}
#sidebar ul {list-style:none; font-size:12px;}
#sidebar h3 {/*background:#a5c957; display:block; font-size:14px; font-weight:normal; padding:4px;*/}
h3 a {color:#000;}
#sidebar_top {background:url(../images/sidebar_top.jpg) no-repeat; width:206px; min-height:662px; height:auto !important; height:662px; padding:10px 11px;}
#sidebar a {text-decoration:underline; color:#3e2f73;}
#sidebar a:hover {color:#666;}
#sidebar p {padding:0 5px;}

.newsletter {position:relative; top:20px;}

.address {width:600px; margin:0 auto;}
.address div {float:left; margin:10px 12px;}
.address img {border:none; position:relative; top:18px;}

.needsfilled {color:#fff; background:#401461;}
#error {border:1px dashed red; color:red; padding:4px 10px; display:none;}

.float-right {float:right; margin:0 0 10px 10px;}

#sidebar_bottom {background:url(../images/sidebar_bottom.jpg) no-repeat; width:228px; height:24px;}

#parking_mgmt {width:288px; float:left; margin:0 12px 0 0; display:inline;}
#parking_mgmt a, #road_traffic a, #drive_thru a {color:#491F67;}
#parking_mgmt a:hover, #road_traffic a:hover, #drive_thru a:hover {color:#666;}
#road_traffic { width:288px; float:right; margin:0 0 0 12px; display:inline;}
#drive_thru {width:288px; float:left; margin:0 30px; display:inline;}

.pm_link {width:288px; height:241px; display:block; text-indent:-6666px; margin:0 auto 15px; background:url(../images/parking_mgmt.jpg) no-repeat; }
.rt_link {width:288px; height:241px; display:block; text-indent:-6666px; margin:0 auto 15px; background:url(../images/road_traffic.jpg) no-repeat;}
.dt_link {width:288px; height:241px; display:block; text-indent:-6666px; margin:0 auto 15px; background:url(../images/drive_thru.jpg) no-repeat;}

.app-box {clear:both; width:95%; margin-bottom:45px;}
.app-box img {float:left; width:175px; height:148px; padding-right:10px;}

.clear {clear:both;}

.center {text-align:center;}

#screenshots {
float:right;
left:0;
margin:0 0 0 20px;
position:relative;
top:0;
width:215px;
}
#screenshots img {
border:0 none;
margin:10px 0;
}
#screenshots a.p1, a.p2, a.p3, a.p4 {
display:inline;
}
#screenshots a .large {
display:block;
height:0;
left:0;
position:absolute;
top:0;
width:0;
}
#screenshots a.p1:hover .large {
display:block;
height:400px;
left:-480px;
position:absolute;
top:0;
width:580px;
}
#screenshots a.p2:hover .large {
display:block;
height:400px;
left:-480px;
position:absolute;
top:125px;
width:580px;
}
#screenshots a.p3:hover .large {
display:block;
height:400px;
left:-480px;
position:absolute;
top:220px;
width:580px;
}
#screenshots a.p4:hover .large {
display:block;
height:400px;
left:-480px;
position:absolute;
top:350px;
width:580px;
}

.num-list {list-style:decimal; font-size:12px;}
.num-list li {margin:10px 0;}

.specifications {font-size:12px; }
.specifications th {font-weight:bold; color:#3e2f73;}
.specifications td {padding:3px;}
.even {background:#fff;}
.odd {background:#E3E6F4;}

.two-wide {width:80%; text-align:center; margin:0 0 20px 50px;}

.border {border:1px solid #262626;}

.tech td {padding:0 20px 0 0;}

#clients {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; width:96%; color:#000; border-collapse:collapse; border:1px solid #ccc; margin:15px auto;}
#clients td {padding:6px;}

#newsletter {background:#3E2F73; color:#343334; font-size:12px; background:url(../images/newsletterbg.jpg) no-repeat; width:680px; height:43px;}
#newsletter span {position:relative; top:6px; left:10px; font-weight:bold;}

/* about us */
.about-links {text-align:center; padding:10px 0;}
.about-links a {font-size:14px; font-weight:bold; margin:0 10px; }
.about-full {padding:0px 20px;}
.about-full ul {padding:0 15px; margin:0;}
.about-full h2 {text-transform:uppercase; border-bottom:1px dashed #401461; padding-bottom:4px;}
.about-half {padding:0 22px 0 20px; background:#fff; border:1px solid #ccc; width:42%;}
.left {float:left;}
.right {float:right;}
.totop {display:block; text-align:right; padding-right:15px; background:url(../images/totop.jpg) right no-repeat; background-position:625px 0;}

/* rounded boxes */
.roundedbox {width:666px; clear:both; margin:20px 0; background:url(../images/products-bg.png) repeat-y;}
.roundedbox-top {width:666px; height:10px; background:#f5f5f5 url(../images/products-top.png) top center no-repeat;}
.roundedbox-bottom {width:666px; height:17px; background:#f5f5f5 url(../images/products-bottom.png) bottom center no-repeat; clear:both;}

#bottom_bar {background:url(../images/bottom_bar.jpg) repeat-x; height:180px; margin:15px 0;}
#bottom_bar_inside {margin:0 auto; width:675px; text-align:right;}
.bottom_button {width:25%; height:150px; text-align:center; position:relative; top:25px;}
.left {float:left;}
.middle {float:left; position:relative; left:85px;}
.right {float:right;}
.bottom_button span {font-size:12px;}
.bottom_button img {border:none;}
.bottom_button a {color:#491F67; text-decoration:underline;}
.bottom_button a:hover {color:#666;}

#foot_links {margin:0 auto; width:800px; text-align:center; display:none;}
#foot_links a {color:#333; text-decoration:underline; font-size:13px; margin:0 8px;}
#foot_links a:hover {color:#666;}

#copyright {margin:10px auto; width:800px; text-align:right; font-size:12px; clear:both;}
#copyright span {position:relative; top:15px; right:50px;