/* =r reset */
html, body, p, a, div, span, table, th, td, ul, li, h1, h2, h3, h4, h5{
	padding: 0px;
	margin: 0px;
}
html{
	font-size: 100%;
}
li{
	margin-left: 20px;
}
h1, h2, h3, h4, h5, p, ul{
	margin-bottom: 10px;
}
body{
	font-family: Verdana, Arial, Sans-serif;
}
a, a img{
  border: 0px;
  color: #555555;
}
strong{
  color: #000000;
  font-weight: bold;
}

/* =h headers */
h1, h2{
	font-size: 20px;
}

/* =b basic setup */
/* =b1 background stuff */
body{
	font-size: 14px;
	background: #141414 url('../img/global/bg_body.jpg') no-repeat center top;
	text-align: center;
}

/* =b2 borders and containers */
#topcontainer{
	width: 760px;
	text-align: center;
	margin: 0px auto;
}
#outerborder{
	border: 1px solid #000000;
	border-top: 0px;
}
#innercontainer{
	background: #9e9e9e;
	border: 1px solid #565656;
	border-top: 0px;
}
#content{
	width: 710px;
	margin: auto auto;
	background: #ffffff;
	border: 1px solid #6d6d6d;
	text-align: justify;
	overflow: hidden;
}
#innerborder{
	border: 1px solid #d6d6d6;
	overflow: hidden;
}
#body{
	padding: 25px;
}

/* =b2 menu */
#menu{
	margin: 20px 25px 0px 25px;
	overflow: auto;
	width: 670px;
}
#menu li{
	list-style-type: none;
	float: left;
	width: 127px;
	margin-left: 5px;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
  height: 60px;
  overflow: hidden;
  position: relative;
}
#menu a{
  color: #000000;
  text-decoration: none;
}
#menu a:hover{
  text-decoration: underline;
}
#menu a span{
  width: 127px;
	height: 60px;
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px auto;
}
/* active page states */
#homepage #menu a#home span,
#stolpage #menu a#stol span,
#factpage #menu a#fact span,
#helppage #menu a#help span,
#antipage #menu a#anti span{
  background-position: 0px -120px;
}
/* hover states */
#menu a:hover#home span,
#menu a:hover#stol span,
#menu a:hover#fact span,
#menu a:hover#help span,
#menu a:hover#anti span,
#menu a:hover span{
  background-position: 0px -60px;
}
/* menu background images */
#menu a#home span{ background: url('../img/global/menu_home.jpg') no-repeat; }
#menu a#stol span{ background: url('../img/global/menu_stolen-car-keys.jpg') no-repeat; }
#menu a#fact span{ background: url('../img/global/menu_facts-and-figures.jpg') no-repeat; }
#menu a#help span{ background: url('../img/global/menu_helpful-links.jpg') no-repeat; }
#menu a#anti span{ background: url('../img/global/menu_anti-theft-devices.jpg') no-repeat; }

/* =b4 header */
#header{
	position: relative;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	height: 99px;
}
#header div{
	width: 740px;
	height: 99px;
	background: url('../img/global/h0.jpg') no-repeat left top;
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px auto;
}

/* =b5 footer */
#footer{
	text-align: center;
	font-size: 10px;
	margin: 10px;
}
#footer p{
	margin: 0px;
}
#footer a{
	color: #000000;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}

/* =s signoff */
#signoff{
	font-size: 10px;
	text-align: left;
	text-transform: uppercase;
	color: #5b5b5b;
	margin-bottom: 10px;
}
#signoff span{
	color: #888888;
}

/* =p page setup */
/* =p0 global page settings */
#headline{
	clear: both;
	background: url('../img/home/bg_headline.jpg') no-repeat left top;
	height: 137px;
	width: 670px;
  margin-bottom: 5px;
}
#headline p{
	padding: 30px 30px 20px 140px;
	font-size: 26px;
}
#text,
#image{
	margin-bottom: 20px;
}
#text{
	float: left;
}
#image{
	float: right;
}

/* more info box */
#moreinfo{
	clear: both;
	background: url('../img/home/bg_moreinfo_bottom.jpg') no-repeat left bottom;
	min-height: 37px;
	width: 670px;
	padding-bottom: 10px;
}
#moreinfo h3{
  margin: 0px;
	padding: 10px 5px 5px 30px;
  background: url('../img/home/bg_moreinfo_top.jpg') no-repeat left top;
	font-weight: bold;
  font-size: 14px;
}
#moreinfo dl,
#moreinfo div{
  margin: 0px;
  padding: 5px 30px 5px 20px;
  background: url('../img/home/bg_moreinfo.jpg') repeat-y left bottom;
  margin-bottom: 10px;
}
#moreinfo div{
  margin-bottom: 0px
}
#moreinfo dl dt{
  padding-left: 20px;
  margin-top: 10px;
  font-weight: bold;
  background: url('../img/global/arrow_black.jpg') no-repeat left center;
}
#moreinfo dl dd{
  margin-left: 0px;
  padding-left: 20px;
}
#moreinfo dl dd li{
  margin-top: 5px;
}
#moreinfo dl dd a{
  font-size: 12px;
}
#moreinfo dl dd p{
  margin-bottom: 0px;
}
#moreinfo dl dd dl{
  background: #ffffff;
  padding: 0px 20px 0px 0px;
}

/* =p1 homepage */
#homepage h1 span{
  display: none;
}
#homepage #text{
	width: 340px;
}


/* =p2 stolen car keys page */
#stolpage #text{
	width: 440px;
}
#stolpage #text h2{
  font-size: 16px;
}

/* =p3 facts and figures page */
#factpage #text{
	width: 490px;
}
#factpage #text ul li{
  margin-bottom: 10px;
}
#factpage #text ul li a{
  text-decoration: none;
  color: #000000;
}
#factpage #text ul li a:hover{
  text-decoration: underline;
}

/* =p4 helpful links page */
#helppage #text{
	width: 440px;
}
#helppage #text h2{
  font-size: 16px;
}

/* =p5 anti-theft devices page */
#antipage #text{
	width: 380px;
}
#antipage #text a img{
  display: block;
  text-align: center;
  margin: 120px auto 0px auto;
}
#antipage #image img{
  display: block;
  margin-bottom: 5px;
}