html{color:#000;height: 100%;overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;
border-spacing:0;}fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}sub{vertical-align:baseline;}
legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
a{outline:none;}
a:hover{text-decoration: none;}

.clear{clear: both !important; height: 0px !important;}
.left{float: left !important;}
.right{float: right !important;}

.border_none{border: none medium !important;}
.ml0{margin-left: 0px !important;}
.ml15{margin-left: 15px !important;}
.ml5{margin-left: 5px !important;}
.ml20{margin-left: 20px !important;}
.ml120{margin-left: 120px !important;}
.ml200{margin-left: 200px !important;}
.mb0{margin-bottom: 0px !important;}
.mt0{margin-top: 0px !important;}
.mt2{margin-top: 2px !important;}
.mt5{margin-top: 5px !important;}
.mt7{margin-top: 7px !important;}
.mt10{margin-top: 10px !important;}
.mt13{margin-top: 13px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.pt5{padding-top: 5px !important;}

@font-face {
    font-family: 'GillSans';
    src: url('../fonts/gill-sans.eot');
    src: url('../fonts/gill-sans.eot?iefix') format('eot'),
         url('../fonts/gill-sans.woff') format('woff'),
         url('../fonts/gill-sans.ttf') format('truetype'),
         url('../fonts/gill-sans.svg#webfontoHnSEulX') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Times-italic';
    src: url('../fonts/times-italic.eot');
    src: url('../fonts/times-italic.eot?iefix') format('eot'),
         url('../fonts/times-italic.woff') format('woff'),
         url('../fonts/times-italic.ttf') format('truetype'),
         url('../fonts/times-italic.svg#webfontQtGTgMnS') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Times-italic-bold';
    src: url('../fonts/times-italic-bold.eot');
    src: url('../fonts/times-italic-bold.eot?iefix') format('eot'),
         url('../fonts/times-italic-bold.woff') format('woff'),
         url('../fonts/times-italic-bold.ttf') format('truetype'),
         url('../fonts/times-italic-bold.svg#webfontjZ2OglZd') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Times-Roman';
    src: url('../fonts/times-roman.eot');
    src: url('../fonts/times-roman.eot?iefix') format('eot'),
         url('../fonts/times-roman.woff') format('woff'),
         url('../fonts/times-roman.ttf') format('truetype'),
         url('../fonts/times-roman.svg#webfont0RZdE4sH') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px; 
  height: 100%;
  width: 100%;
  background-color: #f9f8f4;
  font-family: Times-Roman, Arial, Helvetica, sans-serif;
}

.main{
  margin: 0 auto;
  height: 100%;
}

	.header{
	  width: 100%;
	  height: 148px;
	  position: relative;
	  margin: 0 auto;
	  background:url("../img/fon_header.png") repeat-x scroll 0 0 transparent;
	}
    
    .header_panel{
    	width: 1040px;
    	margin: 0 auto;
    }
    
	    h1{
	        float: left;
	        margin-top: 25px;
	    }
	    
	      h1 a {
	        background:url("../img/logo.png") no-repeat scroll 0 0 transparent;
	        height:56px;
	        outline:medium none;
	        overflow:hidden;
	        text-indent:-9999px;
	        width:317px;
	        display: block;
	      }
    
    	.contactus{
    		float: right;
    		background:url("../img/contactus.png") no-repeat scroll 0 0 transparent;
    		width: 131px;
    		height: 107px;
    	}
    
   		ul.menu{
   			margin-top: 14px;
   			float: left;
   		}
   		
   			ul.menu li{
   				float: left;
   				width: 208px;
   			}
   			
   				ul.menu li a{
   					display: block;
   					color: #ab948d;
   					text-decoration: none;
   					text-align: center;
   					height:27px;
   					text-transform: uppercase;
   					line-height: 27px;
   					width: 100%;
   					font-size:13px;
   					font-family: Times-Roman, Arial, Helvetica, sans-serif;
   				}
   				
   				ul.menu li a:hover{
   					text-decoration: underline;
   				}
   				
   				ul.menu li.active a{
   					color: #f6f6f6;
   					font-size:14px;
   					background:url("../img/fon_menu_active.png") repeat-x scroll 0 0 transparent;
   				}
  
	.content{
	  /*min-height: 100%;*/
	  width: 1039px;
	  margin: 0 auto;
	  box-shadow: 8px 5px 10px #D4D3D0;
	  -webkit-box-shadow: 8px 5px 10px #D4D3D0;
	  -moz-box-shadow: 8px 5px 10px #D4D3D0;
	  behavior: url(/pie.htc);
	  position: relative;
	}
	
		h2{
			color: #fff;
			font-size: 48px;
			font-family: GillSans, Arial, Helvetica, sans-serif;
		}
	
		h3{
			color: #614425;
			font-size: 36px;
			font-family: Times-italic, Arial, Helvetica, sans-serif;
		}
		
		h4{
			color: #614425;
			font-size: 28px;
			font-family: Times-italic, Arial, Helvetica, sans-serif;
		}
		
			h4 span{
				font-family: Times-italic-bold, Arial, Helvetica, sans-serif;
			}
		
		h5{
			color: #32221e;
			font-size: 16px;
			font-family: Times-Roman, Arial, Helvetica, sans-serif;
			font-weight: bold;
		}
		
		h6{
			color: #2c2c2c;
			font-size: 18px;
			font-family: Times-Roman, Arial, Helvetica, sans-serif;
			line-height: 24px;
		}
		
		p{
			color: #2d2d2d;
			font-size: 16px;
			margin-top: 20px;
			line-height: 22px;
		}
		
		.border{
			width: 100%;
			height: 1px;
			background-color: #6a4d45;
			margin-top: 20px;
		}
	
		.left_shadow{
			box-shadow: -8px 5px 10px #D4D3D0;
	  		-webkit-box-shadow: -8px 5px 10px #D4D3D0;
			-moz-box-shadow: -8px 5px 10px #D4D3D0;
			behavior: url(/pie.htc);
	 		position: relative;
		}
	
		.home{
			background:url("../img/fon_home.jpg") no-repeat scroll 0 0 transparent;
			width: 1039px;
			height: 663px;
			border-left: 1px solid #6a4d45;
		}
		
		.vision{
			background:url("../img/fon_vision.jpg") no-repeat scroll 0 0 transparent;
			width: 1039px;
			height: 664px;
			border-left: 1px solid #6a4d45;
		}
		
		.contact_us{
			width: 1039px;
			height: 664px;
		}
			
			.contact_us .info h3{
				margin-top: 15px;
			}
			
			.contact_us h5{
				margin-top: 25px;
			}
			
			h6 .mailto{
				color: #2c2c2c;
				text-decoration: none;
			}
			
			.mailto:hover{
				text-decoration: underline;
			}
		
		.team_development{
			padding: 35px 5px 35px 25px;
			background-color: #f6f6f6;
		}
		
			ul.team_development_list{
				margin-top: 8px;
				float: left;
				width: 335px;
			}
			
				ul.team_development_list li{
					font-family: GillSans, Arial, Helvetica, sans-serif;
					font-size: 16px;
					color: #411e0c;
					line-height:30px;
				}
			
					ul.team_development_list li span{
						color: #a29187;
						font-style: italic
					}
		
		.total{
			font-size: 16px;
			color: #411e0c;
			float: right;
			font-family: GillSans, Arial, Helvetica, sans-serif;
			font-weight: normal;
			margin-right: 30px;
		}
		
			.total span{
				color: #a29187;
				font-style: italic
			}
		
		.projects{
			width: 1038px;
			height: 663px;
			border-left: 1px solid #6a4d45;
			position: relative;
		}
		
		.projects .info{
			bottom: 0;
		    overflow: hidden;
		    position: absolute;
		    right: 0;
		    z-index: 10;
		}
		
		.projects .info {
			height:629px\0/;
			//height:629px;
		}
		
		.home .info {
			height:628px\0/;
			//height:628px;
		}
		
			.panel_switch_project{
				width: 100%;
				float: left;
			}
			
			.number_project:first-child{
				margin-left: 0px;
			}
			
			.number_project{
				color: #b29d87;
				-webkit-border-radius:3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				behavior: url(/pie.htc);
				position: relative;
				text-decoration: none;
				text-align: center;
				border: 1px solid #b29d87;
				min-width: 17px;
				height: 17px;
				margin-left: 5px;
				display: inline-block;
			}
			
			.number_project.active{
				color: #fff;
				background: url("../img/number_project.png") repeat scroll 0 0 #b29d87;
			}
			
			.show_hide{
				color: #b29d87;
				-webkit-border-radius:3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				behavior: url(/pie.htc);
				position: relative;
				text-decoration: none;
				text-align: center;
				border: 1px solid #b29d87;
				padding: 0 8px;
			}
		
		.contact_us .info{
			width: 469px;
			float:left;
			background-color: #f0efeb;
			opacity: 1;	
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
		}
		
		.panel_image{
			background: url("../img/gradient.png") no-repeat scroll 0 1px transparent;
		    bottom: 0;
		    height: 89px;
		    position: absolute;
		    width: 423px;
		    z-index: 10;
		}
		
			.panel_image h4{
				font-size: 24px;
				color: #fff;
				margin-left: 20px;
				margin-top: 10px;
			}
			
			.panel_image h2{
				margin-left: 80px;
				top: 30px;
				opacity: 0.5;	
				filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
				position: absolute;
			}
		
		.home .info{
			border-left: 1px solid #6a4d45;
			opacity: 0.8;	
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
		}
		
		.vision .info{
			border-left: 1px solid #6a4d45;
			height: 629px;
		}
		
		.principals{
			background:url("../img/fon_principals.jpg") no-repeat scroll 0 0 transparent;
			width: 1039px;
			height: 664px;
		}
		
		.principals .info{
			width: 989px;
			height:629px;
			float: right;
			opacity: 0.85;	
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); 
			background-color: #fff;
			padding: 10px 25px 25px 25px;
		}	
		
		.principals .info {
			height:629px\0/;
			//height:629px;
		}
		
			.principals .info .l{
				float: left;
				width: 480px;
			}
			
			.principals .info .r{
				float: right;
				width: 480px;
			}
		
		.map{
			float: right;
			width: 520px;
			background-color: #F0EFEB;
			height: 663px;
		}
		
		.map {
			height:663px\0/;
			//height:664px;
		}
				
		.info{
			width: 565px;
			height:628px;
			float: right;
			opacity: 0.85;	
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); 
			background-color: #fff;
			padding: 10px 25px 25px 25px;
		}
		
			*+html .info {
			  height:629px;
			}
			
			.info  { 
			     height:628px\0/;
			}
		
		.info h3{
			margin-top: 30px;
		}
		
		ul.services{
			margin-left: 60px;
			margin-top: 3px;
		}
		
			ul.services li{
				background: url("../img/ul.png") no-repeat scroll 0 5px transparent;
    			padding-left: 15px;
    			line-height: 20px;
			}
       
	     .row{
	        float:left;
	        padding:7px 0 4px 0;
	        width:100%;
	     }
	     
	      .row label{
	        
	      }
	     
	      .row input[type="text"] {
	        
	      }
     
    .footer{
      width: 100%;
      height: 55px;
      margin-top: 100px;
    }
    
    	.footer h3{
    		color: #a99d9a;
    		font-size: 18px;
    		text-align: center;
    		font-weight: bold;
    		font-family: Arial, Helvetica, sans-serif;
    	}
    	
    	.footer h4{
    		color: #a99d9a;
    		font-size: 12px;
    		text-align: center;
    		margin-top: 5px;
    		font-family: Arial, Helvetica, sans-serif;
    	}
    	
    		.footer h4 a{
    			color: #a99d9a;
    			text-decoration: none;
    		}
    		
    		.footer h4 a:hover{
    			text-decoration: underline;
    		}


/*********scroll***********/
.scroll-pane{
	width: 100%;
	height: 520px;
	overflow: auto;
}

.jspContainer{
	overflow: hidden;
	position: relative;
}

.jspPane{
	position: absolute;
}

.jspVerticalBar{
	position: absolute;
	top: 0;
	right: 0;
	width: 11px;
	height: 100%;
}

.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *{
	margin: 0;
	padding: 0;
}

.jspCap{
	display: none;
}

.jspHorizontalBar .jspCap{
	float: left;
}

.jspTrack{
	position: relative;
}

.jspDrag{
	background: url("../img/scroll.png") no-repeat scroll 0 0 transparent !important;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
	float: left;
	height: 100%;
}

.jspArrow{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow{
	height: 16px;
}

.jspHorizontalBar .jspArrow{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus{
	outline: none;
}

.jspCorner{
	background: #eeeef4;
	float: left;
	height: 100%;
}

.jspArrowUp{
	background: url("../img/scroll.png") no-repeat scroll 0 0 transparent !important;
}

.jspArrowDown{
	background: url("../img/scroll.png") no-repeat scroll 0 -17px transparent !important;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
	margin: 0 -3px 0 0;
}