/* CSS Document */

@font-face {
    font-family: 'AndikaBasicRegular';
    src: url('AndBasR-webfont.eot');
    src: url('AndBasR-webfont.eot?#iefix') format('embedded-opentype'),
         url('AndBasR-webfont.woff') format('woff'),
         url('AndBasR-webfont.ttf') format('truetype'),
         url('AndBasR-webfont.svg#AndikaBasicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'BostonTrafficRegular';
    src: url('boston_traffic-webfont.eot');
    src: url('boston_traffic-webfont.eot?#iefix') format('embedded-opentype'),
         url('boston_traffic-webfont.woff') format('woff'),
         url('boston_traffic-webfont.ttf') format('truetype'),
         url('boston_traffic-webfont.svg#BostonTrafficRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
	background-color:#42537a;
	margin:0;
	font-family:'AndikaBasicRegular', Arial, Helvetica, sans-serif;
}

h1{
	font-size:25px;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
	color:#151515;
}

h2{
	font-size:20px;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
	color:#151515;
}


h3{
	font-size:18px;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
	color:#151515;
}

h4{
	font-size:15px;
	margin:5px;
	padding:0;
	color:#ffffff;
}
h5{
	font-size:10px;
	margin:5px;
	padding:0;
	color:#ffffff;
	font-weight:normal;
}

#top_text{
	width:100%;
	height:30px;
	font-size:14px;
	text-align:center;
	color:#ffffff;
	padding-top:10px;
}

#holder{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#header_holder{
	background-image:url(images/header_bg2.jpg);
	background-repeat:repeat;
	height:238px;
}

#header{
	width:890px;
	height:238px;
	padding-left:5px;
	padding-right:5px;
	margin: 0 auto;
}

#header_left{
	width:550px;
	height:88px;
	margin-left:auto;
	margin-right:auto;
}



#logo{
	text-align:center;
	color:#ffccba;
	font-size:30px;
	text-transform:uppercase;
	font-weight:600;
	/*text-shadow: 0 0 0.2em #ff1b00, 0 0 0.2em #ff1b00,0 0 0.2em #ff1b00;*/
}

#logo a{
	text-align:center;
	color:#ffccba;
	text-transform:uppercase;
	font-weight:600;
	text-decoration:none;
	font-family:'BostonTrafficRegular', Arial, Helvetica, sans-serif;
}

.logo_text{
	text-align:center;
	color:#ffffff;
	font-size:11px;
	text-transform:uppercase;
}

#logo_call{
	text-align:center;
	color:#ffffff;
	font-size:20px;
	font-weight:600;
	text-transform:uppercase;
}


#banner{
	width:900px;
	height:210px;
	clear:both;
}

#banner > div{
	width: 296px;
	height: 200px;
	background-color: black;
	margin:2px;
	float:left;
}

#banner > div.banner_auto{
	background-image:url(images/Green-Hill-Locksmith-automotive.jpg);
	background-repeat:no-repeat;
}

#banner > div.banner_resi{
	background-image:url(images/Green-Hill-Locksmith-residential.jpg);
	background-repeat:no-repeat;
}

#banner > div.banner_comm{
	background-image:url(images/Green-Hill-Locksmith-commercial.jpg);
	background-repeat:no-repeat;
}

#banner > div div{
	position: relative;
	top: 115px;
	width: 100%;
	height: 80px;
	background-color:rgba(0,0,0,0.7);
}

#navigation{
	width:900px;
	height:45px;
	text-align:center;
	margin-top:59px;
}

#navigation ul{
	margin:0;
	padding:0;
}

#navigation ul li {
	display:inline-block;
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	padding-left:10px;
}

#navigation ul li div{
	width:209px;
	height:45px;
	background-image:url(images/linkout.png);
	background-repeat:no-repeat;
	padding-top:11px;
}

#navigation ul li div a:link{
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
}

#navigation ul li div a:visited{
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
}

#navigation ul li div a:hover{
	color:#ffb37b;
	text-transform:uppercase;
	text-decoration:underline;
}

#navigation ul li #active{
	background-image:url(images/linkover.png);
	background-repeat:no-repeat;
}

#navigation ul li #active a{
	color:#ffb37b;
}



#content{
	width:900px;
}

#sidebar{
	width:288px;
	float:left;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#332824;
	
	/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #332824 0%, #46322b 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #332824 0%, #46322b 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #332824 0%, #46322b 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #332824), color-stop(1, #46322b));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #332824 0%, #46322b 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #332824 0%, #46322b 100%);
}

#sidebar_call{
	font-size:20px;
	color:#FFFFFF;
	font-weight:500;
	padding-bottom:10px;
}

#main_content{
	width:600px;
	float:right;
}

#main_content_top{
	background-image:url(images/main_content_top.png);
	background-repeat:no-repeat;
	width:600px;
	height:10px;
}

#main_content_middle{
	/* IE10 Consumer Preview */ 
	/*background-image: -ms-linear-gradient(top left, #3d629f 0%, #1c325b 100%)*/ 
	
	/* Mozilla Firefox */ 
	/*background-image: -moz-linear-gradient(top left, #3d629f 0%, #1c325b 100%);*/ 
	
	/* Opera */ 
	/*background-image: -o-linear-gradient(top left, #3d629f 0%, #1c325b 100%);*/ 
	
	/* Webkit (Safari/Chrome 10) */ 
	/*background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #3d629f), color-stop(1, #1c325b));*/ 
	
	/* Webkit (Chrome 11+) */ 
	/*background-image: -webkit-linear-gradient(top left, #3d629f 0%, #1c325b 100%);*/ 
	
	/* W3C Markup, IE10 Release Preview */ 
	/*background-image: linear-gradient(to bottom right, #3d629f 0%, #1c325b 100%);*/ 
}

#main_content_bottom{
	background-image:url(images/main_content_bottom.png);
	background-repeat:no-repeat;
	width:600px;
	height:13px;
}

#main_content_middle p{
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	font-size:16px;
	text-align:justify;
	color:#151515;
}

#main_content_middle li{
	color:#151515;
}


.clear{
	clear:both;
}

#footer_holder{
	width:100%;
}

#bottom_links{
	width:100%;
	height:50px;
	margin-top:5px;
	text-align:center;
	color:#f8f8f8;
	font-size:15px;
	padding-top:5px;
	margin-left:auto;
	margin-right:auto;
	background-color:#815a5b;
}

#bottom_links a{
	color:#f8f8f8;
	text-decoration:none;
}

#bottom_links a:visited{
	color:#f8f8f8;
	text-decoration:none;
}

#bottom_links a:hover{
	color:#dddddd;
	text-decoration:underline;
}

#footer{
	/*background-image:url(images/footer_bg.png);
	background-repeat:no-repeat;*/
	background-color:#553b3b;
	width:100%;
	height:40px;
	text-align:center;
	color:#ffccba;
	font-size:18px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
}

#external_links{
	color:#f8f8f8;
	text-align:center;
	font-size:15px;
	width:100%;
	height:30px;
	background-color:#2b1d1d;
	width:100%
}

#external_links a{
	color:#f8f8f8;
	text-decoration:none
}

#external_links a:visited{
	color:#f8f8f8;
	text-decoration:none
}

#external_links a:hover{
	color:#dddddd;
	text-decoration:underline;
}