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

body
{
	margin:0px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#000;
	background:#1A1818;
}

.mainWrapper
{
	background:#fff;
}

a
{
	outline:none;
}

a img
{
	border:none;
}

.headerOtr
{
	background:#221f1f url(../images/header-bg.png) repeat-x bottom;
}

.headerWrapper
{
	max-width:1000px;
	margin:auto;
	padding:20px 0;
	text-align:center;
}

.menuContainer
{
	max-width:1000px;
	margin:auto;
	position:relative;
	 
}

.nav
{
	font-family: 'Cinzel', serif;
	max-width:660px;
	margin:auto;
	
}

.nav li
{
	margin:16px 7px;
}


.nav li.facebookIcon img  { position:relative; top:-3px; }

.serviceli li
{
	margin:0px;
	
}


.nav a
{
	padding:4px 27px;
	color:#000000;
	font-size:16px;
	text-transform:uppercase;
}

.Homeli.current-menu-item, .Homeli:hover
{
	background:url(../images/home-active-bg.png) center no-repeat;
	
}

.serviceli.current-menu-item, .serviceli:hover, .serviceli.current-menu-ancestor
{
	background:url(../images/service-active-bg.png) center no-repeat
}

.aboutli.current-menu-item, .aboutli:hover
{
	background: url(../images/about-active-bg.jpg) center no-repeat;
}

.contactli.current-menu-item, .contactli:hover
{
	background: url(../images/contact-active-bg.jpg) center no-repeat;
}


.Homeli.current-menu-item a, .Homeli:hover a, .serviceli.current-menu-item a, .serviceli:hover a, .aboutli.current-menu-item a, .aboutli:hover a, .contactli.current-menu-item a, .contactli:hover a, .serviceli.current-menu-ancestor a
{
	color:#fff;
}

.serviceli li a
{
	color:#fff;
}
.serviceli ul
{
	background:url(../images/service-dropdown-bg.png) no-repeat;
	padding:17px 12px;
	z-index:9998;
}

.serviceli ul li
{
	border-bottom:1px solid #484646;
}

.serviceli ul li.last
{
	border:none;
}

.serviceli ul li a
{
	padding-left:5px;
}

.homeContentWrapper
{
	max-width:890px;
	margin:auto;
	padding:0 55px;
	margin-bottom:77px;
	display:block;
	overflow:hidden;
}

.innerContentWrapper
{
	max-width:890px;
	margin:auto;
	padding:0 55px;
	margin-bottom:77px;
	display:block;
	overflow:hidden;
}

.aboutIntro
{
	font-family: 'Cinzel', serif;
	font-size:19px;
    text-transform:uppercase;
	color:#7a2a5b;
	margin:auto;
	margin-top:40px;
	margin-bottom:25px;
}

.homeIntro
{
	line-height:26px;
	padding:40px 20px;
	border-bottom:1px solid #cccccc;
	margin-bottom:47px;
}

.HomeBottomBoxes li
{
	 float: left;
    line-height: 26px;
    padding: 0 13px;
    width: 270px;
	list-style:none;
}


.HomeBottomBoxes li h3
{
	text-transform:uppercase;
	margin:0px;
	padding:3px 11px;color:#fff;
	font-family: 'Cinzel', serif;
	font-weight:normal;
}

.HomeBottomBoxes li h3 a
{
	color:#fff;
}


.HomeBottomBoxes li p
{
	padding:0 11px;
	font-size:12px;
	margin:0px;
	min-height:135px;
	
}

.designBox h3
{
	background:url(../images/design-header-bg.png) no-repeat;

}

.gardensBox h3
{
	background:url(../images/gardens-header-bg.png) no-repeat;
	
}

.consultBox h3
{
	background:url(../images/consult-header-bg.png) no-repeat;
}

.readmoreLink
{
	margin-left:11px;
	text-decoration:underline;
	font-style:italic;
	color:#000;
}

.readmoreLink:hover
{
	text-decoration:none;
}

.footerOtr
{
background:#1a1818 url(../images/footer-bg.png) repeat-x top;
}






.footerWrapper
{
	max-width:1000px;
	margin:auto;
	padding:54px 0 28px 0;
	text-align:center;
	color:#fff;
	font-size:11px;
	 font-style:italic;
}

/*img.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  
filter: gray; 
-webkit-filter: grayscale(100%);  
}

img.grayscale:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}
*/

.contentAreaOtr
{
	display:block;
	overflow:hidden;
	line-height:18px;
}

.contentLeft
{
	font-size:13px;
	line-height:18px;
	width:589px;
	float:left;
	margin-right:42px;
}

.contentLeft p, .contentLeft ul
{
	padding:10px 0;
	margin:0px;
}
.contentLeft ul
{
	margin-left:14px;
}

 .contentLeft ul li
 {
	 list-style:disc;

 }

.contentRight
{
	float:left;
	width:239px;
}

.contentRight h2, .pagetitle
{
	font-family:'Cinzel',serif;
}


.pagetitle
{
	margin-bottom:0px;
	font-size:35px;
}

.quotename
{
	text-align:right;
	display:block;font-size:13px;
}

.contentul
{
	margin-left:35px !important;
}

.contentul li
{
	line-height:24px;
}

.aligncenter
{
text-align:center;


}

.spaceli li
{
	padding-bottom:10px;
}

.quote
{
	width:218px;
}

.quote p
{
	background:url(../images/quotes.jpg) no-repeat top right;
	padding-top:40px;
	font-family: 'Cinzel', serif;
	font-size:15px;
	line-height:24px;
}

#galCont
{
	height:400px; 
	display:block;
	overflow:hidden;
	margin:auto;
	position:relative;
}

.imagesGallery
{
	 text-align:center;
	margin:auto;
	margin-left:-50px;
}

.imagesGallery a
{
	margin:1px;
	display:inline-block; 
	 
}

.largeImage
{
	 display:none; 
    height: 400px;
    left: 33%;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 612px;
}

.largeImage img
{
	max-width:100%;
	width:100%;
	opacity:0; 
	position:relative;
}

.largeImage .closeContainer
{
	position:absolute;
	right: 16px;
    top: 0px;
	color:#fff;
	 z-index:10;
	 display:none;
	 background:url(../images/close.jpg) no-repeat;
	 width:33px;
	 height:34px;
	 text-indent:9999px;
}

.lightContainer
{
	position:absolute;
	right: 57px;
    top: 0px;
	color:#fff;
	 z-index:10;
	 display:none;
	 background:url(../images/fullview.jpg) no-repeat;
	 width:33px;
	 height:34px;
	 text-indent:9999px;
}

.imagesGallery a
{
	width:200px;
	height:200px;
	
}

/*img.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  
filter: gray;  
-webkit-filter: grayscale(100%);  
}

img.grayscale:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}*/

.galleryitems
{
	position:absolute;
	z-index:3;
}


/*Singlwe Gall Style*/

#sgalCont
{
	height:200px; 
	display:block;
	overflow:hidden;
	margin:auto;
	position:relative;
}

.simagesGallery
{
	 text-align:center;
	margin:auto;
	margin-left:-50px;
}

.simagesGallery a
{
	margin:1px;
	display:inline-block; 
	 
}

.slargeImage
{
	 display:none; 
    height: 200px;
    left: 33%;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 612px;
}

.slargeImage img
{
	max-width:100%;
	width:100%;
	opacity:0; 
	position:relative;
	top:50%;
	margin-top:-65px;
}

.slargeImage .scloseContainer
{
	position:absolute;
	right: 16px;
    top: 0px;
	color:#fff;
	 z-index:10;
	 display:none;
	 background:url(../images/close.jpg) no-repeat;
	 width:33px;
	 height:34px;
	 text-indent:9999px;
}

.slightContainer
{
	position:absolute;
	right: 57px;
    top: 0px;
	color:#fff;
	 z-index:10;
	 display:none;
	 background:url(../images/fullview.jpg) no-repeat;
	 width:33px;
	 height:34px;
	 text-indent:9999px;
}

.simagesGallery a 
{
	width:200px;
	height:200px;
	
}

.sgalleryitems
{
	position:absolute;
	z-index:3;
}

.footerWrapper a
{
	color:#fff;
	text-decoration:underline;
}

.footerWrapper a:hover
{
	text-decoration:none;
}


.sidebarNav 
{
	margin:10px 0 0 20px;
	padding:0px;
}


.sidebarNav li
{
	list-style:square;
	font-family: 'Cinzel', serif;
	font-size:15px;
	text-transform:uppercase;
	line-height:25px;
}

.sidebarNav li a
{
	color:#B84C23;
}


.textbox
{
	border:1px solid #CCC;
	padding:2px;
	width:98%;
	height:30px;
}


.imagesGallery img, .simagesGallery img
{
	max-width:100%; height:auto;
}

.submitButton
{
	background:#94587c;
	padding:5px;
	font-family: 'Cinzel', serif;
	font-size:16px;
	text-transform:uppercase;
    color:#fff;
	border:none;
	cursor:pointer;
	width:100%;
	display:block;
}


.submitButton:hover
{
	background:#ae7195;
}



.leftShade
{
	height:200px;
	background:#000;
	width:45%;
	position:absolute;
	top:0px;
	left:0px;
	opacity:.5;
}


.rightShade
{
	height:200px;
	background:#000;
	width:35%;
	position:absolute;
	top:0px;
	right:0px;
	opacity:.5;
}

.contactAddress
{
	text-align:center;
	margin-bottom:60px;
	font-size: 15px;
    line-height: 24px;
}

.textarea
{
	width:98%;
	border:1px solid #CCCCCC;
	height:100px;
}

.formotr
{
	max-width:400px;
	margin:auto;
	padding-bottom:100px;
}

.hideonscreen, .headerfb {display:none; }

#dl-menu { display:none; }

.error { text-align:center;  font-family: "Cinzel",serif; font-size:14px; color:#ad7395; }
.error a { color:#ad7395;  }
.error a:hover { text-decoration:underline; }
.error  h1 { line-height:65px; font-weight:normal; }

.home .homeIntro { font-family: "Cinzel",serif; font-size:18px; }


@media screen and (max-width: 1000px) {


.homeContentWrapper
{
	padding-left:10px;
	padding-right:10px;
}

.HomeBottomBoxes li
{
	width:28%;
}

.HomeBottomBoxes li p
{
	min-height:130px;
}

.imagesGallery a {
    height: 125px;
    width: 125px;
	
	
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#galCont
{
	height:256px;
}

.simagesGallery a {
    height: 125px;
    width: 125px;
	
	
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#sgalCont
{
	height:256px;
}

.largeImage
{
	width:386px;
	margin-left:-193px !important;
	
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

.slargeImage
{
	width:386px;
	margin-left:-193px !important;
	
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

.headerWrapper
{
	padding-left:40px;
	padding-right:40px;
}

.headerWrapper a
{
	display:block;
	max-width:475px;
	
	margin:auto;
	
}

.headerWrapper a img
{
	max-width:100%;
}

.footerWrapper a
{
	 
	max-width:245px;
	margin:auto;
}

.footerWrapper a img
{
	max-width:100%;
}

#sgalCont
{
	height:130px;
}

.slargeImage
{
	height:126px;
}

.innerContentWrapper
{
	padding-left:20px;
	padding-right:20px;
}

.contentLeft
{
	width:70%;
}

.contentRight
{
	width:24%;
}


}

@media screen and (max-width:768px)
{
	.error h1 { font-size:26 !important; }
	
	.facebookIcon { display:none !important; }
	
	#dl-menu { display:block; z-index:9999; }
	.menu-top-navigation-container { display:none; }
	
	.hideonscreen, .headerfb { display:block; }

.nav li.facebookIcon {   display:none;}
.nav li.facebookIcon a { text-align:right; }

.nav li.facebookIcon a img {
filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	
}

.headerfb { display: block;
    position: fixed;
    right: 8px;
    top: 6px;
    z-index: 10000; }



.hideonscreen, .headerfb { display:block; }

.nav li.facebookIcon {   display:none;}
.nav li.facebookIcon a { text-align:right; }

.nav li.facebookIcon a img {
filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	
}

.headerfb { display: block;
    position: fixed;
    right: 8px;
    top: 8px;
    z-index: 10000; }


.footerWrapper a img
{
	width:148px !important;
	height:30px;
}


.HomeBottomBoxes li
{
	float:none;
	width:auto;
	text-align:center;
	margin-bottom:20px;
}

.HomeBottomBoxes li p
{
	min-height:60px;
}


.HomeBottomBoxes li h3
{
	background-position:center;
}

.homeContentWrapper
{
	margin-bottom:20px;
}

.imagesGallery a {
    height: 75px;
    width: 75px;
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#galCont
{
	height:150px;
}


.largeImage
{
	width:316px;
	margin-left:-158px !important;
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

.simagesGallery a {
    height: 75px;
    width: 75px;
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#sgalCont
{
	height:150px;
}


.slargeImage
{
	width:316px;
	margin-left:-158px !important;
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#sgalCont
{
	height:78px;
}

.contactmap
{
	display:none !important;
}
	
}

@media screen and (max-width: 568px) {

.contactmap
{
	display:none;
}

.textbox
{
width:95%;
}

.textarea
{
	width:95%;
}


}


@media screen and (max-width: 320px) {
	
.HomeGallery
{
	display:none;
}
	
	
}


.formotr
{
	 background:#FBFBFB;
	border-bottom:1px dashed #ccc;
	border-top:1px dashed #ccc;
 
	padding:30px;
	margin-bottom:20px;
}

.contactAddress a
{
	color:#898A3F;
}

.contactAddress a:hover
{
	text-decoration:underline;
}

.contentRight h2
{
	font-size:15px;
}

.mainlarge
{
	z-index:9999;
}

.contactmap
{
	background:url(../images/hbh-contact-location-map.jpg) repeat-x center top;
	min-height:200px;
	width:100%;
	height:370px !important;
}


.rolloveritem {
    position:relative;
    overflow:hidden;
    
}

.overlayitem{
      position:absolute;
    top:0px;
    left:0px;
    display:block;
    width:100%; /* as image */
    height:99%; /* as image */
    line-height:170px; /* as image */
    text-align:center;
    text-decoration:none;
    color:black;
    font-weight:bold;
    background:rgba(155,154,80,0.6);
    opacity:0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   font-family: 'Raleway', sans-serif;
   font-size:21px;
   font-weight:300;
   color:#efebd7;
}

.rolloveritem:hover .overlayitem {
     opacity:1;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.imagesGallery ul, .simagesGallery ul
{
	margin:0px;
	padding:0px;
}

.imagesGallery ul li, .simagesGallery ul li
{
	display:inline-block !important;
}

#wpsimplegallery li img { margin:0px !important; }
.mfp-title { display:none !important; }
.mfp-content { z-index:9999 !important; }