/*

Theme Name: key-making

Theme URI: key-making.COM

Author: Erachnida Technologies

Author URI: http://www.erachnida.com/

*/@charset "utf-8";

body {

	background-color: #ebebeb;

	background-image: url(images/background.jpg);

	background-repeat: repeat-x;

	margin: 0px;

	padding: 0px;

	background-position: center 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a{
color: #2A8B7A;
text-decoration:none;
}
.clear {

	clear: both;

}

h1{
	color:#555555;
	font-size:24px;
	margin:0px;
	line-height:30px;
	margin:5px 0px 0px 0px;
}

.header {

	width: 982px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 5px;

}

.logo {

	float: left;

	margin-left: 30px;

}

.logo img {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.menubar {

	float: right;

	background-color: #FFFFFF;

	border: 1px solid #828481;

	margin-top: 20px;

	padding: 1px;

	margin-right: 0px;

}

.menubar ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

.menubar ul li {

	float: left;

}

.menubar ul li a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #636363;

	text-decoration: none;

	font-weight: bold;

	padding-right: 24px;

	padding-left: 24px;

	line-height: 44px;

	display: block;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #eaeaea;

}

.menubar ul li a:hover {

	background-image: url(images/current.jpg);

	color: #ffffff;

}



.menubar .current {

	background-image: url(images/current.jpg);

	background-repeat: repeat-x;

}

.menubar .current a {

	color: #FFFFFF;

}



.menubar .current a:hover{

	color:#FFFFFF;

}



.flash {

	width: 982px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

	z-index: 2;

}

.welcome-text {

	width: 952px;

	margin-right: auto;

	margin-left: auto;

	padding:15px;

	background:#fff;

}

.welcome-text img {

	float: left;

	margin-right: 8px;

}

.welcome-text h2 {

	margin: 0px;

	padding: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: normal;

	color: #3b3b3b;

}

.welcome-text p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #555555;

	text-align: justify;

	line-height: 17px;

	padding-top: 6px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	display: block;

	margin: 0px;

}



.wrapper {

	background-color: #FFFFFF;

	border: 1px solid #cacacc;

	width: 942px;

	margin-right: auto;

	margin-left: auto;

	margin-top:10px;

	padding-right: 20px;

	padding-left: 20px;

	position: relative;

	z-index: 3;

}

#main{

width:982px;

height:auto;

float:left;

background:#fff;

}

.content {

	float: left;

	width: 640px;

	height:auto;

}

#content1 {

	float: left;

	height:auto;

	width: 640px;

	font-size:13px;

	font-family:"Arial";

	text-align:justify;

	background:#fff;

	padding:10px 0px 10px 0px;

}



#content1 a{

text-decoration:none;

	color: #2a8b7a;

	margin:0px;

	padding:0px;

	font-size:16px;



}

#content1 a:hover{

text-decoration:underline;

margin:0px;

padding:0px;

font-size:16px;

}

#content1 h1{

margin:5px 0px 10px 0px;

text-align:left;

padding:10px 0px 0px 10px;

font-size:20px;

font-family:"Arial";

	color: #ffffff;
	background: url("images/search-box2.gif") no-repeat scroll 0 0 transparent;
    height: 100px;
    width: 640px;

}

#content1 h3{

margin:5px 0px 0px 0px;

padding:0px;

font-size:12px;

}

#content1 ul{

padding:0px;

margin:0px;

}



#content1 ul li {

width:190px;

	display:block;

	font-size:12px;



	float:left;

	padding:5px 0px 5px 22px;

	background:url(images/arrow.jpg) no-repeat center left ;

	list-style:none;

	line-height:15px;

	margin:0px 0px 0px 0px;

	text-align:left;

}

#we{

width:640px;

height:auto;

float:left;

color:#000;
margin:5px 0px;

}

#we h3{

margin:5px 0px 0px 0px;

padding:0px;

font-size:15px;

}

#we ul{

padding:0px;

margin:0px;

}



#we ul li {
	width:190px;
	display:block;
	font-size:12px;
	float:left;
	padding:5px 0px 5px 20px;
	background:url(images/arrow.jpg) no-repeat center left ;
	list-style:none;
	line-height:15px;
	margin:0px 0px 0px 0px;
	text-align:left;
}

#we a{

	color: #2a8b7a;

float:left;

margin:0px;

padding:0px;

}

#content1 h2 { 

height:auto;

	color: #ffffff;
	background: url("images/search-box2.gif") no-repeat scroll 0 0 transparent;
    height: 100px;
    width: 640px;

font-size:1.2em; 

line-height:20px; 

font:bold 22px CALIBRI, arial;

margin-top:5px;

padding:30px 0px 0px 10px;

}









#content1 .blog{

width:640px; height:auto; float:left; color:#000000; 

}

#content1 .blog h3 {

	font:bold 20px CALIBRI, arial;

	width:628px;

	padding:2px;

	color:#000;

}

#content1 .blog ul{

padding:0px;

margin:0px;

}



#content1 .blog ul li {

	width:640px;

	float:left;

	padding:0px 0px 0px 20px;

	background:url(images/arrow.jpg) no-repeat left top;

	list-style:none;

	margin:5px 0px 4px 0px;

	text-align:left;

}

#content1 .blog a{

padding:0px;

margin:0px;

}

.service-container {

}
.service-container li{
	width:270px;
	display:block;
	font-size:12px;
	float:left;
	padding:5px 0px 5px 20px;
	background:url(images/arrow.jpg) no-repeat center left ;
	list-style:none;
	line-height:15px;
	margin:0px 0px 0px 0px;
	text-align:left;
}
.service-container h2 {

	margin: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 22px;

	color: #3b3b3b;

	font-weight: normal;

	padding-top: 12px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}
.service-container h2 a{
text-decoration:none;
color:#3b3b3b;
}
.service-container h2 a:hover{
text-decoration:underline;
}

.service-container p{
	text-align:justify;
	line-height:20px;
}

.small{
	font-size:10px;
}

.services {

	float: left;

	width: 185px;

	margin-top: 15px;

	margin-right: 40px;

	margin-bottom: 25px;

}

.services h3 {

	font-family: "Arial";

	font-size: 14px;

    font-weight: bold;

	color: #4e9a8e;

	margin-top: 5px;

	padding: 8px 0px 0px 0px;

}

.content h3 a, .services h3 a{
	text-decoration:none;
	color:#4e9a8e;
}

.content h3 a:hover, .services h3 a:hover{
	text-decoration:underline;
}

.services p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	margin: 0px;

	line-height: 17px;

	color: #555555;

	padding-top: 3px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.services p a {

	color: #7D7D7D;

	font-weight: bold;

	font-size: 11px;

}

.services p a:hover {

	color: #2F8B7C;

}



.sidebar {

	float: right;

	width: 273px;

	padding-bottom: 15px;

	background:#fff;

}

.search-box {

	background-image: url(images/search-box1.gif);

	height: 100px;

	width: 250px;

	background-repeat: no-repeat;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	margin-top: 15px;

}

.search-box h2 {

	margin: 0px;

	font-family:"Arial";

	font-size: 17px;

	font-weight: bold;

	color: #FFFFFF;

	padding: 14px 0px 2px 0px;

}

.search-box .textfield {

	background: #FFFFFF;

	border:0px;

	width: 155px;

	margin-top: 5px;

	padding:1px 1px 1px 2px;

	height:21px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

}

.search-box p {

	margin: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 4px;

	padding-left: 0px;

}



.search-box .submit {

	background-color: #35907F;

	background-image: url(images/search.png);

	background-repeat: no-repeat;

	height: 27px;

	width: 85px;

	margin: 10px 0px 0px 5px;

	border: 0px;

	cursor: pointer;

}

.testimonials {

	margin-top: 20px;

	margin-left: 3px;

}

.testimonials h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #609200;

	font-weight: normal;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 4px;

	padding-left: 0px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #333333;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 12px;

	margin-left: 0px;

}

.testimonials p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #676767;

	padding: 0px;

	line-height: 17px;

	float: left;

	width: 265px;

	display: block;

	margin: 0px;

}

.testimonials p a {

	color: #333333;

}



.testimonials img {

	float: left;

	padding-right: 5px;

}

.why-us {

	padding-bottom: 5px;



}

.why-us h2 {

	font-family: "Arial";

	font-size: 16px;

	color: #2a8b7a;

	font-weight: bold;

	margin: 0px 0px 8px 0px;

	padding: 15px 0px 4px 0px;

	width: 255px;

}

.why-us h2 a{
	text-decoration:none;
	color:#2a8b7a;
}

.why-us h2 a:hover{
	text-decoration:underline;
}

.why-us ul {

	margin: 0px;

	list-style-position: outside;


	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 20px;

}

.why-us ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	padding:5px 0px 0px 15px;
	margin-bottom: 8px;
	display: block;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 8px;
	background: url("images/arrow.jpg") no-repeat scroll left center transparent;
}

.why-us ul li a {
	text-decoration: none;
	color: #555555;
}

.why-us ul li a:hover {

	text-decoration: underline;

}

.why-us2 {

	padding-bottom: 5px;



}

.why-us2 h2 {

	font-family: "Arial";

	font-size: 16px;

	color: #2a8b7a;

	font-weight: bold;

	margin: 0px 0px 8px 0px;

	padding: 15px 0px 4px 0px;

	width: 255px;

}

.why-us2 ul {

	margin: 0px;

	list-style-position: outside;

	list-style-image: url(images/arrow.jpg);

	padding:0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 20px;

}

.why-us2 ul li {



}

#our_services{

width:263px;

height:201px;

background:#fff;

color: #555555;

float:left;

padding:0px 5px;

border:1px solid #cdcdcd;

}

#our_services li a{

color:#000;

text-decoration:none;

	color: #000;

}

#our_services h1{

margin:0px 0px 0px 0px;

padding:5px 0px 5px 0px;

	color: #2a8b7a;

font-size:16px;

font-family:"Arial";

text-align:left;

}

#our_services ul{

margin-left:5px;

padding:0px;

float:left;

}

#our_services li{

list-style:none;

line-height:20px;

font-size:12px;

text-decoration:none;

background:url(images/arrow.jpg) no-repeat left center;

margin:0px;

text-align:left;



padding:2px 0px 2px 30px;

font-family:"Arial";

}

#our_services li:hover{

text-decoration:underline;

	color: #2a8b7a;

}

#our_services h2{font-size:14px;

font-weight:bold;

color:#000px; 



padding:0px;

margin:0px;

text-align:left;}

.outer-footer {

	background-image: url(images/footer-back.jpg);

	background-repeat: repeat-x;

	height: 118px;

	margin-top: -55px;

}

.footer {

	width: 982px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 70px;

}

.footer-links {

	float: left;

	width: 630px;

}

.footer-links ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

.footer-links ul li {

	float: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	padding-right: 2px;

	padding-left: 2px;

}

.footer-links ul li a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	text-decoration: none;

}

.footer-links ul li a:hover {

	text-decoration: underline;

}



.footer-links p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	margin: 0px;

	padding-top: 7px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.footer-links p a{
	color:#FFFFFF;
	text-decoration:none;
}

.footer-links p a:hover{
	text-decoration:underline;
}

.networking-icons {

	float: right;

}

.networking-icons a{

text-decoration:none;

}

.networking-icons img {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.cms-text {

}

.cms-text ul {
	margin:0px;
	padding:0px;
}

.cms-text ul li{
	color:#676767;
	line-height:18px;
	font-size:12px;
	margin:2px 0px 0px 25px;
}

.cms-text h1 {

	margin-top: 5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 21px;

	color: #3b3b3b;

	font-weight: normal;

	padding-top: 15px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.cms-text p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #676767;

	margin: 0px;

	padding-top: 7px;

	padding-right: 0px;

	padding-bottom: 4px;

	padding-left: 0px;

	line-height: 17px;

	text-align: justify;

}

.cms-text img {

	margin-top: 10px;

	margin-right: 7px;

}

#blogcon{

	width:640px;

	height:auto;

	float:left;

	margin:5px 10px 10px 0px;

	padding:10px;

	font-size:12px;

	color:#000000;

	background:#FFFFFF;

}



#blogside{

	width:200px;

	height:auto;

	float:left;

	margin:5px 0px 10px 0px;

	padding:0px 10px;

	color:#000000;

	text-align:left;

	background:#FFFFFF;

}

#blogside ul{

padding:0px;

margin:0px;

}



#blogside ul li {

width:200px;

	display:block;

	font-size:12px;



	float:left;

	padding:5px 0px 5px 22px;

	background:url(images/arrow.jpg) no-repeat center left ;

	list-style:none;

	line-height:20px;

	margin:0px 0px 0px 0px;

	text-align:left;

}

/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	color:#000;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	

	}



.alignleft {

	float: left;

	}

/* End Images */





.contactform {



	width:440px;

	margin:auto;

	font-weight: bold;

	text-align: left;

}



#wpcf label {

	clear: both;

	display: block;

	float: left;

	width: 150px;

}



#wpcf input {

	float: left;

	width: 200px;

	padding: 1px;

	margin: 2px 5px 2px 0;

}



#wpcf textarea {

	width: 350px;

	height: 100px;

	padding: 1px;

	margin: 0 5px 10px 0;

}



#wpcf #contactsubmit {

	margin-left: 250px;

	width: 100px;

}

#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}

#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}
#city_name{
	background:url(images/search-box2.gif) no-repeat;
	width:640px;
	height:100px;
	margin:14px 0px 10px 0px;
}

#city_name h1{
	margin: 0px;
	font-family:"Arial";
	font-size: 22px;
	color: #FFFFFF;
	padding: 24px 0px 2px 10px;
}
.we a{
text-decoration:none;
color:#000000;
}
.we a:hover{
text-decoration:underline;
}
.phone,.location{
margin:5px 0px;
font-size:20px;
}

.read-more{
float:left;
font-size:12px;
}