@charset "utf-8";
/* CSS Document */
li {
  list-style-type:none;
}

body {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background:#CCCCCC;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	width: 960px;  /* using 20px less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	background: #FFFFFF; 
	padding: 0 10px 100px 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#headerlogo {
	margin-left: 0px;
	margin-top:10px;
	float:left;
	height: 85px;
	width:340px;
}

h4 {
color:#666666;
text-align:center;
text-decoration:underline;
}

p.poem {
font-style:italic;
}

/*--------------------NAVIGATION MENU----------------------*/
#GlobalNav ul { 
	list-style : none;
	margin : 0;
	padding : 0;
}

#GlobalNav li { 
	float : right;
	margin : 0;
	height : 50px;
/*	width: 120px;   this if uncommented keeps all boxes same width but pushes OUR PHILOSOPHY to 2 lines and looks unbalanced. Keep to show client. Height above will also need moving to 65px*/
	border-left : 2px solid #FF6D00;
}


#GlobalNav a { 
	float : left;
	display : block;
	font-size : 12px;
	font-weight : bold;
	text-decoration: none;
	text-transform : uppercase;
	background : #ffffff;
	color : #666666;
	padding : 20px 5px 10px 5px;
	border-top : 5px solid #FFFFFF;
}
	
	
	/* Commented Backslash Hack
	hides rule from IE5-Mac \*/
	#GlobalNav a { float : none; }
	/* End IE5-Mac hack */
						
#GlobalNav a:hover { 
	text-decoration : none;
	background : #ffffff;
	color : #333333;
	border-top : 5px solid #FF6D00;
}			
				
/*-------------------- END NAVIGATION MENU----------------------*/
#mainContent {
	overflow: hidden;
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #FFFFFF;
	border-top: 9px solid #FF6D00;
	border-bottom: 19px solid #FF6D00;
}

#mainContent.home {
	background: #FFFFFF url('../Images/home-bg.jpg') no-repeat top center;
	min-height: 388px;
}

a {
color:#FF6D00;
text-decoration:underline;
}

#leftcontent {
	float:left;
	height: 532px;
	width:490px;
	
	
}

#leftcontent img {
	padding : 32px 7px 0px 7px;	
}

#lightboxdiv {
	float:left;
	height: 532px;
	width:490px;
	padding-top: 30px;
}

#lightboxdiv img {
	padding : 10px 10px 10px 10px;	
}

#rightcontent {
	margin-left:500px;
	padding-top: 20px;
	height: 532px;
	width: 450px;
	
}

#lowercontent {
margin-top: 20px;
width: 450px;
height: 490px;
overflow:auto;
}

li.bullets{
	color: #000000;
	list-style-type:disc;
	margin-bottom:5px;
}


/*--------------------PHILOSOPHY NAVIGATION MENU----------------------*/
#philosophynav {
padding-right: 0px;
}

#philosophynav ul {
	width: 420px; 
	list-style : none;
	margin : 0;
	padding : 0;
}

#philosophynav li { 
	float : right;
	margin : 0;
	height : 20px;
	/*width: 100px;   this if uncommented keeps all boxes same width but pushes OUR PHILOSOPHY to 2 lines and looks unbalanced. Keep to show client. Height above will also need moving to 65px*/
	border-left : 2px solid #AEE436;
	
}


#philosophynav a { 
	float : left;
	display : block;
	font-size : 12px;
	font-weight : bold;
	text-decoration: none;
	text-transform : uppercase;
	background : #ffffff;
	color : #666666;
	padding : 0px 6px 2px 6px;
	border-top : 2px solid #FFFFFF;
}
	
	
	/* Commented Backslash Hack
	hides rule from IE5-Mac \*/
	#GlobalNav a { float : none; }
	/* End IE5-Mac hack */
						
#philosophynav a:hover { 
	text-decoration : none;
	background : #ffffff;
	color : #333333;
	border-bottom : 2px solid #AEE436;
}			
		
/*-------------------- END PHILOSOPHY NAVIGATION MENU----------------------*/

/*--------------------INSPIRATIONS NAVIGATION MENU----------------------*/
#inspirationsnav {
padding-right: 110px;
}

#inspirationsnav ul { 
	list-style : none;
	margin : 0;
	padding : 0;
}

#inspirationsnav li { 
	float : right;
	margin : 0;
	height : 20px;
	/*width: 100px;   this if uncommented keeps all boxes same width but pushes OUR PHILOSOPHY to 2 lines and looks unbalanced. Keep to show client. Height above will also need moving to 65px*/
	border-left : 2px solid #AEE436;
	
}


#inspirationsnav a { 
	float : left;
	display : block;
	font-size : 12px;
	font-weight : bold;
	text-decoration: none;
	text-transform : uppercase;
	background : #ffffff;
	color : #666666;
	padding : 0px 10px 2px 10px;
	border-top : 2px solid #FFFFFF;
}
	
	
	/* Commented Backslash Hack
	hides rule from IE5-Mac \*/
	#GlobalNav a { float : none; }
	/* End IE5-Mac hack */
						
#inspirationsnav a:hover { 
	text-decoration : none;
	background : #ffffff;
	color : #333333;
	border-bottom : 2px solid #AEE436;
}			
		
/*-------------------- END INSPIRATIONS NAVIGATION MENU----------------------*/



/*-------------------- FOOTER CONTENT----------------------*/
#footer {
	border-top: 5px solid #AEE436;
	margin-top:2px;
	padding : 10px 10px; 
	background  :#FFFFFF;
	font-size : 10px;
	font-weight : bold;
	color : #666666;
	float: left;
	width: 940px;
}

#contactinformation {
	width : 200px;
	height : 90px;
	float:right;
	
	border-left : 2px solid #46C64B;
	padding: 10px;
}

#contactinformation ul { 
	list-style :url(../Images/orangebullet.png);
	list-style-position: inside;
	margin : 0;
	padding : 0;
}

#contactinformation li { 
	color : #46C64B;
	margin : 0;
	font-size : 12px;
}

#services {
	width : 210px;
	height : 90px;
	float:right;
	border-left : 2px solid #FF6D00;
	padding: 10px;
}


#services ul { 
	
	list-style-position: inside;
	margin : 0;
	padding : 0;
}

#services li.services { 
	list-style :url(../Images/greenbullet.png);
	list-style-position: inside;
	color : #46C64B;
	margin-bottom : 10x;
	font-size : 12px;
}

#services li.serviceslist {
list-style-position: inside;
margin-left:5px;
padding-left:2px;
list-style:disc;
}

#gardenportfolio {
	width : 200px;
	height : 90px;
	float:right;
	border-left : 2px solid #46C64B;
	padding: 10px;
}

#gardenportfolio ul { 
	list-style :url(../Images/orangebullet.png);
	list-style-position: inside;
	margin : 0;
	padding : 0;
}

#gardenportfolio li { 
	color : #46C64B;
	margin : 0;
	font-size : 12px;
}

#filedownload ul{
	list-style :url(../Images/pdf.png);
	list-style-position: inside;
	margin : 0;
	padding-top :65px;
}
p.foottext { width: 920px; float: right; }

#filedownload a { 
	font-size : 10px;
	font-weight : bold;
	color : #666666;
}


#filedownload a:hover { 
	text-decoration : none;
	background : #ffffff;
	color : #333333;
}
/*--------------------END FOOTER CONTENT----------------------*/


/*-------------------------LIGHTBOX---------------------------*/
#lightbox{
	position: absolute;
	left: 184px;
	width: 80%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	top: 141px;
}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../Images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../Images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

 

.thumbnail{
	padding: 3px 3px 3px 3px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	float: left;
	margin-top:10px;
	margin-bottom: 10px;
	margin-left: 25px
}	

.thumbnail img{
border:0;
}

.thumbnail:hover{
border:1px solid #98DE02;
}





TEXT TO REMOVE DREAMWEAVER 8192 BYTES BUG