/* leather */
.ui-page { background: url(images/leather/body.jpg) repeat 0 0; }
a { color: #f0ece8; }


h3 { color: #e6e6e6; text-shadow: rgba(0,0,0,0.8) 0px 0px 1px; font-size: 16px;  background: url(images/leather/page-title.png) repeat 0 0; border: 0 !important; padding: 3px  !important;  }
h3 span { border: 1px dashed #5e422f; display: block; padding: 6px 14px; }


/* slider */ 
.slider-holder { padding: 3px;  background: url(images/leather/slider.png) repeat 0 0; border: 1px solid #79593e;  box-shadow: 0px 0px 10px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6); -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.6); } 
.flex-direction-nav li a { background-image: url(images/leather/page.png); }
.flex-direction-nav li a.next { background-position: 0 -65px !important; }
.flexslider { border: 1px solid rgba(255,255,255,0.2); }

.slider-border { border: 1px dashed #70401d; padding: 7px; }
/* end slider */

/* back-button */
.ui-content a.back-btn {  color: #f0ece8;
	background: url(images/leather/page-title.png) repeat 0 0;
	box-shadow: 0px 0px 0px rgba(0,0,0,0.3) , 1px -1px 1px rgba(0,0,0,0.2) , -1px 0px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.3) , 1px -1px 1px rgba(0,0,0,0.2) , -1px 0px 0px rgba(0,0,0,0.2); 
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.3) , 1px -1px 1px rgba(0,0,0,0.2) , -1px 0px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 0px rgba(0,0,0,0.3) , 1px -1px 1px rgba(0,0,0,0.2) , -1px 0px 0px rgba(0,0,0,0.2); 
}

.arr-ico { background-image: url(images/leather/page.png); }
/* end back-button */

.ui-content h3.page-title { background: url(images/leather/page-title.png) repeat 0 0; padding: 0 0 0 0; }

#logo a { background-image: url(images/logo.png); }

.ui-btn-icon-right > .ui-btn-inner > .ui-icon { top: 16px !important;  }
.ui-content .ui-corner-all ul li:hover { border-bottom: 0 !important; }  
.ui-content .ui-corner-all ul li:first-child a { border-top: 1px solid transparent;  }
.ui-content .ui-corner-all ul li:first-child a:hover { border-top: 1px solid transparent; }
.ui-content .ui-listview  { background: transparent; box-shadow: 0px 0px 10px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6); -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);  }
.ui-content .ui-listview li { border: 0 !important; text-shadow: rgba(255,255,255,0.8) 0px 0px 1px; }
.ui-content .ui-listview li a { color: #d5d1cf; text-shadow: rgba(0,0,0,0.5) 1px 1px 1px; border-top: 1px solid #111111; border-bottom: 1px solid #321e10; padding: 3px !important;  background: url(images/leather/list-view.png) repeat-x 0 0 !important; }
.ui-content .ui-listview li a:hover { color: #c19984; }
.ui-content .ui-listview a span { border: 1px dashed #4a3a30 !important; display: block;  padding: 7px 0 6px 15px !important; }
.ui-content .ui-icon { background-image: url(images/leather/page.png); background-position: -58px -9px; height: 30px !important;  width: 55px;  }

/* footer */
.ui-footer { border-top: 1px solid #482b15; height: 37px; line-height: 37px; box-shadow: 0px 0px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px rgba(0,0,00); -webkit-box-shadow: 0px 0px 4px rgba(0,0,00); -o-box-shadow: 0px 0px 4px rgba(0,0,00); 
	background: url(images/leather/footer.png) repeat 0 0;
}

.ui-footer .footer-border { border: 1px dashed #4f382a; padding: 3px 5px; margin: 0 0 0 0 !important; padding-bottom: 0 !important; }
.ui-bar { padding: 3px 3px !important; }
.ui-footer a { color: #887a70; text-shadow: rgba(0,0,0,0.3) 0px 0px 1px; position: relative; margin-top: -8px  !important; }
.ui-footer a:hover { color: #fff; }
.ui-footer .twitter-ico { padding-left: 8px; }
.ui-footer .ui-icon-twitter-ico { background-image: url(images/icos.png); }
.ui-footer .ui-icon-mail-ico { background-image: url(images/icos.png); }
.ui-footer .mail-ico { float: right; background-image: url(images/leather/page.png); padding-left: 6px !important; }
/* end footer */

/* services */
.ui-content ul li h4 { color: #d5d1cf; text-shadow: rgba(0,0,0,0.4) 0px 1px 0px; }
.ui-content .list-cnt { background: url(images/leather/content.png) repeat 0 0  !important; padding: 3px; border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px; -o-border-radius: 0px 0px 6px 6px; }
.ui-content .list-cnt ul.list-item { border: 1px dashed #433226 !important; background: url(images/leather/content.png) repeat 0 0  !important; padding: 0 0 0 0;  box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);  }
.ui-content p { color: #766a61; }
.ui-content ul.list-item li { padding: 8px 15px 11px 20px; }
.ui-content ul.list-item li:last-child { border-bottom: 0 !important;  border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px; -o-border-radius: 0px 0px 6px 6px; }
.ui-content ul.list-item li:first-child { border-top: 0 !important;  }
.ui-content ul.list-item li a { color: #766a61; }
.ui-content ul.list-item li a:hover { color: #8e7f73;  }
/* end of services */

/* projects page */
.project-slider { background: url(images/leather/content.png) repeat 0 0; border: 0 !important;}

.project-slider p { color: #766a61; }
.ui-content .project-list-cnt { border-radius: 6px 0px 6px 6px; -moz-border-radius: 6px 0px 6px 6px; -webkit-border-radius: 6px 0px 6px 6px; -o-border-radius: 6px 0px 6px 6px; } 
.ui-content ul.projects-item { padding: 10px !important; background: url(images/leather/content.png) repeat 0 0; }
.ui-content ul.projects-item { box-shadow: 0px 0px 2px rgba(0,0,0,0.3) ; -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3) ; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3) ; -o-box-shadow: 0px 0px 2px rgba(0,0,0,0.3) ;  }
.ui-content ul.projects-item li { padding: 0 0 12px 0 !important; background: transparent !important; }
.ui-content ul.projects-item li .cnt { background-image: url(images/leather/cnt-bg.png); }
.ui-content ul.projects-item li .cnt h4 { color: #fff; text-shadow: rgba(0,0,0,0.9) 0px 0px 1px; }
.ui-content ul.projects-item li .cnt h4 a { color: #fff; }
.ui-content ul.projects-item li .cnt span.zoom-ico { background-image: url(images/leather/page.png); }
/* end of projects page */

/* contact page */
.main { background: url(images/leather/content.png) repeat 0 0; box-shadow: 0px 0px 3px rgba(0,0,0,0.3) ; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3) ; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3) ; -o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3) ; }
.contact p span { background-image: url(images/icos.png); }
.socials a { background-image: url(images/icos.png); }
.socials a.in-ico { background-position: 0px 0px; }
.socials a.facebook-ico { background-position: -84px 0px; }
.socials a.twitter-ico { background-position: -170px 0px; }
/* end of  contact page */


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) { 
	.ui-page { background: url(images/leather/body@2x.jpg) repeat 0 0; -webkit-background-size: 640px 500px; -moz-background-size: 640px 500px; background-size: 640px 500px; }
	.contact p span,
	.ui-footer a .ui-icon-twitter-ico,
	.ui-footer a .ui-icon-mail-ico,
	.socials a { background-image: url(images/icos@2x.png); -webkit-background-size: 232px 111px; -moz-background-size: 232px 111px; background-size: 232px 111px; }
	.flex-direction-nav li a,
	.ui-content ul.projects-item li .cnt span.zoom-ico,
	.arr-ico,
	.ui-footer .mail-ico,
	.ui-content .ui-icon { background-image: url(images/leather/page@2x.png); -webkit-background-size: 260px 134px; -moz-background-size: 260px 134px; background-size: 260px 134px; }
	.ui-content ul.projects-item li .cnt { background-image: url(images/leather/cnt-bg.png); -webkit-background-size: 260px 134px; -moz-background-size: 260px 134px; background-size: 260px 134px; }
}