/* ==========================================================================
   Base styles
   ========================================================================== */
   
@font-face {
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: normal;
   src: url(../font/OpenSans-Regular.ttf);
}


@font-face {
  font-family: 'Open Sans semibold';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans'), local('OpenSans'), url('../font/OpenSans-Semibold.ttf') format('truetype');
}



::selection {
	background: #faad39; /* Safari */
	}
::-moz-selection {
	background: #faad39; /* Firefox */
}

   
   
body { 
	font-size: 1em; 
	line-height: 1.4;	
	background: #fff;	
	xoverflow-x: hidden;
	font-family: 'Open Sans';
}



.wrapper {
	float: left;	
	padding-top: 73px;
	padding-left: 26px;
	width: 801px;
}

.content {
	float: left;	
	xpadding-top: 96px;
	xpadding-left: 26px;
	width: 801px;
	
	padding-bottom: 72px;
}

.container {
	padding-top: 78px;
	margin: 0 auto;
	width: 977px;
}



img {max-width: 100%;vertical-align: middle;}



/* ==========================================================================
   Custom styles
   ========================================================================== */
   
/*==========
   header
============*/
   
header {
	xfloat: left;
	width: 100%;
	background: #ffffff;
	height:172px;
	
}

/* logo
--------------*/
.logo {float: left; max-width: 219px; width: 100%;padding-top: 23px;}
.logo a{ float: left; width: 100%; height: 113px; background: transparent url(../img/logo.png) center top no-repeat; text-indent: -9999px; }

/* social nav */
.social {
	float:right;
	padding-top: 43px;
}
.icon_home {
	float: left; width: 28px; height: 27px; background: transparent url(../img/home.png) center top no-repeat;
	margin-right: 16px;
}
.icon_mail {
	float: left; width: 29px; height: 19px; background: transparent url(../img/mail.png) center top no-repeat;
	margin-right: 16px;
	margin-top: 6px;
}
.icon_fb {
	float: left; width: 22px; height: 22px; background: transparent url(../img/fb.png) center top no-repeat;
	margin-right: 16px;
	margin-top: 5px;
}
.icon_tw {
	float: left; width: 23px; height: 23px; background: transparent url(../img/tw.png) center top no-repeat;
	margin-top: 5px;
}



.line-sep {
	float: left;
	width: 100%;
	height: 1px;
	background: #fff;
	border-top: 1px solid #e8e8e8;
	margin: 40px 0 20px;
	
}

/*=============
   end header
===============*/

/*========================================
		    General styles
==========================================*/











/* social nav
--------------*/

nav {max-width: 150px; float: left;}

nav ul li a,nav ul li strong {
	color:#26272c;
	font-size:13px;
	line-height: 28px;
}

nav ul {
	
	text-align: right;
}


span.customSelect { 
    xfont:12px sans-serif;
    background:#fff url(../img/sel.png) right center no-repeat;
    xborder:1px solid #ddd;
    xcolor:#555;
    xpadding:7px 9px;
    x-moz-border-radius: 2px;
    x-webkit-border-radius: 2px;
    xborder-radius: 2px 2px;
    width:175px;
	

	   background-color: #FFFFFF;
    border: 1px solid #D9D8D4;
    color: #7C7C7C;
    font-size: 11px;
    padding: 5px 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	

	
}

.project_div {
	xborder-top: 3px solid red;
	margin-right: 11px;
	float:left;
	max-width:256px;
	margin-bottom: 11px;
	
}



.project_div img{
	max-width:100%;
}




.image-wrapper
{
    xfloat:left;
    width:100%;
    xheight:208px;
    position:relative;  
	
}
.image-text {
    background: none repeat scroll 0 0;
    height: 100%;
    left: 0;
    
    position: absolute;
    top: 0;
    width: 100%;
	
	opacity: 0.75; 
	
	
}


.hover-div{
	position: absolute;top: 0;font-size: 32px;color: #ffffff;height: 100%;
	xdisplay:none;
}
.hover-text{
	xheight: 356px;display: table-cell;vertical-align: middle;text-align: center;
	
	line-height: 31px;
	width: 256px;
	height: 100%;
}
hr {
    border-bottom: dotted 1px #cbcbcb;
  
    border-top: none;
	border-left: none;
    
	margin-top: 31px;margin-bottom: 31px;
}

/*========================================
		        Footer
==========================================*/



footer {
	xfloat: left;
	xborder-top:1px solid #c1c1c1; 
	width: 770px;
	padding: 11px 10px;
	margin-top: 72px;
	text-align: left;
	font-size: 13px; 
	color: #26272c; 
	
	background-color: #ffffff;
	opacity: 0.8;
	position: fixed; 
    bottom: 0;
    xleft: 31.23%;
    xright: 0;
}
footer h3 a:hover {color: #999; text-decoration: underline; }

footer .btn-upload {margin: 15px auto; float: none; max-width: 491px; width: 100%;}

footer .copyright {float: left; width: 100%; padding-bottom: 15px;}
footer .copyright p {font: 12px "pt_sansregular"; color: #acacac; text-align: center;}

footer ul {margin: 0 auto; width: 315px;}
footer ul li {float: left; padding: 0 10px; border-right: 1px solid #5e5e5e; height: 17px; }
footer ul li a {float: left; font: 12px; color: #5e5e5e;}
footer a,footer span {color: #26272c}

.wrap { float: left;width: 790px; position:relative;}
	body div.slider    { overflow:hidden; position:relative; width:100%; height:484px !important; }
	body div.slider ul { margin:0; padding:0; height:484px; }
	body div.slider li { float:left; list-style:none; margin:0 5px 0 0; }
	body div.slider li { text-align:center; line-height:479px; font-size:25px; }
	
	.controls {
		
		height: 100%;
	width: 100%;
	}
	
	.prev-slide {
		background: url(../images/prev.png) no-repeat left 45%;
		width: 83px;
		height: 484px;
		position: absolute;
		top: 0px;
		left: 0px;
		cursor: pointer;
	}
	
	.next-slide {
		background: url(../images/next.png) no-repeat right 45%;
		background-color: trasnparent ;
		width: 83px;
		height: 484px;
		position: absolute;
		top: 0px;
		right: 0px;
		cursor: pointer;
	}
	
	
	.services {
	
	}
	
	.services li:first-child{
		border-top: 1px dotted #cbcbcb;
	}
	
	.services li{
		font-size:13px;
		color: #26272c;
		font-weight:bold;
		height: 56px;
		border-bottom: 1px dotted #cbcbcb;
		padding-top: 6px;
		padding-left: 10px;
	}
	
	
	.news:first-child {
		border-top: 1px dotted #cbcbcb;		
	}
	
	.news {
		
		border-bottom: 1px dotted #cbcbcb;
		padding-top:23px;
		
		float:left;
		width:100%;
	}
	.news span{
		float:left;
	 color:#faad39;
	 font-size:12px;
	 padding-bottom:13px;
	}
	.news p, .news p p, .news p span{
	float:left;
	color:#26272c;
	 font-size:13px !important;
	 line-height: 28px;
	font-family: 'Open Sans' !important;
	}
	
	.news img {
		margin-top: 19px;
	}
	
	
	.menu-project li a{
		line-height:13px;
	}
	
	
	
	.menu_selector {
		font-size: 12px;
		padding-right: 3px;
		padding-bottom: 3px;
	}
	
	
	
	

.boxcaption{ 
	display:none;
	float: left; 
	position: absolute; 
	xbackground: #000; 
	xheight: 256px; 
	width: 100%; 
	xopacity: .8; 
	/* For IE 5-7 */
	xfilter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	x-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}