*{ margin:0; padding:0; behavior: url(iepngfix.htc);  background-repeat:no-repeat;}
h1, h2{ font-family: Arial, Helvetica, sans-serif; font-weight:normal;} h1{ font-size:24px; font-family: 'helveticacondensedbold'; } h2{ font-size:18px; color:#333333; font-weight:bold;} h1, h2, p{ padding:5px 0;} ul{ padding:5px 0 5px 30px;} 
.floatLeft{ width:auto; float:left;} .floatRight{ width:auto; float:right;} .clear{ clear:both;}
img{ border:none; behavior: url(iepngfix.htc);} 

 .center{ margin:0 auto;} .padInside{ padding:2px 5px;}
body {
	background-image:url(images/33169-locksmith.jpg);
	background-repeat: repeat-x;
	background-color:#ffffff;
	font-size:13px;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	color:#000000;	}
		
@font-face {
    font-family: 'arialnarrow';
    src: url('arialnb-webfont.eot');
    src: url('arialnb-webfont.eot?#iefix') format('embedded-opentype'),
         url('arialnb-webfont.woff') format('woff'),
         url('arialnb-webfont.ttf') format('truetype'),
         url('arialnb-webfont.svg#arialnarrow') format('svg');
     font-weight: bold;
    font-style: normal;

}

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

}

h2 { color:#000; text-shadow:1px 1px 1px #FFF}
h1 {color:#223174;  font-family: "eriebold", Arial, Helvetica, sans-serif; 
	font-size:32px; margin:0; padding:0;  text-shadow:1px 1px 1px #FFF}
	.black { color:#000000; }
	.white { color:#FFFFFF}


#wrapper { 	height: auto !important;
			width:100%;
		    background-image:url(images/33169-locksmith_02.jpg); background-repeat:repeat-x; background-position:left bottom; 
			
		 } 
		  #mainwrapper2 { margin: 0 auto; background-image:url(images/33169-locksmith_03.jpg); background-repeat:no-repeat; background-position: center top; width:100%;}
		 
		 #mainwrapper { height:100%;
			width:960px;
			margin:0 auto;
					
		 }
		 
		 
		 /*header */	
		 #headermain { width:960px; height:127px;} 
		 #logo { width:705px; height:122px; margin:5px 0px 0 27px; float:left;  }
		 #logo h1{font-family: "eriebold", Arial, Helvetica, sans-serif; font-size:50px; line-height:120%}
		 #phone {width:198px; height:93px; margin:34px 30px 0 0; float:right; text-transform:uppercase; color:#223174; font-weight:bold; }
		  
		  
		  /*banner and menu*/ 
		 #menucontent {width:960px;  height:430px}
		 #leftmenu {height:430px; width:245px; float:left}
		  #rightmenu { float:right; width:715px; height:430px;}
		  /*servics*/ 
		 #services {width:960px;  height: inherit}
		 	 #content {width:960px;  height: inherit; background-image:url(images/33169-locksmith_01.png); background-repeat:repeat-y; float:left; margin-bottom:10px}
				 #content h1{  color:#223174; font-size:40px; border-bottom:1px dashed #CCC; line-height:150% }
				  #content h2{color:#FE8302; font-size:24px}
			 #leftcontent { width:632px; height:inherit; margin:0 25px 0 23px; float:left}
			  #leftcontent ul{ margin-left:30px; list-style:square}
			  #leftcontent p{ margin:10px 0px}
			 #rightcontent { width:280px; height:inherit; float:right}
			 	 #rightcontent h1{ font-size:36px; color:#333333; font-family: 'arialnarrow'; color:#333; border:none; text-transform:uppercase; font-weight:normal}
		 
		 #services1 { width:33px; height:430px; float:left}
		 #services2 { width:212px; height:430px; float:right}
		 #services4  { width:212px; height:362px; float:left}
		  #services5 { width:212px; height:55px; float:left}
		   #services3  { width:212px; height:13px; float:left}
		   
		   
		   #leftnavigation { width:212px; float:left;}
		
			#menu2 {
	float:left;
	margin:0;
	padding:0;
 	width:212px; height:362px;
     }

#menu2 li{
width:212px;
	float:left;
	list-style-type:none;
}
#menu2 a{
	height:362px;
	display:block; background-image:url(images/33169-locksmith_04_02_02.jpg);
	text-indent:-9999px;
}

#menu2 a.home{
		height:81px;
		background-position:0px 0px;}
		#menu2 a:hover.home{  border-radius:0px 0 0px 10px;  box-shadow: 0 0 10px 0 #000; }
	
#menu2 a.auto{
		height:107px;
		background-position:0px -81px;}
		
		#menu2 a:hover.auto{  border-radius:0px 0 0px 10px;  box-shadow: 0 0 10px 0 #000; }
		
		#menu2 a.res{
		height:100px;
		background-position:0px -188px;}
		
		#menu2 a:hover.res{  border-radius:0px 0 0px 10px;  box-shadow: 0 0 10px 0 #000; }
		
		#menu2 a.com{
		height:74px;
		background-position:0px -288px;}
		
		#menu2 a:hover.com{   box-shadow: 0 0 10px 0 #000; }
		#phoneside { width:280px; height:117px; background-image:url(images/33169-locksmith_01_04.jpg); background-position:left top; float:left}
		#phoneside h1{ font-size:40px; color:#FFFFFF; height:117px; text-align:center; margin-top:46px; letter-spacing:1px; font-weight:bold; text-shadow:1px 1px 1px #000}
		
			/*footer*/	
#footer {
		color: #FFFFFF ;
	text-align:center; 
	width:100%;
	height:69px; float:left;
	clear:both;
}
#footer a{color:#FFFFFF; text-decoration:none; font-size:11.5px; } #footer a:hover{ text-decoration:underline; color:#FFD6AF;}
#footer2{ width:960px; margin:0 auto; float:right; height:63px}
#footerlinks {width:727px; height:43px; float:left; margin-top:20px; }
#copyrights {width:200px; height:43px; float:right; margin-top:20px; } #footerservices { width:960px; background-color:#FFFFFF; float:left;}
	
	#footerservices p{ margin:10px 3.5px; padding:10px 10px 20px 10px; border-radius:5px 5px 5px 5px; border:4px solid #fff; box-shadow: 0 0 1px 0 #000;  background-color:#FEA259;  float:left; width:203px; height:110px;}
	.orange2 { background-color:#FFEFD5 !important}