body, html {margin: 0; padding: 0; background-color: #dbcfad;  background-image: url(images/bg.jpg); background-position: top center;}
div {font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; color: #432802; }
h1 {font-family:Arial,Helvetica,sans-serif; font-size: 24px; text-transform: uppercase; color: #623a0f; margin: 0 0 15px 0; padding: 0px; font-weight:normal;}
h2 {font-family:Arial,Helvetica,sans-serif; font-size: 30px; color: #623a0f; margin: 0 0 15px 0; padding: 0px; font-weight:normal;}
h3 {font-family:Arial,Helvetica,sans-serif; font-size: 20px; color: #623a0f; margin: 0 0 15px 0; padding-top: 25px; font-weight:normal;}
h4 {font-family:Arial,Helvetica,sans-serif; font-size: 18px; color: #623a0f; margin: 0 0 15px 0; padding: 0px; font-weight:bold;}


h2.green {font-family:Arial,Helvetica,sans-serif; font-size: 20px; text-transform: uppercase; color: #4b6d01; margin: 0 0 15px 0; padding: 0px; font-weight:normal;}


b, strong {font-weight: bold;}
hr {border-top: 1px dashed #cccccc; height: 1px;}
td {vertical-align: top;}
img {border: none;}
p {margin: 0 0 15px 0; padding: 0px;}

.title {font-size: 22px; text-transform: uppercase; color: #623a0f;}
.big {font-size: 20px; }
.clear {margin: auto; padding: 0; clear: both; text-align: center;}
.green {color: #4b6d01; font-size: 20px; text-transform: uppercase;}
.italic-light {font-style: italic; color: #666666}
.left-img {margin: 5px 10px 5px 0; padding: 0; float: left; border: 2px #360 solid;}
.green-lower {color: #4b6d01; font-size: 22px;}
.title-lower {font-size: 20px; color: #623a0f;}
.title-lower-staff {font-size: 20px; color: #623a0f;margin: 0 0 50px 0;}
.breadcrumbs {margin: 0 0 20px 0;}
.clear-dotted {margin: auto; padding: 10px 0 10px 0; clear: both; border-top: 1px #c2ac77 dotted;}

a:link {color: #588102; text-decoration: underline;}
a:visited {color: #588102; text-decoration: underline;}
a:hover {color: #64410f; text-decoration: none;}
a:active {color: #64410f; text-decoration: none;}

.green-button-wrapper {margin: 0; padding: 0; float: left;}
/* .green-button-wrapper-home {margin: 0; padding: 0;} */
.green-button {margin: auto; padding: 8px 0 0 0; width: 132px; height: 49px; background-image: url(images/green-button.png); background-repeat: no-repeat ;float: left; font-size: 12px; font-weight: bold;  text-align: center; color: #ffffff; text-transform: uppercase; }
.green-button a {color: #ffffff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none;}
.green-button a:hover {color: #385201;}

.green-button-space {margin: auto; padding: 8px 0 0 0; width: 132px; height: 49px; float: left;}

.little-leaf {margin: 0; padding: 5px 5px 0 0; float: left;}
.little-leaf-right {margin: 0; padding: 5px 0 0 5px; float: right;}

#wrapper {margin: auto; padding: 0; }
#flora {margin: auto; padding: 0; background-image: url(images/flora.jpg); background-position: top center; background-repeat: no-repeat; }
#flora-sub {margin: auto; padding: 0; background-image: url(images/flora-sub.jpg); background-position: top center; background-repeat: no-repeat; }
#logo {margin: -21px 0 0 0; padding: 0; width: 286px; height: 192px; position: absolute; z-index: 50; text-align: center;}

#map {float: right;}

.container {margin: auto; padding: 0; width: 810px;  height: auto;}
.container-sub {margin: auto; padding: 0; width: 810px;  height: auto;}

.container-outer {margin: auto; padding: 0 0 15px 0; width: 892px; background-image: url(images/content-bg.png); background-position: top center; background-repeat: repeat-y; }
.flash {margin: auto; padding: 0; width: 892px; height: 460px; }
.flash-sub {margin: auto; padding: 0; width: 892px; }

.thumb-wrapper {margin: auto; padding: 0; width: 841px; height: 200px; background-image: url(images/thumb-bg.jpg); background-position: top center; background-repeat: no-repeat;}
.thumb-col {margin: auto; padding: 0 0 0 5px; width: 275px; height: 200px; float: left; text-align: center;}

.colwrapper {margin: auto; padding: 0; width: 810px; height: auto;}
.left-col-home {margin: auto; padding: 20px 0 0 0; float: left; width: 420px;}
.right-col-home {margin: auto; padding: 20px 0 0 0; float: right; width: 375px;}

.col-products-wrapper {margin: auto; padding: 20px 0 0 0; float: left; width: 400px;}
.left-col-products {margin: auto; padding: 8px 0 8px 0; float: left; width: 350px; border-bottom: 1px #c2ac77 dotted;}
.right-col-products {margin: auto; padding: 8px 0 8px 0; float: left; width: 350px; border-bottom: 1px #c2ac77 dotted;}

.col-about-wrapper {margin: auto; padding:  0 0 30px 30px; float: left; }
.left-col-about {margin: auto; padding: 8px 0 8px 0; border-bottom: 1px #c2ac77 dotted;}
.right-col-about {margin: auto; padding: 8px 0 8px 0; float: left; width: 350px; border-bottom: 1px #c2ac77 dotted;}

.left-col-contact {margin: auto; padding: 8px 0 8px 0; float: left; width: 395px; border-bottom: 1px #c2ac77 dotted;}
.right-col-contact {margin: auto; padding: 8px 0 8px 0; float: right; width:395px; border-bottom: 1px #c2ac77 dotted;}

.special-left {margin: auto; padding: 0 5px 0 0; float: left;}
.special-right {margin: auto; padding: 0 0 0 5px; float: right;}

.alpha {margin: auto; padding: 8px; font-size: 20px; text-align: center; float: left; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px #847040 dotted; height: 25px;}
.service-letter {margin: 20px 0 20px 0; padding: 10px; font-size: 20px; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; border: 1px #847040 dotted;  }
.service-desc {margin: 0 0 0 35px; padding: 6px 0 6px 0; border-bottom: 1px #c2ac77 dotted;}
.top {margin: auto; padding: 0; width: 120px; float: right; text-transform: none; font-size: 11px;}

.frame {margin: auto; padding: 0; width: 630px; height: 700px; border: none;}

.new-col1 {margin: auto; padding: 0; width: 375px; float: left; clear: both;}
.new-col1 p {margin: auto; padding: 20px 0 0 0;}

.new-col2 {margin: auto; padding: 0; width: 375px; float: left; clear: both;}
.new-col2 p {margin: auto; padding: 20px 0 0 0;}

.new-col3 {margin: auto; padding: 0; width: 375px; float: left; clear: both;}
.new-col3 p {margin: auto; padding: 20px 0 0 0;}

.langswitch {margin: 10px 0 0 770px; padding: 0; width: 49px; height: 20px; position: absolute; color: #FFFFFF; }
.langswitch a {margin: auto; padding: 3px; display: block; text-decoration: none; width: auto; color: #eae4d7;}
.langswitch a:hover {color: #9bca35}

.social-top-twitter {margin: 40px 0 0 700px; padding: 0; width: 49px; height: 36px; position: absolute; }
.social-top-fb {margin: 40px 0 0 750px; padding: 0; width: 53px; height: 36px; position: absolute;}
.social-top-blog {margin: 40px 0 0 800px; padding: 0; width: 43px; height: 36px; position: absolute; }

.social-top-twitter:hover {box-shadow: inset 0 0 0 5px #b2d341;}
.social-top-fb:hover {box-shadow: inset 0 0 0 5px #b2d341;}
.social-top-blog:hover {box-shadow: inset 0 0 0 5px #b2d341;}

.staff-wrapper {margin: auto; padding: 20px 0 20px 0; border-top: 1px #c2ac77 dotted; height: 200px; clear: both;}
.staff-wrapper0 {margin: auto; padding: 20px 0 20px 0; height: 200px; clear: both;}
.staff-left {margin: auto; padding: 0; width: 310px; float: left;}
.staff-left img {margin: auto; padding: 0; border: 2px #360 solid;}
.staff-right {margin: auto; padding: 25px 0 0 0; width: 490px; float: right;}

.fifty-wrapper {margin: auto; padding: 15px 0 15px 0; border-bottom: 1px #c2ac77 dotted; height: 40px; clear: both;}
.fifty-wrapper-long {margin: auto; padding: 15px 0 15px 0; border-bottom: 1px #c2ac77 dotted; clear: both; height: 60px;}
.fifty-wrapper-very-long {margin: auto; padding: 15px 0 15px 0; border-bottom: 1px #c2ac77 dotted; clear: both; height: 250px;}
.fifty-date {margin: auto; padding: 0; width: 50px; float: left;}
.fifty-date {font-size: 16px; font-weight: bold;}
.fifty-desc {margin: auto; padding: 0; width: 750px; float: right; }

#menu-wrapper {margin: auto; padding: 0; height: 96px; background-image: url(images/menu-bg.png); background-position: top center; background-repeat: repeat-x;}
#menu-landing {margin: auto; padding: 0; height: 96px; background-position: top center; background-repeat: repeat-x;}
#menu-inner {margin: auto; padding: 0; width: 830px; }

/* menu styles */
.jsddm {margin: 45px 0 0 10px; padding: 0; position: absolute; width: 720px;}
.jsddm ul {margin: 0px; padding: 0; list-style: none;}
.jsddm li {margin: auto; padding: 0; float: left; list-style: none; font-size: 15px; color: #bad5e7; text-align: center; line-height: 15px;  font-family: Arial, Helvetica, sans-serif}
.jsddm li a {margin: auto; padding: 3px 8px 3px 8px; display: block; text-decoration: none; width: auto; color: #eae4d7; white-space: nowrap;}
.jsddm li a:hover {color: #9bca35}
		
.jsddm li ul {margin: 4px 0 0 0; padding: 0; position: absolute; visibility: hidden; z-index: 999}
.jsddm li ul li {float: none; display: inline;}	
.jsddm li ul li a {padding: 10px 5px 10px 15px; font-size: 15px; text-align: left; color: #ffffff; border-bottom: 1px dotted #583c11; border-left: none; font-style: normal; background-image: url(images/menudrop.png); background-position: top center;}
.jsddm li ul li a:hover {color: #9bca35}

.leaf {margin: auto; padding: 0px 5px 0px 5px; display: block; text-decoration: none; width: auto; color: #eae4d7; white-space: nowrap;}
.ragged {margin: auto; padding: 0; width: 170px; height: 12px; background: none;}
/* end menu */

#footer-wrapper {margin: auto; padding: 0; background-image: url(images/footer-bg.jpg); background-position: top center; background-repeat: repeat-y; height: 380px; clear: both;}
#footer {margin: auto; padding: 0; width: 840px; color: #ffffff; font-size: 12px; clear: both; height: 350px;}
#footer-menu-wrapper {margin: auto; padding: 0; width: 840px; height: 75px;}
.footer-newsletter {margin: 25px 0 0 0; padding: 0; width: 650px; height: 175px; position: absolute; color: #ffffff;  }
.footerform {margin: auto; padding: 0; height: 47px; background-image: url(images/newsletter-form.png); background-repeat: no-repeat;}
.footerforminput {margin: 15px 0 0 15px; padding: 0px; border: 0px; width: 240px; background-color: #261804; color: #ffffff;}
.footerformsubmit {margin: 15px 0 0 32px; padding: 0px; border: 0px; width: 60px; background-color: #261804; color: #ffffff;}
.copyright {margin: 230px 0 0 0; padding: 0; width: 200px; height: 50px; position: absolute; color: #ffffff; font-size: 12px; font-style: italic;}
.foot-social {margin: 220px 0 0 200px; padding: 0; width: 400px; height: 75px; position: absolute;}
.foot-links {margin: 100px 0 0 670px; padding: 0; width: 176px; height: 217px; position: absolute;}

/* search styles */
.search-form-top {margin: 60px 0 0 740px; padding: 0; width: 230px; height: 30px; position: absolute; z-index: 5;}
.search-form-top-field {margin: 0px; padding: 5px 5px 0 8px; position: absolute; width: 179px; height: 31px; color: #666666; background-image: url(images/search-big.gif); background-repeat: no-repeat; background-position: top center; border: none;}
.search-form-top-button {margin: 0 0 0 195px; padding: 0; position: absolute; width: 34px; height: 34px; background-image: url(images/but-go.gif); background-repeat: no-repeat; background-position: top center; border: none;}

/* email signup styles */
.email-form {margin: auto; padding: 25px 0 0 0; width: 180px; font-size: 11px; line-height: 15px;}
.email-form-field {margin: auto; padding: 5px 5px 0 10px; position: absolute; width: 115px; height: 31px; color: #666666; background-image: url(images/search-small.gif); background-repeat: no-repeat; background-position: top center; border: none;}
.email-form-button {margin: 0 0 0 125px; padding: 0; position: absolute; width: 34px; height: 34px; background-image: url(images/but-add-me.gif); background-repeat: no-repeat; background-position: top center; border: none;}

/* contact */
.contactfield {margin: auto; padding: 5px 8px 0 15px; border: 0px; height: 39px; width: 252px; background-image:url(images/formfield.jpg); background-position: top center; background-repeat: no-repeat; font-size: 13px; color: #000000;}
.contactarea {margin: auto; padding: 10px 15px 0 15px; border: 0px; height: 182px; width: 361px; overflow: auto; background-image: url(images/formarea.jpg); background-position: top center; background-repeat: no-repeat; font-size: 13px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.contactbutton {margin: auto; padding: 0; border: 0px; height: 40px; width: 130px; background-image: url(images/buttviewall.jpg); background-position: top center; background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #ffffff;}


/* slider */

 #loopedslider {
  	padding-top: 42px;
	padding-left: 40px;
  }

  #slidecontainer {
    background: url(images/1.png);

	height: 460px;
	min-height: 460px;
  }
  .mycontainer {
    width:812px;
    height:391px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
  }
  .slides {
    position:absolute;
    top:0;
    left:0;
  }
  .slides > div {
    position:absolute;
    top:0;
    width:812px;
    display:none;
  }
  
  .slides h2 {
  	font-size: 1.2em;
	margin: 10px 0 0 60px;
	color: #FFFFFF;
	font-style:normal;
  }
  
  .slides p {
  	font-size: 1em;
	margin: 0px 0 10px 60px;
	color: #FFFFFF;
	font-style:normal;
  }
  
  .slides a{
  	color: #fff;
	text-decoration: underline;
  }
  .slides a:hover {
  	color: #64410f;
	text-decoration: none;
  }

  
  .pagination {
  	position: relative;
	top: 10px;
	left: 10px;
	display: none;
    z-index: 3;
  }
  
  .slidetitle {
  	font-size: 1.6em;
	margin-left: 60px;
	color: #FFFFFF;
	font-style:normal;
	line-height: 56px;
	font-family:Lucida Sans,Arial, Helvetica, sans-serif;
  }
  
  .slidetext {
  	font-size: 1.2em;
	color: #FFFFFF;
	font-style:italic;
	line-height: 56px;
	font-family:Verdana,Lucida Sans,Arial, Helvetica, sans-serif;
  }
  
  #loopedslider li {
  display: inline;
  margin: 20px;
  }
  
  #one {
  /* used for opening soon background: url(http://www.laportegardens.com/images/2015/OpeningSoon.jpg); */
  /* used for open: background: url(http://www.laportegardens.com/wp-content/uploads/2016/04/weère-open.jpg); */
  background: url(http://www.laportegardens.com/wp-content/uploads/2016/04/weère-open.jpg);
  height: 391px; /* for IE */
  min-height: 391px; /* for not-IE */
  position: relative;
  z-index: 1;
  position: absolute;
  left: 0px;
  display: block;
  } 
  
  #onefr {
  /* used for opening soon background: url(http://www.laportegardens.com/images/2015/OpeningSoonFR.jpg); */
  /* used for open: background: url(http://www.laportegardens.com/wp-content/uploads/2016/04/open-fr.jpg); */
  background: url(http://www.laportegardens.com/wp-content/uploads/2016/04/open-fr.jpg);
  height: 391px; /* for IE */
  min-height: 391px; /* for not-IE */
  position: relative;
  z-index: 1;
  position: absolute;
  left: 0px;
  display: block;
  }
  
  #two {
  background: url(bulbs-promo.jpg);
  height: 391px; /* for IE */
  min-height: 391px; /* for not-IE */
  position: relative;
  z-index: 1;
  }
  
  #three {
  background: url(slide3.jpg);
  height: 391px; /* for IE */
  min-height: 391px; /* for not-IE */
  position: relative;
  z-index: 1;
  }
  
  .txtcontainer {
  display: none; /* hide whilst closed */
  position: absolute; 
  width: 812px;
  bottom: 0; 
  z-index: 1;
  background: url(bg.png);
  filter:alpha(opacity=85);  
  -moz-opacity:.85;
  opacity:.85;
  background: #607913;
  height: 56px; /* for IE */
  min-height: 56px; /* for not-IE */
  }
  
  #mover {
  position: relative;
  z-index: 2;
  top: 10px;
  left: 750px;
  font-size: 1.8em;
  }
  
  #mover a{
  color: #FFFFFF;
  text-decoration: none;
  padding: 5px;
  background: #CCCCCC;
  }
  
  #mover a:hover{
  text-decoration: none;
  padding: 5px;
  background: #666666;
  }

/*  =WordPress Core
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    /* background: #fff;
    border: 1px solid #f0f0f0; */
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Vero additions for testimonials */


blockquote {
font-style: italic;
font-size: 14px;
line-height: 1.6em;
}

.open-quote {
content: '\201C';
font-size: 40px;
margin: 0.4em 0em 0em -0.5em;
padding: 0.1em;
}

.close-quote {
content: '\201D';
font-size: 40px;
margin: 0.2em 0em 0em 0em;
padding: 0.1em;
line-height: 1em;
}

.credit {
font-weight: bold;
margin-right: 20px;
padding-bottom: 20px;
border-bottom: 1px #c2ac77 dotted;
}

#twp_2 input[type="textarea"] {
    border: 1px solid #000;
    font-size: 16px;
    padding: 3px;
    width: 300px;
}

#twp_2 input[type="text"] {
    border: 1px solid #000;
    font-size: 16px;
    padding: 3px;
    width: 200px;
}

h3.serviceChunk {
    border-top: 1px #c2ac77 dotted;
    padding-top: 10px;
}

#storehours {
width:290px;
color: #FFFFFF;
padding: 12px;
margin-bottom: 15px;
background: -webkit-linear-gradient(#90b40d, #5e8800); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#90b40d, #5e8800); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#90b40d, #5e8800); /* For Firefox 3.6 to 15 */
background: linear-gradient(#90b40d, #5e8800); /* Standard syntax (must be last) */
}