[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 a {
	color: #333333;
	text-decoration: underline;
}
#footer a:hover {
	color: #000000;
	text-decoration: none;
}


#footercontent {
	margin: auto;
	width: 940px;
	padding-top: 10px;
}
#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;
}



.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;
}