@font-face{
	font-family:Audiowide;
	src:local("Audiowide"),url("../css/Audiowide-Regular.ttf");
}

body{
	background-color:black;
}

.main{
	margin:auto;
	height:700px;
	width:1200px;
}

.header{
	color:#fff;
	position:relative;
	/*position:absolute;*/
	z-index:10;
}

#slider{
	display:none;
	float:left;
	margin:-97px 0 0 0;
}

.footer{
	background:rgba(0,0,0,0.5);
	/*background-color:#000;*/
	color:#fff;
	float:left;
	font-family:"Trebuchet MS";
	font-size:12px;
	line-height:35px;
	margin:-35px 0 0 0;
	/*opacity:0.5;*/
	position:relative;
	/*position:absolute;*/
	text-align:center;
	z-index:10;
	height:35px;
	width:1200px;
}

input[name^='txt'],textarea[name^='txa']{
	font-family:Arial;
	font-size:13px;
}

.logo{
	background:url(../img/logo.png);
	float:left;
	margin:25px 0 0 120px;
	height:55px;
	width:226px;
}

.nav, .nav div{
	float:left;
}

.nav{
	margin:0 0 0 10px;
	float:left;
}

.nav a{
	/*color:#fff;*/
}

.nav a div{
	color:#fff;
	font-family:Audiowide;
	font-size:14px;
	line-height:98px;
	margin:0 16px 0 0;
	text-align:center;
	height:98px;
	width:110px;
}

.nav a div:hover{
	background:rgba(188,188,188,0.5);
	color:#fff;
	/*background-color:#bcbcbc;
	cursor:pointer;
	opacity:0.5;*/
}

.selected-btn{
	background:rgba(188,188,188,0.5);
	/*background-color:#bcbcbc;
	opacity:0.5;*/
}

.content{
	float:right;
	margin:163px 120px 0 0;
	position:absolute;
	z-index:10;
	width:1080px;
}

.home{
	background:rgba(0,0,0,0.5);
	/*background-color:#000;*/
	float:right;
	/*opacity:0.5;*/
	height:461px;
	width:382px;
}

.latest-project{
	background:rgba(255,255,255,0.17);
	/*background-color:#555;
	border:1px solid #bcbcbc;*/
	color:#fff;
	font-family:Audiowide;
	font-size:18px;
	line-height:44px;
	margin:5px auto 0 auto;
	padding:0 15px;
	height:44px;
	width:336px;
}

.img-latest-project{
	/*border:1px solid #000;*/
	margin:7px auto 0 auto;
	opacity:1;
	height:177px;
	width:366px;
}

.latest-project-desc{
	background:rgba(0,0,0,0.45);
	/*background-color:#000;*/
	color:#fff;
	font-family:"Trebuchet MS";
	font-size:13px;
	margin:9px 8px 0 8px;
	padding:19px 13px;
	height:173px;
	/*opacity:0.45;*/
}

.latest-project-desc > div:nth-child(1){
	color:#fff;
	font-family:"Trebuchet MS";
	font-size:18px;
	font-weight:bold;
	margin:-10px 0 0 0;
}

.latest-project-desc > div:nth-child(3){
	color:#fff;
	overflow:hidden;
	height:125px;
}







.stevato, .services, .portfolio{
	background:rgba(0,0,0,0.65);
	box-shadow:4px 4px 2px 0px rgba(0,0,0,0.65);
	float:right;
	height:460px;
	width:930px;
}

.stevato-title, .services-title, .portfolio-title{
	background:rgba(255,255,255,0.17);
	color:#fff;
	font-family:Audiowide;
	font-size:18px;
	line-height:44px;
	margin:5px auto 0 auto;
	padding:0 0 0 21px;
	height:44px;
	width:892px;
}

.stevato-specialization{
	background:url(../img/stevato24-siluet.png) 468px 39px no-repeat;
	color:#fff;
	font-family:"Trebuchet MS";
	font-size:13px;
	padding:28px 465px 0 30px;
	height:388px;
	width:402px;
}

.stevato-header{
	font-family:Audiowide;
	font-size:15px;
}

a:link{
	color:#59c4db;
	font-weight:bold;
}

a:hover{
	color:#ffc075;
}

a:visited{}

a:active{}





.services-container{
	/*border:1px solid #fff;*/
	margin:26px auto 0 auto;
	height:360px;
	width:890px;
}

.services-content{
	/*border:1px solid #fff;*/
	float:left;
	height:360px;
	width:430px;
}

.services-content:not(:first-child){
	margin:0 0 0 25px;
}

.services-architecture, .services-interior-design{
	/*box-shadow:4px 4px 2px 0px rgba(0,0,0,0.5);*/
	background:url(../img/services-image-border.png);
	padding:8px 3px 3px 9px;
	height:150px;
	width:419px;
}

.services-architecture-title, .services-interior-design-title{
	color:#fff;
	font-family:Audiowide;
	font-size:18px;
	margin:8px 0 0 9px;
}

.services-architecture-desc, .services-interior-design-desc{
	color:#fff;
	font-family:"Trebuchet MS";
	font-size:15px;
	margin:15px 0 0 9px;
}





.contact-us{
	background:rgba(0,0,0,0.65);
	box-shadow:4px 4px 2px 0px rgba(0,0,0,0.65);
	float:right;
	/*height:460px;*/
	width:490px;
}

.contact-us-title{
	background:rgba(255,255,255,0.17);
	color:#fff;
	font-family:Audiowide;
	font-size:18px;
	line-height:44px;
	margin:5px auto 0 auto;
	padding:0 0 0 21px;
	height:44px;
	width:452px;
}

.contact-us-table{
	color:#fff;
	font-family:"Trebuchet MS";
	font-size:15px;
	margin:20px 0 0 0;
}

.contact-us-container{
	margin:auto;
	width:430px;
}

.contact-us-table tr td{
	vertical-align:top;
	height:35px;
}

.contact-us-table tr:nth-child(1) td{
	font-size:18px;
}

.contact-us-table tr:nth-child(2) td:nth-child(3){
	/*color:#59c4db;
	font-weight:bold;*/
}

.contact-us-table tr td:nth-child(3){
	padding:0 0 0 5px;
}

/*.contact-us a:link{
	color:#59c4db;
	font-weight:bold;
}

.contact-us a:hover{
	color:#ffc075;
}

.contact-us a:visited{
}

.contact-us a:active{
}*/

.contact-us-table tr:last-child td{
	padding:0 11px 0 0;
	text-align:right;
}

.txtbox{
	background:rgba(255,255,255,0.6);
	border-radius:5px;
	padding:2px 0 0 5px;
	height:28px;
	width:340px;
}

.txtbox input{
	background:transparent;
	border:none;
}

.txabox{
	background:rgba(255,255,255,0.6);
	border-radius:5px;
	padding:5px;
	height:88px;
	width:334px;
}

.txabox textarea{
	background:transparent;
	border:none;
	resize:none;
}





.portfolio-interior{
	font-size:14px;
}

.portfolio-goto{
	float:right;
	font-family:"Trebuchet MS";
	font-size:15px;
	font-weight:bold;
	padding:0 36px 0 0;
}

.portfolio-goto a{
	color:#59c4db;
}

.portfolio-bigger-image{
	background:url(../img/portfolio-bigger-image-list.png) 0 -1px no-repeat;
	padding:8px 0 0 3px;
	height:329px;
	width:429px;
}

.portfolio-container{
	margin:19px auto 0 auto;
	padding:0 0 0 20px
	height:470px;
	width:900px;
}

.portfolio-container > div{
	float:left;
}

.portfolio-content-right{
	margin:8px 0 0 5px;
}

.portfolio-image-desc{
	color:#fff;
	font-family:"Trebuchet MS";
}

.portfolio-image-desc:nth-child(1){
	font-size:12px;
}

.portfolio-image-desc:nth-child(2){
	font-size:15px;
}

.portfolio-image-collection{
	overflow-y:scroll;
	scrollbar-base-color:#000;
	height:307px;
	width:460px;
}

.portfolio-image-collection div{
	cursor:pointer;
	float:left;
	margin:0 15px 0 0;
	height:103px;
}



/*scrollbar{
	-moz-appearance:none;
	background:rgb((255,255,255);
}*/

/*.footer .lnk:link{
	color:#59c4db;
}

.footer .lnk:hover{
	color:#ffc075;
}

.footer .lnk:visited{
}

.footer .lnk:active{
}*/

.sosmed{
	border:1px solid #a1a1a1;
	float:left;
	margin:11px 0 0 0;
	height:77px;
	width:77px;
}

.sosmed div{
	float:left;
	margin:7px 0 0 6px;
}

.sosmed .fb{
	background:url(../img/fb-logo.png);
	height:29px;
	width:30px;
}

.sosmed .tw{
	background:url(../img/tw-logo.png);
	height:29px;
	width:30px;
}

.sosmed .gplus{
	background:url(../img/g+-logo.png);
	height:29px;
	width:30px;
}

.sosmed .pinterest{
	background:url(../img/pi-logo.png);
	height:29px;
	width:30px;
}





#main_nano {
	/*background: #bba;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*border-top: 1px rgba(255,255,255,.6) solid;*/
	height: 105px;
	width: 340px;
	margin: auto;
}

#main_nano .nano {
	/*text-shadow: #eee 0 1px;*/
}




.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}





.nano .nano-content {
	padding:0 20px 0 0;
}

.nano .nano-pane {
	background: #555;
	width: 8px;
	right: 1px;
	margin: 5px;
}

.nano .nano-slider {
	background: #111;
}