


.other-content{ width:100%; height:auto; display:block; }

.other-container {width: 1630px; height: auto; margin: 0 auto;}
.other-nav{ width:100%; height:auto; display:block; background-color:#675b41;  }
.other-nav1{ width:100%; height:auto; display:block; background-color:#554c37; border-top:1px solid #716a59; border-bottom:1px solid #262219;-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);} 

.home-content1{ width:31.3%; height:auto; display:block; float:left;  margin-bottom:25px;}
.home-content2{ width:31.3%; height:auto; display:block; float:left; margin-left:48px;}

.small-logo {
  padding: 3px 0;
  margin: 0 0 0 35px;
  float: left;
  width: 330px;
}


.pro-cont::-webkit-scrollbar {
    width: 8px; margin:0px 10px;
}
 
.pro-cont::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(252,252,236,0.3);
}
 
.pro-cont::-webkit-scrollbar-thumb {
  background-color: #8c7f62;
  outline: 1px solid slategrey;
}

.other_navigation {
  background: #554c37;
  width: 1670px;
  margin: 0 auto;
  float: left;
}
.fixed {
  position: fixed;
  top: 0px;
  z-index: 999;
}


.overview-right1 p {
  font-size: 15px;
  color: #333333;
  font-family: 'futura_md_btmedium';
  list-style: none;
  line-height: 36px;
}



.proj-nav{width:100%; height:auto; padding:13px 0px;}


.text1{  margin-right: 20px;
  font-family: 'futura_md_btmedium';
  font-size: 15px;
  color: #beaf8c; text-transform:uppercase;}
  
  

  
  
  .text2{  margin-right: 32px;
  font-family: 'futura_md_btmedium';
  font-size: 15px;
  color: #beaf8c; text-transform:uppercase;}
  
 .text2 a:link, .text2 a:visited{  margin-right: 3px;
  font-family: 'futura_md_btmedium';
  font-size: 15px;
  color: #beaf8c; text-transform:uppercase; text-decoration:none;}
  
   .text2 a:hover{  margin-right: 3px;
  font-family: 'futura_md_btmedium';
  font-size: 15px;
  color: #fff; text-transform:uppercase; text-decoration:none;}
  
  
  
  
 .act{  margin-right: 32px;
  font-family: 'futura_md_btmedium';
  font-size: 15px;
  color: #fff; text-transform:uppercase; text-decoration:none;}
    

.small-logo img {
  float: left;
}
img {
  border: 0;
}

.small-logo h3 {
  font-size: 14px;
  text-transform: uppercase;
  color: #FFF;
  font-family: 'tt0142m', Geneva, sans-serif;
  float: left;
  padding: 13px;
}
.small-logo h3 span {
  font-size: 14px;
  text-transform: none;
  color: #e9713b;
    font-family: 'futura_md_btmedium';
}


.other_navigation ul {
  width: 1229px;
  float: left;
  list-style: none;
  margin: 0px;
  padding: 13px 0;  margin-left: 0px;
  /* background-color: #000000; */
}


.other_navigation ul li {
  float: left;
  list-style: none;
  /* background-color: #999999; */
  position: relative;
  zoom: 1;
}

.other_navigation ul li {
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  -o-transition: .2s all linear;
  font-size: 14px;
  text-transform: uppercase;
  color: #333333;
    font-family: 'futura_md_btmedium';
  background: url(../images/divider.gif) no-repeat right;  margin-left: 3px;
}


.other_navigation ul li a {
  color: #f3f0e3;
  text-decoration: none;
  text-align: left;
  font-size: 12px; padding:8px 0px;  position: relative;  letter-spacing: 1px;
}





.other_navigation ul li a.active {
  color: #554c37!important;
  background-color:#f8f3e6; padding:7px 20px;
  -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}




























.overview {

  width: 100%;
  float: right;
   margin: 21px 0 9px 0;
}
.overview-left{  width: 55%;float: left;}
.overview-right{  width: 41%;float: left; margin-left:4%;}

.proj-bred{ width:100%; height:auto; padding:16px 0px 44px 0px;  font-size: 15px; color: #333333;font-family: 'futura_md_btmedium';}

.proj-bred span{ font-size: 15px; color: #b32223;font-family: 'futura_md_btmedium';}


.overview-right1{  width:97%; height:auto;}


.overview-right1 h1{ font-size: 30px; color: #3f3828; font-family: 'futura_md_btbold'; text-transform:uppercase;  line-height: 30px; margin-bottom:35px;
}

.overview-right1 h1 span{ font-size: 30px; color: #3f3828;font-family: 'futura_md_btmedium'; text-transform:uppercase; font-weight:normal;}

.proj-line{ width:100%; height:1px;  background-color: #888173;
  margin: 19px 0px 25px 0px;}
  
  .overview-right1 li{ font-size: 14px; color: #333333;font-family: 'futura_md_btmedium'; list-style:none; border-bottom: 1px solid #888173;  line-height: 55px;}
  
    .overview-right1 li:last-child{ border-bottom:none;}
  .overview-right1 h3{ font-size: 14px; color: #b32223;font-family: 'futura_md_btmedium'; font-weight:normal;  line-height: 40px;}




  
  
  
  
.pro-li{width: 100%;float: left; height:auto;}
.pro-heading{width: 97%;float: left; height:auto; background-color:#8c7f62;}
.pro-heading{ font-size: 20px; color: #fff;font-family: 'futura_md_btmedium'; font-weight:normal;  line-height: 25px;}


.pro-heading1{width: 41%; float: left; height:auto; padding:14px; border-right:1px solid #fff; text-align:center;}
.pro-heading2{width: 17%; float: left; height:auto; padding:14px; border-right:1px solid #fff; text-align:center;}
  
  .pro-heading3{width: 24%; float: left; height:auto; padding:14px; text-align:center;}
  
  
        
  
.pro-cont1{width: 40.9%; float: left; height:auto;   padding: 14px 14px 0px 14px; border-right:1px solid #fff; text-align:center;}
.pro-cont2{width: 17%; float: left; height:auto;   padding: 14px 14px 0px 14px; border-right:1px solid #fff; text-align:center;}
  
  .pro-cont3{width: 24%; float: left; height:auto;  padding: 14px 14px 0px 14px; text-align:center;}
.pro-cont{width: 98.3%;float: left; height:367px; background-color:#dcd6cc; overflow-y:scroll; font-size: 17px; color: #000;font-family: 'futura_md_btmedium'; font-weight:normal;  line-height: 25px; } 
.pro-heading0{width: 100%;float: left; height:auto; background-color:#d1cabd;  padding: 10px 0px;}  
  







  
  

@media only screen and (min-width : 1601px) and (max-width : 1680px) {
.other-container {width: 1460px;}
.other_navigation {width: 1460px;}
.overview-right1 li {line-height: 43px;}
.overview-left  img{width: 100%;}
.pro-heading0 {padding: 5px 0px;}
.pro-cont {height: 300px;}
.overview {margin: 51px 0 15px 0;}

}

@media only screen and (min-width : 1441px) and (max-width : 1600px) {
.other-container {width: 1400px;}
.other_navigation {width: 1400px;}
.overview {margin: 28px 0 15px 0;}
/*overview*/
.overview-left  img{width: 100%;}
.overview-left {width: 55%;float: left;}
.overview-right {width: 40%;}
.overview-right1 h1 {margin-bottom: 24px;}
.overview-right1 li {line-height: 43px;}
.pro-cont {height: 300px;}
/*overview-end*/




.scroll_pane { height: 395px;outline: none;}	

}

@media only screen and (min-width : 1367px) and (max-width : 1440px) {
	
.other-container {width: 1280px;}
.other_navigation {width: 1280px;}
.head1 {padding: 4px 0px 3px 5px;}

.overview {margin: 28px 0 15px 0;}
/*overview*/
.overview-left  img{width: 100%;}
.overview-left {width: 55%;float: left;}
.overview-right {width: 40%;}
.overview-right1 h1 {margin-bottom: 24px;}
.overview-right1 li {line-height: 43px;}
.pro-cont {height: 265px;}




.scroll_pane { height: 330px;outline: none;}	

.pro-heading0 { padding: 6px 0px;}	

.pro-cont {font-size: 15px;}

}

@media only screen and (min-width : 1281px) and (max-width : 1366px) {
.text1 { font-size: 14px;}
.text2 { font-size: 14px;}
.proj-bred {padding: 16px 0px 24px 0px;}
.other-container {width: 1220px;}
.other_navigation {width: 1220px;}
.head1 {padding: 4px 0px 3px 5px;}

/*overview*/

.overview-left {width: 55%;float: left;}
.overview-right {width: 40.9%;}
.overview-right1 h1 {margin-bottom: 10px;}
.overview-right1 li {line-height: 32px;  font-size: 13px;}
.overview-left img {width: 100%;}
/*overview-end*/




.scroll_pane { height: 330px;outline: none;}	

.pro-heading {font-size: 18px;}
.pro-heading2 {width: 14%;}
.pro-cont1 { width: 41.2%;  padding: 8px 14px 0px }
.pro-cont2 {width: 14%;  padding: 8px 14px 0px 14px;}
.pro-cont3 {padding: 8px 14px 0px 14px;}

.pro-cont {font-size: 15px; height: 266px;}


}

@media only screen and (min-width : 1153px) and (max-width : 1280px) {
.other_navigation ul {width: 1208px;	}
.other_navigation ul li a {padding: 8px 0px;}	
.text1 { font-size: 13px;}
.text2 { font-size: 13px;}
.proj-bred {padding: 16px 0px 24px 0px;}
.other-container {width: 1190px;}
.other_navigation {width: 1190px;}
.head1 {padding: 4px 0px 3px 5px;}

/*overview*/
.overview-left img {width: 100%;}
.overview-left {width: 55%;float: left;}
.overview-right {width: 40%;}
.overview-right1 h1 {margin-bottom: 10px;}
.overview-right1 li {line-height: 32px;  font-size: 13px;}

/*overview-end*/

.pro-heading {font-size: 18px;}

.pro-heading2 {width: 13%;}
.pro-cont2 {width: 13%;}

.pro-cont {font-size: 15px;  height: 254px;}
.pro-heading0 { padding: 5px 0px;}


.scroll_pane { height: 330px;outline: none;}	


	
	
	
	
}



@media only screen and (min-width : 1023px) and (max-width : 1152px) {


.other_navigation ul {width: 1070px;	}
.other_navigation ul li a {padding: 8px 0px;}	
.other_navigation ul li { margin-left: 24px;}

.text1 { font-size: 13px;}
.text2 { font-size: 13px;}
.proj-bred {padding: 16px 0px 24px 0px;}
.other-container {width: 1070px;}
.other_navigation {width: 1070px;}
.head1 {padding: 4px 0px 3px 5px;}

/*overview*/

.overview-left img {width: 100%;}
.overview-left {width: 55%;float: left;}
.overview-right {width: 40%;}
.overview-right1 h1 {margin-bottom: 10px;}
.overview-right1 li {line-height: 32px;  font-size: 13px;}

/*overview-end*/
.pro-heading {font-size: 16px;}

.pro-heading2 {width: 13%;}
.pro-cont2 {width: 13%;  padding: 10px 14px 0px 14px;}
.pro-cont3 { padding: 10px 14px 0px 14px;}

.pro-cont {font-size: 14px;  height: 206px;}
.pro-heading0 { padding: 5px 0px;}

.pro-cont1 { padding: 10px 14px 0px 14px;}
.overview {margin: 56px 0 9px 0;}

.scroll_pane { height: 330px;outline: none;}	




	}

@media only screen and (min-width : 961px) and (max-width : 1024px) {


.other_navigation ul li {margin-left: 15px;}

.other_navigation ul {width: 950px;	}
.other_navigation ul li a {padding: 8px 0px;}	
.other_navigation ul li a.active { padding: 8px 12px;}
.text1 { font-size: 12px;}
.text2 { font-size: 12px;}
.proj-bred {padding: 16px 0px 15px 0px;}
.other-container {width: 950px;}
.other_navigation {width: 950px;}
.head1 {padding: 4px 0px 3px 5px;}

/*overview*/
.overview-left img{ width:100%;}
.overview-left {width: 58%;float: left;}
.overview-right {width: 36.9%;}
.overview-right1 h1 span {font-size: 28px;}
.overview-right1 h1 {margin-bottom: 10px;  font-size: 28px;  line-height: 28px;}
.overview-right1 li {line-height: 26px;  font-size: 13px;}
.overview-right1 h3 {line-height: 25px;}
/*overview-end*/



.scroll_pane { height: 330px;outline: none;}	

.pro-heading {font-size: 14px;}
.pro-heading2 {width: 8%;}
.pro-cont1 { width: 41.2%;  padding: 8px 14px 0px }
.pro-cont2 {width: 14%;  padding: 8px 5px 0px 4px;}
.pro-cont3 {padding: 8px 4px 0px 4px;  width: 27%;}

.pro-cont {font-size: 12px; height: 200px;}
.pro-heading0 { padding: 3px 0px;}

	}
	
	
	
	
	
	
	
	
		
@media only screen and (min-width : 801px) and (max-width : 990px) {
	.other-nav{ display:none;}
	.other-nav1{ display:none;}
.other-container {width: 100%;}
.commercial-nav	{ display:none;}
.commercial_navigation{ display:none;}
.commercial-container {width: 100%;}
.overview-left {width: 90%;float: left;margin-left: 5%;}	
.overview-right {  width:90%; margin-left:5%; margin-top:30px; overflow:hidden;}
.proj-bred{ display:none;}
.overview-right1 h1 {font-size: 25px;  margin-bottom: 13px;}
.overview-right1 h1 span {font-size: 25px;}

.overview-left img{ width:100%;}


.scroll_pane { height: 330px;outline: none;}	

.pro-heading {font-size: 18px;  width: 100%;}
.pro-heading2 {  width: 21.4%;}
.pro-cont1 { width: 45%;  padding: 8px 5px 0px }
.pro-cont2 {width: 24%;  padding: 8px 5px 0px 4px;}
.pro-cont3 {padding: 8px 4px 0px 4px;  width: 27.4%;}

.pro-cont {font-size: 15px; height: auto;  width: 100%;}
.pro-heading0 { padding: 3px 0px;}

.pro-heading1 { width: 42.5%;}
	}

@media only screen and (min-width : 641px) and (max-width : 800px) {
		.other-nav{ display:none;}
	.other-nav1{ display:none;}
	.other-container {width: 100%;}
.commercial-nav	{ display:none;}
.commercial_navigation{ display:none;}
.commercial-container {width: 100%;}
.overview-left {width: 90%;float: left;margin-left: 5%;}	
.overview-right {  width:90%; margin-left:5%; margin-top:30px; overflow:hidden;}
.proj-bred{ display:none;}
.overview-right1 h1 {font-size: 25px;  margin-bottom: 13px;}
.overview-right1 h1 span {font-size: 25px;}

.overview-left img{ width:100%;}


.scroll_pane { height: 330px;outline: none;}	

.pro-heading {font-size: 18px;  width: 100%;}
.pro-heading2 {  width: 20.2%;}
.pro-cont1 { width: 45%;  padding: 8px 5px 0px }
.pro-cont2 {width: 23%;  padding: 8px 5px 0px 4px;}
.pro-cont3 {padding: 8px 4px 0px 4px;  width: 27.4%;}

.pro-cont {font-size: 15px; height: auto;  width: 100%;}
.pro-heading0 { padding: 3px 0px;}

.pro-heading1 { width: 41.5%;}
}


@media only screen and (min-width : 481px) and (max-width : 640px) {
		.other-nav{ display:none;}
	.other-nav1{ display:none;}
	.other-container {width: 100%;}
.commercial-nav	{ display:none;}
.commercial_navigation{ display:none;}
.commercial-container {width: 100%;}
.overview-left {width: 90%;float: left;margin-left: 5%;}	
.overview-right {  width:90%; margin-left:5%; margin-top:30px; overflow:hidden;}
.proj-bred{ display:none;}
.overview-right1 h1 {font-size: 25px;  margin-bottom: 13px;}
.overview-right1 h1 span {font-size: 25px;}

.overview-left img{ width:100%;}


.scroll_pane { height: 330px;outline: none;}	

.pro-heading {font-size: 18px;  width: 100%;}
.pro-heading2 {  width: 20.2%;}
.pro-cont1 { width: 44%;  padding: 8px 5px 0px }
.pro-cont2 {width: 23%;  padding: 8px 5px 0px 4px;}
.pro-cont3 {padding: 8px 4px 0px 4px;  width: 27.4%;}

.pro-cont {font-size: 15px; height: auto;  width: 100%;}
.pro-heading0 { padding: 3px 0px;}

.pro-heading1 { width: 39.5%;}

	}

@media only screen and (min-width : 321px) and (max-width : 480px) {
		.other-nav{ display:none;}
	.other-nav1{ display:none;}
	.other-container {width: 100%;}
.commercial-nav	{ display:none;}
.commercial_navigation{ display:none;}
.commercial-container {width: 100%;}
.overview-left {width: 90%;float: left;margin-left: 5%;}	
.overview-right {  width:90%; margin-left:5%; margin-top:30px; overflow:hidden;}
.proj-bred{ display:none;}
.overview-right1 h1 {font-size: 25px;  margin-bottom: 13px;}
.overview-right1 h1 span {font-size: 25px;}

.overview-left img{ width:100%;}


.scroll_pane { height: 330px;outline: none;}	

.pro-heading {font-size: 16px;  width: 100%;}
.pro-heading2 {  width: 11.4%;}
.pro-cont1 { width: 48%;  padding: 8px 5px 0px }
.pro-cont2 {width: 17%;  padding: 8px 5px 0px 4px;}
.pro-cont3 {padding: 8px 4px 0px 4px;  width: 27.4%;}

.pro-cont {font-size: 15px; height: auto;  width: 100%;}
.pro-heading0 { padding: 3px 0px;}

.pro-heading1 { width: 42.5%;}
	}
  
@media only screen and (min-width : 240px) and (max-width : 320px) {
		.other-nav{ display:none;}
	.other-nav1{ display:none;}
	.other-container {width: 100%;}
	
.commercial-nav	{ display:none;}
.commercial_navigation{ display:none;}
.commercial-container {width: 100%;}
.overview-left {width: 90%;float: left;margin-left: 5%;}	
.overview-right {  width:90%; margin-left:5%; margin-top:30px; overflow:hidden;}
.proj-bred{ display:none;}
.overview-right1 h1 {font-size: 25px;  margin-bottom: 13px;}
.overview-right1 h1 span {font-size: 25px;}

.overview-left img{ width:100%;}


.scroll_pane { height: 330px;outline: none;}	

.pro-heading {font-size: 12px;  width: 100%;}
.pro-heading2 {  width: 13.4%;  padding: 6px;}
.pro-cont1 { width: 49%;  padding: 8px 5px 0px }
.pro-cont2 {width: 15%;  padding: 8px 5px 0px 4px;}
.pro-cont3 {padding: 8px 4px 0px 4px;  width: 23.4%;}

.pro-cont {font-size: 12px; height: auto;  width: 100%;}
.pro-heading0 { padding: 3px 0px;}

.pro-heading1 { width: 46.5%;  padding: 6px;}

.pro-heading3 {width: 24%; padding: 6px;}
	}
	
	
	
	
	
	
	
	
