*{ margin:0; padding:0; behavior: url(iepngfix.htc);  background-repeat:no-repeat;} h2 { font-size:24px; color:#104B80;} h3 { font-size:20px; margin:10px 0;}
.floatLeft{ width:auto; float:left; margin-right:3px} .floatRight{ width:auto; float:right; margin-left:3px} .clear{ clear:both;}
img{ border:none;}  .center{ margin:0 auto;} 
body {
	background-color:#D0D0D0;
	background-image:url(images/33153-locksmith.jpg); background-repeat: repeat-x;	
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	color: #333333;
}
@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:#0B2D84}
h1 {color:#BA0001;  font-family: "eriebold", Arial, Helvetica, sans-serif; 
	font-size:32px; margin:0; padding:0; }

/*bg */	 
#wrapper { 	height: 100%;
				width:1000px;
		background-image:url(images/33153-locksmith.png); behavior: url(iepngfix.htc); background-position:left top; 	margin:0 auto; }
				 
.boxshadows {border: 3px solid #FFFFF;  border-radius:5px 5px 5px 5px;
				 float:left; margin:10px 10px 5px 0px} 
.boxshadows2 {border: 3px solid #FFFFF;  border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;
				 float:right; margin:10px 0px 5px 10px} 
				 
 /*header */	 
  	#HeaderMain { width:927px; margin:0 31px 0 42px; height:109px}
	#Headerlogo { width:614px; height:109px; float:left}
	#Headerlogo h2 {color:#BA0001;  font-family: "eriebold", Arial, Helvetica, sans-serif; 
	font-size:38px; margin:0; padding:0; line-height:50%}
	#Headerlogo h1 {  font-family: "arialnarrow", Arial, Helvetica, sans-serif; 
	font-size:50px; margin:0; padding:0; color: #333333; line-height:110%; text-transform:uppercase}
	#Headerlogo p{ font-size:10px; color:#333; padding-top:15px; font-family: Arial, Helvetica, sans-serif; letter-spacing:-.1em}
	#HeaderPhone {width:313px;  height:109px; float:right; background-image:url(images/33153-locksmith_04.png); background-position:left top; behavior: url(iepngfix.htc); font-size:10px; text-align:right; text-transform:uppercase}
		#HeaderPhone h1{ color: #333333; font-size:32px; font-family: Arial, Helvetica, sans-serif, Impact, "Arial Black", verdana; font-weight:bold; font-style:italic; padding-top:38px; text-align:right; margin-bottom:5px;}
		#HeaderPhone p{ color: #333333; font-size:14px; font-family: Arial, Helvetica, sans-serif, Impact, "Arial Black", verdana; font-weight:bold; font-style:italic; text-align:right; text-transform:uppercase; margin-top:5px}
	
	
	 /*content */
	 
	 #mainContent { margin:0 28px 0 39px; background-color:#FFFFFF; width:933px; height:inherit; float:left}
	 #ContentArea {width:911px; height: inherit; margin:11px; float:left}
	 #serviceArea {width:911px; height:136px;}
	  #serviceArea h1 {color:#FFFFFF; font-weight:bold; font-family: "arialnarrow", Arial, Helvetica, sans-serif; font-size:20px; text-transform:uppercase; text-shadow:1px 1px 2px #000; text-align:center; margin-top:5px;}
	  #serviceArea p{ padding:10px; text-align:center}
	 #services1 { width:294px; height:136px; margin-right:15px; float:left; background-image:url(images/33153-locksmith_02.png); background-position:left top;}
	 	 #services2 { width:294px; height:136px; margin-right:14px;  float:left; background-image:url(images/33153-locksmith_02.png); background-position:left top;}
		  #services3 { width:294px; height:136px;  float:right; background-image:url(images/33153-locksmith_02.png); background-position:left top;}
		  
		  #ContentAreaLeft { width:576px; height:inherit; float:left; margin-right:20px; margin-top:10px; background-color:#F4F4F4; padding:10px; box-shadow: 0 0 7px 0 #D0D0D0; border-radius:5px 5px 5px 5px;}
		   #ContentAreaLeft  ul{ margin-left:30px; margin-bottom:10px;}
		    #ContentAreaLeft li { margin-left:10px;}
			 #ContentAreaLeft h1{ font-family:Arial, Helvetica, sans-serif, Impact, "Arial Black", verdana; margin:0px 0px 10px 0; font-weight:bold; color:#CC0000; border-bottom:1px dashed #666666}
		  #ContentAreaLeft p{ margin:10px 0px; font-family:Arial, Helvetica, sans-serif}
		  #ContentAreaRight { width:295px; height:inherit; float:right}
		  #ContentAreaRightServices { width:295px; height:131px; margin:10px 0px; background-image:url(images/33153_locksmith_02.png); background-position:left top;}
		  	  #ContentAreaRightServices h2{ font-size:19px; color:#10327A; text-transform:uppercase; text-align:center; padding:10px;}
		  
		  #ContentAreaRightServices h1{color:#10327A; font-family:Arial, Helvetica, sans-serif, Impact, "Arial Black", verdana;	font-size:36px; text-align:center; text-transform:uppercase; font-weight:bold}
			 #ContentAreaRightServices p{color:#BA0001; font-size:20px; text-align:center; font-family:Arial, Helvetica, sans-serif, Impact, "Arial Black", verdana; font-weight:bold}
			 
			 #contentFormArea { width:295px; height:inherit; background-image:url(images/33153_locksmith_05.png); background-repeat:repeat-y}
			 #contentFormAreaPadding { padding:10px 18px;}
			 .blue { color:#061D5C}
			 
			 
			  /*form*/
		  .textfield1 {width:257px; height:37px; background-image:url(images/33153_locksmith_10.png);   behavior: url(iepngfix.htc);
		  color:#333333;  background-repeat:no-repeat; margin-bottom:10px;}
		    .textfield { border:none; margin:5px 10px 0px 10px; width:240px; height:22px; 
			color:color:#333333; background-color: none !important; background:none}
			 .textfield2 {width:257px;  height:96px; background-image:url(images/33153_locksmith_09.png); 
			 background-repeat:no-repeat; margin-bottom:5px; color:#999999;  behavior: url(iepngfix.htc);}
		    .textfield3 { border:none; margin:13px 10px 0px 10px; width:240px; height:70px;
			 background-color: none !important; color:#333333; background:none}
			 
			 
/*navigation*/
  			#navigationArea {width:933px; height:64px; float:left}
		  #menu {
			float:left;
			margin:0;
			padding:0;
			width:933px; height:64px;
			 }
		
		#menu li{
			height:64px;
			float:left;
			list-style-type:none;
		}
		#menu a{
			height:64px;
			display:block; background-image:url(images/33153-locksmith_01.png);
				text-indent:-9999px;
		}
		
		#menu a.home{
				width:126px;
				background-position:0px 0px;
			}	
		#menu a.home:hover, #menu a.homeCur{
					width:126px;
					background-position:0px -64px;
				}
				
					#menu a.bathroom{
				width:229px;
				background-position:-126px 0px;
			}	
		#menu a.bathroom:hover, #menu a.bathroomCur{
					width:229px;
					background-position:-126px -64px;
				}
				
						
					#menu a.kitchen{
				width:214px;
				background-position:-355px 0px;
			}	
		#menu a.kitchen:hover, #menu a.kitchenCur{
					width:214px;
					background-position:-355px -64px;
				}
				
				#menu a.services{
				width:363px;
				background-position:-569px 0px;
			}	
		#menu a.services:hover, #menu a.servicesCur{
					width:363px;
					background-position:-569px -64px;
				}
				
						
				#menu a.estimate{
				width:185px;
				background-position:-748px 0px;
			}	
		#menu a.estimate:hover, #menu a.estimateCur{
					width:185px;
					background-position:-748px -64px;
				}
				
/*banner*/	

	#bannerArea {width:911px; height:326px; margin:0 11px 0 11px; float:left}

/*footer*/	
	 #FooterArea {width:891px; height: inherit; margin:11px; float:left; background-color:#414141; height:20px; text-align:center; padding:10px; color:#FFFFFF}
	 #FooterArea  a{ color:#FFFFFF; font-size:11px; text-shadow:1px 1px 1px #000; text-align:center; text-decoration:none}
	 #FooterArea a:hover{ color:#FFFFCC; text-decoration:underline}
	  #footerArea2 a{  font-size:11px; text-align:center; text-decoration:none; color:#333333}
	 #footerArea2 a:hover{ ; text-decoration:underline}
	 
	 #footerArea2 { width:980px; height:39px; text-align:center; padding:10px; background-image:url(images/33153-locksmith_03.png); behavior: url(iepngfix.htc); font-size:14px; text-shadow:1px 1px 1px #FFF}
	 
	
	 #serviceArea2 {width:911px; height:136px; margin:11px;}
	  #serviceArea2 h1 {color:#FFFFFF; font-weight:bold; font-family: "arialnarrow", Arial, Helvetica, sans-serif; font-size:20px; text-transform:uppercase; text-shadow:1px 1px 2px #000; text-align:center; margin-top:5px;}
	  #serviceArea2 p{ padding:10px; text-align:center}
	   #serviceArea2 a{ color:#000000; text-decoration:none;}
	   	   #serviceArea2 a:hover{ color:#000000; text-decoration:underline;}
	  
	  #sideservices1 { height:121px; width:295px; background-image:url(images/33153-locksmith_01.jpg); padding:5px; }
#sideservices1 ul { margin-left:30px; list-style:square; color:#FFCC00; font-size:10px; text-transform:uppercase; letter-spacing:1px; text-shadow:1px 1px 3px #000;}
#sideservices1 h2 { font-size:20px; color:#FFFFFF; padding-left:3px; padding-top:2px; text-shadow:1px 1px 3px #000; text-align:left; text-transform:uppercase}

 #sideservices2 { height:121px; width:295px; background-image:url(images/33153-locksmith_04.jpg); padding:5px; }
#sideservices2 ul { margin-left:30px; list-style:square; color:#FFCC00; font-size:10px; text-transform:uppercase; letter-spacing:1px; text-shadow:1px 1px 3px #000;}
#sideservices2 h2 { font-size:20px; color:#FFFFFF; padding-left:3px; padding-top:2px; text-shadow:1px 1px 3px #000; text-align:left; text-transform:uppercase}

 #sideservices3 { height:121px; width:295px; background-image:url(images/33153-locksmith_02.jpg); padding:5px; }
#sideservices3 ul { margin-left:30px; list-style:square; color:#FFCC00; font-size:10px; text-transform:uppercase; letter-spacing:1px; text-shadow:1px 1px 3px #000;}
#sideservices3 h2 { font-size:20px; color:#FFFFFF; padding-left:3px; padding-top:2px; text-shadow:1px 1px 3px #000; text-align:left; text-transform:uppercase}


 #sideservices4 { height:121px; width:295px; background-image:url(images/33153-locksmith_03.jpg); padding:5px; }
#sideservices4 ul { margin-left:30px; list-style:square; color:#FFCC00; font-size:10px; text-transform:uppercase; letter-spacing:1px; text-shadow:1px 1px 3px #000;}
#sideservices4 h2 { font-size:20px; color:#FFFFFF; padding-left:3px; padding-top:2px; text-shadow:1px 1px 3px #000; text-align:left; text-transform:uppercase}