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

body {
background:#e9e9e9;
font-family:Arial;
text-align:center;
margin:0px auto;
}

#wrapper {
width:900px;
margin:0px auto;
}

#top-row {
width:900px;
height:151px;
float:left;
background:url(images/topbg.jpg) no-repeat;
}

	.flashbanner {
	width:900px;
	height:100px;
	float:left;
	}
	
#navigation {
width:900px;
float:left;
height:41px;
margin-top:10px;
text-align:left;
}

	#navigation ul {
	list-style:none;
	padding:0;
	margin:0;
	}
	
	#navigation li {
	float:left;
	}
	
	#navigation li a {
	background:url(images/navigation-button.png) no-repeat;
	line-height:40px;
	width:101px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-size:11pt;
	}
	
	#navigation a.active {
	background:url(images/navigation-hover.png) no-repeat;
	}
	
	#navigation li a:hover {
	background:url(images/navigation-hover.png) no-repeat;
	}

#banner {
width:900px;
height:225px;
float:left;
background:#FFFFFF;
}

	.usalocksmith-image {
	width:600px;
	height:225px;
	float:left;
	}
	
	#click {
	width:300px;
	height:225px;
	float:left;
	background:url(images/click-to-call-bg.jpg) repeat-x;
	}
	
	#click-to-call-text {
	width:250px;
	font-size:10pt;
	margin-left:20px;
	text-align:left;
	display:block;
	}
	
	p.click-to-call {
	margin:0px 0px 15px 0px;
	}
	
	a.call-now {
	background:url(images/red-button.gif) no-repeat;
	line-height:25px;
	width:80px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	}
	
	a.call-now:hover {
	background:url(images/blue-button.gif) no-repeat;
	}
	
#services {
width:900px;
height:225px;
float:left;
background:url(images/boxes-background.jpg) #FFFFFF repeat-x;
margin-top:1px;
border-bottom:10px #F5F5F5 solid;
}

.servicesection {
width:223px;
height:225px;
float:left;
}

h2.title {			
float:left;
display:inline;
font-size:12pt;
margin:10px 0 0 10px;
}

	.description {
	width:223px;
	float:left;
	}

p.service {
font-size:8.5pt;
margin:0px 10px 0px 10px;
}

	.service-image {
	margin:10px 0px 0px 10px;
	float:left;
	}

	.service-button {
	margin:35px 0px 0px 10px;
	float:left;
	}

a.service-btn {
background:url(images/blue-button.gif) no-repeat;
display:block;
width:80px;
height:25px;
line-height:25px;
font-size:8pt;
color:#F1F1F1;
text-decoration:none;
}

a.service-btn:hover {
background:url(images/red-button.gif) no-repeat;
}
div.line {
width:2px;
height:225px;
background:url(images/line.jpg) #FFFFFF no-repeat;
float:left;
}

#residentialButton
{
  display: block;
  width: 83px;
  height: 26px;
  background: url("images/read_more.gif") no-repeat 0 0;
}

#residentialButton:hover
{ 
  background-position: 0 -26px;
}

#residentialButton span
{
  display: none;
}

#commercialButton
{
  display: block;
  width: 83px;
  height: 26px;
  background: url("images/read_more.gif") no-repeat 0 0;
}

#commercialButton:hover
{ 
  background-position: 0 -26px;
}

#commercialButton span
{
  display: none;
}

#membershipButton
{
  display: block;
  width: 83px;
  height: 26px;
  background: url("images/clickhere.gif") no-repeat 0 0;
}

#membershipButton:hover
{ 
  background-position: 0 -26px;
}

#membershipButton span
{
  display: none;
}

#subcontractorButton
{
  display: block;
  width: 83px;
  height: 26px;
  background: url("images/clickhere.gif") no-repeat 0 0;
}

#subcontractorButton:hover
{ 
  background-position: 0 -26px;
}

#subcontractorButton span
{
  display: none;
}


p {
font-size:9pt;
margin:0px 0px 10px 10px;
text-align:left;
}
td{
font-size:9pt;
text-align:left;
}
table {
margin:0px 0px 10px 10px;
float:left;
}

#maincontent {
width:900px;
background:#FFFFFF;
float:left;
}

#leftsection {
width:500px;
float:left;	
}

	ul.towns {
	list-style:none;
	display:block;
	margin:0;
	float:left;
	width:110px;
	padding-left:0px;
	margin-left:10px;
	text-align:left;
	}
	
	li.towns {
	list-style:none;
	margin:0px;
	text-align:left;
	height:25px;
	padding:0px 0px 0px 3px;
	}
	
	li.towns a {
	font-size:9pt;
	color:#888888;
	display:block;
	margin:0px;
	text-align:left;
	padding:3px;
	}
	
	li.towns a:hover {
	font-size:9pt;
	color:#888888;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	margin:0px;
	padding:3px;
	/*padding:3px 3px 5px 3px;*/
	}

#leftsection ul {
font-size:9pt;
text-align:left;
}

#leftsection h2 {
font-size:9pt;
text-align:left;

}

#rightsection {
width:400px;
float:left;
}

#news-article {
width:400px;
float:left;

}
	.articles-list {
	width:400px;
	float:left;
	}
	
	a.more-articles {
	width:380px;
	font-size:9pt;
	color:#888888;			
	margin:5px 0px 5px 10px;
	text-align:left;
	float:left;
	}
	
	p.article-description {			
	width:400px;
	color:#999966;
	float:left;
	margin:0px 0px 0px 10px;
	}

#service-area {
width:400px;
float:left;
text-align:left;
margin:0px;
padding:0px;
margin-left:0px;
}

	/*#locations {
	width:380px;
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px;
	text-align:left;
	}*/

	ul.location {
	list-style:none;
	display:block;
	margin:0;
	float:left;
	width:50px;
	padding-left:0px;
	margin-left:10px;
	}
	
	li.location-area {
	list-style:none;
	margin:0px;
	text-align:left;
	height:25px;
	padding:0px 0px 0px 3px;
	}
	
	li.location-area a {
	font-size:9pt;
	color:#000000;
	display:block;
	margin:0px;
	text-align:left;
	padding:3px;
	}
	
	li.location-area a:hover {
	font-size:9pt;
	color:#F1F1F1;
	font-weight:bold;
	background:url(images/locations-hover.jpg) no-repeat;
	text-decoration:none;
	text-align:left;
	margin:0px;
	padding:3px;
	/*padding:3px 3px 5px 3px;*/
	}
	
	a.more-locations {
	font-size:10pt;
	color:#888888;
	display:block;
	}

#bloging {
width:400px;
float:left;
}
	.payment {
	width:400px;
	float:left;
	}

#bookmarking {
width:400px;
float:left;
}

#bookmarking a{
width:40px;
height:40px;
display:block;
float:left;
}
	a.facebook {	
	background:url(images/locksmiths_facebook.com.jpg) no-repeat;
	}
	a.facebook:hover {
	background:url(images/locksmiths_facebook.com_hover.jpg) no-repeat;
	}
	a.twitter {
	background:url(images/locksmiths_twitter.com.jpg) no-repeat;
	}
	a.twitter:hover {
	background:url(images/locksmiths_twitter.com_hover.jpg) no-repeat;
	}
	a.digg {
	background:url(images/locksmiths_digg.com.jpg) no-repeat;
	}
	a.digg:hover {
	background:url(images/locksmiths_digg.com_hover.jpg) no-repeat;
	}
	a.yahoo {
	background:url(images/locksmiths_yahoo.com.jpg) no-repeat;
	}
	a.yahoo:hover {
	background:url(images/locksmiths_yahoo.com_hover.jpg) no-repeat;
	}
	a.myspace {
	background:url(images/locksmiths_myspace.com.jpg) no-repeat;
	}
	a.myspace:hover {
	background:url(images/locksmiths_myspace.com_hover.jpg) no-repeat;
	}
	a.google {
	background:url(images/locksmiths_google.com.jpg) no-repeat;
	}
	a.google:hover {
	background:url(images/locksmiths_google.com_hover.jpg) no-repeat;
	}
	a.youtube {
	background:url(images/locksmiths_youtube.com.jpg) no-repeat;
	}
	a.youtube:hover {
	background:url(images/locksmiths_youtube.com_hover.jpg) no-repeat;
	}
	a.linkedin {
	background:url(images/locksmiths_linkedin.com.jpg) no-repeat;
	}
	a.linkedin:hover {
	background:url(images/locksmiths_linkedin.com_hover.jpg) no-repeat;
	}
/*	a.rss {
	background:url(images/locksmiths_rss-feed.com.jpg) no-repeat;
	}
	a.rss:hover {
	background:url(images/locksmiths_rss-feed.com_hover.jpg) no-repeat; */
	}
	a.rss {
	background:url(images/locksmiths_rss-feed.jpg) no-repeat;
	}
	a.rss:hover {
	background:url(images/locksmiths_rss-feed_hover.jpg) no-repeat;
	}
	a.blogger {
	background:url(images/locksmiths_blogger.com.jpg) no-repeat;
	}
	a.blogger:hover {
	background:url(images/locksmiths_blogger.com_hover.jpg) no-repeat;
	}

#footer {
width:900px;
float:left;
}
	.copyright {
	width:900px;
	height:50px;
	background-color:#d6d6d6;
	float:left;
	border-top:1px white solid;
	line-height:50px;
	}
	
	#footer-navigation {
	width:900px;
	float:left;
	height:40px;
	line-height:40px;
	text-align:left;
	}
	
	#footer-navigation ul {
	list-style:none;
	padding:0;
	margin:0;
	}
	
	#footer-navigation li {
	float:left;
	/*margin:0 1px;*/
	}
	
	#footer-navigation li a {
	background:url(images/nav_background.jpg) repeat-x;
	line-height:40px;
	width:98px;
	display:block;		
	text-decoration:none;
	text-align:center;
	font-size:9pt;
	color:#999999;
	}
	#footer-navigation li a:hover {
	background:url(images/nav_hover.jpg) no-repeat;
	}
	div.line-nav {
	width:2px;
	height:40px;
	background-image:url(images/nav_line.jpg);
	display:block;
	float:left;
	}

h1 {
font-size:18pt;
color:#df000a;
text-align:left;
margin-left:10px;
display:block;
}

h2 {
font-size:12pt;
text-align:left;
display:block;
margin:0px 0px 10px 10px;
}

	h2.news-article-main {
	color:#888888;
	margin:10px 0px 10px 10px;
	}
	
	h2.news-title{
	font-size:10pt;
	color:#004185;
	margin-left:10px;
	}
	
	h2.location-title {
	font-size:12pt;
	color:#014083;
	display:block;
	margin-top:10px;
	}

a {
margin:0px;
}
a.article-readmore {
	font-size:8pt;
	color:#df000a;
}
a.footer-link {
font-size:10pt;
color:#000000;
}

p.copyrights {
font-size:10pt;
text-align:center;
}
p.captcha {
color:#FFFFFF;
background:#002a64;
display:block;
text-align:center;
margin-left:3px;
width:50px;
}
p.error {
color:red;
font-weight:bold;
}