/* jFlow Slider styling */


/* Main Navigation
----------------------------------------------------------*/

#myController {
	float: none;
	width: 970px;
	margin: auto;
}
 #myController span.jFlowControl div {margin: 20px 0 0px 20px; cursor:pointer; }
   #myController span.jFlowControl div.home {
	margin: 0 0 0 0px;
	cursor:pointer;
}
 #myController span.jFlowSelected {  }
  .jFlowControl {float: left; }
   .jFlowControl a { background: url(../img/btn_egc_selector.png) no-repeat; }
  
/*details*/  

.home img { display:block; width:300px; margin: 20px 0 0 0; background-position: 0 0; }
  
.one a { display:block; width:130px; height: 100px; background-position: 0 0; }
 .one a:hover, .jFlowSelected .one a { background-position: 0 -100px; }

.two a { display:block; width:130px; height: 100px; background-position:-130px 0; }
 .two a:hover, .jFlowSelected .two a { background-position: -130px -100px; }
  
.three a { display:block; width:130px; height: 100px; background-position: -260px 0; }
 .three a:hover, .jFlowSelected .three a { background-position: -260px -100px; }

.four a { display:block; width:130px; height: 100px; background-position: -390px 0; }
 .four a:hover, .jFlowSelected .four a { background-position: -390px -100px; }

.five a { display:block; width:43px; height: 100px; background-position: -520px 0; }
 .five a:hover, .jFlowSelected .five a { background-position: -520px -100px; }


/* Slides
----------------------------------------------------------*/

#jFlowSlide{ display:relative; }

#mySlides {
	float:none;
	width: 970px;
	margin: 0 auto;
	overflow:hidden;
}

.jFlowSlideContainer { margin:0; }

.contentWrapper {
	width: 970px;
	margin:auto;
	padding:0;
}



/* Slide Navigation 
----------------------------------------------------------*/

    .jFlowSlideContainer { margin: 0; }
	  .jFlowPrev, .jFlowNext{
	cursor:pointer;
	position:relative;
	width:auto;
	z-index:9999;
}
	   .jFlowNext {
	float: left;
}

/*details*/

#home .jFlowNext a {
	display:block;
	width:200px;
	height: 50px;
	background: url(../img/small_nav.png) no-repeat 0 0;
}
#home .jFlowNext a:hover { display: block; background: url(../img/small_nav.png) no-repeat 0 -50px; }

#nursery .jFlowNext a {
	display:block;
	width:200px;
	height: 50px;
	background: url(../img/small_nav.png) no-repeat -200px 0;
	top: 200px;
}
#nursery .jFlowNext a:hover { display: block; background: url(../img/small_nav.png) no-repeat -200px -50px; }

#landscape .jFlowNext a { display:block; width:130px; height: 50px; background: url(../img/small_nav.png) no-repeat -400px 0; }
#landscape .jFlowNext a:hover { display: block; background: url(../img/small_nav.png) no-repeat -400px -50px; }

#design .jFlowNext a { display:block; width:120px; height: 50px; background: url(../img/small_nav.png) no-repeat -530px 0; }
#design .jFlowNext a:hover { display: block; background: url(../img/small_nav.png) no-repeat -530px -50px; }

#stone .jFlowNext a { display:block; width:100px; height: 50px; background: url(../img/small_nav.png) no-repeat -650px 0; }
#stone .jFlowNext a:hover { display: block; background: url(../img/small_nav.png) no-repeat -650px -50px; }




/* PAGE SPECIFIC
===================================================================================== */

/****************** HOME ****************************/


#home.contentWrapper {
	display:block;
	width:970px;
	margin:auto;
	position: relative;
}


/****************** NURSERY ****************************/

#nursery.contentWrapper {
	display:block;
	margin:auto;
	width:970px;
	position: relative;
}

#contentleft {
	float:left;
	width:300px;
}

#nursery .titleimage {
	display:block;
	height:200px;
	background: url(../img/EGClogo.png) no-repeat;
}

#nursery .menu {
	display:block;
	height:auto;
	padding-right: 10px;
	width: 280px;
}

#nursery .submenu {
	margin-top: 24px;
}

#bignurseryimage {
	width:610px;
	height:400px;
}

#nursery .slogan { display:block; z-index:99; width:700px; height:66px; background: url(../img/slogan.png) 10px 10px 10px 10px no-repeat; }

#nursery .foot { display:block; width:780px; height:69px; margin-top:0px; background: url(../img/NURSERYbase.png) no-repeat #E8E8E8; }


#nurseryRight { float:right; display:block; width:200px; margin:10px 10px 10px 10px; padding:10px 10px 10px 10px; background:#CFFFB3; }
#nurseryRight p { display:block; background:url(../img/WHObear.png) right bottom no-repeat; color:#507124; font-size:18px; line-height:23px; margin:0; padding-bottom:3px; }

#nurseryLeft ul { padding-left:16px; margin-bottom:22px; }
#nurseryLeft ul span { font-size:24px; line-height:16px; }
#nurseryLeft ul li { font-size:14px; color:#E8E8E8; margin-bottom:5px }



/****************** LANDSCAPE ****************************/

#landscape.contentWrapper {
	display:block;
	margin:auto;
	width:970px;
	height:auto;
	background-color: ##2B2B2B;
	position: relative;
}

#landscape.contentWrapper .contentleft {
	float:left;
	width:300px;
	height:auto;
}

#landscape .titleimage {
	display:block;
	height:190px;
	background: url(../img/EGCDClogo.png) no-repeat;
}

#landscape .menu {
	display:block;
	height:auto;
	padding-right: 10px;
	width: 280px;
	margin-top: 20px;
}

#biglandscapeimage {
	width:610px;
	height:400px;
	border: 3px solid #666666;
}

#landscape .slogan { display:block; z-index:99; width:700px; height:66px; background: url(../img/slogan.png) 10px 10px 10px 10px no-repeat; }

#landscape .foot { display:block; width:780px; height:69px; margin-top:0px; background: url(../img/landscapebase.png) no-repeat #E8E8E8; }


#landscapeRight { float:right; display:block; width:200px; margin:10px 10px 10px 10px; padding:10px 10px 10px 10px; background:#CFFFB3; }
#landscapeRight p { display:block; background:url(../img/WHObear.png) right bottom no-repeat; color:#507124; font-size:17px; line-height:23px; margin:0; padding-bottom:3px; }

#landscapeLeft ul { padding-left:16px; margin-bottom:22px; }
#landscapeLeft ul span { font-size:24px; line-height:16px; }
#landscapeLeft ul li { font-size:14px; color:#E8E8E8; margin-bottom:5px }


/****************** DESIGN ****************************/

#design.contentWrapper {
	display:block;
	margin:auto;
	width:950px;
	padding: 10px 10px;
	background-color: ##2B2B2B;
	position: relative;
	float:left;
}

#design.contentWrapper .contentleft {
	float:left;
	width:300px;
}

#design.titleimage {
	display:block;
	height:200px;
	background: url(../img/HLAlogo.png) no-repeat;
}

#design.menu {
	display:block;
	height:auto;
	padding-right: 10px;
}

#design.submenu {
	margin-top: 24px;
}

#design.contentWrapper .contentright {
	float:left;	
}

#bignurseryimage {
	height:380px;
	width: 610px;
	border: 3px solid #666666;
}

#design.slogan { display:block; z-index:99; width:700px; height:66px; background: url(../img/slogan.png) 10px 10px 10px 10px no-repeat; }

#design.foot { display:block; width:780px; height:69px; margin-top:0px; background: url(../img/NURSERYbase.png) no-repeat #E8E8E8; }


#designRight { float:right; display:block; width:200px; margin:10px 10px 10px 10px; padding:10px 10px 10px 10px; background:#CFFFB3; }
#designRight p { display:block; background:url(../img/WHObear.png) right bottom no-repeat; color:#507124; font-size:18px; line-height:23px; margin:0; padding-bottom:3px; }

#designLeft ul { padding-left:16px; margin-bottom:22px; }
#designLeft ul span { font-size:24px; line-height:16px; }
#designLeft ul li { font-size:14px; color:#E8E8E8; margin-bottom:5px }

  
  
/****************** STONE ****************************/

#stone.contentWrapper {
	display:block;
	width:950px;
	height:440px;
	float: left;
}

.jFlowControl .home a { background:none; }  
  
  
/****************** CONTACT *****************/


#contact.contentWrapper {
	display:block;
	width:950px;
	float: left;
}

#portfolio {
	display:block;
	width:100%;
	padding:10px;
}