.ui-page { background: #1e4b75; }

.ui-header { background: #1f4e7a; z-index: 20; position: relative; }
.ui-header:after {
	background: rgb(227,241,255);
	background: -moz-linear-gradient(top, rgba(227,241,255,1) 0%, rgba(218,232,245,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,241,255,1)), color-stop(100%,rgba(218,232,245,1)));
	background: -webkit-linear-gradient(top, rgba(227,241,255,1) 0%,rgba(218,232,245,1) 100%);
	background: -o-linear-gradient(top, rgba(227,241,255,1) 0%,rgba(218,232,245,1) 100%);
	background: -ms-linear-gradient(top, rgba(227,241,255,1) 0%,rgba(218,232,245,1) 100%);
	background: linear-gradient(to bottom, rgba(227,241,255,1) 0%,rgba(218,232,245,1) 100%);
	border-color: #f8f8f8;
}

.ui-header .home-button {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,239,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(225,239,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
}
.ui-header .home-button:after { background-image: url(images/dark_blue/ico-home.png); }

.ui-footer p { color: #8b9dad; }
.ui-footer p a { color: #fff; }

article, #services, #portfolio, #project, #contact, #social {
	background: rgb(28,64,99);
	background: -moz-linear-gradient(top, rgba(28,64,99,1) 0%, rgba(22,61,97,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28,64,99,1)), color-stop(100%,rgba(22,61,97,1)));
	background: -webkit-linear-gradient(top, rgba(28,64,99,1) 0%,rgba(22,61,97,1) 100%);
	background: -o-linear-gradient(top, rgba(28,64,99,1) 0%,rgba(22,61,97,1) 100%);
	background: -ms-linear-gradient(top, rgba(28,64,99,1) 0%,rgba(22,61,97,1) 100%);
	background: linear-gradient(to bottom, rgba(28,64,99,1) 0%,rgba(22,61,97,1) 100%);
}

article { border-bottom: 1px solid #14334f; box-shadow: 0 1px 0 rgba(255,255,255,.1); }

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

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

#slider h2 {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,239,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(225,239,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	color: #0c1b31;
	text-shadow: 0 1px 1px rgba(255,255,255,.5);
	box-shadow: 0 2px 2px rgba(0,0,0,.5);
}
#slider .slides a strong { background: rgba(5,37,65,.4); }
#slider .flex-prev,
#slider .flex-next {
	background: rgb(31,78,122);
	background: -moz-linear-gradient(top, rgba(31,78,122,1) 0%, rgba(21,56,89,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,78,122,1)), color-stop(100%,rgba(21,56,89,1)));
	background: -webkit-linear-gradient(top, rgba(31,78,122,1) 0%,rgba(21,56,89,1) 100%);
	background: -o-linear-gradient(top, rgba(31,78,122,1) 0%,rgba(21,56,89,1) 100%);
	background: -ms-linear-gradient(top, rgba(31,78,122,1) 0%,rgba(21,56,89,1) 100%);
	background: linear-gradient(to bottom, rgba(31,78,122,1) 0%,rgba(21,56,89,1) 100%);
}
#slider .flex-prev:after,
#slider .flex-next:after { background-image: url(images/dark_blue/slider-arrows.png); }

#portfolio .flex-prev,
#portfolio .flex-next,
#project .flex-prev,
#project .flex-next {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,239,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(225,239,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	box-shadow: 0 0 4px rgba(0,0,0,.4);
}
#portfolio .flex-prev:after,
#portfolio .flex-next:after,
#project .flex-prev:after,
#project .flex-next:after { background-image: url(images/dark_blue/slider-arrows2.png); }

#portfolio .flex-control-nav a {
	background: rgb(1,15,28);
	background: -moz-linear-gradient(top, rgba(1,15,28,1) 0%, rgba(13,49,82,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,15,28,1)), color-stop(100%,rgba(13,49,82,1)));
	background: -webkit-linear-gradient(top, rgba(1,15,28,1) 0%,rgba(13,49,82,1) 100%);
	background: -o-linear-gradient(top, rgba(1,15,28,1) 0%,rgba(13,49,82,1) 100%);
	background: -ms-linear-gradient(top, rgba(1,15,28,1) 0%,rgba(13,49,82,1) 100%);
	background: linear-gradient(to bottom, rgba(1,15,28,1) 0%,rgba(13,49,82,1) 100%);
}
#portfolio .flex-control-nav a.flex-active {
	background: rgb(251,251,251);
	background: -moz-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(226,240,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(226,240,255,1)));
	background: -webkit-linear-gradient(top, rgba(251,251,251,1) 0%,rgba(226,240,255,1) 100%);
	background: -o-linear-gradient(top, rgba(251,251,251,1) 0%,rgba(226,240,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(251,251,251,1) 0%,rgba(226,240,255,1) 100%);
	background: linear-gradient(to bottom, rgba(251,251,251,1) 0%,rgba(226,240,255,1) 100%);
	box-shadow: 0 1px 1px rgba(255,255,255,.3) inset;
	border-color: #fff;
}

.title {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,239,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(225,239,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
}
.title, .title a { color: #0c1b31; text-shadow: 0 1px 0 rgba(255,255,255,.3); }

nav li a {
	background: rgb(58,123,184);
	background: -moz-linear-gradient(top, rgba(58,123,184,1) 0%, rgba(46,99,148,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,123,184,1)), color-stop(100%,rgba(46,99,148,1)));
	background: -webkit-linear-gradient(top, rgba(58,123,184,1) 0%,rgba(46,99,148,1) 100%);
	background: -o-linear-gradient(top, rgba(58,123,184,1) 0%,rgba(46,99,148,1) 100%);
	background: -ms-linear-gradient(top, rgba(58,123,184,1) 0%,rgba(46,99,148,1) 100%);
	background: linear-gradient(to bottom, rgba(58,123,184,1) 0%,rgba(46,99,148,1) 100%);
}
nav li a { color: #dfedfa; border-color: #224b70; text-shadow: 0 1px 1px rgba(0,0,0,.5); }
#services li .ui-collapsible-heading-toggle { color: #283136; text-shadow: 0 1px 0 rgba(255,255,255,.5); }
#services li .ui-collapsible-heading-toggle {
	background: rgb(58,123,184);
	background: -moz-linear-gradient(top, rgba(58,123,184,1) 0%, rgba(46,99,148,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,123,184,1)), color-stop(100%,rgba(46,99,148,1)));
	background: -webkit-linear-gradient(top, rgba(58,123,184,1) 0%,rgba(46,99,148,1) 100%);
	background: -o-linear-gradient(top, rgba(58,123,184,1) 0%,rgba(46,99,148,1) 100%);
	background: -ms-linear-gradient(top, rgba(58,123,184,1) 0%,rgba(46,99,148,1) 100%);
	background: linear-gradient(to bottom, rgba(58,123,184,1) 0%,rgba(46,99,148,1) 100%);
	border-color: #224b70;
	color: #dfedfa;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
#services li .ui-collapsible-heading-toggle:before {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,239,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(225,239,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,239,255,1) 100%);
}

nav li a:after, #services li .ui-collapsible-heading-toggle:after, .title > * + *:after, #project .entry .back:after { background-image: url(images/dark_blue/link-arrows.png); }

article p, #services li p, #project .entry p { color: #dfedfa; }
article p a, #services p a { color: #7bdeff; }

#project .entry .back { color: #7bdeff; }

#contact ul li { border-color: #10263b; box-shadow: 0 1px 0 rgba(255,255,255,.1); color: #dfedfa; }
#contact ul li a { color: #dfedfa; }

@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) {
			#logo { background-image: url(images/dark_blue/logo@2x.png); }

			#logo-footer { background-image: url(images/dark_blue/logo-footer@2x.png); }

			#slider .flex-prev:after,
			#slider .flex-next:after { background-image: url(images/dark_blue/slider-arrows@2x.png); -webkit-background-size: 54px 42px; -ms-background-size: 54px 42px; }

			#portfolio .flex-prev:after,
			#portfolio .flex-next:after,
			#project .flex-prev:after,
			#project .flex-next:after { background-image: url(images/dark_blue/slider-arrows2@2x.png); -webkit-background-size: 54px 42px; -ms-background-size: 54px 42px; }

			.ui-header .home-button:after { background-image: url(images/dark_blue/ico-home@2x.png); }

			nav li a:after, #services li .ui-collapsible-heading-toggle:after, .title > * + *:after, #project .entry .back:after { background-image: url(images/dark_blue/link-arrows@2x.png); -webkit-background-size: 24px 18px; -ms-background-size: 24px 18px; background-size: 24px 18px; }
		}

}