@charset "utf-8";
/* CSS Document */

@import url(/css/reset.css);
@import url(/css/960grid.css);

body{
	background:url(/images/template/bg.jpg) repeat-x #30aaa7;
	font-family:Arial, Helvetica, sans-serif;
}
a{
	color: #30aaa7;
}

/*-----------------------------------------------------------------------------
/ Page
-----------------------------------------------------------------------------*/
#page{
	background-color: #fff;
}

/*-----------------------------------------------------------------------------
/ header
-----------------------------------------------------------------------------*/
#header{
	height: 85px;
	background:url(/images/template/header-bg.png) no-repeat 600px 0px #30aaa7;
}
	#logo{
		
	}
		#logo a{
			display: block;
			background:url(/images/template/logo.png) no-repeat;
			width: 225px;
			height: 91px;
		}
	#nav{
		padding-top: 50px;
		position:relative;
		z-index:100;
	}
		#nav ul{		
			border:1px solid #e1703a;
			background-color:#f7986b;
			height: 25px;
			list-style:none;
			position:relative;
		}
			#nav ul li{
				float: left;
				height: 25px;
				position:relative;
			}
				#nav ul li ul{
					border-top: none;
				}
					#nav ul li ul li.indent{
						height: 18px;
					}	
					#nav ul li ul li.indent a{
						height: 18px;
						line-height: 18px;
						padding:0 11px 0 21px;
					}					
				#nav ul li a{
					display:inline-block;
					height: 25px;
					color: #fff;
					line-height:25px;
					font-size: 12px;
					font-weight:bold;
					padding:0px 11px;
				}
				#nav ul li a:hover{ 
					background:#e1703a; 
				}
				
				#nav ul li:hover .innerNavWrapperSpacer {
					visibility:visible; /* Fail-safe incase javascript is turned off*/
				}

				#nav ul li .innerNavWrapperSpacer{
					border-top:1px solid #e1703a;
					padding:4px 0 0 0;
					position:absolute;
					top: 25px;
					left: 0px;
					visibility:hidden;
				}
					#nav ul li:hover .innerNavWrapperSpacer{
						/*display: block; in seperate style sheet for users without javascript*/
					}
					#nav ul li ul{
						border:none;
						height: auto;
						-webkit-border-radius: 0px 0px 5px 5px;
						-moz-border-radius: 0px 0px 5px 5px;
					}
						#nav ul li ul li{
							float: none;
							background:#f7986b; /*keep this bg-color set -> stupid ie issue*/
							width:150px;
						}
							#nav ul li ul li a{
								display: block;
							}
						
				.innerNavWrapperSpacer{
					padding-top: 5px;	
				}
					.innerNavBorderWrapper{
						padding: 1px 1px 1px 1px; 
						background: rgb(255, 255, 255);
						background: rgba(255, 255, 255, 0.7);
						border-width: 1px 1px 1px 1px;
						border-style: solid;
						border-color: rgb(0, 0, 0);
						border-color: rgba(0, 0, 0, 0.3);
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
					}
						.innerNavWrapper{
							padding: 5px 5px 5px 5px; 
							background: rgb(48, 170, 167);
							background: rgba(48, 170, 167, 0.3);
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
						}
							.innerNavInsideBorder{
								background: rgb(247, 152, 107);
								background: rgba(247, 152, 107, .9);
								-webkit-border-radius: 5px;
								-moz-border-radius: 5px;
							}

/*-----------------------------------------------------------------------------
/ contentPane
-----------------------------------------------------------------------------*/
#contentPane{
	padding:20px 10px;
}

	#contentPane p{
		margin:5px 0;
	}

	#contentPane ol li{
		margin:0 0 0 20px;
	}


/*-----------------------------------------------------------------------------
/ subnav
-----------------------------------------------------------------------------*/
#subnav{
}
	#subnav p.header{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 26px;
		color: #129588;
		line-height:24px;
		padding: 10px 0 0 0;
	}
	#subnav a.button {
		background:#F8B0B3; 
		border:1px solid #B46D70;
		float:left;
		margin:0 0 10px 0;
		padding:7px; 
	}
	#subnav a.button:hover {
		background:#e39396;
		border:1px solid #F8B0B3;
	}	
	#subnav ul{
		list-style: none;
		margin-left: 10px;
		padding-top: 10px;
		font-size: 12px;
	}
		#subnav ul li{
			margin-bottom: 7px;
		}
			#subnav ul li a{
				color: #4e4132;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-weight:bold;
			}
			#subnav ul li a:hover{
				text-decoration:underline;
			}
	#landscapingNav{
		background:url(/images/home/landscaping-nav-bg.png) no-repeat bottom right #f4e38f;
		border:1px solid #b7a12d;
		margin-bottom: 10px;
	}
	#gardenCenterNav{
		background:url(/images/home/garden-center-nav-bg.png) no-repeat top right #f4e38f;
		border:1px solid #b7a12d;
		margin-bottom: 10px;
	}
	#currentCommercials{
		background:url(/images/home/landscaping-nav-bg.png) no-repeat top left #f4e38f;
		border:1px solid #b7a12d;
		margin-bottom: 10px;
	}
	#emailSignUpBox{
		background:url(/images/home/landscaping-nav-bg.png) no-repeat top left #f4e38f;
		background-position: 100px 10px;
		border:1px solid #b7a12d;
	}
	#landscapingNav .image, #gardenCenterNav .image, #currentCommercials .image, #emailSignUpBox .image{
		border:1px solid #b7a12d;
		float:left;
		margin:8px;
	}
	

/*-----------------------------------------------------------------------------
/ footer
-----------------------------------------------------------------------------*/
#footer{
	height: 50px;
	padding: 30px 10px 0px 0px;
	background:url(/images/template/footer-bg.png) no-repeat 0px 10px;
}
	#footer p{
		text-align: right;
		font-size: 9px;
	}
		#footer p.address{
			font-size: 16px;
			font-weight:bold;
			color: #64573e;
		}
		
/**********************************************************
/ right nav - 3 column 
**********************************************************/		
#right-nav {
	float:right;
	margin:20px 0 0 0;
}
	#right-nav p {
		margin:5px 0;
	}
	#right-nav div a {
		color:#4E4132;
	}
	#right-nav div.block {
		margin:10px 0;
		padding:10px 0;
	}
	#right-nav .center img{
		margin:0 auto 5px auto;
	}
	#right-nav a img.no_border, #right-nav img.no_border {
		border:none;
	}
	
/**********************************************************
/ content nav
**********************************************************/	
.content-nav {
	
}
	.content-nav li {
		font-weight:bold;
		float:left;
		width:145px;
	}
		.content-nav li img {
			display:block;
		}	
	
/**********************************************************
/ portfolioFooter nav
**********************************************************/	
p#portfolioFooter {
	margin-top: 30px;
}