.clear{ clear:both;}

.fixed {
  position: fixed;
  top: 0px;
  z-index: 999;
}

.project-nav1 {
  width: 100%;
  height: auto;
  display: block;
  background-color: #675b41;
  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);
}



.project_navigation ul {
  width: 1628px;
  float: left;
  list-style: none;
  margin: 0px;
  padding: 13px 0;  margin-left: 5px;
background-color: #675b41; 
}


.project_navigation ul li {
  float: left;
  list-style: none;
  /* background-color: #999999; */
  position: relative;
  zoom: 1;
}

.project_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: 0px; border-right:1px solid #beaf8c;
}

.project_navigation ul li:last-child {border-right:none;}


.project_navigation ul li a {
  color: #beaf8c !important;
  text-decoration: none;
  text-align: left;
  font-size: 12px; padding:8px 37px;  position: relative;
}





.project_navigation ul li a.active {
  color: #fff !important;

  -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}






















.corporate-content{ width:100%; height:auto; display:block; }

.corporate-container {width: 1630px; height: auto; margin: 0 auto;}


img {
  border: 0;
}




.scroll_pane {
  height:484px; outline:none;

}








.head1{ position:absolute;
  bottom: 0px;

  width: 100%;font-size: 12px; color: #fff;font-family: 'futura_md_btmedium'; font-weight:normal;  line-height:30px; text-transform:uppercase; padding:4px 0px 3px 45px; background: rgba(0, 0, 0, 0.5); }
  
  
  
  
  
  
  
  
  .bg1 {
  width: 50%;
  height: auto;
  float: right;  margin-top: -4px;
}
  
  
  
  
  
  

.csr{

  width: 100%;
  float: right;
  margin: 43px 0 0px 0;
}

.csr0{

  width: 100%;
  float: right;
    margin: 31px 0 25px 0;
}

.csr-left{  width: 52.3%;float: left;  background:url(../images/home/home-con-1-bg.png) no-repeat 9px 16px;}
.csr-right{  width: 41%;float: left; margin-left:6%;}
.csr-right1{  width: 100%;}
.csr-right0 {
  width: 100%;
  height: auto;
}



.csr-right h1{   font-size: 30px;
  color: #3f3828;
  font-family: 'futura_md_btbold';
  text-transform: uppercase;
    line-height: 32px;
  margin-bottom: 23px;}
  
  
  
.csr-right h1 span{  font-size: 30px; color: #3f3828;font-family: 'futura_md_btmedium'; text-transform:uppercase; font-weight:normal;} 
.csr-right p{ font-size: 15px; color: #333333;font-family: 'futura_md_btmedium';  line-height: 27px;}

 .csr-right ul li{list-style-type: disc !important;font-size: 15px; color: #333333;font-family: 'futura_md_btmedium';  line-height: 24px;
  margin-bottom: 8px;   margin-left: 20px;}


.csr-right h2{   font-size: 18px;
  color: #3f3828;
  font-family: 'futura_md_btbold';
  text-transform: uppercase;
    line-height: 60px;
}






  
  
  
  
  
  

@media only screen and (min-width : 1601px) and (max-width : 1680px) {
.corporate-container {width: 1460px;}
.corporate_navigation {width: 1460px;}

.csr0 { margin: 31px 0 2px 0;}
.csr-left { width: 55%;}
.csr-left img{ width: 100%;}
.csr-right { width: 40%;margin-left: 4%;}


}

@media only screen and (min-width : 1441px) and (max-width : 1600px) {
.corporate-container {width: 1400px;}
.corporate_navigation {width: 1400px;}


/*csr*/


/*csr-end*/
.csr0 { margin: 20px 0 2px 0;}
.csr-left { width: 55%;}
.csr-left img{ width: 100%;}
.csr-right { width: 40%;margin-left: 4%;}




.scroll_pane { height: 430px;outline: none;}	

}

@media only screen and (min-width : 1367px) and (max-width : 1440px) {
	
.corporate-container {width: 1280px;}
.corporate_navigation {width: 1280px;}
.head1 {padding: 4px 0px 3px 5px;}



/*csr*/
.csr0 { margin: 0px 0 -41px 0;}
.csr-left { width: 55%;}
.csr-left img{ width: 100%;}
.csr-right { width: 40%;margin-left: 4%;}

.csr-right p {font-size: 14px;line-height: 21px;}


.scroll_pane { height: 370px;outline: none;}		
.csr-right ul li { font-size: 14px; line-height: 21px;margin-bottom: 5px;margin-left: 20px;}
	
.csr-right h2 { line-height: 40px;}	
		

}

@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;}
.corporate-container {width: 1220px;}
.corporate_navigation {width: 1220px;}
.head1 {padding: 4px 0px 3px 5px;}




/*csr*/
.csr0 {margin: 2px 0 0px 0;}
.csr-left img{ width:100%;}
.csr-left{ width:55%;}
.csr-right{ width:40%;   margin-left: 4%;}
.csr-right h1 { font-size: 28px;margin-bottom: 18px;}
.csr-right h1 span {font-size: 28px;}
.csr-right li {font-size: 13px;line-height: 32px;}

/*csr-end*/

.csr-right p {font-size: 14px;line-height: 21px;}


.csr-right ul li { font-size: 14px; line-height: 21px;margin-bottom: 5px;margin-left: 20px;}
	
.csr-right h2 { line-height: 40px;}	
	



.scroll_pane { height: 330px;outline: none;}	





}

@media only screen and (min-width : 1153px) and (max-width : 1280px) {
.corporate_navigation ul {width: 1208px;	}
.corporate_navigation ul li a {padding: 8px 0px;}	
.text1 { font-size: 13px;}
.text2 { font-size: 13px;}
.proj-bred {padding: 16px 0px 24px 0px;}
.corporate-container {width: 1190px;}
.corporate_navigation {width: 1190px;}
.head1 {padding: 4px 0px 3px 5px;}


.csr-right p {font-size: 14px;line-height: 21px;}




/*csr*/
.csr0 {  margin: 2px 0 -40px 0;}
.csr-left img{ width:100%;}
.csr-left{ width:55%;}
.csr-right{ width:40%;   margin-left: 4%;}
.csr-right h1 { font-size: 28px;margin-bottom: 18px;}
.csr-right h1 span {font-size: 28px;}
.csr-right li {font-size: 13px;line-height: 32px;}

/*csr-end*/
.csr { margin: 21px 0 0px 0;}

.csr-right ul li { font-size: 14px; line-height: 21px;margin-bottom: 5px;margin-left: 20px;}
	
.csr-right h2 { line-height: 40px;}	
	


.scroll_pane { height: 330px;outline: none;}	


	
	
	
	
}



@media only screen and (min-width : 1023px) and (max-width : 1152px) {


.corporate-container {width: 1070px;}

.csr-right p {font-size: 14px;line-height: 21px;}




/*csr*/
.csr0 {  margin: 77px 0 0px 0;}
.csr-left img{ width:100%;}
.csr-left{ width:55%;}
.csr-right{ width:40%;   margin-left: 4%;}
.csr-right h1 { font-size: 28px;margin-bottom: 18px;}
.csr-right h1 span {font-size: 28px;}
.csr-right li {font-size: 13px;line-height: 32px;}

/*csr-end*/
.csr { margin: 21px 0 0px 0;}

.csr-right ul li { font-size: 14px; line-height: 21px;margin-bottom: 5px;margin-left: 20px;}
	
.csr-right h2 { line-height: 40px;}	
	






.scroll_pane { height: 290px;outline: none;}	




	}

@media only screen and (min-width : 961px) and (max-width : 1024px) {

.corporate-container {
  width: 940px;}

/*csr*/
.csr0 {margin: 0px 0 -2px 0;}
.csr-left{ width:58%;}
.csr-left img{ width:100%;}
.csr-right{ width:36%;  margin-left: 4%;}
.csr-right h1 { font-size: 28px;margin-bottom: 18px;}
.csr-right h1 span {font-size: 23px;}
.csr-right li {font-size: 13px;line-height: 32px;}
.csr-right h2 { font-size: 15px;}

/*csr-end*/

.csr-right p {font-size: 14px;line-height: 21px;}

.csr-right ul li { font-size: 14px; line-height: 21px;margin-bottom: 5px;margin-left: 20px;}


.scroll_pane { height: 258px;outline: none;}	






	}
	
	
	


@media only screen and (min-width : 801px) and (max-width : 990px) {
	
	
	.corporate-container {width:100%;}

/*csr*/
.csr0 {margin: 20px 0 17px 0;}
.csr-left { width: 90%; margin-left: 5%;}
.csr-right{ width:90%;  margin-left: 5%;  overflow: hidden;}
.csr-right h1 { font-size: 28px;margin-bottom: 18px;}
.csr-right h1 span {font-size: 28px;}
.csr-right li {font-size: 13px;line-height: 32px;}
.csr-left img{ width:100%;}
/*csr-end*/


.csr-right p {font-size: 14px;  line-height: 20px;
  padding-bottom: 10px;}



.scroll_pane { height:auto;outline: none;}
	
.csr { margin: 5px 0 0px 0;}
	
}	

@media only screen and (min-width : 641px) and (max-width : 800px) {
	.corporate-container {width:100%;}

/*csr*/
.csr0 {margin: 20px 0 17px 0;}
.csr-left { width: 90%; margin-left: 5%;}
.csr-right{ width:90%;  margin-left: 5%;  overflow: hidden;}
.csr-right h1 { font-size: 28px;margin-bottom: 18px;}
.csr-right h1 span {font-size: 28px;}
.csr-right li {font-size: 13px;line-height: 32px;}
.csr-left img{ width:100%;}
/*csr-end*/


.csr-right p {font-size: 14px;  line-height: 20px;
  padding-bottom: 10px;}

.csr { margin: 5px 0 0px 0;}
.csr-left img{ width:100%;}
.scroll_pane { height:auto;outline: none;}	
	}

@media only screen and (min-width : 481px) and (max-width : 640px) {
	
	.corporate-container {width:100%;}

/*csr*/
.csr0 {margin: 20px 0 17px 0;}
.csr-left { width: 90%; margin-left: 5%;}
.csr-right{ width:90%;  margin-left: 5%;  overflow: hidden;}
.csr-right h1 { font-size: 25px;margin-bottom: 18px;}
.csr-right h1 span {font-size: 25px;}
.csr-right li {font-size: 13px;line-height: 32px;}

/*csr-end*/

.csr { margin: 5px 0 0px 0;}
.csr-right p {font-size: 14px;  line-height: 20px;
  padding-bottom: 10px;}
.csr-left img{ width:100%;}


.scroll_pane { height:auto;outline: none;}	
	}

@media only screen and (min-width : 321px) and (max-width : 480px) {
	
.corporate-container {width:100%;}

/*csr*/
.csr0 {margin: 20px 0 17px 0;}
.csr-left { width: 90%; margin-left: 5%;}
.csr-right{ width:90%;  margin-left: 5%;  overflow: hidden;}
.csr-right h1 { font-size: 25px;margin-bottom: 18px;}
.csr-right h1 span {font-size: 25px;}
.csr-right li {font-size: 13px;line-height: 32px;}
.csr-left img{ width:100%;}
/*csr-end*/

.csr { margin: 5px 0 0px 0;}
.csr-right p {font-size: 14px;  line-height: 20px;
  padding-bottom: 10px;}



.scroll_pane { height:auto;outline: none;}	
	}
	
@media only screen and (min-width : 240px) and (max-width : 320px) {
	
	.csr-left img{ width:100%;}
	.corporate-container {width:100%;}

/*csr*/
.csr0 {margin: 20px 0 17px 0;}
.csr-left { width: 90%; margin-left: 5%;}
.csr-right{ width:90%;  margin-left: 5%;  overflow: hidden;}
.csr-right h1 { font-size: 25px;margin-bottom: 18px;}
.csr-right h1 span {font-size: 25px;}
.csr-right li {font-size: 13px;line-height: 32px;}

/*csr-end*/
.csr { margin: 5px 0 0px 0;}

.csr-right p {font-size: 14px;  line-height: 20px;
  padding-bottom: 10px;}



.scroll_pane { height:auto;outline: none;}	
	
	
	}