/* CSS Document */

/* ===================================

           U N I V E R S A L
		   
   =================================== */

html, body {
font-family: "Trebuchet MS", Garamond, Georgia; background: url(../images/header.gif) #DAD5CF repeat-x;
line-height: 1.5em; color: #333333; padding: 0; margin: 0; font-size: 95%; letter-spacing: .001em;
}

#header h1 {
position: absolute;
margin-top:-9999em;
}

#wrapper { background: url(../images/header.jpg) no-repeat top center; padding:  0; margin: 0}

#pagewidth { width: 780px; margin: 0 auto 0 auto; }

/* ===================================

           N A V I G A T I O N
		   
   =================================== */

#navigation { 
height: 17px; list-style: none; margin: 0; padding: 0;}

#navigation li { display: inline; padding: 0 16px 0 16px;  }

.first { padding: 0 20px 0 0 !important;  }

#navigation li a { color: #FFFFFF; text-decoration: none; font-size: 13px;}

a.active { color: #CCCCCC !important;}

#navigation li a:hover { color: #CCCCCC; }

/* ===================================

           T Y P O G R A P H Y
		   
   =================================== */

h1, h2, h3, h4, h5 { color: #02364B; }   

h1 { font-size: 120%;  }

h2 { font-size: 110%; margin-bottom: 0px; }

h4 { font-style: italic; margin-bottom: 0px; }

.tal { text-align: left; }

/* ===================================

           C O N T E N T 
		   
   =================================== */
   
.corner { background: url(../images/top-corner.gif) top left no-repeat; margin: -10px 0 0 0 -15px; padding: 10px 0 0 10px; }

.s_corner { background: url(../images/tab-top.gif) top no-repeat; width: 380px; padding: 0; }

.s_bottom { background: url(../images/tab-bottom.gif) no-repeat bottom; width: 350px; padding: 10px 15px 5px 15px;}

.s_bottom2 { background: url(../images/tab-bottom2.gif) bottom no-repeat; width: 350px; padding: 10px 15px 25px 15px; }

.s_bottom2 blockquote { margin: 0; }
cite { font-style: italic !important; font-weight: bold; text-align: right; }

.bcorner { background: url(../images/bottom-corner.gif) bottom left no-repeat; margin: -5px 0 0 -10px; padding: 0 0 5px 10px;  }
   
.c-container { margin: 0 auto 0 auto; text-align: center; }

.highlight { background: url(../images/highlight.gif) center center no-repeat; }
   
#content { margin: 60px 0 0 0; }

img.outlinebox { padding: 5px; background: #EDE8E4; border: 1px solid #FEFEFE; }

.right-float { float: right; margin: 0px 0 0 15px; }
.right-float2 { float: left; margin: 0px 0 0 15px; }
.right-float img { margin: 0 1px 0 1px; }

.left-float { float: left; margin: 0 15px 0 0; }

.left-col { float:left; width: 325px; margin: -7px 0 0 5px; }

.hr { background: url(../images/hr.gif) repeat-x; clear: both; width: 758px; height: 15px; margin: 40px auto 40px auto; }

.clear { clear: both; }

.top-margin { margin-top: 0px; }

.img-fl { float: left; }

ul.nm { margin: 5px 0 15px 0; padding-left: 5px; list-style: none; }

ul.nm li { background: url(../images/tree-icon.gif) left center no-repeat; padding-left: 20px; margin-top: 3px;}

.half_col1 { width: 49%; float: left; }
.half_col2 { width: 49%; float: right; }

.topMarginPic {
margin-top:10px;
}

/* ===================================

           L I N K S 
		   
   =================================== */
   
   a { color: #0679A9; }
   a:hover { color: #0AA9EC; }

/* ===================================

           F O O T E R
		   
   =================================== */

#footer { 
clear: both; background: url(../images/footerbg.gif) repeat-x bottom; padding: 40px 0 0 0; text-align: center; color: #FFFFFF; font-size: 11px; }


/* ===================================

           TREE SERVICES	 
		   
   =================================== */

a.trimming {
background: url(../images/tree-trimming.jpg); text-indent: -999999px; overflow: hidden;
width: 150px; height: 300px; display: block;}

.trimming:hover { background: url(../images/tree-trimming.jpg) -150px; }

/* ===================================

           T Y P O G R A P H Y
		   
   =================================== */
   
span.em { font-weight: bold; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; }

/* ===================================

           C O N T A C T
		   
   =================================== */
   
.cform ol { list-style: none; margin: 0; padding: 0; }

.cform li { clear: both; padding: 5px 0 5px 0; }
.cform label { float: left; }
.cform input { float: right; }
.cform select { float: right; }

.center { margin: 0 auto 0 auto; }

.tac { text-align: center; }

/* ===================================

           T R E E - S E R V I C E S 
		   
   =================================== */
   
  ul.tree-menu { list-style: none; margin: 0; padding: 0; }
  ul.tree-menu li { float: left; padding: 2px; background: #EDE8E4; border: 1px solid #CCCCCC; }
  ul.tree-menu a { display: block; width: 150px; height: 300px; text-indent: -999999px; overflow: hidden; }
  
  #tree-trimming { background: url(../images/tree-trimming.jpg); }
  #tree-trimming:hover { background: url(../images/tree-trimming.jpg) -150px 0; }
  
  #tree-removal { background: url(../images/tree-removal.jpg); }
  #tree-removal:hover { background: url(../images/tree-removal.jpg) -150px 0; }
  
  #stump-grinding { background: url(../images/stump-remover.jpg); }
  #stump-grinding:hover { background: url(../images/stump-remover.jpg) -150px 0; }
  
  #lot-clearing { background: url(../images/lotclearing.jpg); }
  #lot-clearing:hover { background: url(../images/lotclearing.jpg) -150px 0; }
  
  #ash-removal { background: url(../images/ash-removal.jpg); }
  #ash-removal:hover { background: url(../images/ash-removal.jpg) -150px 0; }

.bgflash { background: #DAD5CF; }

.breadcrumbs { list-style: none; display: inline; margin: 0 0 0 0; clear: both; padding: 10px 0 0 0; font-size: 85%; }
.breadcrumbs li { display: inline; margin: 10px 0 0 0; padding: 10px 0 0 0; }