/* dark-blue */
.ui-page { background: #080e24 url(images/dark-blue/body.jpg) repeat-x center 0; }
a { color: #bdcfe0; }

h3 { color: #fff; text-shadow: rgba(0,0,0,0.8) 0px 0px 1px; font-size: 16px; border: 0; 
	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(0,126,225); 
	background: -moz-linear-gradient(top, rgba(0,126,225,1) 0%, rgba(0,91,166,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,126,225,1)), color-stop(100%,rgba(0,91,166,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,126,225,1) 0%,rgba(0,91,166,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,126,225,1) 0%,rgba(0,91,166,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(0,126,225,1) 0%,rgba(0,91,166,1) 100%); /* W3C */ 
}


/* slider */
.slider-holder { background: rgb(0,125,222);
	background: -moz-linear-gradient(top, rgba(0,125,222,1) 0%, rgba(9,105,184,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,125,222,1)), color-stop(100%,rgba(9,105,184,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,125,222,1) 0%,rgba(9,105,184,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,125,222,1) 0%,rgba(9,105,184,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(0,125,222,1) 0%,rgba(9,105,184,1) 100%); /* W3C */
	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/dark-blue/page.png); }
.flex-direction-nav li a.next { background-position: 0 -65px !important; }
/* end slider */

/* back-button */
.ui-content a.back-btn { margin-bottom: -1px; z-index: 1; color: #dbebff; text-shadow: rgba(0,0,0,0.6) 0px 1px 1px;
	background: rgb(35,87,141);
	background: -moz-linear-gradient(top, rgba(35,87,141,1) 0%, rgba(14,49,100,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,87,141,1)), color-stop(100%,rgba(14,49,100,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(35,87,141,1) 0%,rgba(14,49,100,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(35,87,141,1) 0%,rgba(14,49,100,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(35,87,141,1) 0%,rgba(14,49,100,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/dark-blue/page.png); }
/* end back-button */

.ui-content h3.page-title { border-color: #005ba6; position: relative; z-index: 5;
	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(0,126,225); 
	background: -moz-linear-gradient(top, rgba(0,126,225,1) 0%, rgba(0,91,166,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,126,225,1)), color-stop(100%,rgba(0,91,166,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,126,225,1) 0%,rgba(0,91,166,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,126,225,1) 0%,rgba(0,91,166,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(0,126,225,1) 0%,rgba(0,91,166,1) 100%); /* W3C */
}

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

.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 #80bcec; }
.ui-content .ui-corner-all ul li:first-child a:hover { border-top: 1px solid #043f6f; }
.ui-content .ui-listview { background-color: #9d2b64; 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: #fff; border-top: 1px solid #2673b2; border-bottom: 1px solid #273547;  text-shadow: rgba(0,0,0,0.5) 1px 1px 1px; }

.ui-content .ui-listview li a {
	background: rgb(0,126,225);
	background: -moz-linear-gradient(top, rgba(0,126,225,1) 0%, rgba(0,91,166,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,126,225,1)), color-stop(100%,rgba(0,91,166,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,126,225,1) 0%,rgba(0,91,166,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,126,225,1) 0%,rgba(0,91,166,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(0,126,225,1) 0%,rgba(0,91,166,1) 100%); /* W3C */
}

.ui-content .ui-listview li a:hover {
	background: #043f6f ;	
}

.ui-content .ui-icon { background-image: url(images/dark-blue/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,0,0.3); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); 
	background: rgb(35,86,140);
	background: -moz-linear-gradient(top, rgba(35,86,140,1) 0%, rgba(14,50,101,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,86,140,1)), color-stop(100%,rgba(14,50,101,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(35,86,140,1) 0%,rgba(14,50,101,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(35,86,140,1) 0%,rgba(14,50,101,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(35,86,140,1) 0%,rgba(14,50,101,1) 100%); /* W3C */
}

.ui-footer a { color: #bdcfe0; }
.ui-footer a:hover { color: #0078d7; }
.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/dark-blue/page.png); }
/* end footer */

/* services */
.ui-content ul.list-item { background: #003e70; border-top: 1px solid #2673b2; 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 ul li h4 { color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 1px; }
.ui-content p { color: #809fb8; }
.ui-content ul.list-item li a { color: #809fb8; }
.ui-content ul.list-item li a:hover { color: #000;  }
/* end of services */

/* projects page */
.ui-content ul.projects-item { position: relative; z-index: 5; 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/dark-blue/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/dark-blue/page.png); }
.project-slider {  border-top: 1px solid #547e9f;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; 
	background: rgb(32,86,130);
	background: -moz-linear-gradient(top, rgba(32,86,130,1) 0%, rgba(0,62,112,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,86,130,1)), color-stop(100%,rgba(0,62,112,1))); 
	background: -webkit-linear-gradient(top, rgba(32,86,130,1) 0%,rgba(0,62,112,1) 100%); 
	background: -o-linear-gradient(top, rgba(32,86,130,1) 0%,rgba(0,62,112,1) 100%); 
	background: linear-gradient(to bottom, rgba(32,86,130,1) 0%,rgba(0,62,112,1) 100%); 

}
/* 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) ; background: rgb(0,62,112); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,62,112,1) 0%, rgba(0,62,112,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,62,112,1)), color-stop(100%,rgba(0,62,112,1)));
	background: -webkit-linear-gradient(top, rgba(0,62,112,1) 0%,rgba(0,62,112,1) 100%); 
	background: -o-linear-gradient(top, rgba(0,62,112,1) 0%,rgba(0,62,112,1) 100%); 
	background: -ms-linear-gradient(top, rgba(0,62,112,1) 0%,rgba(0,62,112,1) 100%);
	background: linear-gradient(to bottom, rgba(0,62,112,1) 0%,rgba(0,62,112,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e70', endColorstr='#003e70',GradientType=0 );
}

.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: #080e24 url(images/dark-blue/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/dark-blue/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/dark-blue/cnt-bg.png); -webkit-background-size: 260px 134px; -moz-background-size: 260px 134px; background-size: 260px 134px; }
}