/*

Theme Name: Carunlocklocksmiths.com

Theme URI: http://wordpress.org/

Description: Repair Lock wordpress theme.

Author: Erachnida

Version: 1.0

*/

@font-face {

    font-family: "Sylfaen";

    src: url(font/sylfaen.ttf);

}

body {

	background:#fff;

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

	font-size:13px;

	color:#000000;

}

.pagebody {

	background:#fff!important;

}

h1, h2, h3, h4 {

	font-family: "Sylfaen";

	font-family: "Sylfaen";

	background: #323232;

	color: white;

	padding-left: 10px;

	line-height:40px;

	box-shadow: 0px 0px 5px #000;

	-webkit-box-shadow:0px 0px 5px #000;

	margin:5px 0px;

}

h1 a, h2 a, h3 a, h4 a {

	color:#fff;

}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {

	color:#fff;

}

h1 {

	font-size:24px;

}

h2 {

	font-size:22px;

}

h3 {

	font-size:18px;

}

p {

	margin-top:5px;

	margin-left:0px;

	margin-bottom:5px;

	margin-left:0px;

	line-height:18px;

}

a {

	text-decoration:none;

	font-weight:bold;

	color:#000000;

}

a:hover {

	text-decoration:underline;

	color:#2BA1E1;

}

ul {

	list-style-image:url(images/bullet.png);

}

.clear {

	clear:both;

}

.line {

	border-bottom:1px dotted #979899;

	height:1px;

}

.blank {

	height:5px;

}

.right {

	float:right;

}

#main_frame {

	width:990px;

	margin-top:0px;

	margin-right:auto;

	margin-bottom:0px;

	margin-left:auto;

}

#main_frame #header {

	height:730px;

}

#main_frame .header_page {

	height:260px !important;

	background:#fff url(images/header_page.png) bottom center no-repeat;

}

#main_frame #header #logo {

	display:block;

	background:url(images/logo.png) no-repeat;

	width:456px;

	height:85px;

	text-indent:-999px;

	float:left

}

#main_frame #header #slider {

	width: 775px;

	height: 250px;

	float: left;

}

#main_frame #header #phone {

	float: left;

	width: 380px;

	height: 57px;

	margin-top: -54px;

	color: black;

	margin-left: 157px;

}

#main_frame #header #phone #number {

	font-size: 25px;

	font-weight: bold;

	line-height: 58px;

	font-family: "Sylfaen";

	text-shadow: 1px 1px 5px #C8C8C8;

}

#search_box {

	float: right;

	height: 50px;

	width: 310px;

	padding-left: 38px;

	padding-top: 20px;

	background: #EFEFEF;

	border: 1px solid #C1C1C1;

}

#search_box form {

	height:26px;

}

#search_box form #s {

	float:left;

	height:20px;

	width:175px;

	margin-right:10px;

}

#search_box form .submit {

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

	width:90px;

	height:26px;

	border:none;

	cursor:pointer;

}

#main_frame #header #navigation {

	float: right;

	height: 49px;

	width: 990px;

	margin-top: 10px;

	margin-bottom: 10px;

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

	background-repeat:repeat-x;

}

#main_frame #header #city_st_name {

	float: left;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 10px;

}

#main_frame #header #navigation ul {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	list-style:none;

	float:left;

}

#main_frame #header #navigation ul li {

	float:left;

	text-align:center;

	background:url(images/nav_sep.png) no-repeat right center;

}

#main_frame #header #navigation ul li a {

	text-transform:uppercase;

	text-decoration:none;

	width:100px;

	padding-top:17px;

	padding-right:0px;

	padding-bottom:17px;

	padding-left:0px;

	color:#555;

	font-weight:bold;

	float:left;

}

#main_frame #header #navigation ul li a:hover, #main_frame #header #navigation ul li .active {

	color:#fff;

	background:url(images/nav-hover.png) repeat-x;

}

#main_frame #header #navigation ul li .active {

	background:url(images/nav-active.png) repeat-x;

}

#main_frame #header #below_navigation {

	width:210px;

	height:250px;

	background:url(images/below_navigation.jpg) no-repeat;

	float:right;

}

#main_frame #header #big_services {

	width:990px;

	float:left;

}

#main_frame #header #big_services .big_service_list_item {

	float:left;

	width:193px;

	height:243px;

	padding:25px;

	margin-top: 0px;

	margin-right: 2px;

	margin-bottom: 0px;

	margin-left: 2px;

	background:url(images/big_service_item.jpg) no-repeat !important;

}

#main_frame #header #big_services .big_service_list_item h3 {

	margin:0px;

	color:#ffffff;

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

	font-size:12px;

	padding-top: 86px;

	line-height: 36px;

	text-align: center;



}

#main_frame #header #big_services .big_service_list_item .residential {

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

}

#main_frame #header #big_services .big_service_list_item .commercial {

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

}

#main_frame #header #big_services .big_service_list_item .automotive {

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

}

#main_frame #header #big_services .big_service_list_item .industrial {

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

}

#main_frame #header #big_services .big_service_list_item .residential1 {

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

}

#main_frame #header #big_services .big_service_list_item .commercial1 {

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

}

#main_frame #header #big_services .big_service_list_item .automotive1{

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

}

#main_frame #header #big_services .big_service_list_item .industrial1 {

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

}

/*Finished Header Area*/

#content {

	margin-top: 5px;

	margin-right: 5px;

	margin-bottom: 15px;

	margin-left: 5px;

}

#content #content_left {

	float:left;

	width:695px;

	margin-right:5px;

}

#content #sidebar {

	float:right;

	width:253px;

	margin-left:5px;

	border:1px solid #E4E2E2;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

}

#content #sidebar .sidebar_heading {

	background:#323232 url(images/sidebar_heading.png) no-repeat;

	height:33px;

	line-height:33px;

	padding-left:30px;

	font-size:22px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	color:#fff;

	box-shadow:0 0 10px #000;

	-moz-box-shadow:0 0 10px #000000;

	-webkit-box-shadow:0 0 10px #000000;

	box-shadow:0px 0px 5px #000000;

}

#content #sidebar #video {

	width:253px;

	height:201px;

}

#content #sidebar ul {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	list-style:none;

	text-shadow:1px 1px 0px #fff;

}

#content #sidebar ul li {

	height:30px;

	line-height:30px;

}

#content #sidebar ul li a {

	padding-top:0px;

	padding-left:10px;

	padding-bottom:0px;

	padding-right:10px;

	width:233px;

	color: #424141;

	float:right;

	background:#CCCCCC;

	border-bottom: 1px solid #fff;

}

#content #sidebar ul li a:hover {

	background-color:#323232;

	color:#fff !important;

	text-decoration:none;

	text-shadow:none;

}

/*Include Files*/

#list_cities, #list_states, #list {

	float:left;

	margin-top:5px;

	margin-bottom:5px;
	
	width:695px;

}

#list_cities h3, #list_states h3, #list h3 { 

	margin: 0px;

	line-height: 40px;

}

#list_cities ul, #list_states ul, #sidebar ul, #sidebar #latest_entries ul, #list ul {

	padding:0px 10px;

	text-shadow:none;

	margin-left:10px;

}

#list_cities ul li, #list_states ul li, #list ul li {

	width:205px;

	float:left;

	line-height:20px;
	
	padding-right:15px;



}

#footer {

	height:75px;

	background-color:#E8E7E7;

}

#footer #content {

	margin-top:0px;

	margin-right:auto;

	margin-bottom:0px;

	margin-left:auto;

	width:970px;

	text-align:center;

}

#footer #content ul {

	list-style:none;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-top: 18px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	width:312px;

}

#footer #content ul li {

	float:left;

	padding-left:10px;

	padding-right:10px;

}


.contact form {

     float:left;

         margin:auto;

         width:255px;

        padding:10px;


       font-weight: bold;

       padding:0px 0px 0px 150px;

}

.form span {

       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;

}

 .phone,.location{
margin:5px 0px;
}
.phone1,.location1{
margin:5px 0px;
font-size:20px;
}

.read-more{
width:100%;
font-size:12px;
}


 


.form{ float:left; width:255px; padding:10px;}
.form span{ float:left; width:250px; margin:2px 0px; font-weight:bold;}
.form .text{ width:250px; height:20px; margin:2px 0px;}
.form .text1{ width:250px; height:70px;}
.form .text2{ width:250px; height:70px;}
.form .btn{ float:left; padding:5px; border-radius:5px 0px;margin-top:10px;cursor:pointer;}