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

body{ padding:0px; margin:0px; -webkit-font-smoothing: subpixel-antialiased;}
img{ border:none; }
a{ color:#d07d00; text-decoration:underline; }
a img { outline: none;  -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; }
a img:hover{ -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity:0.8;  -moz-transition:all 0.8s ease; -webkit-transition:all 0.8s ease; transition:all 0.8s ease; }
:focus { outline:0; }


@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

h3{  color: #2a2a2a;
    font: 20px "open_sanssemibold";
    margin: 0;
    padding: 0; }

h4{  color: #000;
    font: 18px "open_sanssemibold";
	
    margin: 0;
    padding: 0; }	
	
	
.clr{ clear:both;}
.main{ width:100%; margin:0 auto;}
.wrapper{ width:978px; margin:0 auto;}
.top-sec{ width:100%; margin:0 auto; background:url(../images/top-bg.jpg) top center repeat-x; background-size:100%; height:auto;}
.logo{ width:619px; margin:0 auto;padding-top: 4px;}
.menu-sec{ background:url(../images/menu-bg.jpg) top center repeat-x; height:40px; margin: 20px 0 0;}
.menu-content{ width:990px; margin:0 auto;}

.banner-sec{ width:970px; margin:0 auto; padding-top:10px;}
.banner-sec img{ border:3px solid #4c3f2e;}

.body-bg{ background:url(../images/bg.jpg) top center repeat;  width:100%;}

.gallery-sec{ width:978px; margin:0 auto; padding-top:20px;}

.g1{ width:308px; float:left; position:relative; margin: 0 26px 0 0;}
.g1 a{ display:block; background: url(../images/garden-shades.jpg) no-repeat; height: 280px; width: 308px;}
.g1 a:hover{background: url(../images/garden-shades1.jpg) no-repeat; opacity: 0.9;filter: alpha(opacity=90);}

.g2{ width:308px; float:left; position:relative; margin: 0 26px 0 0;}
.g2 a{ display:block; background: url(../images/heeni.jpg) no-repeat; height: 280px; width: 308px;}
.g2 a:hover{background: url(../images/heeni1.jpg) no-repeat;opacity: 0.9;filter: alpha(opacity=90)}

.g3{ width:308px; float:right; position:relative; margin: 0px;}
.g3 a{ display:block; background: url(../images/hills.jpg) no-repeat; height: 280px; width: 308px;}
.g3 a:hover{background: url(../images/hills-hover.jpg) no-repeat;opacity: 0.9;filter: alpha(opacity=90)}


.list_add{ margin:0; padding:0;}
.list_add ul{ margin:25px 0 0 0; padding:0;}
.list_add ul li{ margin: 0 0 5px 16px; padding:0; list-style: disc;}
.list_add ul li a{ text-decoration: none; color: #d07d00;}
.list_add ul li a:hover{ text-decoration: underline;}
.gname
{ 
 bottom: 18px;
    color: #fff;
    font-size: 19px;
    padding: 0 10px 0 0;
    position: absolute;
    right: 10px;
    text-align: right;
	font-family:'open_sanssemibold';
}
.gname a{ color:#fff; text-decoration:none;}
.content-sec{ width:978px; margin:0 auto; padding-top:15px;}
.content-sec p{ font:14px/ 20px 'open_sansregular'; color:#2a2a2a; }
h1{ font:20px 'open_sanssemibold'; color:#000; padding:0px; margin:0px; }
.fr{ float:right; padding:0px 0 0 15px;}
.fr1{ float:left; padding:0px 15px 0 0px;}
.list{ padding-top:10px; margin:0px;}
.list ul{ padding:0px; margin:0px;}
.list ul li{ list-style:none; background:url(../images/check.png) no-repeat scroll 0 8px; padding: 0 0 0 29px; font:14px/ 26px 'open_sansregular'; color:#2a2a2a;}
.footer{ background:url(../images/footer.jpg); background-repeat: repeat; height: auto; margin-top:25px;}
.address{ text-align:center; color: #fff; font: 14px/20px "open_sansregular";}
.ftr-inr{ width:978px; margin:0 auto;}
.social-icon{ width:164px; margin:0 auto; padding-top:30px;}

.ftr-menu {
    color: #fff;
    font-family: "open_sansregular";
    font-size: 13px;
    padding-bottom: 30px;
    padding-top: 8px;
    text-align: center;
}
.ftr-menu a{ color:#fff; text-decoration:none;}
.ftr-menu a:hover{ color:#8c8b8b; text-decoration:none;}

.copy {
    background: #262425 none repeat scroll 0 0;
    color: #fff;
    font-family: "open_sansregular";
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

.downarrowclass{ display:none; }

.tablecls tr td{  border: 1px solid #000000;
    padding: 5px;}
	.tablecls tr th{  border: 1px solid #000000;
    padding: 5px;}
table.tablecls {
    border-collapse: collapse;
}	

.content-sec ul li{ color:#2a2a2a; font:14px/ 23px 'open_sansregular'; }

th{ text-align:right;  font: 14px/20px "open_sansregular";}


table td {
    border: 1px solid #000000;
	font: 14px/20px "open_sansregular";
}

    

table.gallery td {
    border: 1px solid #000000;
	font: 14px/20px "open_sansregular";
}


table.gallery {
    border: 1px solid #000000;
    border-collapse: collapse;
	font: 14px/20px "open_sansregular";
   
    
}



.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 1px;
  width:500px;
}

.alert-success {
  background-color: #ebf6e1;
  border-color: #b8df92;
  color: #527f26;
}

.alert-danger {
  background-color: #fdf2f2;
  border-color: #f29797;
  color: #a81515;
}

.assemble tr td{ text-align:center; }
.tabletitle{ text-align:center; }

/*-------------------------------new css-----------------------*/
.gallery_assemble{
	border: 1px solid #000;
	border-right: none;
	border-bottom: none;
	margin: 25px 0 0 0;
	width: 975px;
}
.gallery_assemble ul{ margin:0; padding:0; list-style: none;}
.gallery_assemble ul li {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    height: 220px;
    margin: 0;
    padding: 5px;
    width: 314px;
	text-align:center;
}
.gallery_assemble ul li img {
    height: 190px;
    width: 100%;
}
.loghome_cabine, .package_price { width: 754px; margin:0 0 20px 0; border-top: 1px solid #000; border-right: none; border-bottom: none; font-family:"open_sansregular"; font-size: 14px;}
.loghome_cabine h4 {
    font: bold 14px/30px "open_sansregular";
    margin: 0;
    padding: 0 0 0 10px;
}
.loghome_head, .loghome_head2, .loghome_head3{ background: #d2d5c4; height: 31px; border-right: 1px solid #000; border-bottom: 1px solid #000; float: left;}
.loghome_head{ width: 360px;border-left: 1px solid #000;}
.loghome_head2{ width: 238px;}
.loghome_head3 {float: right;width: 152px;}

.loghome_des, .loghome_des2, .loghome_des3{ border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 8px; float: left; height: 155px; }
.loghome_des{ width: 344px;border-left: 1px solid #000;}
.loghome_des2{ width: 222px;}
.loghome_des3 {
    float: right;
    width: 136px;
}
.loghome_des img{ height: 100%;}


.package_price{border-left:1px solid #000;}
.package_price h4 {
    font: bold 13px "open_sansregular";
    margin: 0;
    padding: 22px 0 0px 0px;
	text-align:center;
}

.pack_top{ line-height: 30px; font-size: 13px; width: 100%; text-align: center;border-bottom: 1px solid #000;}
.pack_top1, .pack_top2{ line-height: 30px; text-align:center;}
.pack_top1{ width: 87px; float: left;border-right: 1px solid #000;}
.pack_top2{ width: 141px; float: right;}

.package_head, .package_head2, .package_head3{ height: 61px; border-right: 1px solid #000;border-bottom: 1px solid #000; background:#ff9900; float: left;}

.package_head{ width: 158px;}
.package_head2{ width:119px;}
.package_head3 {
    float: right;
    width: 234px;
}

.package_des, .package_des2, .package_des3, .package_des4 { padding: 5px; border-right:1px solid #000; border-bottom: 1px solid #000; float: left;}
.package_des{ width:148px; text-align: left; }
.package_des2{ width:109px; text-align: center;}
.package_des3{ width:77px;text-align: center; }
.package_des4{ width:136px; text-align: center;}


.construction_gallry {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    font-family: "open_sansregular";
    font-size: 14px;
    width: 640px;
}

.construction_container {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    height: 300px;
    padding: 0 0 15px;
    width: 159px;
}
.construction_des{ padding: 0px 10px;}

.construction_image{ padding: 5px; height:100px; margin: 0 0 20px; border-bottom:1px solid #000;}
.construction_image img{ height: 100%; width: 100%;}
.customer_homes, .customer_homes2{ border-left: 1px solid #000; width: 753px; margin:0 0 20px 0; border-top: 1px solid #000; border-right: none; border-bottom: none; font-family:"open_sansregular"; font-size: 14px;}
.customer_homes ul{ padding:0; margin:0; list-style: none;}
.customer_homes ul li{ padding:0; margin:0; float: left; width: 250px; height: 175px; border-bottom: 1px solid #000; border-right: 1px solid #000; text-align: center;}
.customer_homes ul li img{ margin-top: 30px;}
.customer_homes h2, .customer_homes2 h2, .interior_pictures h2, .log_siding h2{
    font: bold 13px/30px "open_sansregular";
    margin: 0;
    padding:0;
	text-align:center;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
.customer_homes2{ width: 752px;}
.customer_homes2 ul{ padding:0; margin:0; list-style: none;}
.customer_homes2 ul li{ padding:5px; margin:0; float: left; width: 177px; height: 150px; border-bottom: 1px solid #000; border-right: 1px solid #000; text-align: center;}
.customer_homes2 ul li img{ width: 100%; height: 100%;}

.continue {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    line-height: 30px;
    text-align: center;
}

.interior_pictures {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    font-family: "open_sansregular";
    font-size: 14px;
    width: 414px;
}

.interior_container {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    height: 150px;
    padding: 0 0 15px;
    width: 137px;
}
.interior_des {
    padding: 0;
    text-align: center;
}
.interior_image{ padding: 3px; height:100px; margin: 0 0 10px; border-bottom:1px solid #000;}
.interior_image img{ height: 100%; width: 100%;}

.log_cabins, .log_siding{ width: 552px;margin:0 0 20px 0; border-top: 1px solid #000; border-left: 1px solid #000; font-family:"open_sansregular"; font-size: 14px;}
.log_cabins_container {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    height: 132px;
    padding: 0 0 15px;
    width: 137px;
}
.log_cabins_des {
    padding: 0;
    text-align: center;
}
.log_cabins_image{ padding: 3px; height:100px; margin: 0 0 10px; border-bottom:1px solid #000;}
.log_cabins_image img{ height: 100%; width: 100%;}

.log_siding{ width: 681px;}
.log_siding ul{ padding:0; margin:0; list-style: none;}
.log_siding ul li{ padding:3px 0; margin:0; float: left; width: 226px; height: 131px; border-bottom: 1px solid #000; border-right: 1px solid #000; text-align: center;}

.log_siding h3{
    font: bold 13px/30px "open_sansregular";
    margin: 0;
    padding:0;
	text-align:center;
	border-top: 1px solid #000;
}
.milled_price h2{
    font-family: "open_sansregular";
	font-weight: normal;
	font-size: 13px;
	line-height: 30px;
    margin: 0;
    padding:0 0 0 5px;
	text-align: left;
	background: #ff9900;
}
.milled_price h3{font: bold 13px/30px "open_sansregular"; text-align: left; padding: 0 0 0 10px;border-bottom: 1px solid #000; border-right: 1px solid #000;}
.milled_price, .our_staff{ margin:0 0 20px 0; border-top: 1px solid #000; border-left: 1px solid #000; font-family:"open_sansregular"; font-size: 14px;}
.milled_head{ width: 298px; float: left; border-right: 1px solid #000; border-bottom: 1px solid #000;}
.milled_head2{ width: 224px; float: left; border-right: 1px solid #000; border-bottom: 1px solid #000;}

.milled_price{ width:749px;}
.milled_price1{ width: 288px;}
.milled_price2{ width: 214px; text-align:center;}
.milled_price3{ width: 439px;}
.milled_price1, .milled_price2, .milled_price3{ border-right: 1px solid #000; border-bottom: 1px solid #000; padding:5px; float:left;}

.craftman_col {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    float: left;
    min-height: 1752px;
    padding: 8px;
    width: 357.5px;
}
.our_staff h3{
    font: bold 14px/20px "open_sansregular";
    margin: 0;
    padding:0;
	text-align: left;
}
.our_staff{ width: 608px;}
.our_staff_col{
    float: left;
    padding: 0px;
    width: 304px;
}
.our_staff_row{
	border-bottom: 1px solid #000;
    border-right: 1px solid #000;
	padding: 5px;
}
.contact_form{ width: 570px; font-family:"open_sansregular"; font-size: 14px;}
.contact_left{ float: left; width: 249px; padding-right: 10px; margin-bottom: 8px; text-align: right; line-height: 28px; min-height: 28px;}
.contact_right{ float: right; width: 310px;margin-bottom: 8px;min-height: 28px;}
.contact_form input[type=text], .contact_form input[type=email]{
	width: 290px;
	padding: 5px 8px;
	border: 1px solid #000;
	margin:0;
}
.contact_form textarea{
	border:1px solid #000; 
	width:296px; padding:5px;
	height: 80px;
	resize: none;
}
.sub_button{ margin-left:260px;}
.sub_button input[type=submit]{border:1px solid #ff9900; background-color:#ff9900; color:#fff; padding:10px 10px; font-size:18px; cursor:pointer;}
	
@media only screen and (max-width: 767px){


.sub_button {
    margin-left: 0;
}
.contact_left {
    float: none;
    padding-right: 0px;
    text-align: left;
    width: auto;
}

.contact_form {
    width: auto;
}

.contact_right {
    float: none;
    margin-bottom: 8px;
    width: auto;
}

.contact_form input[type="text"], .contact_form input[type="email"] {
    width: 94%;
}
.market{}
.market img{ width: 22% !important;}

.our_staff {
    width: auto;
}

.our_staff_col {
    float: none;
    padding: 0;
    width: auto;
}

.craftman_col {
    float: none;
    min-height: 1752px;
    padding: 8px;
    width: auto;
}

.fr1 {
    float: none;
    padding: 0 0 10px;
}
.milled_price {
    width: auto;
}

.milled_head2 {
    float: none;
    width: auto;
}

.milled_price1, .milled_price2, .milled_price3 {
    float: none;
}
.milled_price1 {
    width: auto;
}
.milled_price2 {
    width: auto;
	text-align: left;
}
.milled_price3 {
    width: auto;
}

.milled_price h3 {
    font: bold 13px/16px "open_sansregular";
    padding: 8px 0 8px 10px;
}

.milled_head {
    float: none;
    width: auto;
}


.log_heigh{}
.log_heigh img{ width: 100%; padding:0;}
.log_siding ul li {
    float: none;
    height: auto;
    width: auto;
}

.log_siding {
    width: auto;
}

.log_cabins {
    width: auto;
}
.log_cabins_container {
    float: none;
    height: auto;
    padding: 0 0 15px;
    width: auto;
}
.log_cabins_image {
    height: auto;
}
.interior_image {
    height: auto;
}
.interior_container {
    float: none;
    height: auto;
    padding: 0 0 15px;
    width: auto;
}
.interior_pictures { width:auto;}
.customer_homes2 {
    width: auto;
}
.customer_homes2 ul li {
    float: none;
    height: auto;
    margin: 0;
    padding: 0 0 20px;
    width: auto;
}
.package_price {
    width: 100%;
}
.package_head, .package_head2, .package_head3{ float: none; width:auto; padding: 0; height: 30px !important;}
.package_des, .package_des2, .package_des3, .package_des4{ width:auto; float: none; text-align:center;}
.package_price h4 { padding: 0!important; line-height: 30px;}
.pack_top1, .pack_top2{ border-right: 1px solid #000; border-bottom: 1px solid #000; width:49.6%; background: #ff9900;}




	
.loghome_head, .loghome_head2, .loghome_head3{ float: none; width:auto;}
.loghome_des, .loghome_des2, .loghome_des3{ float: none; width: auto; height: 115px;}
.loghome_des, .loghome_head{ border-left: none;} 
.loghome_cabine {
    margin:0;
    width: auto;
	border-left: 1px solid #000;
}


.fr {
    float: none;
    padding: 0;
}

.gallery_assemble { width: 100%;}
.gallery_assemble ul li {
    float: none;
    width: auto;
}
.main {
    margin: 0;
    width: 100%;
}

.top-sec{ width:100%; margin:0; background:url(../images/top-bg.jpg) top center repeat-y; background-size:100%; height:auto;}

.logo {
    margin: 0;
    padding-top: 4px;
    width: 100%;
}
.logo a img{ width: 98%;}

.menu-content {
    margin: 0;
    width: 100%;
}

.body-bg {
    padding: 0px;
    width: auto;
}

.gallery-sec {
    margin: 0;
    padding: 10px;
    width: auto;
}
.gallery-sec a img{ width:100%;}

.g1 {
    float: none;
    margin: 0 0 7px;
    position: relative;
    width: auto;
}

.g2 {
    float: none;
    margin: 0;
    position: relative;
    width: auto;
}
.content-sec {
    margin: 0;
    padding: 10px;
    width: auto;
}

.footer {
    background: url("../images/footer_mob.jpg");
	background-repeat: repeat;
    height: auto;
    margin-top: 10px;
    width: 100%;
}

.ftr-inr {
    margin: 0;
    width: auto;
}

.ftr-menu {
    font-size: 12px;
    line-height: 23px;
    padding: 13px 10px;
    text-align: center;
}

.copy {
    background:#000;
    font-size: 12px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.construction_gallry {
    width: auto;
}

.construction_container {
    float: none;
    height: auto;
    width: auto;
}

.construction_image {
    height: auto;
}

.content-sec p img {
    height: 100%;
    margin-top: 10px;
    width: 100%;
}

.customer_homes { width:auto;}

.customer_homes ul li {
    float: none;
    height: auto;
    margin: 0;
    padding: 0 0 20px;
    width: auto;
}





}