@charset "utf-8";
/* CSS Document */ 
body { background-image:url(img/bg.png); background-repeat:repeat-x; background-color:#ebebeb; padding:0; margin:0}
.clr { clear:both}

#wrapper { width:940px; margin:0 auto}
 #header { height:120px  }
  #logo { width:370px; float:left  }
  #nav { float:right  }
 #banner { height:300px  }
 #content { font-family: Arial, Helvetica, sans-serif  }
  #left { width:580px; float:left; padding-top:60px; padding-bottom:30px }
  #right { width:305px; float:right  }
#footerwide { background-image:url(img/bgfooter.png); background-repeat:repeat-x; height:109px; margin-top:50px }
 #footer { width:940px; margin:0 auto; padding-top:15px  }
 #footer p { line-height:16px}
 
 /*Navigation*/
 
 #nav ul { list-style-type:none; padding:40px 0 0 0; margin:0}
 #nav li { float:left; padding:0; margin:0 5px}
 #nav li a { display:block; padding:12px 20px; color:#fff; margin:0; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}
 #nav li a:hover, #nav .active a {-webkit-box-shadow: inset 0px 0px 18px 18px rgba(0, 0, 0, .9);
	box-shadow: inset 0px 0px 18px 18px rgba(0, 0, 0, .9);
	background-color:#191919;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;}
	
/*Banner*/

 #banner ul { list-style-type:none; padding:40px 0 0 0; margin:0}
 #banner li { float:left; padding:0; margin:0 2px}
 #banner li a { display:block; width:230px; height:246px; text-indent:-9999px}
 
 #banner .automotive a { background-image:url(img/automotive-a.png)}
 #banner .automotive a:hover { background-image:url(img/automotive-b.png)}
 
 #banner .residential a { background-image:url(img/residential-a.png)}
 #banner .residential a:hover { background-image:url(img/residential-b.png)}
 
 #banner .commercial a { background-image:url(img/commercial-a.png)}
 #banner .commercial a:hover { background-image:url(img/commercial-b.png)}
 
 #banner .emergency a { background-image:url(img/emergency-a.png)}
 #banner .emergency a:hover { background-image:url(img/emergency-b.png)}
 
 #content #left a { color:#1d1d1d; text-decoration:underline}
 #content #left a:hover { text-decoration:none}
 
 /*Color*/
.blue { color:#237ee5}
.black { color:#000}
.dark { color:#5d5d5d}
.grey { color:#bdbdbd}

/**FontSize*/
 .ts {text-shadow: 0px 1px 0px #ffffff;
        filter: dropshadow(color=#ffffff, offx=0, offy=1);
		}
 .fs11 { font-size:11px; line-height:18px}
 .fs12 { font-size:12px; line-height:18px}
 .fs13 { font-size:13px; line-height:20px}
 .fs16 { font-size:16px; line-height:22px}
 .fs18 { font-size:18px;}
 .fs20 { font-size:20px;}
 .fs24 { font-size:24px; line-height:24px}
 .fs28 { font-size:28px;}
 .fs30 { font-size:30px;}
 .fs33 { font-size:33px; line-height:46px }
 
 h1 { font-family:Arial, Helvetica, sans-serif; font-size:26px; padding:0 0 20px 0 ; margin:0; line-height:26px; color:#1d1d1d}
 h4 { color:#1d1d1d}
 h5 { color:#1d1d1d; font-size:16px; padding:0 0 5px 0; margin:0; line-height:20px; border-bottom:1px dotted #1d1d1d; display:inline}
 h5 a {color:#1d1d1d; text-decoration:none}
 h5 a:hover {color:#515151}
 #content p { line-height:20px; padding:0 0 20px 0; margin:0; font-size:12px}
 
 #formwrap { background-image:url(img/formbg.png); width:304px; height:504px}
 #formwrap form { padding-top:110px; padding-left:27px}
 #formwrap button { background:url(img/form-submit.png); width:140px; height:52px; border:none}
 #formwrap button:active {background:url(img/form-submit-b.png)}
 #formwrap p { padding:0; margin:0 0 0 55px}
 
 #footer p, #footer p a { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px}
 #footer p a { font-weight:bold; text-decoration:none; display:inline-block; padding:0 5px}
 #footer p a:hover { text-decoration:underline}
 
 #serviceswrap div{ float:left; width:25%}
 #serviceswrap ul, #left ul { list-style-type:none; padding:0; margin:14px 0 0 0 }
#phone {
	height: 81px;
	width: 375px;
	z-index: 9999;
	background-image: url(img/phone.png);
	background-repeat: no-repeat;
	visibility: visible;
	position: absolute;
	margin-top: 80px;
	margin-left: 580px;
	font-family: "Myriad Pro Cond";
	color: #FFF;
}
#phonetext {
	background-image: url(img/phone.png);
	background-repeat: no-repeat;
	font-family: "Myriad Web Pro", "Myriad Pro Light", "Myriad Pro Cond";
	color: #FFF;
	font-size: 39px;
	font-weight: bold;
	padding-top: 13px;
	padding-left: 5px;
}


 #serviceswrap li, #left li { font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(img/-bullet-lock.png); padding-left:15px; background-repeat:no-repeat; color:#1d1d1d; margin-bottom:7px}
 
 input,
textarea {
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
  width: 230px;
}
textarea {
  height: auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding:8px;
width:230px;
font-weight:bold;
margin-bottom:5px
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}