/* grey */
.ui-page { background: #fefefe url(images/grey/body.jpg) repeat-x center 0; }
a { color: #3388db; }
h3 { color: #7a6b6c; text-shadow: rgba(255,255,255,0.8) 0px 0px 1px; }
/* slider */
.slider-holder { background-color: #fefefe; 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/grey/page.png); }
.flex-direction-nav li a.next { background-position: 0 -65px !important; }
/* end slider */

/* back-button */
.ui-content a.back-btn {  color: #7a6b6c; 
	background: rgb(252,252,252); 
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(254,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(254,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(254,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(254,255,255,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(254,255,255,1) 100%); /* W3C */
	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/grey/page.png); }
/* end back-button */

.ui-content h3.page-title { border-color: #cbcbc9;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); 
	background: rgb(254,255,255);
	background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(213,213,213,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(213,213,213,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(213,213,213,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(213,213,213,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(213,213,213,1) 100%); /* W3C */ 
}

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

.ui-content .ui-listview { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);  }
.ui-content .ui-listview li { border-top: #babbb6; /*border-bottom: 1px solid #dfdfdf;*/ text-shadow: rgba(255,255,255,0.8) 0px 0px 1px; }
.ui-content .ui-listview li a { color: #7a6b6c; }
.ui-content .ui-listview li a {  background: rgb(254,255,255); /* Old browsers *//* border-bottom: 1px solid #dfdfdf; border-top: 1px solid #feffff;*/
	background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(214,214,214,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(214,214,214,1) 100%); /* W3C */ 
}

.ui-content .ui-listview li a:hover {
	/*border-bottom: 1px solid #dfdfdf; border-top: 1px solid #babbb6; */
	background: rgb(214,214,214); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(254,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(100%,rgba(254,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(214,214,214,1) 0%,rgba(254,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(214,214,214,1) 0%,rgba(254,255,255,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(214,214,214,1) 0%,rgba(254,255,255,1) 100%); 
}

.ui-content .ui-icon { background-image: url(images/grey/page.png); }

/* footer */
.ui-footer { 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: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
}
	
.ui-footer a { color: #767676; }
.ui-footer a:hover { color: #333; }
.ui-footer .twitter-ico { padding-left: 10px; }
.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/grey/page.png); }
/* end footer */

/* services */
.ui-content p { color: #727272; }
.ui-content ul li h4 { color: #7a6b6c; }
.ui-content ul.list-item { background-color: #fafaf8; border-top: 1px solid #eaeae8; }
.ui-content ul.list-item li a { color: #727272; }
.ui-content ul.list-item li a:hover { color: #000;  }
/* end of services */

/* projects page */
.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 .cnt { background-image: url(images/grey/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/grey/page.png); }
/* end of projects page */

/* contact page */
.main { background-color: #fafaf8; 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: #fefefe url(images/grey/body@2x.jpg) repeat-x center 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/grey/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/grey/cnt-bg.png); -webkit-background-size: 260px 134px; -moz-background-size: 260px 134px; background-size: 260px 134px; }
}