/* 
=================================================================== 
Page Layout 
=================================================================== 
*/
.wrapper {
	width: 884px;
	margin: auto;
}
#Logo {
	background-image: url(../images/Logo/Lawn_Girl_Landscaping.png);
	background-repeat: no-repeat;
	position: absolute;
	top: -14px;
	z-index: 3;
	left: 30px;
	width: 120px;
	height: 128px;
}
/* LogoHomeLink is the control that applies a transparent .gif on the header image logo that is hyperliked to the home page*/
#LogoHomeLink {
	position: absolute;
	z-index: 4;
	top: 4px;
	left: 10px;
	width: 103px;
	height: 111px;
	border: 0px;
}
#PrimaryNav {
	background-image: url(../images/PrimNavShape.png);
	background-repeat: no-repeat;
	position: absolute;	
	width: 884px;
	height: 45px;
	top: 19px;
	z-index: 2;
}
/*
=================================================================== 
Middle Nav
=================================================================== 
*/
#MiddleNavContainer {
	position: relative;
	left: -298px;
}
#leftMiddleNav {
	background-image: url(../images/MiddleNav/MiddleGreenButton.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	left: 300px;
	width: 295px;
	height: 78px;
	border: 1px solid #FFF;
}
/* leftMiddleLink is the control that applies a transparent .gif on the middle nav image that is hyperliked to the Green page*/
#leftMiddleLink {
	position: absolute;
	z-index: 3;
	top: 7px;
	left: 7px;
	width: 283px;
	height: 65px;
	border: 0px;
}
#middleNav {
	background-image: url(../images/MiddleNav/MiddleTipsButton.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	left: 595px;
	width: 295px;
	height: 78px;
	border: 1px solid #FFF;
}
/* MiddleLink is the control that applies a transparent .gif on the middle nav image that is hyperliked to the Tips page*/
#MiddleLink {
	position: absolute;
	z-index: 3;
	top: 7px;
	left: 8px;
	width: 274px;
	height: 65px;
	border: 0px;
}
#rightMiddleNav {
	background-image: url(../images/MiddleNav/MiddleTestimonialButton.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	left: 886px;
	width: 295px;
	height: 78px;
	border: 1px solid #FFF;
}
/* rightMiddleLink is the control that applies a transparent .gif on the middle nav image that is hyperliked to the Lic and Ins page*/
#rightMiddleLink {
	position: absolute;
	z-index: 3;
	left: 8px;
	top: 7px;
	width: 283px;
	height: 65px;
	border: 0px;
}
/*
=================================================================== 
Copy
=================================================================== 
*/
#copy {
	width: 550px;
	z-index: 1;
	top: 70px;
	left: 30px;
	letter-spacing: 1px;
	padding-top: 65px;
	padding-bottom: 1px;
	padding-left: 27px;
}
#copyWide {
	width: 827px;
	z-index: 1;
	top: 70px;
	left: 30px;
	letter-spacing: 1px;
	padding-top: 65px;
	padding-left: 25px;
}
#bgCopyEmbossing {
	background-image: url(../images/Embossing.png);
	background-repeat: repeat-y;
	position: absolute;
	width: 884px;
	top: 385px;
	z-index: -1;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
.FloatFlowerLeft {
	float: left;
	margin: 3px 15px 2px 5px;
	border: 1px solid #666;	
	padding: 2px;
	width: auto;
}
.FloatStylesImagesRight {
	float: right;
	margin: 3px 15px 2px 5px;
	border: 1px solid #666;	
	padding: 2px;
	width: auto;
}
/*
=================================================================== 
Side Nav
=================================================================== 
*/
#Address {
	position: relative;
	z-index: 1;
	left: 640px;
	top: -593px;
	width: 175px;
}
/*This container is for the testimonials */
#SideNavContainer {
	width: 325px;
	position: absolute;
	top: 170px;
	left: 520px;
}
#SideNavTestimonials {
	background-image: url(../images/SideNav/SideNavTestimonials.png);	
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	width: 331px;
	height: 78px;
	border: 0px;
	top: -82px;
}
/* SideNavTestimonialsLink is the control that applies a transparent .gif on the middle nav image that is hyperliked to the Testimonials page*/
#SideNavTestimonialsLink {
	position: absolute;
	z-index: 3;
	width: 223px;
	height: 64px;
	border: 0px;
	top: 7px;
	left: 100px;
}
#SideNavFlower {
	background-image: url(../images/SideNav/SideNavFlower.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	width: 290px;
	height: 78px;
	border: 0px;
	top: -82px;	
	left: 65px;
}
/* SideNavTestimonialsLink is the control that applies a transparent .gif on the middle nav image that is hyperliked to the Flower page*/
#SideNavFlowerLink {
	position: absolute;
	z-index: 3;
	width: 280px;
	height: 64px;
	border: 0px;
	top: 7px;
	left: 5px;
}

/* Social Side Nav*/
#SideNavContainerSocial {
	position: relative;
	z-index: 3;
	left: 565px;
	width: 285px;
	height: 65px;
	border: 0px;
	top: 10px;
}

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

#ContactForm {
	position: relative;
	top: 5px;
	z-index: 3;
}

#ThankYou {
	position: relative;
	top: 25px;
	z-index: 3;
	padding-bottom: 25px;
}

/*
=================================================================== 
Utility Nav
=================================================================== 
*/
#bgUtilityImg {
	background-image: url(../images/UtilityNavShape.png);
	background-repeat: no-repeat;
	width: 884px;
	height: 26px;
	z-index: -1;
	top: 10px;
	left: 300px;
}
/*
=================================================================== 
SubUtility
=================================================================== 
*/
#SubUtility {
	width: 884px;
	position: relative;
	top: -25px;
	text-align: center;
}
/*
=================================================================== 
Header Images
=================================================================== 
*/
#IndexHeader {
	background-image: url(../images/Header/index.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 884px;
	height: 375px;
	z-index: 1;
	border: 2px solid #666;
}
#CompanyHeader {
	background-image: url(../images/Header/company.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 884px;
	height: 375px;
	z-index: 1;
	border: 2px solid #666;
}
#ServicesHeader {
	background-image: url(../images/Header/services.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 884px;
	height: 375px;
	z-index: 1;
	border: 2px solid #666;
}
#RenovationsHeader {
	background-image: url(../images/Header/renovations.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 884px;
	height: 375px;
	z-index: 1;
	border: 2px solid #666;
}
#LandscapeStylesHeader {
	background-image: url(../images/Header/landscapeStyles.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 884px;
	height: 375px;
	z-index: 1;
	border: 2px solid #666;
}
#ContactHeader {
	background-image: url(../images/Header/contact.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 884px;
	height: 375px;
	z-index: 1;
	border: 2px solid #666;
}
#GreenProductssHeader {
	background-image: url(../images/Header/greenProducts.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 884px;
	height: 375px;
	z-index: 1;
	border: 2px solid #666;
}
#TipsFromProsHeader {
	background-image: url(../images/Header/tips.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 884px;
	height: 375px;
	z-index: 1;
	border: 2px solid #666;
}
#LicensedInsuredHeader {
	background-image: url(../images/Header/licensed.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 884px;
	height: 375px;
	z-index: 1;
	border: 2px solid #666;
}
#TestimonialsHeader {
	background-image: url(../images/Header/testimonilas.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 884px;
	height: 375px;
	z-index: 1;
	border: 2px solid #666;
}
#FlowerOfMonthHeader {
	background-image: url(../images/Header/flowerOfMonth.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 884px;
	height: 375px;
	z-index: 1;
	border: 2px solid #666;
}
#PrivacyHeader {
	background-image: url(../images/Header/privacy.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 884px;
	height: 375px;
	z-index: 1;
	border: 2px solid #666;
}
#SitemapHeader {
	background-image: url(../images/Header/sitemap.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 884px;
	height: 375px;
	z-index: 1;
	border: 2px solid #666;
}