[if IE 7]><link rel="stylesheet" type="text/css" href="IE7styles.css" /><![endif]

/* ---- body ---- */

html{
    overflow: -moz-scrollbars-vertical;
    overflow: scroll;

}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	background-image: url(images/pagebg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

html, body, div, span, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

img { 
	border:0;
}


br {

}


#Container {
	width: 960px;
	margin: auto;
}
#tnb {
	padding-left: 30px;
	padding-top: 20px;
	clear: both;
}
#pagecontent {
	width: 960px;
	background-image: url(images/page_middle.jpg);
	background-repeat: repeat-y;
	clear: both;
	padding-bottom: 10px;
}

#pageshadow {
	background-image: url(images/page_shadow.jpg);
	height: 41px;
	width: 960px;
	clear: both;
}

#toparea_home {
	background-image: url("images/Austin-Tree-Service.jpg");
	height: 225px;
	background-repeat: no-repeat;
	background-position: top;
	padding-left: 450px;
}
#toparea_sub {
	background-image: url("images/Austin-Tree-Service1.jpg");
	height: 195px;
	background-repeat: no-repeat;
	background-position: top;
	padding-left: 630px;
}

#toparea_links {
	padding-top: 35px;
	padding-left: 2px;
}

#toparea_links a{
	color: #333333;
	text-decoration: none;
	background-image: url(images/arrow1.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	line-height: 24px;
	background-position: 2px;
	font-weight: bold;
}
#toparea_links a:hover{
	color: #669900;
	text-decoration: none;
}
#subpic {
	margin-left: -612px;
	position: absolute;
	margin-top: 22px;
}

#footer {
	background-image: url(images/footerbg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 7px;	
}

#footer.dev {
	background-position:top; background-color: #A1CD42; 
	margin-top: 0px;
	position: relative;
}

#footer a {
	color: #333333;
	text-decoration: underline;
}
#footer a:hover {
	color: #000000;
	text-decoration: none;
}


#footercontent {
	margin: auto;
	width: 940px;
	padding-top: 10px;
}
#footercontent.dev {
	position: relative;
	top: -60px;	
}
#greenbar {
	background-image: url(images/greenbar_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
	padding-left: 10px;
	color: #FFFFFF;
}
#greenbar a {
	color: #D9EAAA;
	text-decoration: none;
	padding-right:4px;
	padding-left:2px;
}
#greenbar a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#leftcol {
	float: left;
	width: 575px;
	text-align: justify;
	padding-right: 10px;
}









/* ---- Links ---- */

a:focus{
outline:none;
}


a {
	color: #395D94;
	text-decoration: underline;
}
a:hover {
	color: #ED1A22;
	text-decoration: none;
}

.a1 {
	color: #666666;
	text-decoration: underline;
}
.a1:hover {
	color: #000000;
	text-decoration: none;
}

.a2 {
}
.a2:hover {
}

.paging {
	border: 1px solid #ddd;
	color: #666666;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.paging:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #7BCB2B;
	border: 1px solid #9DC73F;
}
.paginghl {
	background-color: #7BCB2B;
	border: 1px solid #9DC73F;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-weight: bold;
}
.pagingtree {
	background-image: url(images/leaficon3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	height: 70px;
	padding-left: 40px;
	padding-top: 40px;
}




/* ---- Forms ---- */

form {
margin:0;
padding:0;
}

form br {
	CLEAR: both
}

input, select, textarea {
	border: 1px solid #999999;
	font-family: Helvetica, Arial;
	font-size: 12px;
	color: #333333;
	padding-top: 2px;
	padding-bottom: 1px;
	background-color: #FFFFFF;
}
select {
	background-color: #F0F7E1;
}


label {
	FLOAT: left;
	PADDING-BOTTOM: 10px;
	WIDTH: 160px;
	TEXT-ALIGN: right;
	font-weight: bold;
	padding-right: 10px;
}
TEXTFIELD
{
	margin:10px;
	text-align: right;
}
.radio {
	background-image: url(images/spacer.gif);
	border:none;
	margin-top: -2px;
}


/* ---- Head Classes ---- */
h1 {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
}
ul {
	margin: 0px;
	_margin-left: 30px;
}
li {
	list-style-image: url(images/bullet.gif);
	list-style-position: outside;
}





/* ---- Text Classes ---- */
.txt_10 {
	font-size: 10px;
}

.txt_14 {
	font-size: 14px;
}

.txt_16 {
	font-size: 16px;
}

.txt_18 {
	font-size: 18px;
}


/* ---- Background Classes ---- */
.bg_gray {}
.bg_blue {}
.bg_boxblue {
	background-image: url(images/box_blue_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 320px;
	padding-top: 10px;
	font-size: 11px;
	line-height: 18px;
}

.bg_boxblue a{
	color:#333333;
}

.bg_boxgreen {
	background-image: url(images/box_green_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 320px;
	padding-top: 10px;
	font-size: 14px;
}

.bg_whitebar {
	background-image: url(images/whitebar.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
}

.txt_grean {
	color: #629B25;
}




/* ---- Transparent Classes ---- */
.txt_transparency {
	filter: Alpha(Opacity=50);
	background-color: #F5FAEB;
}
.txt_transparency2 {

	filter: Alpha(Opacity=100);
	background-color: #D9ECB0;
}

/* ---- onmouseout="this.className='txt_transparency'" onmouseover="this.className='txt_transparency2'" ---- */


/* for Internet Explorer */
* html .bg_dots1 {
height: 255px;
}



/* ---- Width Classes ---- */
.width100 { width: 100%; }
 
.width75 { width: 75%; }
 
.width50 { width: 50%; }

.width25 { width: 25%; }

.paddingtop10 {
	padding-top: 10px;
}
.paddingtop20 {
	padding-top: 20px;
}
.padLR10 {
	padding-right: 10px;
	padding-left: 10px;
}
.padLR15 {
	padding-right: 15px;
	padding-left: 15px;
}
.padLR20 {
	padding-right: 20px;
	padding-left: 20px;
}



.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.lineh20 {
	line-height: 20px;
}


.picbox {
	float: left;
	width: 180px;
	padding-right: 10px;
}

.testimBox {
	background-color: #fff;
	line-height: 16px;
	margin-top: 2px;
	margin-bottom: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #64BC00;
	border-right-color: #64BC00;
	border-bottom-color: #64BC00;
	border-left-color: #64BC00;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(images/leaficon2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.margin {
	margin: 10px;
	float: left;
}


.viscus {
	background-image: url(images/bg_sitebyviscus.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	color: #666666;
}
.viscus:hover {
	text-decoration: none;
	color: #000000;
}

#siteby {
	color: #97C33C;
}
#siteby a {
	text-decoration: none;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	color: #9DC73F;
}
#siteby a:hover {
	text-decoration: none;
	color: #97C33C;
}


/* Right Panel on the home page */

#right-panel{
background: #91b377 url('images/bg_right-panel-top.png') no-repeat 0 0;
width: 470px;
padding-top: 10px;
}

#right-panel-btm{
background: #91b377 url('images/bg_right-panel-btm.png') no-repeat 0 100%;
padding: 15px 15px 25px 15px;
color: #ffffff;
text-align: center;
}

#right-panel-btm ul { padding: 0; margin: 0; display:block; clear: both; }

#right-panel-btm li {
list-style: none outside none;
width: 210px;
float:left;
padding: 8px 5px;
display: block;
}

#right-panel-btm li h2, #right-panel-btm li h2 a { font-size: 15px; margin: 5px 0 2px; text-decoration: none; color: #ffffff; }
#right-panel-btm li p, #right-panel-btm li h2 { padding: 0px 20px; }

#right-panel-btm li a img{
opacity: 1.0; 
filter: alpha(opacity=100)
}

#right-panel-btm li a:hover img {
border: none;
opacity: 0.85; 
filter: alpha(opacity=85)
}


/* Main Navigation */
ul.nav-main { margin: 0; padding: 0; }
ul.nav-main li { 
list-style: none outside none; 
float: left; 
display: block; 
background: transparent url('images/nav-main-r.png') no-repeat 100% 0; 
padding-right: 10px; 
margin-right: 10px; 
}
ul.nav-main li a {
 display: block; 
 background: transparent url('images/nav-main-l.png') no-repeat 0 0; 
 padding-left: 10px; 
 color: #ffffff; 
 text-decoration: none;
 line-height: 28px;
 font-weight: bold;
 }

ul.nav-main li:hover, ul.nav-main li.active { background: transparent url('images/nav-main-r_hover.png') no-repeat 100% 0; }
ul.nav-main li:hover a, ul.nav-main li.active a { background: transparent url('images/nav-main-l_hover.png') no-repeat 0 0; }
ul.nav-main li a:hover, ul.nav-main li.active a:hover { color: #ffffff; }


/* Top Navigation */
div.c1 {
    height: 26px;
    text-align: right;
    width: 570px;
}
ul.nav-top { margin: 0; padding: 0; }
ul.nav-top li { 
list-style: none outside none; 
float: left; 
display: block; 
background: transparent url('images/nav-top-r.png') no-repeat 100% 0; 
padding-right: 10px; 
margin-right: 2px; 
}
ul.nav-top li a {
 display: block; 
 background: transparent url('images/nav-top-l.png') no-repeat 0 0; 
 padding-left: 10px; 
 color: #d8edaa; 
 text-decoration: none;
 line-height: 26px;
 font-weight: bold;
 }
ul.nav-top li:hover, ul.nav-top li.active { background: transparent url('images/nav-top-r_hover.png') no-repeat 100% 0; }
ul.nav-top li:hover a, ul.nav-top li.active a { background: transparent url('images/nav-top-l_hover.png') no-repeat 0 0; color: #ffffff;  }
ul.nav-top li a:hover, ul.nav-top li.active a:hover { color: #ffffff; }


.clear { clear: both; }

.clear.dev {
	padding-top: 30px;
	
}

.greenbottomfooter.dev {
	
}

#siteby {position:absolute;display:none;}

#footercontent .clearfooter {margin-top: 30px; position: absolute;}

#footercontent {padding-top: 0; position: relative; top: -80px;}
#footer {background-position:top; background-color: #A1CD42; margin-top: 80px; padding-bottom: 73px;}

#bottomfootericons {clear:both; padding-top: 30px;}

#footerright {margin-left: 300px;}