/*
***********************************************************

Title:			stylesheet.css
Author: 		Keith Berry (www.sabidesign.com)
Type: 			Screen, Projection
Description : 	Screen and projection stylesheet for GreenScapes

***********************************************************
*/

body{
	margin: 0;
	padding: 0;
	background: #99CD94 url(../images/bg.jpg) center fixed;
	font-size: 12px;
	color: #454545;
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif
}

/* general
------------------------------------------------------------------*/
a {color: #545E18; text-decoration: underline; font-weight: bold;}
a:link {color: #545E18; text-decoration: underline; font-weight: bold;}
a:hover {color: #333333; text-decoration: none; font-weight: bold;}
a:visited {color: #545E18; text-decoration: underline; font-weight: bold;}
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

p{
	margin: 8px 0px 4px 0px;
	padding: 4px 0px 8px 0px;
	font-size: 13px;
	color: #454545;	
}

p.more_images{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	color: #454545;
	text-align:right;	
}

p a:hover{color: #333333; text-decoration: none; font-weight: bold;}
p.tips{	margin: 9px 0px 0px 15px; padding: 0px 0px 8px 0px; color: #626262; font-size: 11px; border-bottom: 1px dotted #339933; line-height: 14px; font-family:Arial, Helvetica, sans-serif}
p.portfolio{margin: 9px 0px 0px 15px; padding: 0px 0px 8px 0px; color: #626262; font-size: 11px; border-bottom: 1px dotted #339933;line-height: 14px;}
p.comments{	margin: 9px 0px 0px 15px; padding: 0px 0px 8px 0px; color: #626262; font-size: 10px; line-height: 12px;}
p.tips a:hover {color: #333333; text-decoration: none; font-weight: bold;}
p.mr_miss{margin: 9px 0px 0px 110px; color: #4A4A4A; font-size: 12px; text-align:right; border-bottom: 0px solid #8EBE89; font-family:Georgia, "Times New Roman", Times, serif;
}

p.quo{	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #626262;
	font-size: 12px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	word-spacing:2px;
}

/* headings
------------------------------------------------------------------*/
h1{
	width:693px;
	height:231px;
	margin: 5px 0 0 0;
}

h1 a{ 
	display: block;
	width:693px;
	height:231px;
	text-indent: -9000px;
	background: url(../images/header2.gif);
}

h2{
	margin: 20px 0px 0px 0px;
	padding: 0px 16px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	color: #4A4A4A;
	text-decoration:none;
	text-transform: uppercase;
	background: url(../icon/bullet_go.gif) bottom right no-repeat;	
}

h3{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #4A4A4A;
	text-decoration: underline;
	background-position: left;
	background-repeat: no-repeat;		
}

h3.email{background-image: url(../icon/email.png);padding: 0px 0px 0px 20px;}
h3.address{background-image: url(../icon/house.png);padding: 0px 0px 0px 20px;}
h3.phone{background-image: url(../icon/phone.png);padding: 0px 0px 0px 20px;}


h4{
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #4A4A4A;
	background-position: right;
	background-repeat: no-repeat;		
}

h4.advice{margin: 15px 15px -4px 0px; text-align: left; color: #3A8E24;}
h4.contactform{background-image: url(../icon/page_white_put.png);margin: 15px 41px 0px 41px;}
h4.clickthumb{background-image: url(../icon/picture.png);margin: 15px 28px 0px 28px;}

h5{
	font-family: Verdana, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #4A4A4A;
	letter-spacing: -1px	
}

#wrapper{
	border: 0px solid #979797;
	margin: auto;
	width: 699px;
}

#header{
	width:693px;
	height:231px;
	margin: 5px 0 0 0;
	background: url(../images/header.gif) top left no-repeat;
}

body.home #header{
	height: 231px;	
}

/* main navigation
------------------------------------------------------------------*/
#navlist {
	float: left;
	width:469px;
	height:231px;
	margin: 5px 0px 0px 5px;
	padding: 10px 0px 0px 0px;
	height:23px;
	border: 0px solid #3A8E24;
	font-family: Verdana, Tahoma, Verdana, sans-serif;
	white-space: nowrap;background: url(../images/nav_bottom.gif) bottom left no-repeat;	
}

#navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;	
}

#navlist a:link, #navlist a:visited {
	float: left;
	line-height: 14px;
	font-weight: bold;
	font-size: 12px;
	margin: 0 9px 0px 12px;
	text-decoration: none;
	color: #707070;	
}

#navlist a:link#current, #navlist a:visited#current {
	border-bottom: 5px solid #339933;
	padding-bottom: 3px;
	background: transparent;
	color: #000;
}

#navlist a:hover {
	background-image:url(../images/nav.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom: 8px;
	color: #215114;
}

/* external page links
------------------------------------------------------------------*/
#linklist {
	list-style-type: none;
	float: right;
	width:204px;
	margin: 5px 0px 0px 25px;
}

#rightbox ul {
	text-indent: 15px;
	background-image: url(../icon/icon_link2.gif);
	background-repeat: no-repeat;
	background-position: 0% .4em;
	border:none;
	padding:0;
	margin: 8px 0px 16px 0px;
}
#rightbox ul li {
	background-image: url(../icon/icon_link2.gif);
	background-repeat: no-repeat;
	background-position: 0% .4em;
	border-bottom: 1px dotted #339933;
	padding:5px;
	margin:0;
}
#rightbox ul li a {
	color:#545E18;
	text-decoration:underline;
}
#rightbox ul li a:hover {
	color:#333333;
	text-decoration:none;
}
/* end of external page links
------------------------------------------------------------------*/

/* Advice page links
------------------------------------------------------------------*/
#linklist2 {
	list-style-type: none;
	width: 210px;
	line-height: 16px;
	float: left;
	margin: 5px 0px 15px 10px;
	padding:0px;border-bottom: 1px dotted #339933;	
}

#linklist2 li {
	text-indent: 18px;
	padding: 0 0 2px 0;
	margin: 5px 0px 5px 0px;
	background-image: url(../icon/shape_square3.png);
	background-repeat: no-repeat;
	background-position: -1% .0em;
	border-bottom: 0px dotted #339933;
}

#linklist2 li a {color:#545E18;
}

#linklist2 li a:hover {
	color:#333333;
	text-decoration:none;

}

#linklist2 a:link#highlight, #linklist2 a:visited#highlight {	
	color:#000;
	text-decoration:none;
}

#rightbox2 {
	float: left;
	width: 219px;	
}


/* end of external page links
------------------------------------------------------------------*/


#telephone {
	float: right;
	color: #393939; 
	font-size: 13px; 
	margin: 4px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:auto;
	font-weight: bold;
	border: 0px solid #3A8E24;
	white-space: nowrap;	
}

#main{
	float: left;
	border-right: 1px dashed #339933;
	width: 442px;
	padding: 0px 18px 0px 9px;
	margin: 0px 0px 20px 3px;	
}

#main_work{
	float: left;
	border-right: 0px dashed #3A8E24;
	width: 442px;
	padding: 0px 18px 0px 9px;
	margin: 0px 0px 20px 3px;	
}

.quotes_box_wide{
	float: left;
	border: 1px dotted #339933;
	width: 397px;
	padding: 24px 20px 14px 22px;
	margin: 15px 18px 6px 0px;
	background: #99CD94 url(../images/image_outer_bg.gif) top left;	
}

.quotes_box{
	float: left;
	border: 0px dotted #339933;
	width: 209px;
	padding: 22px 20px 14px 22px;
	margin: 10px 15px 15px 0px;
	background: #99CD94 url(../images/image_outer_bg.gif) top left;	
}
.quotes{float: left; }
.quotes_end{float: right; }
	
a.image_box{
	float: left;
	border: 1px solid #3B8E24;
	width: 193px;
	height: 145px;
	padding: 9px 9px 9px 9px;
	margin: 4px 0px 12px 0px;
	background: #99CD94 url(../images/image_outer_bg.gif) top left;	
}

a.image_box:hover {
	float: left;
	border: 1px solid #3B753B;
	width: 193px;
	height: 145px;
	padding: 9px 9px 9px 9px;
	margin: 4px 0px 12px 0px;
	background: #ffffff url(../images/image_hover_bg.jpg) left top no-repeat;	
}

a.image_box2{
	float: right;
	border: 1px solid #3B8E24;
	width: 193px;
	height: 145px;
	padding: 9px 9px 9px 9px;
	margin: 4px 0px 12px 0px;
	background: #99CD94 url(../images/image_outer_bg.gif) top left;	
}

a.image_box2:hover{
	float: right;
	border: 1px solid #3B753B;
	width: 193px;
	height: 145px;
	padding: 9px 9px 9px 9px;
	margin: 4px 0px 12px 0px;
	background: #ffffff url(../images/image_hover_bg.jpg) left top no-repeat;	
}

/* portfolio page navigation
------------------------------------------------------------------*/
.pagination {
	position: relative;
	width: 442px;
	height: 24px;
	float: left;
	color:#666;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.pagination p {
	position:relative;
	text-align:right;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 8px 0px;
	font-size: 12px;
	color: #454545;
	
}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {
	text-decoration:none;
	background: #99CD94 url(../images/image_outer_bg.gif) top left;
	padding:2px 5px;
	border: 1px solid #339933
}
.pagination p a:hover {
	background:#339933 url(../images/image_hover_bg.jpg) left top no-repeat;
	color:#333333;
}
.pagination p span {
	text-decoration:none;
	background:#339933;
	padding:2px 5px;
	border: 1px solid #339933;
	color:#ccc
}
.pagination * {margin:0}
.pagination h5 {
	margin-top:-2.45em;
	padding:7px;
	border:none
}
/* end of portfolio page navigation
------------------------------------------------------------------*/

p.click{	margin: 0px 0px 0px 0px;
	color: #626262;
	font-size: 11px;
	line-height: 18px;text-align: center;
}

.topofpage{
	float: right;
	height: 19px;
	width: 86px;
	margin: 20px 0px 0px 0px;
	background: url(../images/top_of_page.gif) right top no-repeat;
}

.topofpage:hover{
	float: right;
	height: 19px;
	width: 86px;
	margin: 20px 0px 0px 0px;
	background: url(../images/top_of_page.gif) no-repeat 0 -21px;
}



#rightbox {
	float: left;
	border: 0px solid #3A8E24;
	width: 219px;	
}


.more {
	font-size: 10px; margin: 6px 0px 0px 0px; display:block;
	text-align:right; border:none; 
}

.thumbs_container {
	margin: 10px 0px 4px 0px;
	border: 0px solid #979797;
	width: auto;
	float: right;	
}

.comments_container {
	margin: 0px 4px 0px 0px;
	border: 0px solid #979797;
	width: auto;
	float: left;	
}

a.thumbnails {
	position: relative;
	width: 36px;
	height: 36px;
	overflow:hidden;
	padding:4px 4px 4px 4px;
	margin:0px 0px 5px 7px;
	background: #ffffff;
	border: 1px solid #979797;
	float: left;
	background: #99CD94 url(../images/image_outer_bg.gif) top left;
}

a.thumbnails:hover {
	position: relative;
	width: 36px;
	height: 36px;
	overflow:hidden;
	padding:4px 4px 4px 4px;
	margin:0px 0px 5px 7px;
	background: #ffffff;
	border: 1px solid #3B753B;
	float: left;
	background: #ffffff url(../images/image_hover_bg.jpg) left top no-repeat;	
}

.portfolio_box {
	position: relative;
	width: 422px;
	height: 317px;
	overflow:hidden;
	padding:9px 9px 9px 9px;
	margin:25px 0px 10px 0px;
	border: 1px solid #339933;
	float: left;
	background: #99CD94 url(../images/image_outer_bg.gif) top left;
}

.breakout{ 	
	position: relative;
	width: 400px;
	height: 297px;
	overflow:hidden;
	border: 1px solid #339933;
	margin:8px 0px 18px 19px;	
}

/* contact form
------------------------------------------------------------------*/
form{
	margin: 12px 0 10px 16px;
	padding: 0 0 12px 0;
	border-bottom: 0px dotted #339933;
}

.label{
	display: block;
	margin: 0 0 6px 0;
	text-indent: 4px;
}

span{
	color: #AE0000;
}

input{
	display: block;
	width: 174px;
	text-indent: 2px;
	border: 1px solid #B9DEB3;
	font: 10px/16px Verdana, Tahoma, Verdana, sans-serif;
	background: #ffffff url(../images/form_bg.jpg) left top no-repeat;	
}

input:focus{
	display: block;
	width: 198px;
	text-indent: 2px;
	border: 1px solid #B9DEB3;
	font: 10px/16px Verdana, Tahoma, Verdana, sans-serif;
	background: #ffffff url(../images/form_bg2.jpg) left top no-repeat;
	
}

input.button{
	margin: 16px 0 0 0;
	width: 90px;
	background: #B4B2B5;
	margin: 0px 0 12px 0px;
	color: #fff;
}

textarea{
	display: block;
	width: 198px;
	height: 170px;
	text-indent: 2px;
	border: 1px solid #C1E6BB;
	font: 10px/16px Verdana, Tahoma, Verdana, sans-serif;
	background: #ffffff url(../images/form_bg.jpg) left top no-repeat;	
}

textarea:focus{
	display: block;
	width: 198px;
	height: 170px;
	text-indent: 2px;
	border: 1px solid #C1E6BB;
	font: 10px/16px Verdana, Tahoma, Verdana, sans-serif;
	background: #ffffff url(../images/form_bg2.jpg) left top no-repeat;
	
}

/* footer
------------------------------------------------------------------*/
#footer{
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #454545; text-align: center; 
	width: 693px;
	padding: 19px 0px 9px 0px;
	margin: 15px 0px 9px 0px;
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/footer.gif) left top no-repeat;
}

#footer p{margin: 0px 0px 4px 0px; color: #454545; text-align: center;}
#footer a {color:#738020; font-size: 11px;}
#footer a:hover {color:#C66001; border-bottom:0px solid #FB7901; font-size: 11px; text-decoration:none;}
.margin{margin: 0px 0px -4px 3px; border: 0px;}