/*Locksmith Website Template CSS*/

* {
	margin: 0;
	padding: 0;
}

/*Website Body*/

body {
	width:80%;
	padding-left:10%;
	padding-right: 10%;
}

leftbody {
	width:34%;
	float:left;

}

@media (max-width: 640px) {
	rightbody {
		width:100% !important;
	}
}

rightbody {
	width: 64%;
	float:right;
}

@media (max-width: 640px) {
	leftbody {
		width:100%;
	}
}

/*Website Logo*/

logo img {
	width:350px;
	height:80px;
}

@media (max-width: 400px) {
	logo img {
		width: 100%;
	}
}

/*Telephone Number*/

tel {
	float: right;
	padding-right: 40px;
	padding-top: 20px;
}

tel a {
	text-decoration: none;
	color: black;
}


/*Header*/

.pagehead:first-child {
	width:100%;
	height: 105px;
	padding-top: 15px;
}

/*Website top Menu*/

menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

menu li {
    display: inline;
    background-color: #9fa4a6;
	float: left;
	border: 1px solid #ffffff;
	text-align: center;
	height: 20px;
	font-size: 14px;
	font-family: sans-serif;
	padding-top: 5px;
	text-decoration: none;
	padding-left: 25px;
	padding-right: 25px;
}

menu ul a {
	text-decoration: none;
	color: #ffffff;
}

menu ul a:hover {
	color:blue;
}

@media (max-width: 640px) {
	menu ul {
		display:none;
	}
}

/*Header Tags*/

h1 { 
}

h2, h3, h4, h5, h6 {
	font-size: x-large;
}

/*Copyright Info*/

copy {
	float:left;
}

/*Footer Link Text*/

footer {
	float: right;
}

.footbar {
	clear:both;
	height:12px;
}

.footbar a{
	text-decoration: none;
	color: black;
}

.sitemap a {
	text-decoration: none;
	color:black;
}

/* Tablet Landscape */
@media screen and (max-width: 1060px) {
#primary { width:67%; }
#secondary { width:30%; margin-left:3%;} 
}
 
/* Tabled Portrait */
@media screen and (max-width: 768px) {
#primary { width:100%; }
#secondary { width:100%; margin:0; border:none; }
}