/*

	CSS file for Exteriors
	Author:	Net Theory 
					http://www.nettheory.com/
					January 2012

*/

/* Colors
Dark green: #212e16
Light green borders: #738877
Light green hover: #C6DAB4
Orange: #FDBB63 */


/* Body & Global
------------------------------------ */
* {
	margin: 0;
	padding: 0;
	z-index:0;
}

body {
	font-size: 62.5%;
	font-family: garamond, georgia, "times new roman", serif;
	background-color: #212e16;
	color: #ababab;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
	font-family: garamond, georgia, "times new roman", serif;
	color: #fff;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	margin-bottom: 15px;
}

h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

p, label {
	margin-bottom: 14px;
	font-size: 14px;
	line-height: 18px;
	font-family: garamond, georgia, "times new roman", serif;
} 

li {
	font-size: 1.2em;
	line-height: 1.5em;
}
img {
	border: 0;
}
table {
	border-collapse: collapse;
}
.selected {
	color: #FDBB63 !important;
}

#header-exteriors {
	position: absolute;
	top: 7px;
	width: 965px;
	height: 89px;
	border-top: 1px solid #738877;
	border-bottom: 1px solid #738877;
}
	h1#logo {
		text-indent: -1000em;
		background: transparent url('images/header.gif') 5px 17px no-repeat;
		width: 232px;
		height: 66px;
		clear: left;
		float: left;
	}
		h1 a {
			display: block;
			height: 100%;
		}

		/* 2012 top nav  - no Flash!
		-------------------------------------*/
		#landscape-design-nav {
			list-style-type: none;
			clear: none;
			float: right;
			width: 447px;
			height: 48px;
			text-indent: -1000em;
			position: relative;
		}
			#landscape-design-nav li {
				clear: none;
				float: left;
			}
				#landscape-design-nav a {
					display: block;
					height: 48px;
					cursor: pointer;
				}
				

				/* Global nav rules */
				#nav-home a {
					background: url(images/nav/main.png) 0 0 no-repeat;
					width: 76px;
				}
				#nav-about a {
					background: url(images/nav/main.png) -76px 0 no-repeat;
					width: 70px;
				}
				#nav-services a {
					background: url(images/nav/main.png) -146px 0 no-repeat;
					width: 90px;
				}
				#nav-contact a {
					background: url(images/nav/main.png) -236px 0 no-repeat;
					width: 92px;
				}
				#nav-portfolio a {
					background: url(images/nav/main.png) -328px 0 no-repeat;
					width: 119px;
				}
				#nav-home a:hover {
					background: url(images/nav/main.png) 0 -96px no-repeat;
				}
				#nav-about a:hover {
					background: url(images/nav/main.png) -76px -96px no-repeat;
				}
				#nav-services a:hover {
					background: url(images/nav/main.png) -146px -96px no-repeat;
				}
				#nav-contact a:hover {
					background: url(images/nav/main.png) -236px -96px no-repeat;
				}
				#nav-portfolio a:hover {
					background: url(images/nav/main.png) -328px -96px no-repeat;
				}
				#nav-home a.on {
					background: url(images/nav/main.png) 0 -48px no-repeat;
				}
				#nav-about a.on {
					background: url(images/nav/main.png) -76px -48px no-repeat;
				}
				#nav-services a.on {
					background: url(images/nav/main.png) -146px -48px no-repeat;
				}
				#nav-contact a.on {
					background: url(images/nav/main.png) -236px -48px no-repeat;
				}
				#nav-portfolio a.on {
					background: url(images/nav/main.png) -328px -48px no-repeat;
				}
				.subnav {
					list-style-type: none;
					position:absolute;
					width: 447px;
					height: 41px;
					text-indent: -1000em;
					top: 48px;
					right: 0;
					visibility: hidden;
				}
				#about-exteriors-landscape-design #subnav-about,
				li#nav-about:hover #subnav-about {
					visibility: visible;
				}
				#services #subnav-services,
				li#nav-services:hover #subnav-services {
					visibility: visible;
				}
				#portfolio-landscapes-gardens #subnav-portfolio,
				li#nav-portfolio:hover #subnav-portfolio {
					visibility: visible;
				}
				
				/* In each section with a subnav, the other subnavs must be given a higher z-index to appear. */
				#about-exteriors-landscape-design #subnav-services,
				#about-exteriors-landscape-design #subnav-portfolio,
				#services #subnav-about,
				#services #subnav-portfolio,
				#portfolio-landscapes-gardens #subnav-about,
				#portfolio-landscapes-gardens #subnav-services {
					z-index:1;
				}


					.subnav li{
						clear: none;
						float: left;
					}
						#landscape-design-nav .subnav a {
							display: block;
							height: 41px;
						}
						#subnav-history a {
							background: url(images/nav/sub-about.png) 0 0 no-repeat;
							width: 138px;
						}
						#subnav-staff a {
							background: url(images/nav/sub-about.png) -138px 0 no-repeat;
							width: 46px;
						}
						#subnav-nursery a {
							background: url(images/nav/sub-about.png) -184px 0 no-repeat;
							width: 64px;
						}
						#subnav-stones a {
							background: url(images/nav/sub-about.png) -248px 0 no-repeat;
							width: 55px;
						}
						#subnav-whimsy a {
							background: url(images/nav/sub-about.png) -303px 0 no-repeat;
							width: 144px;
						}
						#subnav-history a:hover {
							background: url(images/nav/sub-about.png) 0 -82px no-repeat;
						}
						#subnav-staff a:hover {
							background: url(images/nav/sub-about.png) -138px -82px no-repeat;
						}
						#subnav-nursery a:hover {
							background: url(images/nav/sub-about.png) -184px -82px no-repeat;
						}
						#subnav-stones a:hover {
							background: url(images/nav/sub-about.png) -248px -82px no-repeat;
						}
						#subnav-whimsy a:hover {
							background: url(images/nav/sub-about.png) -303px -82px no-repeat;
						}
						#subnav-history a.on {
							background: url(images/nav/sub-about.png) 0 -41px no-repeat;
						}
						#subnav-staff a.on {
							background: url(images/nav/sub-about.png) -138px -41px no-repeat;
						}
						#subnav-nursery a.on {
							background: url(images/nav/sub-about.png) -184px -41px no-repeat;
						}
						#subnav-stones a.on {
							background: url(images/nav/sub-about.png) -248px -41px no-repeat;
						}
						#subnav-whimsy a.on {
							background: url(images/nav/sub-about.png) -303px -41px no-repeat;
						}

						#subnav-design a {
							background: url(images/nav/sub-services.png) 0 0 no-repeat;
							width: 234px;
						}
						#subnav-build a {
							background: url(images/nav/sub-services.png) -234px 0 no-repeat;
							width: 53px;
						}
						#subnav-maintain a {
							background: url(images/nav/sub-services.png) -287px 0 no-repeat;
							width: 160px;
						}
						#subnav-design a:hover {
							background: url(images/nav/sub-services.png) 0 -82px no-repeat;
						}
						#subnav-build a:hover {
							background: url(images/nav/sub-services.png) -234px -82px no-repeat;
						}
						#subnav-maintain a:hover {
							background: url(images/nav/sub-services.png) -287px -82px no-repeat;
						}
						#subnav-design a.on {
							background: url(images/nav/sub-services.png) 0 -41px no-repeat;
						}
						#subnav-build a.on {
							background: url(images/nav/sub-services.png) -234px -41px no-repeat;
						}
						#subnav-maintain a.on {
							background: url(images/nav/sub-services.png) -287px -41px no-repeat;
						}

						#subnav-categories a {
							background: url(images/nav/sub-portfolio.png) 0 0 no-repeat;
							width: 177px;
						}
						#subnav-projects a {
							background: url(images/nav/sub-portfolio.png) -177px 0 no-repeat;
							width: 71px;
						}
						#subnav-time-machine a {
							background: url(images/nav/sub-portfolio.png) -248px 0 no-repeat;
							width: 199px;
						}
						#subnav-categories a:hover {
							background: url(images/nav/sub-portfolio.png) 0 -82px no-repeat;
						}
						#subnav-projects a:hover {
							background: url(images/nav/sub-portfolio.png) -177px -82px no-repeat;
						}
						#subnav-time-machine a:hover {
							background: url(images/nav/sub-portfolio.png) -248px -82px no-repeat;
						}
						#subnav-categories a.on {
							background: url(images/nav/sub-portfolio.png) 0 -41px no-repeat;
						}
						#subnav-projects a.on {
							background: url(images/nav/sub-portfolio.png) -177px -41px no-repeat;
						}
						#subnav-time-machine a.on {
							background: url(images/nav/sub-portfolio.png) -248px -41px no-repeat;
						}

#slideshow-wrapper {
	position: absolute;
	left: 8px;
	top: 98px;
	width: 948px;
}
	.slideshow {
		
	}
	#intro {
		width: 190px;
		height: 442px;
		background-color: rgba(33, 46, 22, 0.95);
		position: relative;
		left: 688px;
		top: 0;
		padding: 76px 35px;
	}
		#intro h2 {
			font-size: 19px;
			line-height: 24px;
			font-weight: normal;
		}
		#intro #time-machine-link {
			text-align: center;
			margin: 140px auto 105px;
			width: 120px;
			font-size: 16px;
			line-height: 140%;
		}
			#intro #time-machine-link a {
				text-decoration: none;
				color: #ababab;
			}
			#intro #time-machine-link a:hover {
				color: #C6DAB4;
			}
			#intro #contest-link {
				text-align: center;
			}
			#intro #contest-link span {
				text-align: center;
				font-size: 19px;
				line-height: 133%;
			}
			#intro #contest-link a {
				color: #FDBB63;
				text-decoration: none;
			}



#footer {
	border-top: 1px solid #738877;
	padding-top: 3px;
	width: 965px;
}	
	#footer div {
		font-family: Trebuchet, "Helvetica Neue", arial, sans-serif;
		font-size: 11px; 
		line-height: 15px;
		color: #ababab;
	}
	#footer #email-address a,
	#footer #credits a {
		color: #ababab;
		text-decoration: none;
	}
	#footer .geo {
		text-indent: -1000em;
		display: block;
	}
	#footer #email-address {
		width: 800px;
		clear: left;
		float: left;
	}
	#footer #credits {
		width: 165px;
		clear: none;
		float: right;
		text-align: right;
	}
	#footer .vcard {
		clear: both;
		float: left;
		width: 925px;
	}
	#plusone-wrapper div {
		display: block !important;
		float: right !important;
		margin-top: 4px !important;
	}
	#exteriors-inc-information {
		border-top: 1px solid #738877;
		margin-top: 240px;
		padding: 20px 0 30px;
		width: 700px;
	}
		#exteriors-inc-information strong {
			font-weight: normal;
		}
		#exteriors-inc-information a {
			color: #fff;
		}
		#exteriors-inc-information h3 {
			font-size: 14px;
			line-height: 18px;
			font-family: garamond,georgia,"times new roman",serif;
		}

.no-bottom {
	margin-bottom: 0 !important;
}

.orange {
	color: #fdbb63;
}
.white {
	color: #fff;
}
.float-r {
	clear: none;
	float: right;
}

#contact-us strong{
	color: #fff;
}

#time-machine-thumbs {
	width: 200px;
}
#time-machine-thumbs td {
	padding: 5px 3px;
}
#time-machine-thumbs td img {
	border: 1px solid #212e16;
}



/* CSS by previous developer 
-------------------------------------*/

/*
body {
	text-align: center;
}*/


a{ outline:none !important;}

#wrapper {
	position:relative;
	margin:0 auto;
	text-align:left;
	width: 965px;
	top: 20px;
}

#header {
	position: absolute;
	left: 5px;
	top: 25px;
}

/*#toprule {
	position: absolute;
	top: 0;
	left: 0;
	z-index:101;
}

#toprule2 {
	position: absolute;
	left: 0px;
	top: 97px;
	z-index:101;
}

#headerflash {
	position: absolute;
	left: 518px;
	top: 0px;
	height:120px;
	z-index:100;
}*/

#contentPhoto {
	position: absolute;
	left: 8px;
	top: 98px;
	width:500px;
}

#contactLogo {
	position: absolute;
	left: 762px;
	top: 382px;
}

#contactLogoNew {
	position: absolute;
	left: 762px;
	top: 345px;
}


#contactText {
	position: absolute;
	left: 528px;
	top: 119px;
	width: 420px;
}

#contentFlashLand {
	position: absolute;
	left: 8px;
	top: 98px;
	width:948px; 
}

#contentTextBG {
	position: absolute;
	left: 518px;
	top: 98px;
	width: 150px;
	height: 140px;
	background-color: #31422C;
}

#contentTextBGSvcs {
	position: absolute;
	left: 518px;
	top: 98px;
	width: 150px;
	height: 158px;
	background-color: #31422C;
}

#contentTextBGSvcs2 {
	position: absolute;
	left: 518px;
	top: 98px;
	width: 150px;
	height: 138px;
	background-color: #31422C;
}

#contentTextBGSvcs3 {
	position: absolute;
	left: 518px;
	top: 98px;
	width: 150px;
	height: 90px;
	background-color: #31422C;
}

#contentTextBGFolio {
	position: absolute;
	left: 726px;
	top: 98px;
	width: 230px;
	height: 245px;
	background-color: #31422C;
}

#contentTextBGFolio2 {
	position: absolute;
	left: 726px;
	top: 98px;
	width: 230px;
	height: 360px;
	background-color: #31422C;
}

#contentTextBGFolio3 {
	position: absolute;
	left: 726px;
	top: 98px;
	width: 230px;
	height: 532px;
	background-color: #31422C;
}


#contentText {
	position: absolute;
	left: 528px;
	top: 118px;
	width: 420px;
}

#contentTextFolio {
	position: absolute;
	left: 750px;
	top: 118px;
	width: 205px;
	height: 340px;
	
	/* for iPad */
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#timeMachineColumnHeaders {
	position: absolute;
	left: 742px;
	top: 102px;
	width: 210px;
}

#contentTextFolioTM {
	position: absolute;
	left: 740px;
	top: 120px;
	width: 215px;
	height: 510px;

	/* for iPad */
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}


#timeMachineCaption {
	position: absolute;
	left: 143px;
	top: 538px;
	width: 450px;
	text-align: center;
}

#contentTextFolioBottom {
	position: absolute;
	left: 750px;
	top: 465px;
	width: 220px;
	height: 156px;
}

#contentTextFolioBottomCat {
	position: absolute;
	left: 750px;
	top: 350px;
	width: 206px;
	height: 168px;
}

#contentTextFolioBottomProj {
	position: absolute;
	left: 750px;
	top: 490px;
	width: 200px;
}

#folioIFrame {
	position: absolute;
	left: 7px;
	top: 532px;
	width: 718px;

	/* for iPad */
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}




#footer {
	position: absolute;
	left: 0px;
	top: 655px;
}


.body11{
	font-family: garamond, georgia, "times new roman", serif;
	font-size: 14px; 
	line-height: 17px;
	color: #ababab;
	letter-spacing: 0;
}

.body11b{
	font-family: garamond, georgia, "times new roman", serif;
	font-size: 11px; 
	line-height: 14px;
	color: #ababab;
	letter-spacing: 0;
}

.body14{
	font-family: garamond, georgia, "times new roman", serif;
	font-size: 16px; 
	line-height: 20px;
	color: #ffffff;
	letter-spacing: .5;
}

.smallSpace{
	font-family: garamond, georgia, "times new roman", serif;
	font-size: 4px; 
	line-height: 4px;
}

.caption {
	font-family: trebuchet, "Helvetica Neue", arial, sans-serif;
	font-size: 12px; 
	line-height: 15px;
	color: #ababab;
	letter-spacing: 0;
}


.email {
	font-family: Garamond, serif;
	font-size: 14px; 
	line-height: 18px;
	color: #ababab;
	letter-spacing: 0;
}

.email a:link {
	color: #ababab;
	text-decoration: underline;
}

.email a:hover {
	color: #C6DAB4;
	text-decoration: underline;
}

.subsubnav {
	list-style-type: none;
	padding-bottom: 50px;
}
.subsubnav li,
.vcard  {
	font-family: Trebuchet, "Helvetica Neue", arial, sans-serif;
	font-size: 11px; 
	line-height: 15px;
	color: #ababab;
}

.subsubnav a:link,
.subsubnav a:visited,
.subsubnav a:active {
	color: #ababab;
	text-decoration: none;
}
.subsubnav a:hover {
	color: #C6DAB4;
	text-decoration: none;
}




.subnav2 {
	font-family: trebuchet, "Helvetica Neue", arial, sans-serif;
	font-size: 12px; 
	line-height: 15px;
	color: #ababab;
	letter-spacing: 0;
}

.subnav2 a:link {
	color: #ababab;
	text-decoration: none;
}
.subnav2 a:active {
	color: #ababab;
	text-decoration: none;

}
.subnav2 a:visited {
	color: #ababab;
	text-decoration: none;
}
.subnav2 a:hover {
	color: #c6dab4;
	text-decoration: none;
}

.formTextField {
height: 16px;
width: 193px;
background-color: d0d0d0;
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 11px; 
line-height: 11px;
margin-bottom: 4px;
color: #101010;
}

.ipad-only {
	display: none;
}