/* ------------------------- */
/* Arbor Care, Inc. Main CSS */
/* ------------------------- */


/* !Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-style:normal; font-weight:normal; }
a,a:visited,a:active { color:inherit; text-decoration:none; }
ul,ol { list-style:none; }
fieldset,img { border:none; outline:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; }

/* !Utilities */
.floatLeft { float:left; }
.floatRight { float:right; }
.clear { clear:both; }

/* !Basics */
body { color:#5a4627; font-family:"Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif; text-align:center; }
body.home { background:#bfcedc url(images/bg-test.png) repeat-x top; }
body.secondary { background:#bfcedc url(images/sec-bg2.png) repeat-x top; }
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size:24px; font-weight:bold; line-height:26px; margin-bottom:5px; }
h4 { font-size:15px; font-weight:bold; line-height:22px; color:#665130; margin-bottom: 15px; }
h5 { }
h6 { }
p { font-size:14px; line-height:21px; margin-bottom: 8px;}
a { color:#5f9c52; text-decoration: underline; }
.home #header a { text-decoration: none;}
img { }
.secondary img { padding: 20px; }

.secondary .imageLeft { padding: 0px 20px 20px 0px; float: left; }
.secondary .imageRight { padding: 0px 10px 20px 20px; float: right; }
strong { font-weight: bold;}
em { font-style: italic; letter-spacing: 0px; }
blockquote { margin: 0 35px; }
blockquote p:first-child { font-style: italic; font-family: Georgia, Times, Times New Roman, sans-serif !important; color: #eee; margin-bottom: 0; padding-bottom: 10px; }
blockquote p:first-child:first-letter { font-size: 130%; font-weight: bold;}
blockquote p:last-child { font-size: 13px !important; color: #eee; font-weight: bold; margin-bottom: 0; padding-bottom: 0;}

blockquote.left { width: 200px; margin: 5px 15px 5px 0; padding: 5px; text-align: center; float: left;  }
blockquote.right { width: 200px; margin: 5px 5px 5px 15px; padding: 10px; border: 1px solid #33622d; background: #5f9c52; -moz-border-radius: 6px; -webkit-border-radius:6px; text-align: center; float: right; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.45); }

input, textarea { font-size: 28px; margin-bottom: 10px; }

/* Special Styles */
.warning { background: url(images/warning2.png) no-repeat left center; padding-left: 78px; vertical-align: middle; }

/* Site-wide Styles */
#wrapper { width:960px; margin:0 auto; text-align:left; }
#header { background:url(images/header-bg960.png) no-repeat top center; width:100%; height:81px; position:relative; }
#logo a { background:url(images/logo-serif.png) no-repeat; width:332px; height:44px; position:absolute; text-indent:-9999px; top:25px; z-index:100; }
#logo a:hover { background-position:bottom; }
#tree { background:url(images/tree.png) no-repeat; width:66px; height:59px; position:relative; left:340px; top:10px; }
#nav { position:absolute; right:0; top:50px; }
#nav li { display:inline; }
#nav li a { background:url(images/nav.png) no-repeat; color:white; display:block; float:left; text-indent:-9999px; height:20px; margin:0 10px; }
#nav li#home a { background-position: 0 0; width:43px; }
#nav li#services a { background-position:-61px 0; width:85px; }
#nav li#about a { width:44px; background-position:-164px 0; }
#nav li#contact a { background-position:-227px 0; width:74px; }


/* Page-Specific Top Nav Current States */

.servicesPage #nav li#services a { background-position:-61px -21px; }
.aboutPage #nav li#about a { background-position:-164px -21px; }
.contactPage #nav li#contact a {background-position: -227px -21px; }


#nav li#home.current a { background-position:0 -21px; }
#nav li#services.current a { background-position:-61px -21px; }
#nav li#about.current a { background-position:-164px -21px; }
#nav li#contact.current a { background-position:-227px -21px; }
#servicesPage #nav li#services a { background-position: -61px -21px; }
#aboutPage #nav li#about a { background-position: -164px -21px; }
#contactPage #nav li#contact a { background-position: -227px -21px; }
#nav li#home a:hover { background-position:0 -21px; }
#nav li#services a:hover { background-position:-61px -21px; }
#nav li#about a:hover { background-position:-164px -21px; }
#nav li#contact a:hover { background-position:-227px -21px; }
#footerWrap { background:url(images/footer-bar.png); width:100%; height:77px; position:absolute; left:0; right:0; }
#footer { width:960px; margin:28px auto 0; position:relative; clear:both; color:#d9d9d9; }
#footer p { font-size:12px; text-align:left; float:left; text-shadow: 0 1px 1px black; }
#footNav { float:right; }
#footNav li { font-size:12px; display:inline; text-shadow:0 1px 1px black; }
#footNav li span { color:#d9d9d9; font-weight:bold; }
#footNav li a { color: #eee; text-decoration: none; }
#footNav li a:hover { color:#7ac170; }

/* Home-Only Styles */
#headliner { background:url(images/headliner5.png) no-repeat top center; height:250px; width:100%; }
#headliner #leftSide { float:left; width:603px; }
#headliner #rightSide { float:right; width:308px; padding-top:8px; height:240px; overflow:hidden; }
#headliner #expertsText { background:url(images/headliner-text.png) no-repeat; width:444px; height:81px; margin:40px auto; text-indent:-9999px; display:block; }
#bevels { background:url(images/bevel.png) no-repeat; width:618px; height:2px; float:left; position:relative; top:-25px; }
#headliner #contactOptions { clear:both; overflow:auto; margin:auto; width:516px; }
#headliner #expertBtn { background:url(images/call-sprite2.png) no-repeat; width:161px; height:37px; text-indent:-9999px; border:none; display:block; float:left; }
#headliner #expertBtn:active { background-position:left bottom; }
#headliner #callNow { background:url(images/call-sprite.png) no-repeat right; width:352px; height:37px; text-indent:-9999px; float:left; }
#headGallery { }
#headGallery p a { color:#ccc; border-bottom:1px dashed #ccc; font-size:12px; float:right; margin-right:8px; line-height: 18px; }
#headGallery img { margin:5px; }
.home #content { padding:50px 50px 0; margin:35px 0; background:white; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:0 2px 4px rgba(0,0,0,.5); clear:both; }
.secondary #content { margin:65px 0 35px; background:white; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:0 2px 4px rgba(0,0,0,.5); clear:both; }
.bodyImageRight { float:right; }
.bodyImageLeft { float:left; margin-right:50px; margin-bottom:50px; }
#firstPic { }
#secondPic { clear:both; }
#content h3 { color:#5b9b52; font-size:19px; line-height:26px; }
#content p { font-size:13px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; line-height:21px; }
#content #urbanHeader { margin-top:20px; }
#content #healthyHeader { clear:right; margin-top:135px; }
#aboutBtn { background:url(images/about-us-btn.png) no-repeat; width:104px; height:25px; display:block; float:right; text-indent:-9999px; margin-bottom:50px; }
#learnBtn { background:url(images/learn-more-btn.png) no-repeat; width:104px; height:25px; display:block; float:right; text-indent:-9999px; }
#bottomBoxes { overflow:hidden; text-align:center; margin-bottom:35px; }
#bottomBoxes ul { }
#bottomBoxes li a { display:block; float:left; background:url(images/boxes-sprite.png) no-repeat; width:300px; height:200px; margin-right:27px; text-indent:-9999px; }
#bottomBoxes li#emergencyService { background-position:0 0; }
#bottomBoxes li#maintainTrees a { background-position:-300px 0; }
#bottomBoxes li#treesKansasCity a { background-position:-600px 0; margin-right:0; }
#customerComments { background:url(images/cust-comments.png); clear:both; width:966px; height:84px; margin:0 auto 35px; }
#customerComments blockquote { padding-top:46px; text-align:center; font-weight:bold; }

/* Secondary Pages */
#breadcrumb { line-height:30px; }
#breadcrumb li { padding-right:5px; font-size:12px; font-weight:bold; color:#eee; text-shadow:0 1px 1px #386031; }
#breadcrumb li a { }
#breadcrumb li#homeIcon a { background:transparent url(images/home-icon.png) no-repeat left 6px; text-indent:-9999px; padding-left:20px; float:left; }
#breadcrumb li#homeIcon a:hover { background:transparent url(images/home-icon-over2.png) no-repeat left 6px; text-indent:-9999px; padding-left:20px; float:left; }
#breadcrumbList li a { background:url(images/bc-sep.png) no-repeat 0 2px; height:31px; padding-left:25px; float:left; vertical-align:middle; }
#topBar { background:url(images/content-header.png) no-repeat 0 0; width:960px; height:51px; clear:both; }
/* Original Top Bar h2 Style */
/* #topBar h2 { position:relative; display:inline; float:right; top:12px; right:20px; text-shadow:0 1px 1px black; color:#6aaf5d; font-weight:bold; } */

/* Page-Specific Top Bar Headings */
.servicesPage #topBar h2 {background: url(images/top-bar-sprite.png) left top no-repeat; width: 150px; height: 21px; display: block; float: right; top: 16px; right: 20px; position: relative; text-indent: -9999px;}
.aboutPage #topBar h2 {background: url(images/top-bar-sprite.png) left bottom no-repeat; width: 71px; height: 21px; display:block; float: right; top: 16px; right: 20px; position: relative; text-indent: -9999px;}
.contactPage #topBar h2 {background: url(images/top-bar-sprite2.png) left bottom no-repeat; width: 136px; height: 21px; display: block; float: right; top: 16px; right: 20px; position: relative; text-indent: -9999px;}

.secondary #content { background:white url(images/side-bg-dark2.png) left top repeat-y; /* -webkit-box-shadow:none */; padding-bottom:15px; }
.secondary #content #rightCol ul { margin-top: 15px; margin-left: 30px; list-style-position: outside;}
#leftCol { float:left; width:200px; background:transparent; height:600px; position:relative; overflow:visible; }
#sideNav { }
#sideNav a:hover { color:#7ac170; }
#sideNav li { }
#sideNav li a { background:transparent url(images/sidebar-head-bg4.png) no-repeat 0 0; color: #eee; display:block; width:200px; height:30px; font-size:14px; font-weight:bold; text-shadow:0 1px 0 black; text-indent:15px; line-height:30px; }


/* Wooden Arrows */
.servicesPage #sideNav #servicesSide { color:#7ac170; text-shadow: 0 1px 0 black; background:url(images/wooden-arrow-list-item.png) no-repeat; width:215px; }
.aboutPage #sideNav #aboutSide { color:#7ac170; text-shadow: 0 1px 0 black; background:url(images/wooden-arrow-list-item.png) no-repeat; width:215px; }

/* List Items */
#sideNav li .sideNested li a { background:transparent; color:#eee; display:block; font-size:12px; font-weight:normal; width:200px; }
#sideNav li .sideNested li a:hover { background:#4b8c40 url(images/side-nav-active.png); color:white; }

/* Sidebar Icons */
#sideNav #homeSide { background:url(images/side-headers-sprite2.png) no-repeat 0 0; }
#sideNav #servicesSide { background:url(images/side-headers-sprite2.png) no-repeat 0 -30px; }
#sideNav #aboutSide { background:url(images/side-headers-sprite2.png) no-repeat 0 -60px; }

/* Sidebar Icons Active */
/* .servicesPage #sideNav li #servicesSide {background: url(images/side-nav-head-active2.png) no-repeat 0 -30px; } */


/*.servicesPage #sideNav #servicesSide { color: #4b8c40; }
.aboutPage #sideNav #servicesSide { color: #4b8c40; }*/


/* #sideNav #aboutSide.open { border-top:none; } */
#sideNav li.current #homeSide { background:url(images/side-headers-sprite-over2.png) no-repeat 0 0; }
#sideNav li.current #servicesSide { background:url(images/side-headers-sprite-over2.png) no-repeat 0 -30px; }
#sideNav li.current #aboutSide { background:url(images/side-headers-sprite-over2.png) no-repeat 0 -60px; }
.servicesPage  #sideNav li #servicesSide { background:url(images/side-headers-sprite-over2.png) no-repeat 0 -30px; }
.aboutPage #sideNav li #aboutSide { background:url(images/side-headers-sprite-over2.png) no-repeat 0 -60px; }
#servicesPage #sideNav li #servicesSide { background:url(images/side-headers-sprite-over2.png) no-repeat 0 -30px; }
#aboutPage #sideNav li #aboutSide { background:url(images/side-headers-sprite-over2.png) no-repeat 0 -60px; }
#drawerBtm { width:200px; height:11px; background:url(images/drawer-btm-new.png) no-repeat; margin-bottom:20px; }
#leftCol a { text-decoration: none; }
#leftCol p { color:white; font-weight:bold; margin-left:20px; }
#leftCol p#treeEmergencies { background:url(images/tree-emergency-number2.png) no-repeat; width:146px; height:146px; display:block; margin:0 auto; text-indent:-9999px; overflow:hidden; }
#commentsViewer { position:absolute; overflow:hidden; width:160px; margin:0 20px; }
#commentsViewer .comments { color:white; position:relative; width:160px; margin-bottom:50px; }
#comments { display:block; }
#rightCol { margin-top:30px; float:left; width:725px; padding-left:20px; }
#content #rightCol a:hover { text-decoration:none; color:#4b8c40; }
#content h3 { font-size:20px; font-weight:bold; margin-bottom:10px; color:#5f9c52; }
#content #rightCol ul { list-style-type:disc; list-style-position:outside; font-size:13px; line-height:22px; margin: 15px 30px 15px; }
/* #content #rightCol ul li ul li { text-indent: 25px; } */
#content #rightCol ol { list-style-type:disc; list-style-position:outside; font-size:13px; line-height:22px; margin: 15px 30px; }
#content #rightCol ol li a { text-decoration:underline; }
#content #rightCol ul li a { text-decoration:underline; }
#rightCol img { margin:10px auto 0; }
#rightCol .bodyImageRight { width:320px; float:right; text-align:center; border:1px solid #ccc; background:#daedfb; margin-left:20px; }
#rightCol .bodyImageLeft { width:320px; float:left; text-align:center; border:1px solid #ccc; background:#daedfb; margin-right:20px; }
#rightCol .bodyImageRight p,#rightCol .bodyImageLeft p { text-align:left; padding:0 10px; margin-bottom:5px; font-size:11px; line-height:16px; font-style:italic; }
.secondary #content p.bold { font-weight: bold; }
#content #rightCol .faq-details h1 { font-size: 18px !important; }

/* Page-specifc "Currently Active" Link Styles */
#evaluationsPage #sideNav li .sideNested li#sideNavItem1 a { background:#4b8c40 url(images/side-nav-active.png); color:white; }
#treeRemovalPage #sideNav li .sideNested li#sideNavItem2 a { background:#4b8c40 url(images/side-nav-active.png); color:white; }
#trimmingPage #sideNav li .sideNested li#sideNavItem3 a { background:#4b8c40 url(images/side-nav-active.png); color:white; }
#stumpGrindingPage #sideNav li .sideNested li#sideNavItem4 a { background:#4b8c40 url(images/side-nav-active.png); color:white; }
#cablingPage #sideNav li .sideNested li#sideNavItem5 a { background:#4b8c40 url(images/side-nav-active.png); color:white; }
#crownReductionPage #sideNav li .sideNested li#sideNavItem6 a { background:#4b8c40 url(images/side-nav-active.png); color:white; }
#crownRaisingPage #sideNav li .sideNested li#sideNavItem7 a { background:#4b8c40 url(images/side-nav-active.png); color:white; }
#haulingPage #sideNav li .sideNested li#sideNavItem8 a { background:#4b8c40 url(images/side-nav-active.png); color:white; }
#faqPage #sideNav li .sideNested li#sideNavItem9 a { background:#4b8c40 url(images/side-nav-active.png); color:white; }
#treesKCPage #sideNav li .sideNested li#sideNavItem10 a { background:#4b8c40 url(images/side-nav-active.png); color:white; }
#emergencyPage #sideNav li .sideNested li#sideNavItem11 a { background:#4b8c40 url(images/side-nav-active.png); color:white; }
#galleryPage #sideNav li .sideNested li#sideNavItem12 a { background:#4b8c40 url(images/side-nav-active.png); color:white; }
#equipmentPage #sideNav li .sideNested li#sideNavItem13 a { background:#4b8c40 url(images/side-nav-active.png); color:white; }


#lightbox img{ width: auto; height: auto;padding: 0;}

#bottomNav #nextBLink, #bottomNav #prevBLink {
  display: none;
}