/* main page layout */
#w { display: block;}


/* sorting and filtering */
.sort {}

.sort .label { margin-right: 11px; }
.sort ul{margin:0;padding:0 0 0 0;list-style:none;text-align: center;}
.sort ul li{margin:0 0 0 0px;padding: 0px 12px 0px 12px;display:inline-block;vertical-align:top;background:url(../image/dcdr.png) 100% 50% no-repeat ;}
.sort ul li:last-child {
    background: none;
}
.sort li a {font:normal 16px 'FuturaBT-Book';color:#383535;margin:0;padding:0;text-transform:uppercase;line-height:normal;}
.sort li a.selected, .sort li a:hover {color:#77ab36; text-decoration:none;}


/* portfolio items */
ul.portfolio { display: block;width: 100%;margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;list-style:none; background:url(../images/ul_bottom.jpg) repeat-x top;}

.portfolio li { 
 /* display:inline-block;*/
  margin:24px 15px 0 0px;padding:0px 0px 0px 0px;
  /*height:158px;
  width:255px;*/
}


.portfolio li iframe{width:100% !important;}

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

@media(max-width:1175px){
.sort li a{font-size:12px;}
}

@media(max-width:767px){
ul.portfolio{text-align:center;}	
.portfolio li {margin:0 7px 20px 7px; }	
.sort ul li {
   
   
    
    background: none;
}
.sort{position:relative;left:0;right:inherit;top:0;}
.sort ul{text-align:center;}
}

@media(max-width:479px){
	
}
@media only screen and (min-width : 320px) and (max-width : 359px){
	.sort ul li {
   
  padding: 10px 53px 10px 53px;
    
   
}
}
@media only screen and (min-width : 360px) and (max-width : 479px){
	.sort ul li {
   
   padding: 9px 72px 3px 74px;
    
   
}
}
@media only screen and (min-width : 480px) and (max-width : 480px){
	.sort ul li {
   
  padding: 13px 12px 4px 12px;
    
   
}
}
@media only screen and (min-width : 640px) and (max-width : 767px){
	.sort ul li {
   
  padding: 10px 12px 7px 12px;
    
   
}
}


/****************** 2nd sort ***********************************/



/* sorting and filtering */
.sort {}

.sort1 .label { margin-right: 11px; }
.sort1 ul{margin:0;padding:0 0 24px 0;list-style:none;}
.sort1 ul li{margin:0 0 0 17px;padding:0 0 0 17px;display:inline-block;vertical-align:top;background:url(../images/sep3.png) no-repeat left 3px;}
.sort1 ul li:first-child{background-image:none;margin-left:7px;padding-left:0;}
.sort1 li a {font:normal 16px 'FuturaBT-Book';color:#383535;margin:0;padding:0;text-transform:uppercase;line-height:normal;}
.sort1 li a.selected, .sort li a:hover {color:;    text-decoration: none;}


/* portfolio items */
ul.portfolio1 { display: block;width: 100%;margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;list-style:none; background:url(../images/ul_bottom.jpg) repeat-x top;}

.portfolio1 li { 
 /* display:inline-block;*/
  margin:24px 15px 0 0px;padding:0px 0px 0px 0px;
  /*height:158px;
  width:255px;*/
}


.portfolio1 li iframe{width:100% !important;}

.portfolio1 li p span{ display:block;}
.portfolio1 li p span a{ padding:0; font:normal 15px/25px "FuturaBT-Book"; color:#000; }

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: ; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

@media(max-width:1175px){
.sort1 li a{font-size:12px;}
}

@media(max-width:767px){
ul.portfolio1{text-align:center;}	
.portfolio1 li {margin:0 7px 20px 7px;}	
.sort1{position:relative;left:0;right:inherit;top:0;}
.sort1 ul{text-align:center;}
}