/* Austin Tree Experts 
 * (c) Austin Tree Experts -- www.AustinTreeExperts.com
 * 
 */
 
html { padding: 0px; margin: 0px; }
body {
    padding: 0px;
    background: #544735 url(http://lh6.ggpht.com/_uyu32Fla74w/S8g_zcmMBII/AAAAAAAAAag/xYC3fk0zxxQ/s800/background.gif);
    font: normal 13px times, 'times new roman', georgia, serif;
    color: #333; 
    margin: auto; }
    
img { border: 0; }
	
div { border: 0; }
    
a:link{ 
   color:#900;
   text-decoration: none;
   }

a:visited{
   color:#666;
   text-decoration:none;
   }

a:hover{
   color:#900;
   text-decoration:underline;
   }

a:visited:hover{
    color:#666;
    text-decoration:underline;
    }
    
div.spacer {
    clear: both; }

/* FONT IN TABLES 
body td {
    font: normal times, 'times new roman', georgia, serif;
    color: #333;
    }
  */  
/* HEADER TAGS USING h1 - h6 HELPS SEARCH ENGINES UNDERSTAND CONTENT IMPORTANCE
---------------------------------------------------------------------------------*/
h1.absolute {
    position:absolute;
    margin-top:150px;
    margin-left:55px;
    color:#900;
    font: bold 22px times, 'times new roman', georgia, serif;
    line-height: 22px;
    text-align: left;
}
h3.logo {
   margin: 0px 0px 10px 0px;
   color: #900;
   text-align: left;
   font: bold 18px times, 'times new roman', georgia, serif;
   line-height: 18px;
   background:url(http://lh4.ggpht.com/_uyu32Fla74w/S8g-32W0qwI/AAAAAAAAAaQ/_HgT2CElm0Q/s800/transparent.gif) no-repeat;
   position:absolute;
   width:167px;
   height:116px;
   top:8px;
   left:54px;
   }
h3.logo span {
   display:none;		

   }
h3.logo a {
   background:url(http://lh4.ggpht.com/_uyu32Fla74w/S8g-32W0qwI/AAAAAAAAAaQ/_HgT2CElm0Q/s800/transparent.gif) no-repeat;
   width:167px;
   height:116px;
   float:left;
   }
h1 {
   margin: 0px 0px 10px 0px;
   color: #900;
   text-align: left;
   font: bold 28px times, 'times new roman', georgia, serif;
   line-height: 26px;
   }

h2 { 
   margin: 0px 0px 10px 0px;
   color: #5d9647;
   text-align: left;
   font: bold 16px times, 'times new roman', georgia, serif;
   line-height: 18px;
   }
   
h3 { 
   font: bold 13px times, 'times new roman', georgia, serif;
   /*
   color: #09C;
   margin: 20px 0px 5px 0px;
   background: #fff;
   */
   color: #900;
   }
   
h4 { 
   font: bold 11px times, 'times new roman', georgia, serif;
   color: #333;
   margin: 20px 0px 5px 0px;
   background: #fff;}
   
/* PARAGRAPH TAG */

p {
   margin: 0px 0px 10px 0px;
   color: #333;
   text-align: left;
   font: normal 13px times, 'times new roman', georgia, serif;
    line-height: 18px;
   }


p.absolute {
	margin: 0px 0px 0px 0px;
	color: #333;
    background-color:transparent;
	position:relative;
	z-index: 1;
	text-align: left;
	font: normal 13px times, 'times new roman', georgia, serif;
	line-height: 18px;
	display: block;
	width: 464px;
   }   

.vidRight {
	float:right;
	margin: 7px 0px 7px 15px;
	border: 4px solid black;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: -9px 9px 9px #666;
	-webkit-box-shadow: -9px 9px 9px #666;
	}
   
.picRight {
	float:right;
	margin-left:16px;
	margin-top:7px;
	border: 4px solid black;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: -9px 9px 9px #666;
	-webkit-box-shadow: -9px 9px 9px #666;
	}
   
.pictures {	
    float: right;
	padding-left: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin: 0px;}
	
.pictures_left {	
    float: left;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin: 0px;}
/* HOLDS CONTENT ON THE PAGE
-----------------------------------------------------------------------------*/
#container { 
    padding: 0px;
    border: 0px dashed #CCC;
    margin:auto;
    color: #333;
    background: #f9f9d9 url(http://lh6.ggpht.com/_uyu32Fla74w/S8g_zcmMBII/AAAAAAAAAag/xYC3fk0zxxQ/s800/background.gif);
    }
    
#container_top { 
	width: 870px;
    padding: 20px 0px 0px 0px;
    border: 0px dashed #CCC;
    margin: auto;
    color: #333;
    text-align: left;
    font: normal 13px times, 'times new roman', georgia, serif;
    line-height: 18px;
    position:relative;
    background: #f9f9d9 url(http://lh5.googleusercontent.com/-4zLVDEvMXd8/S8g-3tmKKBI/AAAAAAAAAaM/uhfvTA-ZIAg/s870/top_background.jpg) no-repeat top; /*/pics/index/top_background.jpg*/
    }
    
#container_top_content {
    margin-top:150px;
}
    
#container_top_sub { 
	width: 870px;
    padding: 20px 0px 0px 0px;
    border: 0px dashed #CCC;
    margin: auto;
    color: #333;
    text-align: left;
    font: normal 13px times, 'times new roman', georgia, serif;
    line-height: 18px;
    position:relative;
    background: #f9f9d9 url(http://lh5.googleusercontent.com/-BXoefhId9Mg/S8g-4B2MG8I/AAAAAAAAAaU/ytNiT9wzDgs/s870/top_background_sub.jpg) no-repeat top;}

#main_content {
    margin-top:175px;
    background-color:transparent;
    min-height:427px;
	padding-left:55px;
}
    
#subnav { 
    float: left;
    width: 145px;
    border: 0px solid #CCC;
    padding: 20px 20px 20px 80px;
    margin: 145px 0px 40px 0px;
    color: #333;
    text-align: left;
    font: normal 12px times, 'times new roman', georgia, serif;
    line-height: 24px;
    border: 0px solid #333;
    }

#subnav h1 {
    font-size:16px;
}
#subnav a:link {
    color: #3f3424;
    text-decoration: none;
    }
    
#subnav a:visited {
    color: #596923;
    text-decoration: none;}

#subnav a:hover {
    color: #3f3424;
    text-decoration: underline;}
    
#subnav a:visited:hover  {
    color: #596923;
    text-decoration: underline;}
 
#subcontent { 
    float: left;
    width: 500px;
    border: 0px solid #CCC;
    padding: 20px;
    margin: 105px 0px 40px 0px;
    color: #333;
    font: normal 13px times, 'times new roman', georgia, serif;
    line-height: 20px;
    }
 
#ads { 
    display:block;
    position:relative;
    float: right;
    width: 305px;
    border: 0px solid #CCC;
    padding: 10px 20px;
    color: #333;
    z-index:1;
	margin-top:-45px;
    }
   
.ad { 
	display: block;
    width: 210px;
    text-align: center;
    border: 1px dashed #666;
    padding: 10px;
    font: normal 13px times, 'times new roman', georgia, serif;
    line-height: 14px;
    margin: 0px;
    color: #4e2605;
    background: #e1e1ca ;
    }

.nonad { 
	display: block;
    position:relative;
    padding:0px;
    width: 225px;
    text-align: center;
    border: 1px solid #666;
    font: normal 13px times, 'times new roman', georgia, serif;
    line-height: 14px;
    color: #4e2605;
    background: #e1e1ca;
    }
    
.ad_large { 
	display: block;
    width: 500px;
    text-align: center;
    border: 1px dashed #666;
    padding: 10px;
    font: normal 13px times, 'times new roman', georgia, serif;
    line-height: 14px;
    margin: 0px;
    color: #4e2605;
    background: #e1e1ca url(/pics/index/specials_bckgrnd.gif) repeat-x top;
    }  
    
/* =Main_Nav
-------------------------------------------------------------------- */
#navcontainer { 
    position:absolute;
    margin: 102px auto 0;
    width: 870px;
    color: #3f3424;
    padding-left:155px;
    font: normal 14px times, 'times new roman', georgia, serif;
}
#navcontainer a {
    color: #3f3424;
	padding:3px 20px;
    }

#navcontainer a:link {
    color: #3f3424;
    text-decoration: none;}
    
#navcontainer a:visited {
    color: #3f3424;
    text-decoration: none;}

#navcontainer a:hover {
    color: #3f3424;
    background-color:#F9F8D9;
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-box-shadow:7px 0px 7px #666;
	-moz-box-shadow:7px 0px 7px #666;
	-webkit-box-shadow:7px 0px 7px #666;
}
    
#navcontainer a:visited:hover  {
    color: #3f3424;}
	
/* ######### Default class for drop down menus ######### */

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
	background: #F9F8D9;
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-box-shadow:7px 0px 7px #666;
	-moz-box-shadow:7px 0px 7px #666;
	-webkit-box-shadow:7px 0px 7px #666;
}

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: lightyellow;
width: 200px; /* default width for menu */
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topright:20px;
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-top-right-radius:20px;
-moz-box-shadow:7px 0px 7px #666;
-webkit-box-shadow:7px 0px 7px #666;
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
padding: 4px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
text-align:center;
}

.anylinkcss a:hover{ /*hover background color*/
background: black;
color: white;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}


/* =topright_nav
----------------------------------------------------------------- */
#topright_nav {
    position:absolute;
    float:right;
    margin-top:10px;
    margin-left:550px;
    padding-left:5px;
    padding-right:5px;
}
#topright_nav a:visited {
	color:#990000
}

/* SPECIAL FONT COLORS */
.green {
    font: bold 13px Arial, Helvetica, Verdana, sans-serif;
    color: #390;
    background: #fff;}
    
.red {
    display: block;
    margin-top: 40px;
    font: bold 13px Arial, Helvetica, Verdana, sans-serif;
    color: #C00;
    background: #fff;}
    
/*  blog widget */
.aBlog p {
	font-size: 12px;
	line-height: 14px;
	background-color: transparent;
}

.aBlog {
	display:none;
}

.aBlog.first {
	display:block;
}

#latestBlogs, #latestBlogs .aBlog, #latestBlogs .aBlog h4{
	background-color: transparent;
}

#latestBlogs .aBlog h4 {
	margin-top:5px;
}

#leavesHome {
	
    text-align: center;
    margin:414px auto 0px;
	height: 168px;
    background: transparent url(/pics/index/bottom_bckgrnd.gif) no-repeat bottom;
    width:870px;
	position:absolute;
}
#leaves {
	
    text-align: center;
    margin:8px auto 0px;
    height: 168px;
    background: transparent url(/pics/index/bottom_bckgrnd.gif) no-repeat bottom;
    width:870px;
}
#homeType {
	position:absolute;
	width:500px;
	margin-top:434px;
	margin-left:55px;
	}
#homeType p {
	margin-left:0px;
	}

/* = tree planting page
----------------------------------------------------------------------------- */
#plantingPriceOptions a:hover, #warrantyOptions a:hover {
    background-color:#95AA4F;
    cursor:pointer;
    text-decoration:none;
}
#plantingPriceOptions a, #warrantyOptions a {
    padding:1px 5px 1px;
    border:1px solid #95A94F;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    margin:0 5px 0;
    background-color:#DEE4A7;
}
#shade1 caption, #privacy1 caption, #ornamental1 caption, #standard1 caption, #extended1 caption {
    font-weight:bold;
    text-align:left;
    margin-top:10px;
    border-bottom: 1px solid;
}
#shade1 td, #privacy1 td, #ornamental1 td {
    width:125px;
}

/* =homepage slideshow
----------------------------------------------------------------------------- */
.imageInGallery {
	/*display:none;*/
}

.imageInGallery.first {
	display:block;
}

#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 500px;	/* IE 5.x -- add 6px to actual size -- */
		width/* */:/**/494px;	/* Other browsers */
		width: /**/494px;

		/* CSS HACK */
		height: 244px;	/* IE 5.x -- add 6px to actual size -- */
		height/* */:/**/238px;	/* Other browsers */
		height: /**/238px;

		background:none;
		position:relative;	/* Never change this value */
		
		margin-top:-30px /*added by Keith*/
        }
	.imageInGallery{
		width:483px;
		height:238px;
		background-color:#F9F9D9;

		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;
	}
	
	#imageSlideshowHolder img{
		position:absolute;
      	}

	/*chris - description overlay*/
	#the_captions{
		display:none;
		}
	.imageInGallery_DESC{
		position:absolute;
		color:white;
		padding:25px 20px 25px;
		margin-left:284px;
		margin-top:13px;
		z-index:100;
		height:188px;
		width:165px;
		background:url("http://lh6.ggpht.com/_uyu32Fla74w/S8g_zYJob8I/AAAAAAAAAac/XHVIT0eeH4g/s800/bg.png");
		font-size:14px;
		}
	
    .imageInGallery_DESC h3 {
		color:white;
		font-size:18px;
		margin:0px;
		padding:0px 0px 10px 0px;
        text-transform:uppercase;
        line-height:24px;
        text-align:center;
	}
    .imageInGallery_DESC h2 {
		color:white;
		font-size:18px;
		margin:0px;
		padding:0px 0px 10px 0px;
        text-transform:uppercase;
        line-height:24px;
        text-align:center;
	}

/* =FOOTER
---------------------------------------------------------------------------- */
#footer {
    position:absolute;
    text-align: center;
    font: normal 11px times, 'times new roman', georgia, serif;
    padding: 20px 0px 0px 0px;
    min-height: 150px;
    color: #b5b096;
    clear: both;
    background: #544735;
    width:870px;
    margin:0 auto;  
}
#footer a {
	color:#b5b096;
}
.logos {
    background: url("http://lh3.ggpht.com/_uyu32Fla74w/S8g-3UwpmbI/AAAAAAAAAaI/2NTOkXYGJ2E/s800/csg-4b6da9e18d2fd.png") no-repeat ;
    font-size:86px;
    vertical-align:top;
    padding:0px 7px 0px 7px
}
.footsprite-asca_logo { background-position: 0 0; width: 217px; height: 20px; }
.footsprite-certified_arbor_logo { background-position: 0 -70px; width: 50px; height: 86px; }
.footsprite-certified_treeworker_logo { background-position: 0 -206px; width: 52px; height: 86px; }
.footsprite-logo_citysearch { background-position: 0 -342px; width: 145px; height: 28px; }
.footsprite-master_arbor_logo { background-position: 0 -420px; width: 50px; height: 86px; }
.footsprite-member_isa_logo { background-position: 0 -556px; width: 55px; height: 87px; }
.footsprite-oakwilt_logo { background-position: 0 -691px; width: 47px; height: 83px; padding-top: }

/* =ERRORS
-----------------------------------------------------------------------------*/
#errormsg {
	color:#aa0000;
	font: normal normal normal 16px/normal times, 'times new roman', georgia, serif;
}

#error_msg_header {
	
	font-weight:bold;
	font-size:16px;
	line-height:18px;
	letter-spacing:1px;
	padding: 3px;
	background:#B8E485;
	width: 250px;
}

#error_table {
	width:500px;
	font: normal times, 'times new roman', georgia, serif;
	padding: 1px;
	border: 1px solid #777777;
}

#error_table li {
	font-size:14px;
	font: normal times, 'times new roman', georgia, serif;
}