/*
Generated by www.wordpresspartner.com
*/
@charset "utf-8";
/* CSS Document */

body {
	font-family:'Raleway', sans-serif;
}

h1 h2 h3 h4 {
	font-family: 'PT Sans', sans-serif;
}

h1.top {
	margin:210px 0px 0px 0px;
}

h1 span {
	background:rgba(40,40,40,0.5);
}

#index p.gray {
	color:#555;
}



p.description {
	font-size:18px;
	padding-left:10px;
}

.title {
	font-size:36px!important;
	padding-left:0px!important;
	margin-top:35px!important;
	margin-bottom:20px;
}


h4 {
	margin-top:22px;
	clear:both;
}

h2.blurb {
	font-size:18px; 
	color:#555; 
	padding-left:10px;
}

.orange {
	color:#F79646; 
	text-shadow: 1px 1px #333; 
}

.orange.description {
	color: #eee;
}

.blue {
	color:#267EB5;
}

a.plain:link {text-decoration: none;color:#76CDE0;}

a.plain:visited {text-decoration: none;color:#76CDE0;	}

a.plain:hover {
	color: #CCF6FF;
	text-decoration: underline;	
	border:0px;
} 

a.orange:hover {
	color:#F79646;
}

a.blue:hover {
	color:#267EB5;
}

img.right {
	float:right;
	margin:10px 0px 20px 20px;
}

img.left {
	float:left;
	margin:10px 20px 20px 0px;
}

img.center {
	display:block; 
	margin:20px auto 20px auto;
}

img.shadow {
    box-shadow: 5px 5px 5px #888888;
}

.quote {
	font-style:italic; 
	font-weight:bold;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.pic {
	background:#333;
	background-size: 100% auto;
	height:272px; 
	border-top:5px solid #888;
}

div.container {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}
	


div.row.page {
	padding-bottom:30px;
	padding-left:30px; 
	padding-right:30px;
}

div.gray div.row.page,  div.news div.row.page{
	padding-left:15px;
	padding-right:15px;
}

div.container-fluid.gray {
	background-image: linear-gradient(to bottom right, #434545, #595B5B, #6D7171); 
	background-size: 100% auto;
}

div.tab-pane.fade.in {
	background-color:rgba(204,204,204,0.3); 
	padding:0px 10px;
}

div.tab-pane.fade.in.edge {
	margin-left:115px;
}

div.contentpage div.tab-pane.fade.in {
	background-color:rgba(204,204,204,0.3); 
	padding:6px 15px;
	margin-top:-1px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

div.contentpage table.table-striped {
	margin-bottom: 20px;
}

div.contentpage table.table-striped td, div.contentpage table.table-striped th {
	padding:5px;
}
	
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover {
	outline: 0;
}

div.contentpage .nav-tabs>li.active>a, div.contentpage .nav-tabs>li.active>a:focus, div.contentpage .nav-tabs>li.active>a:hover{
	background:#F0F0F0;
}

div.resellers .nav-tabs>li.active>a, div.resellers .nav-tabs>li.active>a:focus, div.resellers .nav-tabs>li.active>a:hover {
	background:#fff !important;
}

div.resellers .nav-tabs>li>a, div.resellers .nav-tabs>li>a:focus, div.resellers .nav-tabs>li>a:hover{
	background:#f0f0f0;
}

div.panel-group h4 a{ color:#333}

#parkingpic {
	background-image:url("../images/icons/parking.png");
	background-repeat:no-repeat;
	background-position:left;
	height:96px;
	width:96px;
	margin-right:6%;
}
#parkingpic.active {
	background-image:url("../images/icons/parkingorange.png");
}

#retailpic {
	background-image:url("../images/icons/retail.png");
	background-repeat:no-repeat;
	background-position:left;
	height:96px;
	width:96px;
	margin-right:6%;
}
#retailpic.active {
	background-image:url("../images/icons/retailorange.png");
}

#securitypic {
	background-image:url("../images/icons/security.png");
	background-repeat:no-repeat;
	background-position:left;
	height:96px;
	width:96px;
	margin-right:6%;
}
#securitypic.active {
	background-image:url("../images/icons/securityorange.png");
}

#trafficpic {
	background-image:url("../images/icons/traffic.png");
	background-repeat:no-repeat;
	background-position:left;
	height:96px;
	width:96px;
	margin-right:6%;
}
#trafficpic.active {
	background-image:url("../images/icons/trafficorange.png");
}

#facepic {
	background-image:url("../images/icons/face.png");
	background-repeat:no-repeat;
	background-position:left;
	height:96px;
	width:96px;
	margin-right:6%;
}
#facepic.active {
	background-image:url("../images/icons/faceorange.png");
}


#index div.tab-content {
	margin-top:30px;
	margin-bottom:15px;
}


.nav-pills>li.edge{
	margin-left:3%;
	margin-right:3%;
	margin-top:10px;
}

.nav-pills>li>a.edge{
	background:#27A2F3;
	background-image:linear-gradient(to bottom right, #0F5D8D, #1B87CC, #27A2F3) ;
	color:#eee;
	font-weight:bold;
	text-shadow: 1px 1px #333; 
}

.nav-pills>li.active>a.edge, .nav-pills>li.active>a.edge:focus, .nav-pills>li.active>a.edge:hover{
	background:#DB7C2D;
	background-image:linear-gradient(to bottom right, #C66E25, #DB7C2D, #FF9538);
	outline:0;
}

.freetrial {
	background:#DB7C2D;
	background-image:linear-gradient(to bottom right, #C66E25, #DB7C2D, #FF9538);
	outline:0px;
	font-size:.9em;
	color:#fff;
	text-shadow: 1px 1px #333; 
}

.freetrial:hover, .freetrial:focus {
	background:#FFAF6D;
	background-image:linear-gradient(to bottom right, #FF9538, #FFAF6D, #FFC18C);
	outline:0;
	color:#fff;
	text-shadow: 1px 1px #333; 
	text-decoration: none;
}

.sales {
	background:#1B87CC;
	background-image:linear-gradient(to bottom right, #0F5D8D, #1B87CC, #27A2F3);
	outline:0px;
	font-size:.9em;
	color:#fff;
	text-shadow: 1px 1px #333; 
}

.sales:hover, .sales:focus {
	background:#80CDF7;
	background-image:linear-gradient(to bottom right, #4DB3F2, #80CDF7, #B6E1F9);
	outline:0;
	color:#fff;
	text-shadow: 1px 1px #333; 
	text-decoration: none;
}

.newsc {
	background: rgba(51,51,51,.7);
	color:#fff;
	width:21%;
	padding:7px 7px;
	margin:17px 2% 45px 2%;
	font-size:.8em;
	font-weight: normal;
	text-align:left;
	float: left;
}

.reveal-if-active {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}

input[type="radio"]:checked ~ div.reveal-if-active,
input[type="checkbox"]:checked ~ div.reveal-if-active {
  opacity: 1;
  max-height: 100px; /* little bit of a magic number :( */
  overflow: visible;
}


.vidthumbnail {
	 width:225px; 
	 height: 170px;
	 float:left;
	 margin:3px 10px;
}


/**********************************new menu!***********************************/
#topmenu ul {  /*This is needed to reset things*/
	padding:0;
	margin:0;
} 

#topmenu li {     /*This makes it look pretty*/
	display: block;
	line-height: 15px;
	width: 60px;
}

#topmenu a { color: #222; font-size:.85em; text-decoration: none; display: block;}

#topmenu :hover, #topmenu :focus {color:#E08841;} 

#topmenu .level2 li:hover, #topmenu .level2 li:focus { display:block; background: #E5E9EA;}

#topmenu .level2 li{ background: #C6CACE; width: 135px; z-index:1000; } /*use this if want to make level2 look different*/

#topmenu li { /*Use this to make it show up where I want it to*/
	list-style: none;
	position: relative;
	float: left;
	text-align: center;
	padding: 4px 5px 4px 8px;
	/*border-left: solid 1px #464749;
	border-right: solid 1px #767B7F;*/
	margin: 0px;
} 
#topmenu .level2 li{
	text-align:left; 
	padding: 8px; 
	border:1px solid #BABEC1; 
}

#topmenu .level3 li{
	/*border-left:1px solid #676A6D;*/ 
	margin:0px;
}

.level2 { position:absolute; top:1.6em; left:25px;;}  /*Use this to position dropdowns from the first level*/

.level3 { position:absolute; top:0; left:134px; } /*Use this to position the level 3s when they pop out*/

.level2,.level3 {visibility:hidden;} /*this hides them*/

#topmenu :hover > ul, #topmenu :focus > ul { visibility:visible; } /*this shows them when hovered*/

#topmenu img { margin:-5px 0 0 20px;}

#checkbox {display:block;}
/*******************************end new menu*********************************/

/*******************************footer stuff*********************************/

table.foot td {
	height: 14px;
}

table.foot th {
	font-weight: bold;
	text-align: left;
	height: 15px;
}

div.mainfooter {
	font-size: .9em;
	margin-top: 20px;
}

div.footer {
	/*border-radius: 10px;*/
	padding:20px 10px 5px 10px;
	font-size: .9em;
	color:#E3EBF4;
}

div.footer p {
	margin:0px;
	padding:1px 0px 0px 0px;
}

div.footer a:link {
	color:#C6E2FF;
}


div.footer a:visited {
	color:#C6E2FF;
}

div.footer a:hover {
	color:#84CEFF
}