/*
Endi Design Studio (.com)

Author(s):   jarrod and laura [Endi Design Studio (.com)].
Version:  1.0 -- 2007.
Copyright (c): 2007 - all time. All rights reserved.
------------------------------------------------- */

/*
Common 
------------------------------------------------- */

* {
 margin: 0; padding: 0; border: 0;
} 
body { font-family: Arial, Verdana, sans-serif; color: #4E4E4E; font-size: 11px; background: url(/images/body_bg.jpg) top left #DBCCAE;
}

h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
}

ul li { list-style-type: none; }

a, a:visited {
 text-decoration: none; color: #00A13A; }
a:hover {
 text-decoration: underline; color: #000; }

#logo p a, #logo p a:visited {
 text-decoration: none; color: #A4A4A4; }
#logo p a:hover {
 text-decoration: underline; color: #000; }

#foot a, #foot a:visited {
 text-decoration: none; color: #4C4C4C; }
#foot a:hover {
 text-decoration: underline; color: #000; }

a.darklinks, a:visited.darklinks {
 text-decoration: none; color: #000; }
a:hover.darklinks, a:active.darklinks {
 text-decoration: underline; color: #8F945F; }

.clear { clear: both; }

#wrap1 { width: 730px; margin: 0 auto; height: 100%; padding: 0 25px; background: url(/images/wrap1_bg.jpg) top left repeat-y #fff; }
#wrap2 { width: 730px; padding: 25px 0; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.inline { display: inline; }

.align_right: { text-align: right; }

.big { font-size: 2em; font-weight: bold; }

.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mb15 { margin-bottom: 15px; }

.pt5 { padding-top: 5px; }

.f13 { font-size: 13px; }
.f14 { font-size: 14px; }

.hidden { display: none; }

#alert { color: red; }

.dark { color: #333; }




/*
head+nav
------------------------- */

#top { margin-bottom: 10px; }

#top #logo { width: 730px; margin-bottom: 15px; }
#top #logo h1 { width: 500px; float: left; }
#top #logo h1 a { display: block; height: 54px; width: 329px; background: url(/images/logo.jpg) top left no-repeat; overflow: hidden; }
#top #logo h1 a strong { display: none; }
#top #logo p { width: 230px; float: left; text-align: right; padding-top: 20px; }

#top #hello { border-top: 5px solid #DCDCDC; border-bottom: 5px solid #DCDCDC; margin-bottom: 3px; }
#top div.hp { background: url(/images/main_home.jpg) top left no-repeat; }
#top div.lawn { background: url(/images/main_lawn.jpg) top left no-repeat; }
#top div.haul { background: url(/images/main_junk.jpg) top left no-repeat; }
#top div.prof { background: url(/images/main_mailbox.jpg) top left no-repeat; }
#top #hello .inner p.lev1 { font-size: 18px; color: #565149; padding-top: 3px; }
#top #hello .inner p.lev2 { margin-top: 7px; }

#top .all { height: 240px; overflow: hidden; }
#top .norm { height: 160px; overflow: hidden; }
#top .all .inner { padding-top: 140px;}
#top .norm .inner { padding-top: 60px;}
#top #hello .inner { width: 350px; padding-left: 30px; padding-bottom: 15px;  height: 96px; overflow: hidden; }

#main_pic_text { position: relative; z-index: 25; }
#main_pic_text div { width: 350px; height: 96px; position: absolute; top: -108px; left: 30px; }
#main_pic_text div p.lev1 { font-size: 18px; color: #565149; padding-top: 3px; }
#main_pic_text div p.lev2 { margin-top: 7px; }

#nav { border-bottom: 3px solid #4C4A48; background: #7C776F; }
#nav ul { border-bottom: 1px solid #7C776F; }
#nav ul li { display: block; float: left; font-size: 18px; text-align: center; }
#nav ul li.home { width: 146px; }
#nav ul li.services { width: 184px; border-left: 1px solid #7C776F; }
#nav ul li.about { width: 184px; border-left: 1px solid #7C776F; }
#nav ul li.contact { width: 212px; border-left: 1px solid #7C776F; }
#nav ul li a { display: block; padding: 7px 0; color: #fff; text-decoration: none; background: url(/images/nav_triangle-2.gif) bottom center no-repeat; }
#nav ul li a:hover { background-color: #4C4A48; color: #fff; text-decoration: none; }
#nav ul li a.on { background-color: #4C4A48; color: #fff; text-decoration: none; }
#nav ul li a:hover.on { background-color: #32302E; color: #fff; text-decoration: none; }







/*
common
------------------------- */
#content { width: 730px; background: url(/images/content_bg.jpg) top left repeat-y; margin-bottom: 25px; }

#content #breadcrumbs { background: #fff; margin-bottom: 10px; color: #C0C0C0; clear: both; }
#content #breadcrumbs .l { width: 360px; float: left; }
#content #breadcrumbs .r { width: 360px; margin-left: 10px; float: left; text-align: right; }

#content .col1 { width: 510px; float: left; }

#content .col1 .subcontent { }
#content .col1 .subcontent h2 { font-size: 18px; color: #7C776F; }
#content .col1 .subcontent p.norm { margin-top: 10px; }



#content .col2 { width: 180px; float: left; margin-left: 40px; }
#content .col2 #get_in_touch { border: 5px solid #F1F1F1; margin-bottom: 15px; color: #7C776F; }
#content .col2 #get_in_touch .lev1 { background: #F0EEE6; padding: 10px; }
#content .col2 #get_in_touch .lev1 h3 { font-size: 16px; margin-bottom: 10px; color: #4C4A48; }
#content .col2 #get_in_touch .lev2 { background: #fff; padding: 10px; padding-top: 0; } 
#content .col2 #get_in_touch .lev2 p { background: #fff; padding-top: 10px; }

#content .col2 #partners {}
#content .col2 #partners h4 { background: #F1F1F1; padding: 5px; text-align: center; margin-bottom: 2px; }
#content .col2 #partners p { background: #F1F1F1; }




/*
homepage
------------------------- */
#content .col1 #welcome { background: url(/images/welcome_bg.jpg) bottom left repeat-x #F6F4EA; padding: 15px; margin-bottom: 15px; }
#content .col1 #welcome h2 { font-size: 18px; color: #7C776F; }
#content .col1 #welcome p { font-size: 12px; color: #7C776F; margin-top: 10px; }

#content .col1 #services_horiz {}
#content .col1 #services_horiz div ul { border: 5px solid #f1f1f1; padding: 10px; height: 130px; }
#content .col1 #services_horiz div ul li { background: url(/images/green_box_bullet.jpg) 0 3px no-repeat; margin-bottom: 3px; padding: 0 0 0 16px; }


#content .col1 #services_horiz div.l { width: 160px; float: left; }
#services_horiz div.l h3 a { display: block; height: 100px; width: 160px; background: url(/images/lawn_button-1.jpg) top left no-repeat; overflow: hidden; }
#services_horiz div.l h3 a strong { display: none; }
#services_horiz div.l ul { background: url(/images/icon_lawn.jpg) bottom right no-repeat #fff; }

#content .col1 #services_horiz div.m { width: 160px; float: left; margin-left: 15px; }
#services_horiz div.m h3 a { display: block; height: 100px; width: 160px; background: url(/images/haul_button-1.jpg) top left no-repeat; overflow: hidden; }
#services_horiz div.m h3 a strong { display: none; }
#services_horiz div.m ul { background: url(/images/icon_haul.jpg) bottom right no-repeat #fff; }

#content .col1 #services_horiz div.r { width: 160px; float: left; margin-left: 15px; }
#services_horiz div.r h3 a { display: block; height: 100px; width: 160px; background: url(/images/prof_button-1.jpg) top left no-repeat; overflow: hidden; }
#services_horiz div.r h3 a strong { display: none; }
#services_horiz div.r ul { background: url(/images/icon_prof.jpg) bottom right no-repeat #fff; }





/*
services
------------------------- */
#services_vert { width: 510px; }
#services_vert ul li { margin-top: 10px; border: 5px solid #f1f1f1; }
#services_vert ul li h3 { border-bottom: 5px solid #f1f1f1; }
#services_vert ul li.lawn h3 a { display: block; height: 45px; overflow: hidden; background: url(/images/lawn_button-2.jpg) top left no-repeat; }
#services_vert ul li.haul h3 a { display: block; height: 45px; overflow: hidden; background: url(/images/haul_button-2.jpg) top left no-repeat; }
#services_vert ul li.prof h3 a { display: block; height: 45px; overflow: hidden; background: url(/images/prof_button-2.jpg) top left no-repeat; }
#services_vert ul li h3 a strong { display: none; }

#services_vert ul li p.desc { padding: 10px 10px 5px 10px } 
#services_vert ul li p.link { padding: 0 10px 10px 10px; text-align: right; }

ul.subservices { margin-top: 10px; }
ul.subservices li { background: url(/images/green_box_bullet.jpg) 0 3px no-repeat; padding: 0 0 5px 16px; display: block; float: left; width: 154px; }

#pricing { margin-top: 15px; border: 5px solid #dcdcdc; }
#pricing h3 { padding: 10px; background: #F6F4CF; font-size: 18px; border-bottom: 1px solid #b6b6b6; color: #4C4A48; }
#pricing p.info { padding: 5px 10px; background: #f1f1f1; }
#pricing dl { background: #fff; border-top: 1px solid #b6b6b6; background: #fff; border-bottom: 1px solid #b6b6b6; padding: 10px; font-size: 14px; }
#pricing dl dt { width: 360px; float: left; margin-bottom: 5px; }
#pricing dl dd { width: 120px; float: left; text-align: right; font-weight: bold; }
#pricing .chart { border-bottom: 1px solid #b6b6b6; }

#prof_list { }
#prof_list h3 { margin-top: 15px; font-size: 16px; font-weight: bold; }
#prof_list ul li { margin-top: 10px; background: url(/images/prof_bullet.jpg) top left no-repeat; padding: 2px 0 0 30px; }
#prof_list ul li h4 { font-size: 13px; font-weight: bold; }
#prof_list ul li p { font-size: 12px; padding-top: 5px; }

p.truck { float: right; margin: 10px 0 10px 10px; }






/*
faqs
------------------------- */
dl.faqs { }
dl.faqs dt { background: url(/images/icon_q.jpg) top left no-repeat; padding: 5px 0 0 40px; margin-top: 15px; font-size: 16px; font-weight: bold; color: #7C776F; height: 27px; }
dl.faqs dd { text-align: left; background: url(/images/icon_a.jpg) top left no-repeat; padding: 5px 0 15px 40px; border-bottom: 1px solid #DCDCDC; margin-top: 5px; font-size: 12px; color: #7C776F; }
dl.faqs dd.last { border: none; }









/*
contact
------------------------- */

#content .col1 .subcontent #contact_form_box { margin-top: 15px; background: #F0EEE6; padding: 15px; color: #4C4C4C; }
#content .col1 .subcontent #contact_form_box h3 { font-size: 18px; color: #4C4C4C; }
#content .col1 .subcontent #contact_form_box label { margin: 10px 0 5px 0; display: block; }
#content .col1 .subcontent #contact_form_box input { width: 300px; padding: 2px 1px; font-size: arial; border: 1px solid #B6B6B6; color: #4C4C4C; }
#content .col1 .subcontent #contact_form_box select { width: 300px; padding: 2px 1px; font-size: arial; border: 1px solid #B6B6B6; color: #4C4C4C; }
#content .col1 .subcontent #contact_form_box textarea { width: 360px; padding: 2px 1px; height: 80px; font-size: arial; border: 1px solid #B6B6B6; color: #4C4C4C; }
#content .col1 .subcontent #contact_form_box p#submit { margin-top: 10px; }





/*
foot
------------------------- */

#foot { clear: both; }
#foot .lev1 { color: #7C776F; width: 710px; background: #F1F1F1; padding: 15px 10px;  }
#foot .lev1 .l { width: 410px; float: left; }
#foot .lev1 .r { width: 290px; float: left; margin-left: 10px; text-align: right; }

#foot .lev2 { color: #A2A2A2; width: 710px; margin-top: 15px; }
#foot .lev2 p { text-align: center; }