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

/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* {
	padding: 0;
	margin: 0;
	
	line-height: normal;
}

body {
	margin: 10px 0 40px 0;
	padding: 0;
	font: .70em/1.5em Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	background-color: #000000;
}
body a {text-decoration:none;
border-bottom:1px dotted #000000; 
color: #000000;
}

/* links */
a { 
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	background-color: inherit;
}
ul { list-style-type: none; }
ol { list-style: none; } 

/* headers */
h1{
	font: bold 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #60A2D4;
}
h1 {
	font-size: 1.4em;
	color: #2E6FBF;
	padding: 10px 0 0 10px;
} 



/* user-defined classes */
.clear {
	clear: both;
	font-weight: bold;
}

/********************************************
   Common Layout Selectors
********************************************/

#divWrapper {
	width: 764px;
	margin: 0 auto;
background-color: #FFFFFF;
}
#divHeader {
	width: 764px;
	height: 226px;
	margin: 0 auto;
	background-image: url(locksmith/locksmithstokeontrent2.jpg);
	background-repeat: no-repeat;
}
.flash1{ float:left;
margin: -98px 0 0 190px; 

position: relative;
}
.links 
{
float: left;
	

	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
padding: 3px 0 0 190px;
}

.links a{color: #FFF; font-weight: bold; text-decoration:none; border-bottom: none;}
.links a:hover {
	color: #F00;
}
.links li { display: inline; padding: 0 43px 0 0 }

#divtowns {
	width: 364px;
	height: 226px;
	float: right;
}
.safe{
	font: bold 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 45px 0 0 8px;
}
.sheffield {  float: right;
 margin: -107px 44px 0 0px;
color: #FFFFFF;
 display:inline;

}
.stoke {  
  float: right;
 margin: -92px 104px 0 0px;
 display:inline;
color: #FFFFFF;

}
.nottingham {  
  float: right;
 margin: -87px 12px 0 0px;
color: #FFFFFF;
 display:inline;
}
.derby {  
  float: right;
 margin: -67px 109px 0 0px;
color: #FFFFFF;
 display:inline;
}
.leicester {  
  float: right;
 margin: -36px 34px 0 0px;
color: #FFFFFF;
 display:inline;
}
.wolverhampton {  
  float: right;
 margin: -42px 94px 0 0px;
color: #FFFFFF;
 display:inline;
}
.birmingham {  
  float: right;
 margin: -8px 124px 0 0px;
color: #FFFFFF;
 display:inline;
}
.coventry {  
  float: right;
 margin: -32px 104px 0 0px;
color: #FFFFFF;
 display:inline;
}
.northampton {  
  float: right;
 margin: -5px 0px 0 0px;
color: #FFFFFF;
 display:inline;
}
#divLeft {
	width: 220px;
	background-image: url(locksmith/locksmith2.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
float: left;
}
#divLeft2 {
	width: 40px;
	background-image: url(locksmith/locksmith2.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
float: left;
height: 400px;
}


#divLeft ul{
	padding: 0 0 0 50px;
	list-style-type: square;		
}
#divLeft p{
	padding: 10px 0 0 50px;
			
}
#divMain {
	width: 365px;
	float: left;
	border-left: 1px dashed #000;
padding:0 0 0 5px;
	
}
#divMain2 {
	width: 690px;
	float: left;
	padding:0 0 0 5px;
	
}
#divMain3 {
	width: 540px;
	float: left;
	padding:0 0 0 5px;
	
}
#divMain3 p{
	padding: 20px 0 0 0 ;
}
#divMain2 p{
	padding: 20px 0 0 0 ;
}
#divMain p{
	padding: 20px 0 0 0 ;
}
#divRight {
	width: 165px;
	float: left;
}

#divRight img{
	border: 2px solid #999;
	padding: 2px;
	margin: 10px 0 0 0;
	
}


#divFooter{
	background-image: url(locksmith/locksmithfooter.jpg);
	background-repeat:no-repeat;
float: left;
padding: 30px 0 0 0;
width: 764px;
background-position:bottom left ; 
background-color: #FFF;
}
#divFooter p{
	margin: 0 auto;
	padding: 10px 0 0 0;
	font-size: 10px;
width: 600px;
text-align: center;
}


#divFooter img{
	float: right;
padding: 10px 5px 10px 0;
margin: 0px 0 0 0;
}
#divFooter .yale {margin: -5px 0 0 0;}


#contact-area {
	width: 260px;
	margin: -180px 10px 0 0px;
	float: right;


}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 130px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 15px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 60px;
	padding-top: 5px;
	font-size: 1.0em;
}
.safeenginner{margin:0 0 0 -28px !important;}
.contact{margin:0 0 0 -36px !important;}
.alocksmith{margin:0 0 0 -36px !important;}
#divMain2 li{padding: 5px 0 0 0;}
#divMain3 .image1{float: left; clear: left; padding:25px 10px 0 10px;}
#divMain3 .image2{float: left; clear: left; padding: 10px 10px 0px 10px;}
#divMain3 .image3{float: left; clear: left; padding: 10px 10px 60px 10px;}
#divRight li{padding: 5px 0 0 0;}
#divRight ul {padding: 5px 0 0 20px;}
#divRight p {padding: 25px 0 0 20px;}
.rad0 {float: left; padding: 10px;}
.rad1 {float: left; padding: 10px 0 0 160px;}
.rad2 {float: left; padding: 10px;}
.rad3 {float: left; padding: 10px 0 0 160px;}
.title1{
	font-weight: bold;
}
.lock1 {float: left; padding: 10px 50px 0 0; list-style-type: square;}
.lock2 {float: left; padding: 10px  30px 0 0; list-style-type: square;}
.lock3 {float: left; padding: 10px  0px 0 20px; list-style-type: square;}
.safe1{float; left;
	padding: 10px;
	list-style-type: square;
}
.town1{float: left; padding: 10px 30px 0 0;}
.town2{float: left; padding: 10px 30px 0 0;}
.town3{float: left; padding: 10px 0 0 0;}
.conimage1{float: left;clear: left; padding: 10px 140px 0 0;}
.conimage2{float: left; clear: left; padding: 0 0 60px 10px;}
.contact3{ padding: 10px;}
.bold {
	font-weight: bold;
}