/* Custom CSS added to bottom beginning line 16 */

*{padding:0;margin:0}body{background:url(../images/body-bg.jpg) top;color:#4a3401;font-family:"Myriad Pro"}a{text-decoration:none}img{max-width:100%;height:auto;}h2{font-size:21px;margin-bottom:10px}li{list-style:none}.clear{clear:both;width:100%}.site-wrap{max-width:1000px;margin:0 auto}.header-content{padding:3px 30px 5px}.logo{float:left}.header-text{float:right;max-width:650px;text-align:left;margin:20px 0;}.header-text h1{font-size:22px;text-align:left;}.header-text h2{font-size:19px;margin-top:9px;text-align:left;}.phone{color:#000;font-size:26px;text-align:left;font-weight:bold;padding-top:10px}.phone a{color:#4a3401;}.navigation{width:100%;clear:both;height:59px;background:#4a3401;box-shadow:3px 8px 5px -5px rgba( 0, 0, 0, 1);}.navigation nav{display:block;max-width:1000px;margin:0 auto}.navigation ul{background:#4a3401}.navigation li{display:inline-block;font-size:21px;line-height:59px;margin:0 20px 0 20px;position:relative}.navigation a{color:#fff}.navigation a:hover{color:#e3d1ac}#menu li ul{position:absolute;z-index:9;max-height:0;overflow:hidden;-webkit-transform:perspective(400) rotate3d(1, 0, 0, -90deg);-webkit-transform-origin:50% 0;-webkit-transition:350ms;-moz-transition:350ms;-o-transition:350ms;transition:350ms}#menu li:hover ul{max-height:1000px;-webkit-transform:perspective(400) rotate3d(0, 0, 0, 0)}#menu li ul li{white-space:nowrap;font-size:18px;margin:0;padding:0 20px;overflow:hidden;height:0;-webkit-transition:height 300ms ease-in;-moz-transition:height 300ms ease-in;-o-transition:height 300ms ease-in;transition:height 300ms ease-in}#menu li:hover ul li{line-height:30px;height:30px}#menu li ul li:last-child{background:none;float:inherit;margin-bottom:10px}.content-container{width:100%;clear:both;padding:25px 0;margin-bottom:32px;}.plans{width:100%;position:relative}.plans-info{width:auto;padding:0 9.5px}.plan-img{width:100%;min-width:282px}.plan-img img{border:solid 2px #4a3401;margin:0 auto;display:block;max-width:310px;min-height:232px;height:auto}.plan-info-text{text-align:center;padding:10px;margin:8px auto 0;color:#4a3401;position:relative;max-width:336px;min-height:42px}.plan-info-text h3{font-size:24px;margin-bottom:10px}.plan-info-text h3 a{color:#4a3401}.plan-info-text a{color:#4a3401}.plan-info-text h3 a:visited{color:#4a3401}.plan-info-text p{font-size:19.4px;line-height:28px}.plan-info-text span{position:absolute;bottom:10px;left:32%}.plan-info-text span a{color:#857458;font-size:21.55px}.plan-text{padding:40px 0 0 0;clear:both;width:100%;text-align:center;font-size:19px;color:#4a3401;font-weight:bold}.plan-text h3{font-size:26px}.plan-text p{margin-bottom:28px}.home-text{padding:0px 0 20px 0;clear:both;width:100%;text-align:center;font-size:19px;color:#4a3401;font-weight:bold}.footer{clear:both;width:96%;background:#4a3401;text-align:center;color:#fff;padding:45px 2% 20px;line-height:24px}.footer-content{max-width:1000px;margin:0 auto}.footer-content>p{margin-bottom:40px}.footer-content a{color:#bba066;margin:0 10px}.footer-content a:hover{color:#fff;}.slicknav_menu{display:none}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:99.65%}.owl-carousel .owl-item{float:left;padding-bottom:12px}.owl-controls{}.owl-controls .owl-buttons{position:absolute;top:44%;width:100%}.owl-controls .owl-buttons .owl-prev{left:0;float:left;background:url(../images/left-arrow.png);width:40px;height:63px;display:inline-block;cursor:pointer;text-indent:-999999px}.owl-controls .owl-buttons .owl-next{right:0;float:right;background:url(../images/right-arrow.png);width:40px;height:63px;display:inline-block;cursor:pointer;text-indent:-999999px}.thumbContent{position:absolute;display:none;z-index:99;background:#FFF none repeat scroll 0% 0%;box-shadow:0px 2px 35px rgba(0, 0, 0, 0.4);border:1px solid #D7D7D7}

img.js-thumbnail1-img1 {width:230px;height:auto;}

.thumbnails .thumbnail{position:relative}.thumbnail{transition:all 0.2s ease-in-out 0s;max-width:100%;height:auto;display:block}.thumbnails .thumbnail .thumbnail-preview .img-placeholder{width:275px;height:275px}.img-placeholder{display:block;position:absolute;margin:0px;background:#F1F1F1 none repeat scroll 0% 0%;left:0px;top:0px;z-index:1}.thumbnails .thumbnail .thumbnail-preview .thumb_preview{height:275px}.thumbnails .thumbnail .thumbnail-preview a{text-transform:uppercase;font-size:12px;display:block;text-align:center;position:relative}.thumbnails .thumbnail .thumbnail-preview .thumb_preview img{transition:opacity 0.2s linear 0s;max-width:100%;position:relative;z-index:2;background:#F1F1F1 none repeat scroll 0% 0%;height:100%}.thumbnails .thumbnail .thumbnail-preview a{text-transform:uppercase;font-size:12px;text-align:center}.thumbContent .thumb_preview{display:block;border-bottom:0px none}.thumbContent img{padding:0px;min-width:290px;max-width:700px;max-height:600px;position:relative}


.all-plansp ul li{width:25%;display:inline-block;text-align:center;padding-bottom:20px;padding-left:5px}


.all-plans{width:100%;clear:both}.all-plans h3{text-align:center;font-size:16px;font-weight:normal;font-style:italic;margin:20px 0}.all-plans ul{margin:0 auto}.all-plans ul li{width:25%;display:inline-block;text-align:center;padding-bottom:20px;padding-left:5px}.all-plans ul li a{display:inline-block}.all-plans .p-image{max-width:250px;height:auto;max-height:223px;margin:0 auto}.all-plans .p-image span{max-width:225px;max-height:150px;display:table-cell;vertical-align:middle}.p-image p{font-size:21px;padding-top:5px;padding-bottom:10px}.all-plans .p-image span img{max-height:233px}.all-plans ul li span{display:block;clear:both;color:#000;margin-top:20px}.all-plans ul li span p{display:block;color:#000;margin-top:60px}.japanese-gate-plans{width:100%;clear:both;text-align:center;color:#630}.japanese-gate-plans p{font-size:20px;font-weight:bold}.japanese-gate-plans ul{margin:20px auto 10px}.japanese-gate-plans ul li{width:32.33%;display:inline-block;text-align:center;padding-bottom:20px;position:relative}.japanese-gate-plans .p-image{max-width:260px;margin:0 auto;display:block;vertical-align:middle}.japanese-gate-plans .p-image p{padding-bottom:10px}.japanese-gate-plans ul li span{display:block;clear:both;color:#000;padding-bottom:5px}.japanese-gate-roof{clear:both;background:#FEE8C6;text-align:center;padding:20px 10px;margin:20px 0;color:#630}.japanese-gate-roof p{font-size:13pt;font-weight:bold;margin-bottom:15px}.japanese-gate-roof h4{color:#000;font-weight:normal}.japanese-gate-roof ul{clear:both;margin:20px auto 10px}.japanese-gate-roof ul li{width:50%;display:inline-block;text-align:center;padding-bottom:20px;float:left}.japanese-gate-roof .p-image{max-width:240px;height:175px;margin:0 auto}.japanese-gate-roof ul li span{display:block;color:#000;padding-bottom:5px}.japanese-gate-roof h2{clear:both;font-size:15pt}.japanese-gate-roof h2 span{display:block;font-size:12pt}.japanese-gate-roof h2 span a{color:#630}.roofed-entries-built{clear:both;width:100%;text-align:center}.roofed-entries-built ul{padding:15px 0 0}.roofed-entries-built ul li{display:inline-block;vertical-align:top;padding:0 5px;font-size:13pt;font-weight:bold;color:#630}.similar-entrys{clear:both;width:100%;text-align:center}.similar-entrys h3{text-align:center;font-size:16px;font-weight:normal;font-style:italic;margin:20px 0 10px}.similar-entrys ul{margin:0 0 20px}.similar-entrys ul li{width:24.5%;display:inline-block;vertical-align:top}.similar-entrys ul li span{display:block;font-size:12pt;color:#000;padding-bottom:4px}.see-us{clear:both;width:100%;text-align:center}.see-us ul{padding:20px 0 0}.see-us ul li{display:inline-block;width:49.5%}.see-us ul li span{display:block;color:#000;padding-bottom:5px}.gate-style{clear:both;width:100%;text-align:center;padding:30px 0}.gate-style h4{font-size:13pt;font-weight:bold;color:#630}.gate-style ul{padding:10px 0 0}.gate-style ul li{display:inline-block;width:24.5%}.gate-style ul li span{display:block;color:#000;padding-bottom:5px}.gate-style ul li img{max-width:150px}.order-gate-plans{clear:both;width:100%;text-align:center;font-weight:bold;color:#630;font-size:13pt;margin-bottom:40px}.order-gate-plans h3{padding-bottom:15px}.order-gate-plans a{text-decoration:underline;color:#00F}@media (max-width: 414px){.plan-text h3{font-size:24px}.plan-info-text p{line-height:24px}.japanese-gate-roof ul li{width:100%;clear:both}.see-us ul li{width:46%;margin:0 1%}}@media (max-width: 666px){.header-text{float:left;clear:both;width:100%;max-width:100%}.all-plans ul li{width:32.33%}.japanese-gate-plans ul li, .similar-entrys ul li{width:48%}.gate-style ul li{width:46%;margin:0 1%}}@media (max-width: 532px){.all-plans ul li{width:49%}.all-plans .p-image, .japanese-gate-plans .p-image, .similar-entrys ul li img{max-width:100%}}@media (min-width: 667px) and (max-width: 850px){.logo{width:40%}.header-text{width:50%;margin:0}}@media (max-width: 767px){.site-wrap, .navigation nav,.footer-content{max-width:96%;margin:0 auto}}@media (max-width: 899px){.slicknav_menu{display:block}#menu{display:none}}@media (min-width: 900px) and (max-width: 999px){.navigation li{margin:0px 0px 0px 3.3%}.navigation li:last-child{padding:0px 3.3%}}@media (min-width: 768px) and (max-width: 999px){.site-wrap, .navigation nav,.footer-content{max-width:98%;margin:0 auto}}#snav{display:none}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:left;padding:9px 5px;line-height:1.125em;cursor:pointer}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}.slicknav_menu .slicknav_icon{float:left;margin:0.10em 0 0 0.30em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:50px;height:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25)}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:4px}.slicknav_nav{clear:both}.slicknav_nav ul, .slicknav_nav li{display:block;font-size:14px;line-height:40px;font-weight:bold;text-transform:uppercase;text-align:left;border-bottom:solid 1px #fff;margin:0}.slicknav_nav li:last-child{float:inherit;background:none;padding:0}.slicknav_nav .slicknav_arrow{margin:0 0 0 0.4em;float:right}.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_nav .slicknav_row{display:block}.slicknav_nav a{display:block;background:transparent}.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu:before,.slicknav_menu:after{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_menu{*zoom:1}.slicknav_menu{font-size:14px}.slicknav_btn{margin:0 0 0 12px;text-decoration:none;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;z-index:9999}.slicknav_menu .slicknav_menutxt{color:#FFF;font-weight:bold;text-shadow:0 1px 3px #fff}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_menu{padding:0px;position:absolute;right:0px;margin:12px 0px 0px;width:100%;z-index:9999}.slicknav_nav{color:#FFF;margin:0;padding:0;font-size:14px;background:none repeat scroll 0% 0% #4a3401;position:relative;z-index:999999;top:12px;border-top:solid 1px #fff}.slicknav_nav br{display:none}.slicknav_nav, .slicknav_nav ul{list-style:none;overflow:hidden}.slicknav_nav ul{padding:0 0 0 15px;margin:0 0 10px;background:#4A3401;visibility:visible !important;border-bottom:none}.slicknav_nav ul li{line-height:30px;font-weight:normal;font-size:12px;padding:0 0 0 0;border-bottom:none}.slicknav_nav .slicknav_row{padding:0px 13px;margin:0px 5px}.slicknav_nav a{padding:0px 13px;margin:0px 5px;text-decoration:none;color:#FFF}.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_nav a:hover{color:#FFF}.slicknav_nav .slicknav_txtnode{margin-left:15px}


/******** Custom CSS ********/

.right { float: right; margin: 0 0 14px 20px; }

.left { float: left; margin: 0 20px 14px 0; }

.xxtopmargin { margin-top: 39px; }

.xtopmargin { margin-top: 9px; }

.xbottommargin { margin-bottom: 9px; }

.content-container a img { border: solid 2px #4a3401; }

.content-container a:visited img { border-color: #dfa41a; }

.content-container a { color: #a76923; font-weight: 600; }

.content-container a:hover { color: #4a3401; font-weight: 900; text-decoration: underline; }

/*.content-container a { color: #a76923; }

.content-container a:visited { color: #dfa41a; } code preserved to test options above*/

.content-container h1, h2, h3, h4 { margin-bottom: 12px; text-align: center; }

.content-container h5, h65 { margin-bottom: 12px; }

.content-container h1 { font-size: 1.6em; margin-top: 15px; }

.content-container h2 { font-size: 1.45em; }

.content-container h3 { font-size: 1.3em; }

.content-container h4 { font-size: 1.15em; }

.content-container p { font-size: 1.15em; line-height: 1.25; margin-bottom: 22px; }

.content-container ol li {
	list-style-type: decimal;
	font-size: 1.2em;
	line-height: 1.3;
	margin: 0 0 12px 40px;
	}

.content-container ul li {
	list-style-type: disc;
	font-size: 1.2em;
	line-height: 1.3;
	margin: 0 0 12px 40px;
	}

.content-container ol, ul { margin-bottom: 30px; }

.content-container blockquote {
	font-size: 1.25em;
	font-style: italic;
	margin: 30px 40px;
	}

.content-container blockquote span { font-style: normal; }

.one-half { width: 45%; float: left; padding: 10px; margin: 8px 0; }

.one-third { width: 31.25%; float: left; padding: 10px; }

.one-fourth { width: 22.5%; float: left; padding: 10px; }

.thumbnail1 h4 { font-size: .9em; margin-top: 6px; } /* extra space bt thumb and h4 on project thumbs */

.thumbnail h4 { font-size: .8em; }

.footer-content .smicon { border-radius: 50%; }

.footer-content img { opacity: 0.7; filter: alpha(opacity=70); }

.footer-content img:hover { opacity: 1.0; filter: alpha(opacity=100); }

p.copyright { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; margin-bottom: 12px; }

/*.notice p { text-align: left; max-width: 760px; }*/

@media (max-width: 1024px) {
	.content-container h1, h2, h3, h4, h5, h6 { margin: 0 6px 12px; }
	.content-container p { margin: 0 6px 22px; }
	.content-container img { margin: 8px; }
	.one-third { width: 30%; }
	}

@media (max-width: 640px) {
	.one-half, .one-third { width: 100%; float: none; }
	.one-fourth { width: 45%; }
	}