.ui-mobile { background-color: #0f1887; background-image: url(images/default/body.jpg), url(images/default/bottom.jpg); background-position: 50% 0, 50% 0; background-repeat: no-repeat, repeat-y;; }

#logo a { background-image: url(images/default/logo@2x.png); -webkit-background-size: 320px 78px; }

#page-head h2 { border-color: #4080c2; box-shadow: 0 1px 0 #90c4ff; }

footer p, footer p a { color: #959cd4; }

article p, article p a, #services p { color: #ecefff; }

#services h3 { color: #f8f8f8; }

.back, .back:after { background-image: url(images/default/back.png); }

#project .flex-control-nav a { background: #344cee; }
#project .flex-control-nav a.flex-active { background: #192596; }

.ui-submit {
	background: rgb(69,209,255);
	background: -moz-linear-gradient(top, rgba(69,209,255,1) 0%, rgba(77,194,232,1) 51%, rgba(76,186,243,1) 53%, rgba(65,163,214,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,209,255,1)), color-stop(51%,rgba(77,194,232,1)), color-stop(53%,rgba(76,186,243,1)), color-stop(100%,rgba(65,163,214,1)));
	background: -webkit-linear-gradient(top, rgba(69,209,255,1) 0%,rgba(77,194,232,1) 51%,rgba(76,186,243,1) 53%,rgba(65,163,214,1) 100%);
	background: -o-linear-gradient(top, rgba(69,209,255,1) 0%,rgba(77,194,232,1) 51%,rgba(76,186,243,1) 53%,rgba(65,163,214,1) 100%);
	background: -ms-linear-gradient(top, rgba(69,209,255,1) 0%,rgba(77,194,232,1) 51%,rgba(76,186,243,1) 53%,rgba(65,163,214,1) 100%);
	background: linear-gradient(to bottom, rgba(69,209,255,1) 0%,rgba(77,194,232,1) 51%,rgba(76,186,243,1) 53%,rgba(65,163,214,1) 100%);
}

@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-mobile { background-image: url(images/default/body@2x.jpg), url(images/default/bottom@2x.jpg); -webkit-background-size: 320px 480px, 320px 1px; }

			#logo a { background-image: url(images/default/logo@2x.png); -webkit-background-size: 320px 78px; }

			.back, .back:after { background-image: url(images/default/back@2x.png); -webkit-background-size: 200px 30px; }
		}

@media only screen and (orientation: landscape) {
	.ui-mobile { background-color: #060d77; background-image: url(images/default/body_landscape.jpg), url(images/default/bottom_landscape.jpg); -webkit-background-size: 1024px 768px, 1024px 1px; }
}

@media only screen and (orientation: landscape) and (max-width: 480px) {
	.ui-mobile { background-color: #060d77; background-image: url(images/default/body_landscape.jpg), url(images/default/bottom_landscape.jpg); -webkit-background-size: 768px 576px, 768px 1px; }
}

@media only screen and (orientation: portrait) and (min-width: 768px) {
	.ui-mobile { background-color: #060d77; background-image: url(images/default/body_landscape.jpg), url(images/default/bottom_landscape.jpg); -webkit-background-size: 768px 576px, 768px 1px; }
}