/*
Theme Name: United Security
Author: Big Fish Creative
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* =CLEARFIX
----------------------------------------------- */

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}

/* =STRUCTURE
----------------------------------------------- */

body {
	background: #f8f8f8;
	border-top: 8px solid #af141a;
}
.wrapper {
	padding: 0 20px;
}
.container {
	width: 940px;
	margin: 0 auto;
}
#main {
	padding: 30px 0 50px 0;
}
#main-content {
	width: 627px;
}
#main-content.has-sidebar {
	width: 580px;
}
#main-content.news {
	width: 630px;
}

/* Left Content */
#sidebar-left {
	width: 260px;
}

/* Right Content */
#sidebar-right {
	width: 315px;
	margin-top: 10px;
}
#sidebar-right.news-sidebar {
	width: 250px;
}

/* Alignment */
.align-left {
	float: left;
}
.align-right {
	float: right;
}


/* =TYPOGRAPHY
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 15px 'Open Sans', sans-serif;
	font-weight: 300;
	line-height: 28px;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.9);
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-weight: 400;
	color: #4e4e4e;
	margin-bottom: 10px;
}
h1 {
	font-size: 40px;
	line-height: 50px;
}
h2 {
	font-size: 30px;
	line-height: 40px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 16px;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 15px;
}
ul, ol {
	margin: 0 0 15px 25px;
}
ul {
	list-style: square;
}
ul.list-reset {
	list-style-type: none;
	margin: 0;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
strong {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
blockquote {
	font-family 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	margin: 0 0 30px 5px;
	text-indent: -5px;
}

/* Forms */

label {
	cursor: pointer;
	margin-bottom: 2px;
	display: inline-block;
	font-weight: 400;
	font-size: 16px;
}
label span,
.small span {
	color: #d71920;
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
textarea {
	background: #fcfcfc;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
	padding: 6px 8px;
	line-height: 22px;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=number]:focus,
textarea:focus {
	color: #373737;
	background: #fff;
	border: 1px solid #d71920;
}
input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
input[type=url]:hover,
input[type=number]:hover,
textarea:hover {
	background: #fff;
}
textarea {
	width: 90%;
}
input#contact-captcha {
    width: 60px;
}
input#submit {
	background: #d71920;
	color: #fff;
	border: 1px solid #fff;
	padding: 4px 12px;
	cursor: pointer;
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: 400;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}
input#submit:hover {
	background: #2e2c71;
}
div.wpcf7-response-output {
    margin: 2em 0 1em 0 !important;
    padding: 10px 15px !important;
    border-width: 1px !important;
    background: #fff;
    font-weight: 400;
	width: 90%;
}
span.wpcf7-not-valid-tip {
	left: 15px !important;
	top: 12px !important;
	color: #d71920;
	border-color: #d71920 !important;
	padding: 2px 5px !important;
	width: 185px !important;
	font-size: 13px !important;
	font-weight: 400;
}
span.your-message span.wpcf7-not-valid-tip {
	top: 0px !important;
}
div.wpcf7-mail-sent-ok { 
	display: none !important;
}

/* Images */

.alignleft,
.alignright,
.aligncenter,
.alignnone { margin-bottom: 15px; }
.alignleft,
.alignright { display: inline; }
.alignleft { margin-right: 25px; float: left; }
.alignright { margin-left: 25px; float: right; }
p img,
.wp-caption { margin-top: 5px; }
.wp-caption { margin-bottom: 15px; }
.alignleft,
.alignright,
.aligncenter,
.alignnone,
.wp-caption { border: none; background: transparent; padding: 0; width: auto !important; }
.wp-caption img { display: block; line-height: 0; width: 100%; }
.wp-caption-text { background: #4e4e4e; color: #fff; font-size: 13px; line-height: 18px; font-style: italic; padding: 10px; margin: 0; text-shadow: none; }
.wp-caption.alignleft .wp-caption-text, .wp-caption.alignright .wp-caption-text { max-width: 450px; }

/* Links */
a {
	color: #4e4e4e;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: none;
	color: #d71920;
}
a.more {
	background: #4e4e4e;
	color: #fff;
	padding: 4px 12px;
	font-size: 12px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
a.more:hover {
	background: #d71920;
	text-decoration: none;
}

ul#teaser-list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.teaser {
	border: 1px solid #ccc;
	width: 286px;
	padding: 13px;
	background: #fff;
	margin-right: -1px;
	margin-bottom: -1px;
}
.teaser img {
	margin-bottom: 5px;
}
.teaser h3 {
	margin-bottom: 5px;
}
.teaser p {
	line-height: 22px;
}
.teaser blockquote {
	font-size: 14px;
	line-height: 22px;
	width: 265px;
	margin: 0 0 10px 5px;
}

/* Buttons */

.btn { border: none; background-color: #2E2C71; text-shadow: none; color: #fff; display: inline-block; font-size: 14px; line-height: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding: 8px 16px; outline: none; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.btn:hover {
	color: #fff;
	background-color: #d71920;
}

/* =Header
----------------------------------------------- */

.wrapper.header {
	background: #fff url(gfx/bg-masthead.png) repeat-x
}
#masthead {
    position: relative;
    z-index: 990;
    height: 116px;
}
#masthead h1 {
	position: absolute;
	top: 18px;
	left: -8px;
}
#masthead h1,
#masthead h1 a {
    width: 183px;
    height: 174px;
}
#masthead h1 a {
    display: block;
    background: url(gfx/logo-header.png) no-repeat center left;
    text-indent: -3000px
}
#header-meta {
	position: absolute;
	top: 13px;
	right: 0;
}
#header-meta a {
	float: left;
}
a#login {
	font-size: 13px;
	line-height: 19px;
	text-transform: uppercase;
	font-weight: 400;
	color: #ADADAD;
	background: url(gfx/ico-padlock.gif) no-repeat top right;
	padding: 0 20px 0 0;
	margin: 2px 10px 0 0;
}
a#login:hover {
	color: #d71920;
	background-position-y: -19px;
}
#facebook {
	display: block;
	width: 22px;
	height: 22px;
	text-indent: -3000px;
	background: url(gfx/ico-fb.png) no-repeat 0 0;
}
#facebook:hover {
	background-position-y: -22px;
}


/* =Main Navigation
-------------------------------------------------------------- */

#main-nav {
	font-family: 'Arial Black', Arial, sans-serif;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	right: 0;
}
#main-nav ul {
	font-size: 14px;
	list-style: none;
	margin: 0;
}
#main-nav li {
	float: left;
	position: relative;
}
#main-nav a,
body.single-case_study li#menu-item-458 a {
	color: #adadad;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	padding: 14px 13px;
}
#main-nav li#menu-item-330 a {
	padding-right: 0;
}
#main-nav li.page-item-10 a {
	padding-right: 0;
}
#main-nav ul ul {
	font-family: Arial, sans-serif;
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.3);
	box-shadow: 0 3px 8px rgba(0,0,0,0.3);
	border: 1px solid #c0c0c0;
	border-top: none;
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 56px;
	left: 0;
	width: 208px;
	z-index: 99999;
	background: #f9f9f9;
}
#main-nav ul ul ul {
	left: 100%;
	top: 0;
}
#main-nav ul ul a {
	background: #f9f9f9;
	text-transform: none;
	border-bottom: 1px dotted #ddd;
	color: #4e4e4e;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 188px;
}
#main-nav ul ul a:hover {
	background: #fff;
}
body.single-case_study li#menu-item-458 a:hover,
body.single-case_study li.page-item-8 a,
body.single-case_study #main-nav li#menu-item-332 a,
body.parent-pageid-7 #main-nav li#menu-item-333 a,
#main-nav li.current_page_item a,
#main-nav li.current_page_parent a,
#main-nav li.current_page_ancestor a,
#main-nav li.current_page_item ul.children a:hover,
#main-nav li:hover > a,
#main-nav ul ul :hover > a,
#main-nav a:focus {
	color: #d71920;
}
#main-nav ul li:hover > ul {
	display: block;
}
#main-nav li.current_page_parent ul.children a,
#main-nav li.current_page_item ul.children a {
	color: #4e4e4e;
}
#main-nav ul.children li.current_page_item a {
	font-weight: bold;
	background: #fff;
	color: #d71920;
}

/* =Page Content
-------------------------------------------------------------- */

	/* =Slider */
	
	.wrapper.slides {
		background: url(gfx/bg-slider.gif) repeat-x top center;
		border-bottom: 1px solid #e6e6e6;
		z-index:100;
		width: 100%;
		height: 420px;
		padding: 0;
	}
	#slides-container {
		position: relative;
		width: 940px;
		margin: 0 auto;
		padding: 0 20px;
	}
	.wrapper.slides .bx-wrapper {
		position: static !important;
		zoom: 1;
		height: 420px;
		margin: 0 -257px !important;
		width: 1454px !important;
	}
	.wrapper.slides .bx-viewport {
		width: 1454px !important;
	}
	.slide {
		position: relative;
		margin-bottom: 0;
		height: 419px;
	}
	.slide img {
		margin-right: 10px;
	}
	.slide-overlay {
		position: absolute;
		left: 257px;
		top: 110px;
		width: 610px;
	}
	.slide-overlay h2 {
		color: #7c7c7c;
		font-size: 38px;
		line-height: 48px;
		margin-bottom: 5px;
	}
	#cost-effective-equipment-monitoring h2 {
		width: 430px;
	}
	.slide-overlay p {
		color: #7c7c7c;
		font-size: 28px;
		line-height: 38px;
	}
	.slide-overlay a {
		font-size: 19px;
		color: #d71920;
	}
	.slide-overlay a:hover {
		color: #2e2c71;
	}
	.wrapper.slides .bx-pager {
		position: absolute;
		left: 20px;
		bottom: 20px;
		overflow: hidden;
		list-style: none;
		background: #d1d1d1;
		padding: 12px 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		z-index: 9999;
	}
	.wrapper.slides .bx-pager-item {
		float: left;
	}
	.wrapper.slides .bx-pager-link {
		display: block;
		text-indent: -3000px;
		width: 14px;
		height: 14px;
		background-position: 0 0;
		margin:0 5px;
		background: url(gfx/btn-pagination.png) no-repeat center center;
	}
	.wrapper.slides .bx-pager-link.active {
		background: url(gfx/btn-pagination-active.png) no-repeat center center;
	}
	
	/* =Page Introduction */
	
	.wrapper.intro,
	.wrapper.header-image {
		border-bottom: 1px solid #e4e4e4;
		background: #fff;
	}
	.wrapper.intro {
		padding: 90px 20px 20px 20px;
	}
	.wrapper.header-image {
		padding: 7px 0;
	}
	.wrapper.header-image div {
		line-height: 0;
	}
	#page-header h2 {
		font-weight: 300;
	}
	
	.wrapper.intro.home {
		padding: 20px;
	}
	#home-intro header {
		width: 580px;
		margin-top: 15px;
	}
	#home-intro h1 {
		font-size: 30px;
		margin-bottom: 0;
	}
	#home-intro p {
		font-size: 16px;
	}
	#home-intro aside {
		width: 320px;
	}
	
	/* =Carousel */
	
	ul#carousel {
		list-style: none;
		margin: 0;
	}
	ul#carousel li {
		width: 312px;
	}
	ul#carousel .teaser {
		border: none;
		height: 370px;
	}
	.align-right .bx-wrapper {
		border: 1px solid #ccc;
		position: relative;
	}
	.align-right .bx-controls-direction a {
		display: block;
		text-indent: -3000px;
		width: 32px;
		height: 32px;
		position: absolute;
		bottom: 13px;
		z-index: 9999;
	}
	.align-right .bx-controls-direction a.bx-prev {
		left: 13px;
		background: url(gfx/ico-page-arrow-prev.png) no-repeat center center;
	}
	.align-right .bx-controls-direction .bx-next {
		right: 13px;
		background: url(gfx/ico-page-arrow.png) no-repeat center center;
	}
	
	/* =Left Sidebar
	-------------------------------------------------------------- */
	
	h2#subnav-title {
		display: none;
	}
	.subnav {
		font-family: 'Arial Black', Arial, sans-serif;
		text-transform: uppercase;
		font-size: 14px;
	}
	.subnav ul {
		list-style: none;
		margin: 0;
	}
	.subnav a {
		color: #adadad;
		display: block;
		border-bottom: 1px solid #cccccc;
		padding: 12px 3px;
	}
	.subnav li.current_page_item a,
	.subnav a:hover,
	.subnav li.current-cat a {
		color: #d71920;
	}
	
	/* =Main Content
	-------------------------------------------------------------- */
	
	.wrapper.main {
		background: #fdfdfd url(gfx/bg-page-gradient.gif) repeat-x bottom center; 
	}
	
		/* Home Page */
		
		#main.featured {
			padding-bottom: 10px;
		}
		#home-features article {
			width: 220px;
			margin-right: 20px;
			cursor: pointer;
		}
		#home-features article.last {
			margin-right: 0;
		}
		#home-features article img {
			margin-bottom: 8px;
			border: 1px solid #ccc;
		}
		#home-features article h4 {
			margin-bottom: 0;
		}
		#home-features article h4 a {
			background: url(gfx/ico-teaser-arrow.gif) no-repeat center right;
			padding-right: 15px;
		}
		#home-features article:hover h4 a,
		#home-features article h4 a:hover {
			color: #d71920;
			background: url(gfx/ico-teaser-arrow-hover.gif) no-repeat center right; 
		}
		#home-features article p {
			font-size: 14px;
			line-height: 22px;
			width: 210px;
			color: #4e4e4e;
		}
		#home-features article:hover p {
			color: #000;
		}
		
		/* Products & Services */
		
		ul.section {
			border-bottom: 1px solid #ccc;
		}
		.product-wrapper {
			border-top: 1px solid #ccc;
			padding: 20px 0;
		}
		.product-wrapper h3 {
			font-size: 24px;
		}
		.product-wrapper img {
			border: 5px solid #e3e3e3;
			float: right;
			margin: 5px 0 10px 20px;
		}
		.product-wrapper a.more {
			margin-right: 5px;
		}
		.fancybox-title-over {
			text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
		}
		
		/* Client Page */
		
		ul.filter-clients {
			font-family: 'Arial Black', Arial, sans-serif;
			text-transform: uppercase;
			font-size: 14px;
			list-style: none;
			margin: 0;
			overflow: hidden;
			margin: -10px 0 20px 0;
		}
		ul.filter-clients li {
			float: left;
		}
		ul.filter-clients a {
			color: #adadad;
			display: block;
			margin-right: 25px;
		}
		ul.filter-clients a:hover,
		ul.filter-clients li.active a {
			color: #D71920;
		}
		ul.clients {
			list-style: none;
			margin: 0;
			clear: both;
		}
		
		ul.thumbs {
			list-style: none;
			margin: 0;
		}
		ul.thumbs li {
			margin: 0 15px 8px 0;
		}
		ul.thumbs li.alt {
			margin-right: 0;
		}
		ul.thumbs img {
			border: 5px solid #e3e3e3;
		}
		
		ul#related-services {
			list-style: none;
			margin: 0;
			font-size: 18px;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			overflow: hidden;
			padding: 10px 0;
			margin: 20px 0 30px 0;
		}
		ul#related-services span {
			font-weight: 400;
			margin-right: 5px;
		}
		ul#related-services a {
			border-bottom: 1px solid #D71920;
			color: #D71920;
			margin: 0 8px;
		}
		ul#related-services a:hover {
			border-bottom: 1px solid transparent;
		}
		
		ul.related .case-study {
			border-bottom: 2px solid #ccc;
		}
		
		/* News */
		
		.post-teaser {
			border-bottom: 1px solid #cccccc;
			padding-bottom: 25px;
			margin-bottom: 20px;
			overflow: hidden;
		}
		.post-teaser h3 {
			margin-bottom: 0;
		}
		.post-teaser .post-meta {
			font-style: italic;
		}
		.teaser-text.has-image { width: 425px; float: left; }
		.teaser-image { float: right; width: 100%; }
		
		.wp-pagenavi { padding-top: 25px; }
		.wp-pagenavi .pages { border: none; padding-left: 0; margin-left: 0; background: none; color: #000; background-color: transparent !important; border: none !important; }
		.wp-pagenavi a, .wp-pagenavi span { padding: 4px 8px !important; margin: 0 4px !important; background: #ADADA8 !important; border: 1px solid #ADADA8 !important; color: #fff; text-shadow: none; }
		.wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current { background: #d71920 !important; border: 1px solid #d71920 !important; }
		.wp-pagenavi a:active, .wp-pagenavi span.current { font-weight: bold !important; }
			
		#nav-single { padding-top: 25px; clear: both; width: 100%; }
		#nav-single li { width: 33.33%; float: left; font-size: 16px; line-height: 22px; font-weight: 600; text-transform: uppercase; }
		#nav-single li#tab-prev { text-align: left; }
		#nav-single li#tab-all { text-align: center; }
		#nav-single li#tab-next { text-align: right; }
		#nav-single a { display: inline-block; outline: none; }
		#nav-single li#tab-prev a { padding: 15px 20px 15px 0; }
		#nav-single li#tab-all a { padding: 15px 20px; }
		#nav-single li#tab-next a { padding: 15px 0 15px 20px; }
		
		/* FAQ */
				
		#accordion {
			padding-top: 10px;
		}
		.ui-accordion h3 {
			font-size: 20px;
			margin: 0;
		}
		.ui-accordion .ui-accordion-header {
			display: block;
			cursor: pointer;
			position: relative;
			margin-top: 2px;
			padding: 15px 10px 10px 20px;
			zoom: 1;
			border-top: 1px solid #c7c7c7;
		}
		.ui-accordion .ui-accordion-icons {
			padding-left: 55px;
		}
		.ui-accordion .ui-accordion-header-icon {
			position: absolute;
			left: 10px;
			top: 13px;
			width: 32px;
			height: 32px;
		}
		.ui-icon-triangle-1-e {
			background: url(gfx/ico-page-arrow.png) no-repeat 0 0;
		}
		.ui-icon-triangle-1-s {
			background: url(gfx/ico-page-arrow-selected.png) no-repeat 0 0;
		}
		.ui-accordion .ui-accordion-content {
			padding: 0 10px 10px 55px;
			border-top: 0;
			overflow: auto;
			zoom: 1;
			height: auto;
		}
		
		/* Contact */
		
		iframe#map {
			border: 5px solid #e3e3e3;
		}

/* =Footer
-------------------------------------------------------------- */

.wrapper.footer {
	background: #f8f8f8;
	border-top: 1px solid #fff;
}
#global-footer {
	overflow: hidden;
	padding: 30px 0 15px 0;
}
#global-footer a {
	color: #adadad;
}
#global-footer a:hover {
	color: #d71920;
}
#global-footer nav ul {
	list-style: none;
	font-family: 'Arial Black', Arial, sans-serif;
	margin: 20px 0 0 0;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
#global-footer nav ul li {
	float: left;
}
#global-footer nav ul a {
	display: block;
	padding-right: 20px;
}
#global-footer li.current_page_item a {
	color: #D71920;
}
#global-footer ul#footer-contact {
	list-style: none;
	background: url(gfx/logo-footer.png) no-repeat top left;
	padding-left: 100px;
	color: #adadad;
}
#global-footer ul#footer-contact span {
	font-size: 20px;
}
#global-footer a.iframe {
	display: block;
	margin-top: 5px;
}
#footer-map-link {
	margin-top: -5px;
}

/* =IE Styles
-------------------------------------------------------------- */

html#ie7 .product {
	font-size: 14px;
	overflow: visible;
}
html#ie7 .case-study blockquote,
html#ie8 .case-study blockquote {
	font-size: 13px;
	line-height: 21px;
}
html#ie7 .teaser .more {
	margin-bottom: 10px;
}
html#ie7 #fancybox-content,
html#ie7 #fancybox-frame {
	overflow: hidden;
}
html#ie7 #contact-captcha {
	margin-top: 10px;
}