/*
	File: 			ats_styles.css
	Description:	Stylesheet for all aspects of Appalachian Tree Service of Atlanta, Inc.
	Company: 		Appalachian Tree Service of Atlanta, Inc.
	Author:			Rohde Marketing & Design Group Inc.
	Copyright:		Copyright 2009. All Rights Reserved.
*/

* {
	margin: 					0;
	padding: 					0;
}

/* ========== Page Attributes ========== */

html {
	background-image:			url('images/ats_background.jpg');
	background-repeat:			repeat-x;
    color:						#000;
	height:						100%;
}

body {
	text-align:					center;
	margin: 					0 auto;
}

/* ========== Banner ========== */

div#banner {
    width:						815px;
    height:						108px;
	background-image:			url('images/banner.png');
	background-repeat:			no-repeat;
	margin-left: 				auto; 
	margin-right: 				auto;
	text-align:					middle right;
	padding-top:				30px;
}

/* ========== Navigation ========== */

ul.banner_links {
	position:					relative;
	font-family:				Arial;
	font-size:					10pt;
	font-weight: 				600;
	text-align: 				left;
	line-height:				10pt;
	color:						#272b2c;
	padding:					10px 0px 5px 480px;
}

ul.banner_links li {
	list-style-type: 			none;
	display: 					inline;
	padding-right:				88px;
}

ul.banner_links2 {
	position:					relative;
	font-family:				Arial;
	font-size:					10pt;
	font-weight: 				600;
	text-align: 				left;
	line-height:				10pt;
	color:						#272b2c;
	padding:					10px 0px 5px 480px;
}

ul.banner_links2 li {
	list-style-type: 			none;
	display: 					inline;
	padding-right:				62px;
}

ul.banner_links3 {
	position:					relative;
	font-family:				Arial;
	font-size:					10pt;
	font-weight: 				600;
	text-align: 				left;
	line-height:				10pt;
	color:						#272b2c;
	padding:					10px 0px 5px 480px;
}

ul.banner_links3 li {
	list-style-type: 			none;
	display: 					inline;
	padding-right:				67px;
}

ul.footer_links {
    color:						#457d65;
    font-family:				"Lucida Sans Unicode";
    font-size:					8pt;
   	line-height:				14pt;
	text-align:					center;
	margin-bottom:				5px;
}

ul.footer_links li {
	list-style-type: 			none;
	display: 					inline;
}

ul.services_list {
    color:						#457d65;
    font-family:				"Lucida Sans Unicode";
    font-size:					10pt;
   	line-height:				20pt;
	margin:						10px 0px 10px 40px;
	text-align:					left;
}

ul.services_list li {
	list-style:					none;
}

li#services_head {
	list-style:					none;
	color:						#ff0000;
}

ul.guarantee_list {
    color:						#457d65;
    font-family:				"Lucida Sans Unicode";
    font-size:					10pt;
   	line-height:				20pt;
	margin:						10px 0px 10px 40px;
	text-align:					left;
}

ul.guarantee_list {
	color:						#457d65;
    font-family:				"Lucida Sans Unicode";
    font-size:					10pt;
   	line-height:				20pt;
	margin:						10px 0px 10px 40px;
	text-align:					left;
}

/* ========== Body ========== */

div#home_main {
    width:						460px;
    height:						279px;
    background-image:			url('images/home_main.png'); 
	background-repeat:			no-repeat;
    text-align:					center;
	margin-left: 				auto; 
	margin-right: 				auto;
	padding:					90px 325px 20px 30px;
}

div#sub_main {
    width:						755px;
    background-image:			url('images/sub_main.png'); 
	background-repeat:			no-repeat;
    text-align:					center;
	margin-left: 				auto; 
	margin-right: 				auto;
	padding:					90px 30px 20px 30px;
}

div#sub_contact {
    width:						755px;
	height:						500px;
    background-image:			url('images/sub_main.png'); 
	background-repeat:			no-repeat;
    text-align:					center;
	margin-left: 				auto; 
	margin-right: 				auto;
	margin-bottom:				10px;
	padding:					90px 30px 20px 30px;
}

div#home_content {
	background-color:			#fff;
	background-image:			url('images/content_background.png');
	background-repeat:			no-repeat;
    width:						788px;
	height:						405px;
    text-align:					center;
	margin:						20px auto 10px auto;
	padding:					13px 13px 0px 14px;
	position:					relative;
}

div.homepage_box{
	background-image:			url('images/homepage_box.png');
	width:						374px;
	height:						115px;
	padding:					10px;
	float:						left;
	position:					relative;
}

div.homepage_box2{
	background-image:			url('images/homepage_box2.png');
	width:						768px;
	height:						115px;
	padding:					10px;
	float:						left;
	position:					relative;
}

br.clear {
	line-height:				0px;
}

/* ========== Footer ========== */

div#footer {
	text-align:					center;
	margin-left: 				auto; 
	margin-right: 				auto;
	padding-top:				15px;
	clear:						both;
}

/* ========== Text Attributes ========== */

h2 {
	font-family: 				"Lucida Sans Unicode";
	text-align:					left;
	color:						#467d65;
	font-size:					1.4em;
	margin-bottom:				10px;
	font-weight:				500;
	letter-spacing:				1pt;
}

h2#gallery {
	font-family: 				"Lucida Sans Unicode";
	text-align:					center;
	color:						#467d65;
	font-size:					1.4em;
	margin-bottom:				10px;
	font-weight:				500;
	letter-spacing:				1pt;
}

h2.faqs {
	font-family: 				"Lucida Sans Unicode";
	text-align:					left;
	color:						#000;
	font-size:					12pt;
	margin-bottom:				10px;
	font-weight:				600;
	letter-spacing:				1pt;
}

h2.testimonials {
	font-family: 				'Helvetica','Arial'; 
	text-align:					right;
	color:						#467d65;
	font-size:					16px;
	margin-bottom:				10px;
	margin-top:					10px;
	font-weight:				600;
	letter-spacing:				1pt;
}

h2.boxes {
	font-family: 				"times new roman";
	text-align:					left;
	color:						#467d65;
	font-size:					18pt;
	margin-bottom:				10px;
	letter-spacing:				1.2pt;
}

h2.box2_title {
	font-family: 				"Times New Roman";
	text-align:					center;
	color:						#467d65;
	font-size:					18pt;
	font-style:					italic;
	margin-bottom:				10px;
	letter-spacing:				1pt;
	font-weight:				600;
}

h2.box2_title2 {
	font-family: 				"Times New Roman";
	text-align:					center;
	color:						#4e4e4e;
	font-size:					16pt;
	margin-bottom:				10px;
	letter-spacing:				1pt;
	font-weight:				600;
}

h2.box2_title3 {
	font-family: 				"Times New Roman";
	text-align:					center;
	color:						#4e4e4e;
	font-size:					22pt;
	margin-bottom:				10px;
	letter-spacing:				1pt;
	font-weight:				600;
}

h3 {
	font-family: 				"Lucida Sans Unicode";
	text-align:					left;
	color:						#467d65;
	font-size:					1.0em;
	margin-bottom:				10px;
	font-weight:				500;
	letter-spacing:				1pt;
}

h4 {
	font-family: 				"Lucida Sans Unicode";
	color:						#467d65;
	font-size:					10px;
	font-weight:				500;
}

p {
    color:						#414141;
	font-family:				'Helvetica','Arial';    
	font-size:					10pt;
    text-align:					left;
   	line-height:				16pt;
	letter-spacing:				1pt;
}

p#home {
    color:						#606364;
	font-family:				'Helvetica','Arial';    
	font-size:					10pt;
    text-align:					left;
   	line-height:				16pt;
	letter-spacing:				1pt;
}

p.contact {
    color:						#606364;
	font-family:				'Helvetica','Arial';    
	font-size:					12pt;
    text-align:					left;
   	line-height:				16pt;
	letter-spacing:				1pt;
}

p#gallery {
	font-size:					10pt;
    text-align:					center;
   	line-height:				16pt;
	letter-spacing:				1pt;
	padding:					10px;
}

p#footer {
    color:						#414141;
    font-family:				"Lucida Sans Unicode";
    font-size:					8pt;
   	line-height:				14pt;
	text-align:					center;
}

p#footer2 {
    color:						#457d65;
    font-family:				"Lucida Sans Unicode";
    font-size:					8pt;
   	line-height:				14pt;
	text-align:					center;
}

p#footer_links {
    color:						#457d65;
    font-family:				"Lucida Sans Unicode";
    font-size:					8pt;
   	line-height:				14pt;
	text-align:					center;
	margin-top:					5px;
	margin-bottom:				5px;
}

p#footer_logos {
	text-align:					center;
	margin-bottom:				5px;
}

/* ========== Images ========== */

img.boxes {
	margin-right:				10px;
}

img.services {
	margin-bottom:				10px;
}

img.contact {
	margin-left:				20px;
	text-align:					right;
}

img.gallery {
	margin:						10px;
}

/* ========== Links ========== */

	a {
	color: 						#fff;
	text-decoration: 			none;
}

	a:visited {
	color: 						#fff;
}

	a:active {
	color: 						#000000;
}

	a:hover {
	color: 						#000;
}

	a.gallery {
	color: 						#467d65;
	text-decoration: 			none;
}

	a.gallery:visited {
	color: 						#467d65;
}

	a.gallery:active {
	color: 						#467d65;
}

	a.gallery:hover {
	color: 						#000;
}

	a.faqs {
	color: 						#000;
	text-decoration: 			none;
}

	a.services {
	color: 						#457d65;
	text-decoration: 			none;
}

	a.services:visited {
	color: 						#457d65;
}

	a.services:active {
	color: 						#457d65;
}

	a.services:hover {
	color: 						#000;
}

	a.footer {
	color: 						#457d65;
	text-decoration: 			none;
}

	a.footer:visited {
	color: 						#457d65;
}

	a.footer:active {
	color: 						#457d65;
}

	a.footer:hover {
	color: 						#000;
}

/* =========== Form ============ */

h1.form {
	color:						#467d65; 
	font-size:					1.4em;
	margin-bottom:				10px;
	font-family: 				"Lucida Sans Unicode";
	font-weight:				normal;
}
p.form{
	font-size:					11px;
	color:						#666666;
	margin-bottom:				20px;
	border-bottom:				solid 1px #b7ddf2;
	padding-bottom:				10px;	
	font-family:				'Helvetica','Arial';    
}
label.form{
	display:					block;
	font-weight:				bold;
	text-align:					right;
	width:						160px;
	float:						left; 
	font-family:				'Helvetica','Arial';  
    color:						#606364;	
}
.smallform{
	color:						#666666;
	display:					block;
	font-size:					11px;
	font-weight:				normal;
	text-align:					right;
	width:						160px;
	font-family:				'Helvetica','Arial';    
}
input.form{
	float:						left;
	font-size:					12px;
	padding:					4px 2px;
	border:						solid 1px #aacfe4;
	width:						200px;
	margin:						2px 0 20px 10px;
	font-family:				'Helvetica','Arial';    
}

textarea.form{
	float:						left;
	font-size:					12px;
	padding:					4px 2px;
	border:						solid 1px #aacfe4;
	width:						200px;
	margin:						2px 0 20px 10px;
	font-family:				'Helvetica','Arial';    
}

button.form{
	clear:						both;
	margin-left:				150px;
	width:						125px;
	height:						31px;
	background:					#666666 url(images/button.png) no-repeat;
	text-align:					center;
	line-height:				31px;
	color:						#FFFFFF;
	font-size:					12px;
	font-weight:				bold;
	border:						0px;
	font-family:				'Helvetica','Arial';    
}