


.commercial-content{ width:100%; height:auto; display:block; }

.commercial-container {width: 1630px; height: auto; margin: 0 auto;}
.commercial-nav{ width:100%; height:auto; display:block; background-color:#675b41;  }
.commercial-nav1{ width:100%; height:auto; display:block; background-color:#554c37; border-top:1px solid #716a59; border-bottom:1px solid #262219;} 

.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;
}



.commercial_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';
}


.commercial_navigation ul {
  width: 1229px;
  float: left;
  list-style: none;
  margin: 0px;
  padding: 13px 0;  margin-left: 0px;
  /* background-color: #000000; */
}


.commercial_navigation ul li {
  float: left;
  list-style: none;
  /* background-color: #999999; */
  position: relative;
  zoom: 1;
}

.commercial_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;
}


.commercial_navigation ul li a {
  color: #f3f0e3;
  text-decoration: none;
  text-align: left;
  font-size: 12px; padding:8px 0px;  position: relative;  letter-spacing: 1px;
}





.commercial_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: 20px 0 10px 0;

}
.overview-left{  width: 55%;float: left;}
.overview-right{  width: 34%;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:100%; 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: 46px;}
  
    .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;}




  
  
  
  
  
  
  
  
  
  
  

@media only screen and (min-width : 1601px) and (max-width : 1680px) {
.commercial-container {width: 1460px;}
.commercial_navigation {width: 1460px;}
.overview-right1 li {line-height: 43px;}
.overview-left img{width: 100%;}
.overview { margin: 40px 0 25px 0;}

}

@media only screen and (min-width : 1441px) and (max-width : 1600px) {
.commercial-container {width: 1400px;}
.commercial_navigation {width: 1400px;}

/*overview*/
.overview-left img{width: 100%;}
.overview { margin: 40px 0 25px 0;}

.overview-left {width: 55%;float: left;}
.overview-right {width: 40%;}
.overview-right1 h1 {margin-bottom: 30px;}
.overview-right1 li {line-height: 43px;}

/*overview-end*/




.scroll_pane { height: 395px;outline: none;}	

}

@media only screen and (min-width : 1367px) and (max-width : 1440px) {
	
.commercial-container {width: 1280px;}
.commercial_navigation {width: 1280px;}
.head1 {padding: 4px 0px 3px 5px;}

/*overview*/

.overview-left {width: 60%;float: left;}
.overview-left img{width: 100%;}
.overview-right {width: 36.9%;}
.overview-right1 h1 {margin-bottom: 23px;}
.overview-right1 li {line-height: 35px;}
.overview-left {width: 55%;float: left;}
.overview-right {width: 40%;}
/*overview-end*/




.scroll_pane { height: 330px;outline: none;}	

		

}

@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;}
.commercial-container {width: 1220px;}
.commercial_navigation {width: 1220px;}
.head1 {padding: 4px 0px 3px 5px;}

/*overview*/
.overview { margin: 9px 0 10px 0;}
.overview-left {width: 55%;float: left;}
.overview-right {width: 36.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;}	





}

@media only screen and (min-width : 1153px) and (max-width : 1280px) {
.commercial_navigation ul {width: 1208px;	}
.commercial_navigation ul li a {padding: 8px 0px;}	
.text1 { font-size: 13px;}
.text2 { font-size: 13px;}
.proj-bred {padding: 16px 0px 24px 0px;}
.commercial-container {width: 1190px;}
.commercial_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*/




.scroll_pane { height: 330px;outline: none;}	


	
	
	
	
}



@media only screen and (min-width : 1023px) and (max-width : 1152px) {


.commercial_navigation ul {width: 1070px;	}
.commercial_navigation ul li a {padding: 8px 0px;}	
.commercial_navigation ul li { margin-left: 24px;}

.text1 { font-size: 13px;}
.text2 { font-size: 13px;}
.proj-bred {padding: 16px 0px 24px 0px;}
.commercial-container {width: 1070px;}
.commercial_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*/

.overview {margin: 50px 0 16px 0;}


.scroll_pane { height: 330px;outline: none;}	




	}

@media only screen and (min-width : 961px) and (max-width : 1024px) {


.commercial_navigation ul li {margin-left: 15px;}

.commercial_navigation ul {width: 950px;	}
.commercial_navigation ul li a {padding: 8px 0px;}	
.commercial_navigation ul li a.active { padding: 8px 12px;}
.text1 { font-size: 12px;}
.text2 { font-size: 12px;}
.proj-bred {padding: 16px 0px 15px 0px;}
.commercial-container {width: 950px;}
.commercial_navigation {width: 950px;}
.head1 {padding: 4px 0px 3px 5px;}
.overview { margin: 15px 0 0px 0;}

/*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;}	






	}
	
	
	
	
@media only screen and (min-width : 801px) and (max-width : 990px) {
.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%;}
	}

@media only screen and (min-width : 641px) and (max-width : 800px) {
.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%;}
}


@media only screen and (min-width : 481px) and (max-width : 640px) {
.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%;}

	}

@media only screen and (min-width : 321px) and (max-width : 480px) {
.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%;}
	}
  
@media only screen and (min-width : 240px) and (max-width : 320px) {
	
	
	.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-right1 li {font-size: 12px;line-height: 39px;}
	.overview-left img{ width:100%;}
	}
