@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,  
fieldset, /*form,*/ label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
	background: transparent;
}

html { overflow: -moz-scrollbars-vertical !important; }
body { font: normal 12px Arial, Helvetica, sans-serif; color: #333; background: #000 url(../images/bg-body.png) repeat-x left top; margin: 10px 0; }
input { margin:0; }
a:link { color: #e7181c; text-decoration: none; }
a:visited { color: #0033FF; text-decoration: none; }
a:hover { color: #e7181c; text-decoration: underline; }
a:active { color: #e7181c; text-decoration: underline; background-color: #ebebeb; }
h1 { margin: 0 0 0.75em; font: bold 20px Arial, Helvetica, sans-serif; color: #000; }
h2 { margin: 0 0 0.5em; font: normal 17px Arial, Helvetica, sans-serif; color: #666; }
h3 { margin: 0 0 0.25em; font: bold 14px Arial, Helvetica, sans-serif; color: #8B1A1C; }
h4 { margin: 0 0 2px; font: bold 11px Arial, Helvetica, sans-serif; color: #e7181c; text-transform: uppercase; }
p { margin: 0 0 1em; }

#container, #header, #topbar, #topper, #menu, #content, #footer { width: 880px; }

#header, #topbar div, #content, #sidebar, #footer { float: left; }
#main { float: right; }
#main li { margin-bottom: 6px; }

#container { margin: 0 auto; overflow: hidden; }
#header { height: 118px; }
#topbar { height: 93px; background: url(../images/topbar-right.png) no-repeat left top; }
#topbar h2 { display: block; width: 129px; height: 93px; margin:0; }
#topbar h2 a { display: block; width: 129px; height: 93px; text-indent: -9999px; cursor: pointer; background: url(../images/logo-locator-systems.gif) no-repeat left top; }
#topbar h3 { display: block; width: 155px; height: 93px; margin:0; } 
#topbar h3 a { display: block; width: 155px; height: 93px; text-indent: -9999px; cursor: pointer; background: url(../images/logo-lojack-safetynet.gif) no-repeat left top; }

#menu { background: url(../images/bg-menu.jpg) repeat left top; }
#menu ul { margin: 0 0 0 15px; padding:0;}
#menu li { display: inline;  }
#menu a:link, #menu a:visited { letter-spacing: 1px; display: inline-block; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; padding: 5px 12px; background-color: transparent; }
#menu a:hover, #menu a:active { text-decoration: none; background-color: #000; }

#index #main { float: left; width: 588px; height: 383px; padding: 0; background: url(../images/index-main.jpg) no-repeat left top; }
#index #main h1 { margin: 0; padding:0; }
#index #main h1 a { display: block; width: 310px; height: 100px; text-indent: -9999px; }
#index #main p { text-indent: -9999px; }
#index #sidebar { float: right; width: 292px; }
#index #content { background: #fff url(../images/bg-index-content.jpg) no-repeat left bottom; }

#welcome { width: 248px; background: #d4d4d4 url(../images/bg-index-sidebar.png) repeat-x top left; padding: 20px 22px 26px; }
#welcome p { font: normal 12px/16px Arial, Helvetica, sans-serif; width: 97%; }
#welcome h3 { font: bold 17px/19px Arial, Helvetica, sans-serif; color: #000; margin:0 0 8px; padding:0; }

#contact { width: 294px; height: 138px; background: url(../images/bg-contact.jpg) no-repeat left top; }
#contact * { text-indent: -9999px; }

#index #footer { background: none; padding-top: 0; }
#footer { text-align: center; color: #eee; font: normal 11px/16px Arial, Helvetica, sans-serif; }
#footer ul { margin: 5px 0; padding:0;}
#footer li { display: inline; margin:0; padding:0; }
#footer a { background: url(../images/bg-footer-nav.gif) no-repeat right; padding: 0 12px 0 9px; font-size: 12px; color: #fff; }
#container li .last { background: none; }

#content { background: #fff url(../images/bg-page.gif) repeat-y left top; }
#topper { height: 38px; background: url(../images/page-topper.gif) no-repeat left top; }
#sidebar { width: 206px; }
#main { width: 600px; padding: 25px 37px; }
#footer { background: url(../images/bg-footer.gif) no-repeat left top; padding-top: 32px; }

#sidebar ul { width: 184px; margin:0; padding:0; }
#sidebar li { width: 184px; margin:0; padding:0; margin-bottom: 2px; }
#sidebar li a { width: 164px; padding: 6px 10px 6px 10px; display: block; cursor: pointer; background: url(../images/bg-sidebar-nav.gif) repeat-x; background-position: 0 -31px; text-decoration: none; color: #fff; text-transform: uppercase; font: bold 11px Arial, Helvetica, sans-serif; }
#sidebar li a:hover { background-position: 0 0; color: #fff; }

.imgright { margin: 0 0 20px 20px; float: right; }