@import url(reset.css); 

/* #################   TEXT   ############################## */
h1,h2,h3,h4,h5,h6,p,ul,a,strong,legend,label,table { margin:0; padding:0; color:#2E2E2E; font-weight:normal; font-family:Geneva, Arial, Helvetica, sans-serif; }
 /* Title */
h1 { font-size:12px; padding:0px; margin:0px; text-decoration:none; }
 /* Description */
h2 { font-size:12px; padding:0px; margin:0px; text-decoration:none; }
 /* Page Title */
h3 { font-size:22px; margin:0; padding-top:15px; }
 /* empty */
h4 { font-size:18px; margin:0px; padding-top:15px; font-style:italic; }
 /* Contact Page */
h5 { font-size:16px; line-height:22px; padding:15px 15px 0; }
 /* Footer */
h6 		{ font-size:14px; padding:10px 10px; color:#2E2E2E; text-decoration:none; }
h6 a 	{ font-size:14px; padding:10px 0px; color:#2E2E2E; text-decoration:none; cursor:text; }
 /* content */
p { font-size:16px; line-height:22px; margin:15px 0 10px; }

a { color:#087118; text-decoration:underline; cursor:pointer; }

strong { font-weight:bold; padding-top:15px; }


/* #################   DAVES STYLES   ############################## */
ul.daves_list    	 			 { font-size:16px; line-height:22px; margin:0px 0 10px; font-weight:normal; text-indent:30px; list-style-type:circle; list-style-position: inside; }
ul.daves_list_bold    	 { font-size:16px; line-height:22px; margin:0px 0 10px; font-weight:bold; text-indent:30px; list-style-type:circle; list-style-position: inside; }




/* #################   CORE ELEMENTS   ############################## */
body { margin:0; border-top:5px solid #303030; }
#page { width:950px; margin:0 auto; position:relative; }
#header { display:block; width:950px; padding:0px; margin:0px; }
.logo { display:block; width:290px; height:170px; margin:0px; padding:0px; text-indent:-9999px;	background: transparent url(images/Tewkesbury_tree_care.png) 0px 5px no-repeat; }

#right_panel       { float:left; width:750px; margin:0px; }
#right_panel p     { font-size:14px; line-height:18px; margin:5px 0 10px; }
#right_panel ul    { font-size:14px; line-height:18px; margin:0px 0 10px; font-weight:normal; font-family:Geneva, Arial, Helvetica, sans-serif; text-indent:30px; list-style-type:circle; list-style-position: inside; }

#right_panel p.ref { font-size:16px; line-height:18px; margin:5px 0 10px; font-weight:normal; }
#right_panel p.tag { font-size:14px; line-height:14px; margin:5px 0px; font-style:italic; text-align:right; font-weight:bold; }

#right_panel td.ref { border-spacing:10px; border-top:1px solid #aaaaaa; padding:30px; border-bottom:2px solid #aaaaaa; vertical-align:middle; }

#ref_panel 				 { float:left; width:350px; margin:0px 10px 0px 0px; }
#ref_panel ul    	 { font-size:16px; line-height:22px; margin:0px 0 10px; font-weight:normal; text-indent:30px; list-style-type:circle; list-style-position: inside; }

#pagination { margin:20px 10px 5px; text-align:center; }
#pagination a, #pagination strong {	 background: #e3e3e3; padding: 4px 7px; text-decoration: none; border: 1px solid #cac9c9;	color: #292929;	font-size: 13px; }
#pagination strong, #pagination a:hover { font-weight: normal; background: #cac9c9; }	

/* #################  CSS3 EFFECTS  ############################## */
#sub_navigation.corners li, #head_navigation.corners li {
	box-shadow: 1px 1px 2px gray; -moz-box-shadow: 1px 1px 2px gray; -webkit-box-shadow: 1px 1px 2px gray;
	border:1px solid #2E2E2E; -moz-border-radius:7px;	-webkit-border-radius:7px;	
}
.corners li a { user-select: none; -moz-user-select: none; -khtml-user-select: none; }

/* #################   CONTACT US   ############################## */
.contact { float:right;	width:150px; height:40px;	margin-right:50px; text-indent:-9999px;	background:#322626 url(images/contact-sprite.gif) 0px -40px no-repeat; }
.contact:hover { background:#322626 url(images/contact-sprite.gif) 0px 0px no-repeat; }
.contact-active {	margin-left:50px;	background:#322626 url(images/contact-sprite.gif) 0px -120px no-repeat; }
.contact-active:hover {	background:#322626 url(images/contact-sprite.gif) 0px -80px no-repeat; }
#contact { position:relative; background: transparent url(images/test.png) right top repeat-x; margin:0px; padding:0px; height:250px; width:100%; display:none; border-bottom:5px solid #303030; }
#contactus { width:950px; margin:0 auto; height:250px; padding:0px; }
.l { float:left; background:#fff; height:220px; width:300px; margin:10px; padding:5px 20px; border:1px solid #2E2E2E; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; }
.l p { margin:0px; padding:6px 0px; line-height:20px; }
.img { float:left; background: transparent url('images/contactus.png') no-repeat 0 0; height:250px; width:117px; margin-left:50px; padding:0px 20px; }
.r { float:right; background:#fff; height:220px; width:300px; margin:10px; padding:5px 20px; border:1px solid #2E2E2E; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; }
.r label { float:left; text-align:right; width:60px; margin:9px 0 0 0px; padding:3px; font-size:14px; }
.r input,.con textarea { float:left; width:190px; margin:8px 0 0; padding:1px 2px; font-size:14px; }
.r textarea { height:120px; margin:8px 0px 0px 0px; width:195px; }
.r input[type=image] { display:block; float:right; margin:60px 3px 0px 0px; text-indent:-9999px; background:transparent url('images/contact.png') no-repeat scroll 0 0; border:none; height:25px; width:25px; }
.r input[type=image]:hover { background:transparent url(images/contact.png) no-repeat scroll 0 -35px; } 
.r h3 { float:right; text-align:left; display:block; margin:80px 5px 0 0; padding:13px 0px; font-size:22px;  } 
.r img { position:absolute; top:93px; margin:0px; padding:0px; } 

/* #################   MAIN NAVIGATION   ############################## */
#main_navigation { margin:10px 0px 0px; padding:0; list-style-type:none; height:42px; width:950px; border-bottom:1px solid #2E2E2E; border-top:1px solid #2E2E2E;  }
#main_navigation li { float:left; display:block; margin:4px 25px 0px 0px; padding:0px; text-align:center; height:26px; min-width:115px; border-bottom:3px solid #D8D8D8; }
#main_navigation li a { font-size:21px; display:block; padding:3px 10px 0px; color:#2E2E2E; text-decoration:none; }
#main_navigation li:hover { border-bottom:3px solid #087118; }
#main_navigation li.active { border-bottom:3px solid #087118; }
#main_navigation li.active:hover { border-bottom:3px solid #087118;  }
#main_navigation li.active a { font-weight:bold; }
#main_navigation li.add_in { float:right; border-bottom:3px solid orange; }
#main_navigation li.add_act { float:right; border-bottom:3px solid orange; }

/* #################   SUB NAVIGATION   ############################## */
#sub_navigation { display:block; float:left; margin:0px 20px 20px 0px; padding:10px 0px 0px 0px; list-style-type:none; min-height:335px; width:175px; border-right:1px solid #2E2E2E; }
#sub_navigation li { float:left; display:block; margin:7px 10px 0px 0px; padding:0px; text-align:left; background:#F0F0F0; height:23px; min-width:160px; border:1px solid #D8D8D8; }
#sub_navigation li a { display:block; font-size:14px; padding:5px 10px 0px; color:#2E2E2E; text-decoration:none; }
#sub_navigation li:hover { border:1px solid #087118; text-decoration:underline; }
#sub_navigation li.sub_active { background: #087118; border:1px solid #303030; text-decoration:none; }
#sub_navigation li.sub_active a { color: #fcfcfc; }

/* #################   FEATURED PRODUCTS   ############################## */
#services_prod 														{ position:relative; float:left; width:820px; display:inline; margin:5px 65px 10px; }
#services_prod li 												{ margin:10px 13px 10px; }

#home_prod 																{ position:relative; float:left; width:440px; display:inline; margin:10px 0px 10px; }
#home_prod li 														{ margin:0px 0px 10px; }

#services_prod li, #home_prod li 							{ background:#E8E8E8 url('images/theocusarboriculture_small.png') no-repeat scroll 10px 16px; border:1px solid #ccc; float:left; width:380px; height:80px; list-style:none; display:inline; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:3px 3px 5px #888; -moz-box-shadow:3px 3px 5px #888; }
#services_prod li:hover, #home_prod li:hover 	{ border:1px solid #087118; }

#services_prod li a.title, #home_prod li a.title 										{ padding:10px 0px 5px 70px; margin:0px; font-size:22px; height:20px; color:#2E2E2E; display:block; text-decoration:none; }
#services_prod li a.description, #home_prod li a.description				{ padding:0px 10px 4px 70px; margin:0px; font-size:14px; height:40px; color:#2E2E2E; display:block; text-decoration:none; font-style:italic; line-height:20px; }

.clear, #moreservices 																							{ float:right; border:none; font-size:16px; text-transform:uppercase; text-decoration:none; font-size:12px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #087118; background:white; color:#087118; box-shadow:0 1px 0 white; -moz-box-shadow:0 1px 0 white; -webkit-box-shadow:0 1px 0 white; }
.clear:hover, #moreservices:hover 																	{ background:#087118; color:white; cursor:pointer; border:1px solid #087118;  }
#moreservices 																											{ padding:6px; margin:15px 55px; }
.clear																															{ padding:6px; margin:5px 10px; }

/* #################   IMAGE ROTATER   ############################## */
#homeslides                 { float:right; margin: -15px 20px 0px; padding:0px 0px 10px 10px;} 
.pics                       { height: 225px; width: 365px; padding:0; margin:0; overflow: hidden }
.pics img                   { height: 195px; width: 340px; padding: 10px; border: 1px solid #ccc; background-color: #eee; top:0; left:1; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 2px 2px 2px gray; -moz-box-shadow: 2px 2px 2px gray; -webkit-box-shadow: 2px 2px 2px gray; }

/* #################   ABOUT US ############################## */
#map { width:950px; height:275px; margin:15px 0px; border: 1px solid #ccc; box-shadow: 2px 2px 2px gray; -moz-box-shadow: 2px 2px 2px gray; -webkit-box-shadow: 2px 2px 2px gray; }
p.popout { font-size:12px; line-height:16px; margin:5px 0px; }
p.popout b { font-size:14px; }
.shadow                   { float:left; display:block; margin:15px 20px 20px 0px; border: 1px solid #ccc; box-shadow: 2px 2px 2px gray; -moz-box-shadow: 2px 2px 2px gray; -webkit-box-shadow: 2px 2px 2px gray; }

/* #################   PAGE   ############################## */
#gall_container    { border:2px solid #fff; float:right; width:210px; float:right; padding:10px 0px 5px 5px; margin:-10px 25px 20px; }
#gall_container:hover    { border:2px solid #348075; }
#gall_container span { display:block; width:145px; text-align:center; margin:-33px 0px 20px 52px; padding:0px; font-size:12px; text-decoration:none; font-style:italic;  color:#505050; }
#gall_container:hover span { text-decoration:underline; }
.panel { display:block; float:left; margin-bottom:-30px; }

.number { text-indent:120px; font-size:18px; line-height:22px; margin:10px 0px 0px 0px; font-weight:normal; }


/* #################   TABLES   ############################## */
table { width:750px; margin:10px 0 10px 10px; padding:0; font-size:12px; }
td { vertical-align:middle; text-align:left; padding:3px; }
td:last-child { border-right:none; }
th { vertical-align:middle; text-align:center; font-weight:bold; padding:5px; background:#087118; color:#fff; border-bottom:1px solid white; }

#sitemap { width:910px; margin:20px 20px 10px; padding:0; font-size:20px; }
#sitemap p { font-size:14px; margin:4px 5px; text-align:left; }

#sitemap td { vertical-align:middle; text-align:center; padding:0px; }
#sitemap th { vertical-align:middle; font-weight:normal; padding:6px; background:#087118; color:#fff; border-bottom:1px solid white; }

#links { width:800px; margin:20px auto 10px; padding:10px; }
#links p { font-size:14px; margin:4px 5px; text-align:left; }
#links td { height:100px; border-right:1px solid transparent; border-bottom:1px solid #aaaaaa; border-top:1px solid #aaaaaa; vertical-align:middle; text-align:center; padding:0px; }
#links a { font-size:17px; margin:4px 5px; text-align:left; }



/* #################   FORMS   ############################## */
#login_holder																										{ display:block; float:left; margin:0px; padding:50px 245px 220px; width:450px; height:100px; }
#login_form,#signup_form 																				{ display:block; float:left; background:#f0f0f0; border:2px solid #087118; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#login_form 																										{ width:400px; margin:10px; padding:10px 20px; }
#signup_form 																										{ width:710px; margin:30px 10px; padding:30px 2px 20px; }

#login_form h3 																									{ margin:0 auto 15px; font-family:arial black; text-align:center; text-shadow:1px 1px 1px white; }
#signup_form fieldset 																					{ margin:15px; padding:10px; margin-bottom:30px; display:block; border:1px solid #287368; }
#signup_form legend 																						{ font-size:22px; }
#signup_form label 																							{ display:inline; font-size:14px; margin:0; padding:0; }

#login_form input[type=text], #login_form input[type=password] 	{ display:block; font-size:14px; margin:5px 0 25px; width:375px; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; padding:10px; }
#signup_form input[type=text],     #signup_form input[type=password],
#signup_form select,               #signup_form textarea 				{ display:block; font-size:14px; margin:5px 0 25px; width:630px; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; padding:10px; }

#login_form input[type=submit], #signup_form input[type=submit] { float:right; border:1px solid #087118; padding:4px; text-decoration:none; font-size:12px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#087118; color:white; box-shadow:0 1px 0 white; -moz-box-shadow:0 1px 0 white; -webkit-box-shadow:0 1px 0 white; }
#signup_form input[type=submit] 																{ margin-right:15px; }

#login_form input[type=submit]:hover,	
#signup_form input[type=submit]:hover														{ background:white; color:#087118; cursor:pointer; border:1px solid #087118; }
.error 																													{ float:right; color:red; font-size:12px; margin:-22px 0 0; padding:0; }

/* #################   FOOTER & NAVIGATION  ############################## */
#footer { positive:relative; display:block; float:left; height:35px; width:950px; margin:40px 0px; padding:0px; border-bottom:1px solid #2E2E2E; border-top:1px solid #2E2E2E; }
#footer_navigation { float:right; width:375px; list-style-type:none; margin:0px; padding:0px; }
#footer_navigation li { float:right; display:block; margin:5px 5px; padding:0px; text-align:center; background:#F0F0F0; height:23px; min-width:80px; border:1px solid #D8D8D8; }
#footer_navigation li a { display:block; padding:4px 10px; color:#2E2E2E; font-size:14px; text-decoration:none; }
#footer_navigation li:hover { text-decoration:underline; border:1px solid #087118; }
#footer_navigation li.active { background:#087118; border:1px solid #087118; }
#footer_navigation li.active:hover { text-decoration:none; }
#footer_navigation li.active a { color:#fff; }



/* #################   Modal  ############################## */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}