/*CSS Reset*/body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }

html { background: url(../images/bg.png) #e7e7e7; }
body { background: url(../images/body_bg.png) 0 86px repeat-x; font: 13px Lucida Sans Unicode, Lucida Grande, sans-serif;  }
a { color: #CA3728; text-decoration: none; }
a:hover { text-decoration: underline; }
h3 { font-size: 26px; font-weight: bold; margin: 0 0 20px; }
.clearer { clear: both; margin: 0px; line-height: 0px; padding: 0px; }

#mainWrap { margin: 0 auto; width: 928px; }
#logo { float: left; margin: 0 0 0 -51px; padding: 16px 0 0 0; }
#logo img { behavior: url(iepngfix.htc); }
#customAutoTrim { float: left; margin: 86px 0 0 -29px; }

#mainContainer { background: url(../images/bg_mainContainer.png); height: 680px; margin: 25px auto 25px auto; width: 927px; }
#innerContainer { background: url(../images/bg_innerContainer.png) no-repeat; height: 616px; margin: 35px 0 0 26px; position: absolute; width: 874px; }

/*---------------[NAVIGATION]---------------*/

#navWrap { background: url(../images/bg_nav.png) no-repeat; height: 85px; margin: -36px 0 0 13px; position: absolute; width: 900px; }

ul#topnav {list-style: none; margin: -10px 0 0 -50px; padding: 0; width: 900px; z-index: 2;}
ul#topnav li {float: right; margin: 0; padding: 0;}

/*--CSS Sprites - Default State--*/
ul#topnav a {background-position: left top; display: block; float: left; height: 51px; margin: 15px 0 0 0; text-indent: -99999px;}

/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {background-position: left -51px;}

/*--Assign an image and width to each link--*/

ul#topnav li.home a {background-image: url(../images/nav_home.png); width: 112px;}
ul#topnav li.services a {background-image: url(../images/nav_services.png); width: 111px;}
ul#topnav li.ourwork a {background-image: url(../images/nav_ourwork.png); width: 112px;}
ul#topnav li.about a {background-image: url(../images/nav_about.png); width: 112px;}
ul#topnav li.contact a {background-image: url(../images/nav_contact.png); width: 113px;}
#home li.home a, #services li.services a, #ourwork li.ourwork a, #cycle li.cycle a, #about li.about a, #contact li.contact a {background-position: left bottom;}

#li-banner { margin: 0 auto; }
#headlines { background: url(../images/bg_headlines.png) no-repeat; height: 129px; margin: 0 auto 0 auto; width: 848px; }
#headlineWelcome { float: left; margin: 44px 0 0 32px; }
#headlineServices { float: left; margin: 44px 0 0 186px; }
#headlineTrust { float: right; margin: 31px 55px 0 0; }

#welcomeTextWrap { background: url(../images/bg_text.png) no-repeat top right; float: left; height: 258px; margin: -41px 0 0 13px; width: 299px; }
#welcomeText p { color: #444444; line-height: 16px; padding: 32px 0 0 32px; width: 236px; }
#btnAboutUs { margin: 64px 0 0 32px; }
#btnAboutUs.button a.btn { background: url(../images/btn_aboutUs.png) no-repeat; display: block; height: 49px;  width: 180px; }
#btnAboutUs.button a.btn:hover { background-position: 0 -49px; }


#servicesTextWrap { background: url(../images/bg_text.png) no-repeat top right; float: left; height: 258px; margin: -41px 0 0 0; width: 271px; }
#servicesText p { color: #444444; line-height: 16px; padding: 32px 0 0 31px; width: 236px; }
#servicesText ul { list-style-image: url(../images/list_image.png); margin: 22px 0 0 32px; padding-left: 1em; }
#btnServices { margin: 22px 0 0 32px; }
#btnServices.button a.btn { background: url(../images/btn_services.png) no-repeat; display: block; height: 49px;  width: 180px; }
#btnServices.button a.btn:hover { background-position: 0 -49px; }

#contactUsWrap { float: left; }
#contactUs { margin: 60px 0 0 50px; position: absolute; }
#freeEstimate { margin: 11px 0 0 174px; position: absolute; }

.innerPage { padding: 40px; }
#map { float: left; }
.contact-info { float: left; width: 44%; margin: 0 0 0 40px; }

#footer { padding: 0 0 30px; text-align: center; }
