html,body{height:100%}
body{margin:0;padding:0;font-family:'Source Sans Pro',sans-serif;font-size:12pt;font-weight:300;color:#363636;background-position:0 0;background-color:#2f94a8;text-align:justify}
h1,h2,h3{margin:0;padding:0}
p,ol,ul{margin-top:0}
p{line-height:190%}
a{color:#171717}
a:hover{text-decoration:none}
a img{border:0}
.image{display:inline-block}
.image img{display:block}
.image-full{display:block;width:100%;margin:0 0 2em 0}
.image-left{float:left;margin:0 2em 2em 0}
.image-centered{display:block;margin:0 0 2em 0}
.image-centered img{margin:0 auto;width:auto}
hr{display:none}
ul.style1{margin:0;padding:0;list-style:none}
ul.style1 li{border-top:1px solid rgba(0,0,0,.1);padding:.80em 0}
ul.style1 li:first-child{border-top:0;padding-top:0}
ul.style2{margin:0;padding:0;list-style:none}
ul.style2 li{border-top:1px solid rgba(0,0,0,.1);padding:.80em 0}
ul.style2 li:first-child{border-top:0;padding-top:0}
ul.contact{margin:0;padding:1.5em 0 2.5em 0;list-style:none}
ul.contact li{display:inline-block;padding:0 .30em;font-size:1em}
ul.contact li span{display:none;margin:0;padding:0}
ul.contact li a{color:#FFF}
ul.contact li a:before{display:inline-block;background:#3f3f3f;width:40px;height:40px;line-height:40px;border-radius:20px;text-align:center;color:#fff}
ul.contact li a.icon-twitter:before{background:#2daae4}
ul.contact li a.icon-facebook:before{background:#39599f}
ul.contact li a.icon-dribbble:before{background:#c4376b}
ul.contact li a.icon-tumblr:before{background:#31516a}
ul.contact li a.icon-rss:before{background:#f2600b}
.title{margin-bottom:10px}
.title h2{letter-spacing:.20em;font-weight:700;font-size:22px;color:#2f94a8}
.title .byline{letter-spacing:.15em;text-transform:uppercase;font-weight:400;font-size:.90em;color:#6f6f6f}
#wrapper{border-bottom:1px solid rgba(0,0,0,.1);background-color:#fff;background-image:url(locksmith/bg01.png);background-repeat:repeat}
#footer-wrapper{border-bottom:1px solid rgba(0,0,0,.1)}
.container{width:1000px;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto}
.clearfix{clear:both}
#header-wrapper{overflow:hidden;background:#252832}
#header{position:relative;overflow:hidden;text-align:left}
#logo{width:500px;margin:0 auto;padding:2em 0;text-transform:uppercase}
#logo h1{letter-spacing:.10em;font-size:3em;color:#FFF}
#logo p{letter-spacing:.10em;color:#FFF}
#logo a{text-decoration:none;color:#FFF}
#banner{position:absolute;left:0;overflow:hidden;z-index:1}
#banner .image{border:5px solid #fff}
#menu-wrapper{background:#2f94a8}
#menu{overflow:hidden;height:100px}
#menu ul{margin:0;padding:30px 0 0 0;list-style:none;line-height:normal;text-align:center}
#menu li{display:inline-block}
#menu a{display:block;letter-spacing:1px;padding:10px 20px;text-decoration:none;text-align:center;text-transform:uppercase;font-size:.80em;font-weight:600;border:0;color:#FFF}
#menu a:hover,#menu .current_page_item a{text-decoration:none}
#menu .current_page_item a{border-radius:20px;background:#77c4d3}
#page{position:relative;overflow:hidden;padding-top:20px;padding-right:0;padding-bottom:10px;padding-left:0;background-color:#FFF}
#content{float:right;width:730px}
#sidebar{float:left;width:250px}
#sidebar .title h2{font-size:1.6em}
#sidebar .box1{margin-bottom:3em}
#copyright{overflow:hidden;text-align:center;background-color:#2f94a8;padding-top:10px;padding-right:0;padding-bottom:10px;padding-left:0}
#copyright p{letter-spacing:.20em;text-align:center;text-transform:uppercase;font-size:.80em;color:#6f6f6f}
#copyright a{text-decoration:none;color:#fff}
#welcome{overflow:hidden;padding:5em 0;border-bottom:1px solid #e5e5e5;text-align:center}
#welcome h2{letter-spacing:.20em;text-transform:uppercase;font-size:2.6em}
#welcome p{font-size:1.3em}
#welcome .byline{display:block;padding:0 0 1.5em 0;letter-spacing:.15em;text-transform:uppercase;font-weight:400;font-size:1.2em;color:#6f6f6f}
#portfolio-wrapper{text-align:center;border-bottom:1px solid rgba(0,0,0,.1);padding-right:0;padding-left:0}
#portfolio{overflow:hidden}
#portfolio .title h2{font-size:1.2em;color:#2f94a8}
#portfolio .byline{font-size:1em;color:#eea7c1}
#column1,#column2,#column3,#column4{width:1000px}
#column1,#column2{float:left;margin-right:24px}
#column3{float:left}
#column4{float:right}
.button{display:inline-block;margin-top:1.5em;padding:.50em 3em .50em 2em;background:#2f94a8;letter-spacing:.20em;text-decoration:none;text-transform:uppercase;font-weight:400;border-radius:30px;font-size:.90em;color:#FFF}
.button:before{display:inline-block;width:40px;height:40px;line-height:40px;border-radius:20px;text-align:center;color:#FFF}
#footer-wrapper{overflow:hidden;padding:5em 0;border-top:1px solid rgba(0,0,0,.1)}
#footer{color:#adadad}
#footer .title h2{font-weight:400;font-size:1.2em;color:#FFF}
#footer .title{border-color:#2D2926}
#footer .style1 li{border-color:#2D2926}
#footer .style1 a{letter-spacing:.10em;font-size:1em;color:#b1b1b1}
#box1{float:left;width:354px;margin-right:24px;padding-right:30px}
#box2{float:left;width:354px;margin-left:24px;padding-right:30px}
#box3{float:right;width:344px;padding-left:40px}
.colorfff{color:#FFF}
.colorfff a{color:#FFF}
.justify {
	text-align: justify;
}

.colorfff a hover{color:#FFF}
h1{font-size:28px;color:#fff}
#phone-media {
	display: none;
}.icons{height:45px;width:35px}
@media only screen and (max-width:1000px){#phone-media {
	display: inline;
	width: 100%;
	text-align: left;
	float: left;
	font-size: 24px;
	background-color: #F93;
	padding-top: 5px;
	padding-bottom: 5px;
}#phone-media a:link{color: #fff;}}