/*
Theme Name: SecurityForce Theme
Theme URI: http://www.securityforceinc.com/
Description: Theme for SecurityForce Inc.
Version: 1.2
Author: TheeDesign Studio
Author URI: http://www.theedesign.com/
*/

html, body {
	background: #dfe8ef url(images/body.png) repeat-x center top;
	color: #222;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}
body { border-top: 10px solid #3c4f66; }

.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

.wrap {
	width:960px;
	margin: 0 auto;
}

.col {
	width: 280px;
	margin: 0 15px;
	float: left;
}

a		{ text-decoration: none; }
a:hover	{ text-decoration: underline; }

/* --------------------------
	HEADER
-------------------------- */
	#header {
		position: relative;
		height: 180px;
		background: transparent url(images/header.png) no-repeat center bottom;
	}
	/* HEADER -> Secure Connect */
		#secure-connect {
			position: absolute;
			right: 16px;
			top: 0;
		}
		#secure-connect a {
			display: block;
			width: 163px;
			height: 62px;
			background: url(images/secure_connect_top.png) no-repeat left top;
			text-indent: -9999px;
		}
	/* HEADER -> Logo */
		#logo {
			position: absolute;
			left: 30px;
			top: 20px;
			width: 150px;
			height: 131px;
			background: transparent url(images/logo.png) no-repeat left top;
		}
		#logo a {
			display: block;
			width: 150px;
			height: 131px;
			text-indent: -9999px;
		}
	/* HEADER -> Tagline */
		#tagline {
			position: absolute;
			left: 210px;
			top: 22px;
			width: 392px;
			height: 23px;
			background: transparent url(images/slogan.png) no-repeat left top;
			text-indent: -9999px;
		}
	/* HEADER -> Tabs */
		.tabs {
			position: absolute;
			left: 203px;
			top: 60px;
		}
		.tabs ul li {
			display: block;
			float: left;
		}
		.tabs ul li a {
			display: block;
			height: 40px;
			margin-right: 3px;
			background: transparent url(images/tabs.png) no-repeat;
			text-indent: -9999px;
		}
		.tabs ul li a 				{ width: 77px;  background-position: 0px 0px; }
		.tabs ul li.page-item-13 a 	{ width: 78px;  background-position: -80px 0px; }
		.tabs ul li.page-item-75 a 	{ width: 150px; background-position: -161px 0px; }
		.tabs ul li.page-item-128 a { width: 135px; background-position: -314px 0px; }
		.tabs ul li.page-item-139 a { width: 131px; background-position: -452px 0px; }
		.tabs ul li.page-item-157 a { width: 147px; background-position: -586px 0px; }
		
		.tabs ul li a:hover 				{ background-position: 0px -40px; }
		.tabs ul li.page-item-13 a:hover 	{ background-position: -80px -40px; }
		.tabs ul li.page-item-75 a:hover 	{ background-position: -161px -40px; }
		.tabs ul li.page-item-128 a:hover 	{ background-position: -314px -40px; }
		.tabs ul li.page-item-139 a:hover 	{ background-position: -452px -40px; }
		.tabs ul li.page-item-157 a:hover 	{ background-position: -586px -40px; }
		
	/* HEADER -> Home Title */
		#home-title {
			position: absolute;
			left: 225px;
			top: 120px;
			color: #c5d5e3;
			font: 17px Tahoma, Arial, Helvetica, sans-serif;
		}
		#home-title span {
			color: #fff;
			font-style: italic;
			font-weight: bold;
		}
		#sponsor {
			position: absolute;
			right: 30px;
			top: 110px;
			}
	/* HEADER -> Buttons (Schedule & Contact) */
		#buttons {
			position: absolute;
			left: 519px;
			top: 123px;
		}
		#buttons span {
			float: left;
			display: block;
			margin: 0 10px;
			color: #c5d5e3;
			font: bold 15px/38px Tahoma, Arial, Helvetica, sans-serif;
		}
		#btn-schedule {
			float: left;
			display: block;
			width: 190px;
			height: 40px;
			background: url(images/button-schedule.png) no-repeat left top;
			text-indent: -9999px;
		}
		#btn-schedule:hover { background-position: 0 -40px; }
		#btn-contact {
			float: left;
			display: block;
			width: 190px;
			height: 40px;
			background: url(images/button-call_us.png) no-repeat left top;
			text-indent: -9999px;
		}
		#btn-contact:hover { background-position: 0 -40px; }

/* --------------------------
	BREADCRUMB
-------------------------- */
	#breadcrumb {
		padding: 7px 10px;
		background: #15559c;
		border-top: 1px solid #1c71bd;
		border-bottom: 1px solid #3e3e3e;
		color: #bfd7ea;
		font-size: 10px;
		font-weight: bold;
	}
	#breadcrumb a { color: #fff; }
	#breadcrumb span { color: #69c; }

/* --------------------------
	CONTENT
-------------------------- */
	#content {
		padding: 30px 39px 20px 29px;
		background: #fff;
		border-left: 1px solid #c5d5e3;
		border-right: 1px solid #c5d5e3;
	}
	#cont-sbar {
		width: 280px;
		float: left;
	}
	#cont-main {
		width: 570px;
		float: right;
	}
	/* CONTENT -> Post & Page Items */
		.post {}
		.page-title {
			padding: 0 0 0.2em;
			color: #036;
			font-size: 19px;
			font-style: italic;
			font-weight: bold;
			border-bottom: 5px solid #036;
		}
		.post h2 {
			margin: 1.5em 0 0.5em;
			color: #036;
			font-size: 17px;
			font-weight: bold;
		}
		.post h2 a {
			color: #036;
		}
		.post h3 {
			margin: 1.5em 0 0.5em;
			color: #036;
			font-size: 15px;
			font-weight: bold;
		}
		.post h4 {
			margin: 1.5em 0 0.5em;
			color: #036;
			font-size: 13px;
			font-weight: bold;
		}
		.post-meta {
			margin: -5px 0 0;
			color: #369;
			font-size: 11px;
			font-weight: bold;
		}
		.post-meta span {
			padding: 0 5px;
			background: #dfe8ef;
		}
		.post-meta a {
			color: #369;
		}
		.entry {}
		.entry p {
			margin: 1em 0;
			font-size: 13px;
			line-height: 150%;
		}
		.entry ul {
			list-style-type: disc;
			margin: 1em 0;
			padding-left: 20px;
			font: italic 13px Georgia, Times, serif;
		}
		.entry ul li {
			margin: 0.5em 0;
		}
		.entry ol {
			list-style-type: decimal;
			margin: 1em 0;
			padding-left: 20px;
			font: italic 13px Georgia, Times, serif;
		}
		.entry ol li {
			margin: 0.5em 0;
		}
		.entry .alignleft {
			float: left;
			margin: 0 20px 20px 0;
		}
		.entry .alignright {
			float: right;
			margin: 0 0 20px 20px;
		}
		.entry p.wp-caption-text {
			margin: 0;
			padding: 2px 10px;
			background: #a4bdd7;
			color: #036;
			font-size: 11px;
			font-weight: bold;
			border-top: 1px solid #83a1bf;
		}
		.entry hr {
			border: none;
			border-top: 1px dashed #036;
			height: 0;
			max-height: 0;
		}

/* --------------------------
	SIDEBAR
-------------------------- */
	.subnav {
		width: 280px;
		background: url(images/menu-top.png) no-repeat center top;
	}
	.subnav .subnav-bottom {
		display: block;
		width: 280px;
		height: 40px;
		background: url(images/menu-bottom.png) no-repeat center top;
	}
	.pagenav {
		color: #fff;
		font-size: 16px;
		font-weight: normal;
		line-height: 40px;
	}
	.pagenav .spacer {
		float: left;
		width: 20px;
		height: 40px;
	}
	.pagenav ul {
		margin: 0;
		background: #15559C;
	}
	.pagenav ul .page_item {
		line-height: 28px;
	}
	.pagenav ul .page_item a {
		display: block;
		padding: 0 10px 0 20px;
		background: #15559c;
		border-top: 1px solid #1c71bd;
		border-bottom: 1px solid #0e397b;
		color: #dfe8ef;
		font-size: 12px;
		font-weight: bold;
	}
	.pagenav ul .current_page_item a,
	.pagenav ul .page_item a:hover {
		background: #124888;
		color: #fff;
		text-decoration: none;
	}
	.pagenav ul .page_item ul .page_item a {
		display: block;
		padding: 0 10px 0 35px;
		background: #15559c url(images/subnav-arrow.png) no-repeat 20px center;
		border-top: 1px solid #1c71bd;
		border-bottom: 1px solid #0e397b;
		color: #dfe8ef;
		font-size: 11px;
		font-weight: normal;
	}
	.pagenav ul .page_item ul .current_page_item a,
	.pagenav ul .page_item ul .page_item a:hover {
		background: #124888 url(images/subnav-arrow.png) no-repeat 20px center;
		color: #fff;
		text-decoration: none;
	}
	.cat-item {
		line-height: 28px;
	}
	.cat-item a {
		display: block;
		padding: 0 10px 0 35px;
		background: #15559c url(images/subnav-arrow.png) no-repeat 20px center;
		border-top: 1px solid #1c71bd;
		border-bottom: 1px solid #0e397b;
		color: #dfe8ef;
		font-size: 11px;
		font-weight: normal;
	}
	.current-cat a,
	.cat-item a:hover {
		background: #124888 url(images/subnav-arrow.png) no-repeat 20px center;
		color: #fff;
		text-decoration: none;
	}
	
	/* Sidebar -> Secure Connect */
		#login-form { font-size: 12px; }
		#login-form ul { padding: 10px 20px; }
		#login-form li { line-height: 30px; clear: left; }
		#login-form-submit input { float: right; }
		#login-form-submit a {
			color: #FFF;
			text-decoration: underline;
		}
		#login-form label {
			display: block;
			float: left;
			width: 60px;
			margin-right: 10px;
			text-align: right;
		}
		#login-form input[type="text"], #login-form input[type="password"] { width: 160px; }
		#divAlarmMessage {
			padding: 10px 20px;
			background: red;
			color: white;
			font-weight: bold;
			line-height: 15px;
		}

/* --------------------------
	FOOTER
-------------------------- */
	#footer {
		background: #114480 url(images/footer.png) repeat-x left top;
	}
	#footer .wrap {
		width: 930px;
		padding: 20px 0;
	}
	#footer a {
		color: #c5d5e3;
	}
	#footer h4 {
		margin: 0 0 5px;
		padding: 0 0 2px;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
		border-bottom: 1px dotted #036;
	}
	#footer ul {
		list-style-type: disc;
		margin: 0 0 0 15px;
	}
	#footer ul li {
		margin: 0 0 3px;
		color: #c5d5e3;
	}
	#footer ul li a {
		color: #c5d5e3;
		font-size: 11px;
		font-weight: bold;
	}
	#footer ul li a:hover {
		color: #fff;
	}
	/* FOOTER -> Copyright */
		.copyright {
			margin: 20px 15px 0;
			padding: 10px 0 0;
			color: #c5d5e3;
			font-size: 12px;
			line-height: 120%;
			text-align: center;
			border-top: 1px dotted #036;
		}
	/* FOOTER -> Social Networks */
		#footer .footer-social {
			list-style-type: none;
		}
		#footer .footer-social li {
			float: left;
			margin: 5px 15px 0 0;
		}
		#footer .footer-social li a {
			display: block;
			width: 48px;
			height: 48px;
			background: transparent url(images/social-icons.png) no-repeat;
			text-indent: -9999px;
		}
		#footer .footer-social li#footer-social-twitter a	{ background-position: 0 0; }
		#footer .footer-social li#footer-social-facebook a	{ background-position: 0 -50px; }
		#footer .footer-social li#footer-social-linkedin a	{ background-position: 0 -100px; }
		#footer .footer-social li#footer-social-youtube a	{ background-position: 0 -150px; }

/* --------------------------
	HOMEPAGE
-------------------------- */
	#content-home {
		padding: 30px 13px;
		background: #fff;
		border-left: 1px solid #c5d5e3;
		border-right: 1px solid #c5d5e3;
	}
	/* HOMEPAGE -> Headline */
		#headline {
			position: relative;
		}
		.headline-text {
			position: relative;
			padding: 10px 500px 10px 40px;
			background: #15559c;
			border-top: 1px solid #1c71bd;
			border-bottom: 1px solid #3e3e3e;
		}
		.headline-text p {
			margin: 1em 0;
			color: #fff;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 13px;
			line-height: 17px;
		}
		.headline-schedule {
			position: relative;
			padding: 20px 40px;
			background: #86a6c9;
			border-top: 1px solid #a4bcd7;
			border-bottom: 1px solid #7b94ad;
		}
		.headline-schedule span {
			float: left;
			display: block;
			margin: 0 10px;
			color: #c5d5e3;
			font: bold 15px/38px Tahoma, Arial, Helvetica, sans-serif;
		}
		.headline-video {
			position: absolute;
			right: 0px; bottom: 5px;
			width: 500px; height: 310px;
			background: url(images/video.png) no-repeat left top;
		}
		#youtube-video {
			position: absolute;
			top: 12px;
			left: 40px;
		}
	/* HOMEPAGE -> Solutions */
		#content-home a {
			display: block;
			width: 282px; height: 212px;
			margin: 0 14px;
			float: left;
			text-indent: -9999px;
		}
		#solution-residential	{ background: url(images/solution-residential.jpg) no-repeat left top; }
		#solution-business		{ background: url(images/solution-business.jpg) no-repeat left top; }
		#solution-hometech		{ background: url(images/solution-hometech.jpg) no-repeat left top; }
	/* HOMEPAGE -> Latest Posts */
		#latest-posts {
			padding: 20px 15px;
			background: #608cbf;
		}
		#latest-posts .col-1 {
			width: 280px;
			margin: 0 15px;
			float: left;
		}
		#latest-posts h4 {
			margin: 0 0 10px;
			padding: 0 0 5px 30px;
			background: url(images/arrow.png) no-repeat left top;
			border-bottom: 10px solid #87a7cd;
			color: #fff;
			font-size: 16px;
			font-weight: bold;
			line-height: 20px;
		}
		#latest-posts h4 a {
			color: #fff;
		}
		#latest-posts h3 {
			margin: 0 0 5px;
			font-size: 13px;
		}
		#latest-posts h3 a {
			color: #036;
		}
		#latest-posts p {
			margin: 0 0 15px;
			color: #dfe8ef;
			font-size: 12px;
			line-height: 125%;
		}
		#latest-posts img {
			border-top: 10px solid #009;
			border-bottom: 10px solid #009;
		}
	/* HOMEPAGE -> Telephone Service */
		#telephone-service {
			margin: 20px 0 0;
			padding: 15px 20px;
			background: #85b2d3 url(images/telephone-service.jpg) no-repeat center top;
			border-top: 10px solid #009;
			border-bottom: 10px solid #009;
		}
		#telephone-service #telephone-service-title {
			margin: 0;
			color: #036;
			font: bold 18px tahoma, geneva, sans-serif;
			text-shadow: 0px 1px 1px #dfe8ef;
		}
		#telephone-service #telephone-service-text {
			margin: 10px 0 0;
			color: #fff;
			font-size: 13px;
		}
		
/*  =DEFAULT STYLES
-------------------------------------------------------------- */

.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.small {font-size: 0.8em;}
.hidden {display: none;}