/*! UCCS Styles */

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
HTML5 display definitions
========================================================================== */

/**
* Correct `block` display not defined in IE 8/9.
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

/**
* Correct `inline-block` display not defined in IE 8/9.
*/

audio,
canvas,
video {
	display: inline-block;
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
* Address styling not present in IE 8/9.
*/

[hidden] {
	display: none;
}

/* ==========================================================================
Base
========================================================================== */

/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/

html {
	font-family: sans-serif; /* 1 */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%; /* 2 */
	-moz-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */

}

/**
* Remove default margin.
*/

body {
	margin: 0;
}

/* ==========================================================================
Links
========================================================================== */

/**
* Address `outline` inconsistency between Chrome and other browsers.
*/

a:focus {
	outline: thin dotted;
}

/**
* Improve readability when focused and also mouse hovered in all browsers.
*/

a:active,
a:hover {
	outline: 0;
}

/* ==========================================================================
Typography
========================================================================== */

/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/

abbr[title] {
	border-bottom: 1px dotted;
}

/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/

b,
strong {
	font-weight: bold;
}

/**
* Address styling not present in Safari 5 and Chrome.
*/

dfn {
	font-style: italic;
}

/**
* Address differences between Firefox and other browsers.
*/

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

/**
* Address styling not present in IE 8/9.
*/

mark {
	background: #ff0;
	color: #000;
}

/**
* Correct font family set oddly in Safari 5 and Chrome.
*/

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}

/**
* Improve readability of pre-formatted text in all browsers.
*/

pre {
	white-space: pre-wrap;
}

/**
* Set consistent quote types.
*/

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
* Address inconsistent and variable font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ==========================================================================
Embedded content
========================================================================== */

/**
* Remove border when inside `a` element in IE 8/9.
*/

img {
	border: 0;
}

/**
* Correct overflow displayed oddly in IE 9.
*/

svg:not(:root) {
	overflow: hidden;
}

/* ==========================================================================
Figures
========================================================================== */

/**
* Address margin not present in IE 8/9 and Safari 5.
*/

figure {
	margin: 0;
}

/* ==========================================================================
Forms
========================================================================== */

/**
* Define consistent border, margin, and padding.
*/

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/

button,
input,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/

button,
input {
	line-height: normal;
}

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/

button,
select {
	text-transform: none;
}

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
* Re-set default cursor for disabled elements.
*/

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
* 1. Address box sizing set to `content-box` in IE 8/9.
* 2. Remove excess padding in IE 8/9.
*/

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
* Remove inner padding and border in Firefox 4+.
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

/* ==========================================================================
Tables
========================================================================== */

/**
* Remove most spacing between table cells.
*/

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}




/* BASE */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	overflow-y: scroll; /* force scrollbar */
	font: 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #383636;
	background: #f0f0f0;
}
@media (min-width: 768px) {
	body {
		font-size: 1.125em; /* 18px */
	}
}
main { background: #fff; }
/* links */
a { color: #3e90e0; }
p a {
	padding: 0 0.2em;
	color: #443432;
	text-decoration: none;
	border-bottom: 2px solid #0057aa;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
p a:hover,
p a:active,
p a:focus {
	color: #fff;
	background: #0057aa;
}

/* WEB FONTS */
@font-face {
	font-family: 'Bebas';
	src: url('/fonts/BEBAS___-webfont.eot');
	src: url('/fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
			url('/fonts/BEBAS___-webfont.woff') format('woff'),
			url('/fonts/BEBAS___-webfont.ttf') format('truetype'),
			url('/fonts/BEBAS___-webfont.svg#Bebas') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* HEADINGS */
hr {
	border: 0;
	border-top: 1px solid #dcdcdc;
}
hgroup {
	padding: 0 1.5em;
	text-align: center;
}
h1,
h2,
h3 {
	font-family: Bebas, sans-serif;
	word-spacing: 0.125em;
}
main h1 {
	margin-top: 0;
	padding-top: 0.5em;
	font-size: 3em;
	line-height: 1em;

}
main h1 span {
	color: #191818;
}
h2 {
	font-size: 1.25em;
	line-height: 1.2em;
}
@media (max-width: 480px) {
	h1, h2 { margin: 0; }
	h3 { margin: 0.5em 0 0; }
}
header { background: #0057aa; }
.home h1 { font-size: 1.8em; }
.home h2 { font-size: 0.95em; }
@media (min-width: 768px) {
	.home h1 { font-size: 1.8em; }
	.home h2 { font-size: 0.95em; }
}
@media (min-width: 1024px) {
	.home h1 { font-size: 2.6em; }
	.home h2 { font-size: 1.3em; }
}


/* LISTS */
ul {
	margin: 0 0 1em;
	padding: 0 0 0 1em;
	list-style-position: inside;
	list-style-image: url(/images/icons/square-orange.png);
}

/* QUOTES */
blockquote {
	margin: 0;
	padding: 0 0 0 1.5em;
	border-left: 3px solid #ff9700;
}

/* ADDRESS */
address {
	margin: 0 0 1.5em;
	font-size: 0.75em;
	font-style: normal;
	text-align: center;
}
address a {
	font-size: 1.3em;
	text-decoration: none;
}


/* LOGO */
.logo {
	position: relative;
	margin: 0;
	padding: 0;
}
.logo a {
	margin: 0 auto;
	display: block;
	background: url(../images/logo.png) no-repeat center;
	height: 138px;
	width: 183px;
}
.logo:after {
	content: 'Return Home';
	position: absolute;
	bottom: -2em;
	left: 50%;
	width: 183px;
	margin-left: -33px;
	font-size: 0.25em;
}
.home .logo:after { display: none; }

/* MAIN CONTENT / LAYOUT */
main {
	padding: 1em 0;
}
@media (min-width: 480px) {
	main {
		padding: 3em 0;
	}
}
hgroup,
section {
	max-width: 1200px;
	margin: 0 auto;
}
article,
aside{
	padding: 1.5em;
}
section article {
}
article h1,
article h2 {
	margin: 0.5em 0;
}
section aside {
}

/*recent projects*/
.recent-projects ul {
	margin: 1.5em 0 0;
	padding: 0;
	list-style: none;
}
.recent-projects li {
	margin: 0 0 0.25em;
}
.recent-projects li a {
	display: block;
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
	padding: 1em;
	color: #0057aa;
	background: #ebebeb;
	border-radius: 2px;
	-webkit-transition: 0.2s all ease;
	-moz-transition: 0.2s all ease;
	-ms-transition: 0.2s all ease;
	-o-transition: 0.2s all ease;
	transition: 0.2s all ease;
}
.recent-projects a:hover {
	color: #ff9700;
	background: #ddd;
}
.recent-projects time {
	font-size: 0.9em;
	line-height: 1em;
	font-weight: bold;
	color: #999;
	display: inline-block;
	float: right;
	text-align: center;
}

.connex section article,
.privacy section article,
.faq section article,
.user-manuals section article { width: 100%; }

.privacy p { font-size: 0.75em; }

.faq dt {
	font-weight: bold;
}
.faq li a {
	color: #0057aa;
	text-decoration: none;
}

.user-manuals .button {
	display: block;
	width: 100%;
	max-width: 340px;
	margin: 0 auto 1em;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
}

@media (min-width: 640px) {
	.home section aside { width: 100%; }
	section article {
		width: 50%;
		float: left;
	}
	section aside {
		width: 50%;
		float: right;
	}
}
@media (min-width: 1024px) {
	.home section article { width: 37.5%; }
	.home section aside { width: 25%; }
	section article { width: 60%; }
	section aside {
		width: 40%;
		float: right;
	}
}

/* Responsive Pricing Tables
 *
 */
.pricing-table {
	margin: 2em 0 0;
}
.pricing-table__column {
	float: left;
	width: 100%;
	margin: 0 1.5% 0.5em;
	border: 1px solid #ff9700;
	border-bottom-width: 4px;
}
.pricing-table__heading {
	margin: 0;
	padding: 0.25em 0.125em;
	font-family: Bebas, sans-serif;
	font-size: 1.2em;
	color: #fff;
	background: #ff9700;
	text-align: center;
}
.pricing-table__cost {
	margin: 0;
	padding: 0.5em 0;
	font-family: Bebas, sans-serif;
	font-size: 2em;
	color: #444;
	text-align: center;
	text-transform: uppercase;
}
.pricing-table__button {
	margin: 0 auto 1em;
	width: 180px;
	display: block;
	font-family: Bebas, sans-serif;
	text-align: center;
}
.pricing-table__list {
	padding: 0 1em;
}
.pricing-table__list__item {
	font-size: 0.8em;
	color: #444;
}
@media (min-width: 768px) {
	.pricing-table__column {
		width: 30.33333333333%;
	}
}


/* FOOTER */
footer {
	padding: 3em 0;
	text-transform: uppercase;
	text-align: center;
	border-top: 1px solid #e5e5e5;
}
footer nav {
	margin: 0 0 1em 0;
	font-family: Bebas, sans-serif;
	font-size: 1.3em;
}
footer p {
	margin: 0;
}
footer a {
	margin: 0 0.25em;
	font-family: Bebas, sans-serif;
	text-decoration: none;
	-webkit-transition: 0.2s all ease;
	-moz-transition: 0.2s all ease;
	-ms-transition: 0.2s all ease;
	-o-transition: 0.2s all ease;
	transition: 0.2s all ease;
}
footer nav,
footer a:hover {
	color: #ff9700
}
.copyright {
	font-size: 0.6em;
	color: #ff9700;
}

/* BUTTONS */
.button {
	font-size: 100%;
	font-weight: 700;
	padding: 0.5em 1.5em 0.5em;
	color: #444; /* rgba not supported (IE 8) */
	color: rgba(0, 0, 0, 0.80); /* rgba supported */
	*color: #444; /* IE 6 & 7 */
	border: 1px solid #999; /*IE 6/7/8*/
	border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
	background-color: #E6E6E6;
	text-decoration: none;
	border-radius: 2px;
	-webkit-transition: 0.1s linear -webkit-box-shadow;
	-moz-transition: 0.1s linear -moz-box-shadow;
	-ms-transition: 0.1s linear box-shadow;
	-o-transition: 0.1s linear box-shadow;
	transition: 0.1s linear box-shadow;
}


.button-hover,
.button:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.05)));
	background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
	background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.05));
	background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
	background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.05));
	background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.05));
}

.button-active,
.button:active {
	box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
}

.button[disabled],
.button-disabled,
.button-disabled:hover,
.button-disabled:active {
	border: none;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter: alpha(opacity=40);
	-khtml-opacity: 0.40;
	-moz-opacity: 0.40;
	opacity: 0.40;
	cursor: not-allowed;
	box-shadow: none;
}

.button-hidden {
	display:none;
}

/* Firefox: Get rid of the inner focus border */
.button::-moz-focus-inner{
	padding: 0;
	border: 0;
}

/* Button Colors */
.button-primary,
.button-selected,
a.button-primary,
a.button-selected {
	background-color: #0057aa;
	color: #fff;
}

.button:-moz-focusring {
	outline-color: rgba(0, 0, 0, 0.85);
}

.button-success,
.button-error,
.button-warning,
.button-secondary {
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
	background: rgb(76, 201, 71); /* this is a green */
}
.button-error {
	background: rgb(202, 60, 60); /* this is a maroon */
}
.button-warning {
	background: orange;
}
.button-secondary {
	background: #ff9700;
}
/* HELPER Classes */

/*clearfix*/
section:before, section:after,
.cf:before, .cf:after { content: " "; display: table; }
section:after,
.cf:after { clear: both; }
section,
.cf { *zoom: 1; }

/*alignment*/
.alignleft { float: left; margin: 0 5px 0 0; }
.alignright { float: right; margin: 0 0 0 5px; }
.aligncenter { margin: 0 auto; }

/*text alignment*/
.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }

/*hidden text*/
.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

/*image replacement*/
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
	&:before {
		content: "";
		display: block;
		width: 0;
		height: 100%;
	}
}

/* hide from both screenreaders and browsers*/
.hidden {
	display: none !important;
	visibility: hidden;
}

/* hide only visually, but have it available for screenreaders*/
.visuallyhidden,
.screen-reader-text {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* hide visually and from screenreaders, but maintain layout*/
.invisible {
	visibility: hidden;
}