*{ margin:0; padding:0;}
@font-face {
    font-family: 'BallparkWeiner';
    src: url('ballpark_weiner-webfont.eot');
    src: url('ballpark_weiner-webfont.eot?#iefix') format('embedded-opentype'),
         url('ballpark_weiner-webfont.woff') format('woff'),h1#phone {
    background: url("../images/phone.jpg") no-repeat scroll center center transparent;
    color: #EBEBEB;
    display: block;
    font-size: 30px;
    height: 166px;
    line-height: 330%;
    margin: 0 auto;
    width: 254px;
}
         url('ballpark_weiner-webfont.ttf') format('truetype'),
         url('ballpark_weiner-webfont.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{ 	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#666; background:url(../images/bg.jpg);}

h1, h2{ font-family:BallparkWeiner, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; color:#5F2E86;} h1{ font-size:32px; } h2{ font-size:21px;} h1, h2, p{ padding:5px 0;} ul{ padding:5px 0 5px 30px;} li, p{ line-height:150%;}

.floatLeft{ width:auto; float:left;} .floatRight{ width:auto; float:right;} .clear{ clear:both;}

img{ border:none;}  a{ text-decoration:none; color:#5F2E86} a:hover{ text-decoration:underline; color:#585858;} strong{ color:#5F2E86;}

 .center{ margin:0 auto;} .padInside{ padding:10px 30px;}
 
 #content {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:963px;
	margin: 0 auto -138px; /* the bottom margin is the negative value of the footer's height */
}

#bannerWrapper{
	width:100%;
	height:358px;
	background:url(../images/bgTop.jpg) repeat-x left top;
}
#banner{
	width:960px;
	height:116px;
	margin:0 auto;
}
#banner h1.logo{
	float:left;
	width:480px;
	height:60px;
	display:block;
	font-size:30px;
	margin-top:30px;
	position:relative;
}
#banner p.quote{font-size:12px; font-style:italic; font-weight:normal; float:left; clear:left; color:#5F2E86; width:465px; top:-20px; margin:0; padding:0; position:relative;}
#banner h1.logo > a:hover{ text-decoration:none;}
#banner h1.phonecc{
	width:471px;
	height:34px;
	float:right;
	clear:right;
	background:url(../images/phonecc.png) no-repeat;
	margin:5px 0 0; padding:0;
	text-indent:70px;
	font-size:30px;
	line-height:70%;
	position:relative;
}
#menu {
	width:473px;
	height:76px;
	float:right;
	margin:0;
	padding:0;
	position:relative;
}
#menu li{
	height:76px;
	float:left;
	list-style-type:none;
}
#menu a{
	height:76px;
	display:block;
	background-image:url(../images/menu.gif);
	text-indent:-9999px;
}
#menu a.automotive{
	width:155px;
	background-position:0px 0px;
}
#menu a.commercial{
	width:160px;
	background-position: -155px 0px;
}
#menu a.residential{
	width:157px;
	background-position: -315px 0px;
}
#menu a.automotive:hover{
	background-position:0px -76px;
}
#menu a.commercial:hover{
	background-position:-155px 76px;
}
#menu a.residential:hover{
	background-position:-315px -76px;
}
#bannerMid{
	width:1066px;
	height:242px;
	background:url(../images/bannerBg.png) no-repeat center bottom;
	margin:0 auto;
	clear:both;
}

#content .top{
	width:963px;
	height:20px;
	background:url(../images/contentTop.png) no-repeat center top;
}
#content .middle{
	width:963px;
	height:inherit;
	background:url(../images/contentBg.png) repeat-y center top;
}
#content .bottom{
	width:963px;
	height:41px;
	background:url(../images/contentBottom.png) no-repeat center top;
}

#contentSidePanel{
	width:300px;
	text-align:center;
	float:left;
}
h1#phone{
	width:254px;
	height:166px;
	background:url(../images/phone.jpg) no-repeat center;
	display:block;
	color:#ebebeb;
	font-size:30px;
	line-height:340%;
	margin:0 auto;
}
#contentMain{
	width:660px;
	height:inherit;
	float:right;
	border-left:#ccc 1px dotted;
}
.push { width:100%; height:138px;}
#footer{
	width:817px;
	height:138px;
	background:url(../images/footer.png) no-repeat center top;
	margin:0 auto;
}
#footer p, #footer a{ color:#fff;} #footer a:hover{ color:#ebebeb;}

#footer p.links{ margin:25px 0px 0px 80px;} #footer p.copyright{ margin:25px 50px 0px 0px;}