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

.ui-header { background: #000; z-index: 20; position: relative; }
.ui-header:after {
	background: rgb(217,217,217);
	background: -moz-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(198,198,198,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,217,217,1)), color-stop(100%,rgba(198,198,198,1)));
	background: -webkit-linear-gradient(top, rgba(217,217,217,1) 0%,rgba(198,198,198,1) 100%);
	background: -o-linear-gradient(top, rgba(217,217,217,1) 0%,rgba(198,198,198,1) 100%);
	background: -ms-linear-gradient(top, rgba(217,217,217,1) 0%,rgba(198,198,198,1) 100%);
	background: linear-gradient(to bottom, rgba(217,217,217,1) 0%,rgba(198,198,198,1) 100%);
	border-color: #e3e3e3;
}

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

.ui-footer p a { color: #626262; }

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

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

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

#slider h2 {
	background: rgb(244,245,244);
	background: -moz-linear-gradient(top, rgba(244,245,244,1) 0%, rgba(214,214,214,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,245,244,1)), color-stop(100%,rgba(214,214,214,1)));
	background: -webkit-linear-gradient(top, rgba(244,245,244,1) 0%,rgba(214,214,214,1) 100%);
	background: -o-linear-gradient(top, rgba(244,245,244,1) 0%,rgba(214,214,214,1) 100%);
	background: -ms-linear-gradient(top, rgba(244,245,244,1) 0%,rgba(214,214,214,1) 100%);
	background: linear-gradient(to bottom, rgba(244,245,244,1) 0%,rgba(214,214,214,1) 100%);
	color: #313131;
	text-shadow: 0 1px 1px rgba(255,255,255,.5);
	box-shadow: 0 2px 2px rgba(0,0,0,.5);
}
#slider .flex-prev,
#slider .flex-next {
	background: rgb(97,97,97);
	background: -moz-linear-gradient(top, rgba(97,97,97,1) 0%, rgba(68,68,68,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,97,97,1)), color-stop(100%,rgba(68,68,68,1)));
	background: -webkit-linear-gradient(top, rgba(97,97,97,1) 0%,rgba(68,68,68,1) 100%);
	background: -o-linear-gradient(top, rgba(97,97,97,1) 0%,rgba(68,68,68,1) 100%);
	background: -ms-linear-gradient(top, rgba(97,97,97,1) 0%,rgba(68,68,68,1) 100%);
	background: linear-gradient(to bottom, rgba(97,97,97,1) 0%,rgba(68,68,68,1) 100%);
}

#portfolio .flex-prev,
#portfolio .flex-next,
#project .flex-prev,
#project .flex-next {
	background: rgb(106,106,106);
	background: -moz-linear-gradient(top, rgba(106,106,106,1) 0%, rgba(67,67,67,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,106,106,1)), color-stop(100%,rgba(67,67,67,1)));
	background: -webkit-linear-gradient(top, rgba(106,106,106,1) 0%,rgba(67,67,67,1) 100%);
	background: -o-linear-gradient(top, rgba(106,106,106,1) 0%,rgba(67,67,67,1) 100%);
	background: -ms-linear-gradient(top, rgba(106,106,106,1) 0%,rgba(67,67,67,1) 100%);
	background: linear-gradient(to bottom, rgba(106,106,106,1) 0%,rgba(67,67,67,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(166,166,166,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(166,166,166,1)));
	background: -webkit-linear-gradient(top, rgba(251,251,251,1) 0%,rgba(166,166,166,1) 100%);
	background: -o-linear-gradient(top, rgba(251,251,251,1) 0%,rgba(166,166,166,1) 100%);
	background: -ms-linear-gradient(top, rgba(251,251,251,1) 0%,rgba(166,166,166,1) 100%);
	background: linear-gradient(to bottom, rgba(251,251,251,1) 0%,rgba(166,166,166,1) 100%);
	box-shadow: 0 1px 1px rgba(255,255,255,.3) inset;
	border-color: #a9a9a9;
}

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

nav li a {
	background: rgb(64,64,64);
	background: -moz-linear-gradient(top, rgba(64,64,64,1) 0%, rgba(28,28,28,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,64,64,1)), color-stop(100%,rgba(28,28,28,1)));
	background: -webkit-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(28,28,28,1) 100%);
	background: -o-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(28,28,28,1) 100%);
	background: -ms-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(28,28,28,1) 100%);
	background: linear-gradient(to bottom, rgba(64,64,64,1) 0%,rgba(28,28,28,1) 100%);
}
nav li a { color: #d6d6d6; border-color: #000; }
#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(64,64,64);
	background: -moz-linear-gradient(top, rgba(64,64,64,1) 0%, rgba(28,28,28,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,64,64,1)), color-stop(100%,rgba(28,28,28,1)));
	background: -webkit-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(28,28,28,1) 100%);
	background: -o-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(28,28,28,1) 100%);
	background: -ms-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(28,28,28,1) 100%);
	background: linear-gradient(to bottom, rgba(64,64,64,1) 0%,rgba(28,28,28,1) 100%);
	border-color: #000;
	color: #d6d6d6;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
#services li .ui-collapsible-heading-toggle:before {
	background: rgb(106,106,106);
	background: -moz-linear-gradient(top, rgba(106,106,106,1) 0%, rgba(67,67,67,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,106,106,1)), color-stop(100%,rgba(67,67,67,1)));
	background: -webkit-linear-gradient(top, rgba(106,106,106,1) 0%,rgba(67,67,67,1) 100%);
	background: -o-linear-gradient(top, rgba(106,106,106,1) 0%,rgba(67,67,67,1) 100%);
	background: -ms-linear-gradient(top, rgba(106,106,106,1) 0%,rgba(67,67,67,1) 100%);
	background: linear-gradient(to bottom, rgba(106,106,106,1) 0%,rgba(67,67,67,1) 100%);
}

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

article p, #services li p, #project .entry p { color: #d6d6d6; }
article p a, #services p a { color: #54c6ef; }

#project .entry .back { color: #54c6ef; }

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

@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/black/logo@2x.png); }

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

			.ui-header .home-button:after { background-image: url(images/black/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/black/link-arrows@2x.png); -webkit-background-size: 24px 18px; -ms-background-size: 24px 18px; background-size: 24px 18px; }
		}