@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
}

h1 {
	font-size: 18px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 18px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.skyscraper {
position:absolute;
top:120px;
right:-180px;
}
h3 {
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
}

a {
	color: #76508d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#container {
	width: 775px;
	margin: 0 auto 0 auto;
	position:relative;
}

#header {
	width: 745px;
	height: 96px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

#headleft {
	width: 236px;
	float: left;
	padding-top: 7px;
}

#headright {
	width: 500px;
	float: right;
	padding-top: 7px;
}

#headcontact {
	height: 64px;
	width: 498px;
	float: left;
	padding-right: 2px;
}

#headcontact p {
	margin: 0px;
	font-weight: bold;
	color: #764f8d;
	word-spacing: 15px;
	text-align: right;
}

#headcontact h1 {
	margin: 0px;
	font-style: italic;
	color: #656666;
	font-size: 20px;
	text-align: right;
	margin: 3px 0px 0px 0px;
}

#headcontact h2 {
	margin: 0px;
	font-style: italic;
	color: #764f8d;
	font-size: 12px;
	text-align: right;
	margin: 3px 0px 0px 0px;
}

#topnav {
	width: 489px;
	height: 25px;
	float: right;
}

.topnavbutton {
	height: 25px;
	float: left;
	background-image: url(images/topnavbg.jpg);
	background-repeat: repeat-x;
	margin-left: 1px;
	text-align: center;
	background-color: #764f8d;
}

.topnavbuttonl {
	height: 25px;
	width: 9px;
	float: left;
	background-image: url(images/topnavbg-left.jpg);
}

.topnavbuttontxt {
	float: left;
	padding-top: 5px;
}

.topnavbuttonr {
	height: 25px;
	width: 9px;
	float: left;
	background-image: url(images/topnavbg-right.jpg);
}

.topnavbutton p {
	margin: 0px;
}

.topnavbutton a {
	color: #FFFFFF;
}

#toparea {
	width: 775px;
	height: 324px;
	float: left;
	padding-bottom:20px;
}
.adleft {
	float:left;
	width:360px;
}
.adright {
	float:right;
	width:360px;
}

#navigation {
	width: 229px;
	float: left;
	border: 10px solid #c5c4c6;
}

#navigation p {
	margin: 0px;
}

.navimg {
	margin-right: 5px;
}

#services {
	height: 21px;
	width: 226px;
	float: left;
	padding-bottom: 4px;
	background-image: url(images/servicesnav-bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-left: 3px;
	padding-top: 3px;
}

#services p {
	font-size: 12px;
	font-weight: bold;
	margin-top: 6px;
}

#services a {
	color: #8e5ca6;
}

#navarea {
	width: 226px;
	float: left;
	padding-left: 3px;
	padding-bottom: 15px;
	background-image: url(images/servicesnav-bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

#navarea p {
	line-height: 20px;
	font-size: 12px;
}

#training {
	height: 21px;
	width: 226px;
	float: left;
	background-image: url(images/trainingnav-bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 4px;
	padding-left: 3px;
}

#training p {
	font-size: 10px;
	font-weight: bold;
	margin-top: 4px;
}

#training a {
	color: #8e5ca6;
}

#careers {
	height: 21px;
	width: 226px;
	float: left;
	background-image: url(images/trainingnav-bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 4px;
	padding-left: 3px;
}

#careers p {
	font-size: 10px;
	font-weight: bold;
	margin-top: 5px;
}

#careers a {
	color: #8e5ca6;
}

#offers {
	height: 21px;
	width: 226px;
	float: left;
	background-image: url(images/offersnav-bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 8px;
	padding-left: 3px;
}

#offers p {
	font-size: 10px;
	font-weight: bold;
	margin-top: 4px;
}

#offers a {
	color: #8e5ca6;
}

#topflashbanner {
	height: 304px;
	width: 515px;
	float: right;
}

#content {
	width: 775px;
	float: left;
	margin-top: 23px;
}

#leftcontent {
	width: 248px;
	float: left;
}

#freemembership {
	width: 221px;
	float: left;
	border: 3px solid #c5c4c6;
	padding: 1px;
	background-image: url(images/freemembership-bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding: 105px 10px 10px 10px;
}

#freemembership p {
	margin: 0px;
}

#freemembership a {
	color: #000000;
}

.membershipdetails {
	text-align: right;
	font-size: 10px;
}

.purpletxt {
	color: #764f8d;
}

#contactflashbanner {
	width: 241px;
	height: 51px;
	float: left;
	border: 3px solid #c5c4c6;
	margin-top: 12px;
}

#doorstoponehour {
	width: 241px;
	height: 129px;
	float: left;
	border: 3px solid #c5c4c6;
	margin-top: 12px;
	background-image: url(images/1hourbg.jpg);
	background-color: #8e5ca6;
}

#onehourdetails {
	width: 71px;
	height: 75px;
	float: left;
	padding-right: 5px;
	padding-left: 165px;
	padding-top: 10px;
}

#onehourdetails p {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0px;
}

#onehourdetails a {
	color: #000000;
}

#onehourdetailsbottom {
	width: 233px;
	height: 36px;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 8px;
}

#onehourdetailsbottom p {
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin: 0px;
}

.onehourbigtxt {
	font-size: 22px;
}

#oapdiscount {
	width: 231px;
	height: 44px;
	float: left;
	border: 3px solid #c5c4c6;
	background-image: url(images/oapdiscountbg.jpg);
	padding: 90px 0px 5px 10px;
	background-color: 8e5ca6;
	margin-top: 12px;
}

#oapdiscount h3 {
	margin: 0px;
	font-size: 18px;
	color: #FFFFFF;
}

#oapdiscount p {
	margin: 0px;
	color: #FFFFFF;
}

#oapdiscount a {
	color: #FFFFFF;
}

#bottomflashbanner {
	width: 241px;
	float: left;
	border: 3px solid #c5c4c6;
	margin-top: 12px;
}

#rightcontent {
	width: 519px;
	float: right;
}

#locksmithlocatetop {
	height: 7px;
	width: 519px;
	float: left;
	background-color: #c5c4c6;
	background-image: url(images/locatelocksmith-left.jpg);
	background-position: left;
	background-repeat: repeat-y;
	font-size: 0px;
}

#locksmithborder {
	width: 519px;
	float: left;
	background-image: url(images/locksmithlocatebg.jpg);
	background-position: right;
	background-repeat: repeat-y;
}

#locksmithcontent {
	width: 474px;
	float: left;
	background-image: url(images/locksmithlocatebg-content.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 15px 15px 15px 30px;
}

#locksmithlocatetxt {
	width: 160px;
	float: left;
	padding-left: 80px;
}
#locksmithlocatetxt2 {
	width: 250px;
	float: left;
	padding-left: 48px;
}
#locksmithlocatetxt3 {
	float: right;
	width: 155px;
}
#locksmithlocatetxt p {
 	color: #404040;
}

.locksmithlocatelist {
	list-style-image: url(images/locksmithlocate-arrow.jpg);
}

.locksmithlocatelist li {
	line-height: 16px;
	font-size: 12px;
}

.righttxt {
	text-align: right;
}

#locatemap {
	width: 130px;
	height: 217px;
	float: right;
}

#locksmithlocatecontact {
	width: 474px;
	float: right;
	margin-top: 5px;
}

#locksmithlocatecontact p {
	color: #656666;
	font-style: italic;
	font-size: 12px;
}

.locksmithlocatecontact2 {
	font-size: 10px;
	color: #8f5ca6;
}

#lockedout {
	width: 329px;
	height: 159px;
	float: right;
	border: 7px solid #c5c4c6;
	margin-top: 17px;
	background-image: url(images/lockedout-bg.jpg);
	padding-right: 160px;
	padding-left: 10px;
	padding-top: 15px;
}

#lockedout h2 {
	color: #76508d;
	margin: 0px;
	font-size: 24px;
}

#lockedout p {
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 5px;
}

.lockedoutsmall {
	font-size: 12px;
}

.lockedoutgrey {
	color: #3f3f3f;
}

#annualsecurity {
	width: 498px;
	float: right;
	background-image: url(images/annualsecurityoffer-bg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 7px solid #c5c4c6;
	margin-top: 22px;
	padding-left: 1px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#annualsecurity h2 {
	color: #76508d;
	margin: 0px;
	font-size: 24px;
}

#annualsecurity p {
	margin-right: 125px;
	margin-left: 25px;
	text-align: justify;
}

#annualsecurity a {
	color: #000000;
}

.annualsecurityimg {
	margin-right: 5px;
}

#allcards {
	width: 508px;
	height: 27px;
	float: right;
	border: 3px solid #c5c4c6;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 21px;
}

#allcardsimg {
	width: 163px;
	height: 25px;
	float: left;
	padding-left: 6px;
	padding-top: 2px;
}

#allcardstxt {
	width: 338px;
	height: 23px;
	float: left;
	background-color: #744b8e;
	text-align: center;
	padding-top: 4px;
}

#allcardstxt p {
	color: #fcee21;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
}

#footer {
	width: 775px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer p {
	margin: 0px;
	line-height: 16px;
}

#footer a {
	color: #000000;
}

#innercontent {
	min-height: 635px;
	height: auto !important;
	height: 635px;
	width: 506px;
	float: right;
	border: 4px solid #c5c4c6;
	background-image: url(images/innercontentbg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 60px;
}

#innercontenthead {
	height: 94px;
	width: 471px;
	float: left;
	background-color: #794897;
	background-image: url(images/innercontenthead-bg.jpg);
	padding-top: 15px;
	padding-right: 35px;
	text-align: right;
}

#innercontenthead {
	letter-spacing: -2px;
}

#innercontenttxt {
	width: 460px;
	float: left;
	padding: 15px 20px 0px 20px;
	text-align: justify;
}

#innercontenttxt h2 {
	color: #764f8d;
}

#innercontenttxt p {
	line-height: 16px;
}

.innercontentleft {
	width: 220px;
	float: left;
}

.innercontentright {
	width: 220px;
	float: left;
	padding-left: 20px;
}

.underlinelink {
	text-decoration: underline;
	color: #000000;
}

.bigpurpletxt {
	font-size: 12px;
	color: #764f8d;
}

.imgsmallmarginright {
	margin-right: 2px;
}

.dgreytxt {
	color: #404040;
}

.centertxt {
	text-align: center;
}

.txtsizeeleven {
	font-size: 11px;
}

.txtsizetwelve {
	font-size: 12px;
}

.localtable {
	color: #764f8d;
	font-size: 11px;
	width: 220px;
}

.localtable td {
	padding: 5px;
}

.greytrbg {
	background-color: #dededd;
}

.purplelist {
	color: #764f8d;
	list-style-image: url(images/list-star.jpg);
}

.purplelist li {
	line-height: 16px;
}

.lineheight li {
	line-height: 16px;
}

.bigpurpleboldtxt {
	font-size: 12px;
	color: #764f8d;
	font-weight: bold;
}

.underlinetxt {
	text-decoration: underline;
}

.greystarlist {
	list-style-image: url(images/list-star.jpg);
}

.greystarlist li {
	line-height: 16px;
}

.purplebgbox {
	width: 200px;
	float: left;
	padding: 10px;
	background-color: #8e5da6;
}

.purplebgbox p {
	color: #FFFFFF;
}

.purplebgbox a {
	color: #FFFFFF;
}

.boldtxt {
	font-weight: bold;
}

.leftimgmargin {
	margin-right: 10px;
}

.testimonialswhitebox {
	width: 440px;
	float: left;
	padding: 10px;
	margin-bottom: 20px;
}

.testimonialsgreybox {
	width: 440px;
	float: left;
	background-color: #e9e9e9;
	padding: 10px;
	margin-bottom: 20px;
}

#vehiclesgreybox {
	width: 440px;
	float: left;
	padding: 10px;
	background-color: #dddcdc;
}

#contactmap {
	width: 200px;
	float: right;
}

.contactforminput {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

.contactformsubmit {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	font-size: 12px;
}

.purpleboldtxt {
	color: #764f8d;
	font-weight: bold;
}

.colsarea {
	float: left;
	margin-bottom: 16px;
}

.cmstitle{
	text-align:center;
	font-size: 26px;
	font-weight: bold;
	color: #70448f;
}

.lrgtxt {
	font-size: 12px;
}
INPUT {
	BORDER-RIGHT: #a7a7a7 1px solid; 
	BORDER-TOP: #a7a7a7 1px solid; 
	FONT-SIZE: 11px; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #a7a7a7 1px solid; 
	COLOR: #696969; 
	BORDER-BOTTOM: #a7a7a7 1px solid; 
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

.mybutton{
	background:#eeeeee;
	color:#898989;
	font-weight:bold;
	height:23px;
}

INPUT.searchbox {
	BORDER-RIGHT: #a7a7a7 1px solid; 
	BORDER-TOP: #a7a7a7 1px solid; 
	FONT-SIZE: 14px; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #a7a7a7 1px solid; 
	COLOR: #696969; 
	BORDER-BOTTOM: #a7a7a7 1px solid; 
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
	height: 20px;
	width: 200px;
	margin-bottom: 5px;
}
