/*
Theme Name: ABSecurity
Theme URI: http://redfeatherdesign.com/
Description: Custom theme for Athabasca Basin Security.
Author: eve jackson
Author URI: http://redfeatherdesign.com/
Version: 1.0
Tags: custom, theme
License:
License URI:
General comments (optional).
*/


/* Eric Meyer CSS reset */
html, body {margin:0;padding:0;}
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, img, 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 {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: #4a4a4a;background: white;line-height:1.5em;font-family:verdana,sans-serif;font-size:0.8em;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* basic styles */
strong {font-weight:bold;}
h1 {font-size:1.5em;}
h2 {font-size:1.3em;padding-top:15px;}
h3 {font-size:1.1em;padding-top:15px;}
p {padding-top:15px;}
#content a, #home-content a, #home-feature a, #news a, #wrapper a {color:#b6121b;text-decoration:none;font-weight:bold;}
#content a:hover, #home-content a:hover, #news a:hover, #wrapper a:hover {text-decoration:underline;}
#header { height:150px;width:100%;max-width:1000px;margin:0 auto;position:relative;height:202px;}
#logo {float:left;width:114px;height:130px;margin:10px 30px 10px 80px;}
#tagline {vertical-align:middle;float:left; position: relative;top: 50%;transform: translateY(-50%);font-size:2.4em;line-height:1.2em;width:68%;}
#header p span {color:#b5121b;}
#navbar {position:absolute;width:100%;background:url(images/absNav.png) top left repeat-x;height:52px;z-index:1;top:0;margin-top:152px;}
nav#main-menu{display:block;float:right;width:100%;margin-top:10px;}
.primary-menu{display:block;position:relative;position:absolute;width:100%;max-width:1000px;margin:0 auto;z-index:5;}
.primary-menu li{/*display:inline-block;*/z-index:100;float:left;position:relative;}
.primary-menu li a{float:left;padding:10px 5px;width:120px;color:#d7d8d9;text-transform:uppercase;text-decoration:none;position:relative;}
.primary-menu li.first-menu-item a {width:90px;}
.primary-menu li:hover a{color:#000;margin-top:-10px;background:url(images/absNavHoverSingle.png) top left no-repeat;padding:15px 20px;width:140px;height:40px;margin-left:-50px;} 
.primary-menu li a:hover{background:url(images/absNavHoverSingle.png) top left no-repeat;color:#000;width:140px;margin:-10px 0 0 -50px;padding:15px 20px;height:40px !important;}
.primary-menu li.first-menu-item a:hover{background:url(images/absNavHoverHome.png) top left no-repeat;width:60px;margin-left:0;height:40px;}
.primary-menu li:hover a {height:21px;}
.primary-menu ul{position:absolute;display:none;left:0;top:40px;height:auto;z-index:1000;}
.primary-menu li:hover ul {float:left;display:block;width:180px;height:100%;height:auto;background:url(images/absNavHoverBottom.png) bottom left no-repeat;padding-bottom:20px;margin:0;margin-left:-50px;}
.primary-menu ul li{float:left; display:block;width:100%;}
.primary-menu ul li a {color:#787878;background:url(images/absNavHoverBody.png) top left no-repeat;padding:5px 20px;width:140px;float:left;text-transform:none;height:40px !important;}
.primary-menu li:hover ul li a {color:#787878;background:url(images/absNavHoverBody.png) top left no-repeat;padding:5px 20px;width:140px;float:left;text-transform:none;height:40px !important;margin:0;}/*NEW*/
.primary-menu li:hover ul li a:hover {color:#8f8f8f;background:url(images/absNavHoverBodyHover.png) top left no-repeat;} 
.primary-menu ul li a:hover, .menu li:hover ul li a:hover  {color:#8f8f8f;background:url(images/absNavHoverBodyHover.png) top left no-repeat;margin: 0;padding-top:5px;height:45px !important;margin-bottom:0 !important;padding-bottom:0;}
.mobile-menu{display:none;width:40px;height:80px;padding:0;float:right;color:#ADAFB2;text-transform:uppercase;font-weight:400;text-decoration:none;margin: 0;}
.mobile-menu:hover, .mobile-menu:focus {color:#e75f3b;}
#wrapper {width:100%;max-width:1000px;margin:5px auto 0;padding:0;border-top:1px solid transparent;}
#content {width:66%;float:left;margin-left:5%;}
#home-content{ width:430px;float:left;margin-left:50px;margin-top:30px;width:43%;margin:30px 0 0 5%;}
#home-feature {width:430px;float:right;padding:0;margin-right:50px;margin-top:30px;width:43%;margin:30px 5% 0 0;}
#home-feature h3 {background:#000;color:#d7d8d9;padding:5px 10px;}
#home-feature h4 {color:#b5121b;}
.featureleft {width:200px;width:47%;float:left;padding:0;}
.featureright {width:200px;width:47%;float:right;padding:0;}
.featureleft h3, .featureright h3 {font-size:1em;}
#banner {position: relative;width: 66%;height:200px;overflow: hidden;margin:5px 5% 20px;}
.img-container {position: absolute;left: -9999px;right: -9999px;margin: auto;width:660px;height:200px;z-index:4;}
.img-container img {width:660px;height:200px;display: inline-block;}
#sidebar {width:260px;width:26%;float:right;background:url(images/abs-sidebar-inner.png) top left no-repeat;margin-top:-220px;padding:0;}
#background {position:absolute; z-index:1; height:100%;}
#scroller {position:absolute; left:0; margin-left:-120px; z-index:2;overflow:auto;background:url(images/absSwoosh.png) top left no-repeat;width:160px;height:830px;z-index:1;}
#footer {margin:10px auto 15px;width:100%;max-width:1006px;background:url(images/absFooterBg.jpg) top left no-repeat;background:url(images/abs-footer-bg.png) bottom right no-repeat;height:90px;border-bottom:0px solid #000;border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;-moz-box-shadow: 0 5px 5px #888;-webkit-box-shadow: 0 5px 5px #888;box-shadow: 0 5px 5px #888;}
#footer p {font-size:0.8em;padding:0;}
#footer .copyright {width:600px;width:66%;float:left;text-align:left;padding-left:2%;padding-top:30px;}
#footer .copyright a {color:#b5121b;text-decoration:none;}
#footer .copyright a:hover {text-decoration:underline;}
ul#menu-secondary-menu {display:inline;float:right;margin-top:30px;margin:30px 2%;}
ul#menu-secondary-menu li {float:left;background:url(images/absFooterNavBullet.png) 0 10px no-repeat;}
ul#menu-secondary-menu li.first-menu-item {background:none;}
ul#menu-secondary-menu li a {margin:0 10px;font-size:0.8em;color:#b6121b;font-weight:bold;text-decoration:none;}
ul#menu-secondary-menu li a:hover {color:#b5121b;}
.textwidget {margin-top:5px;}
#content ul {margin:15px 20px 0 30px;}
#content ul li {background:url(images/absBullet.png) 0px 12px no-repeat;padding:5px 15px;}
#sidebar ul.menu {display:block;float:left;height:100%;clear:both;padding-bottom:10px;/*width:220px;margin:0 20px;*/width:90%;margin:0 5%;}
#sidebar ul.menu li { float:left;/*width:220px;*/width:100%;/*background:url(images/absNavSidebar.jpg) top left no-repeat;*/border-bottom:1px solid #d2d2d2;width:100%; }
#sidebar ul.menu li.current-menu-item a {color:#000;background:url(images/absSidebarNavCurrent.png) 0px 15px no-repeat;padding-left:10px;}
#sidebar ul.menu li:hover {background:url(images/absNavSidebarHover.jpg) top left no-repeat;/*background:transparent;*/color:#000;}
#sidebar ul.menu li a {width:200px;width:98%;padding:10px 10px;padding:10px 1%;text-decoration:none;float:left;color:#b5121b;font-size:0.9em;}
#sidebar ul.menu li ul {}
#sidebar ul.menu li ul li {/*background:url(images/absSubNavSidebar.jpg) top left no-repeat;*/padding-left:30px;width:230px;}
#sidebar ul.menu li ul li:hover {background:url(images/absSubNavSidebarHover.jpg) top left no-repeat;/*background:transparent;*/color:#000;}
#sidebar ul.menu li ul li a {width:230px;width:98%;padding:10px 1%;background:url(images/absBullet.png) 15px 17px no-repeat;}
#sidebar ul.menu li.last-menu-item, #sidebar ul.menu li ul li.last-menu-item { border-bottom:none;}
#sidebar h3 {color:#292929;padding:10px;font-size:1em;}
/*NOTE:necessary: */
#slide-panel{ background-color:#000;border-bottom-style:solid;border-bottom-width:2px;display:none;height:100px;margin:auto;}
.slide {width:950px; margin:auto;}
.btn-slide:link, .btn-slide:visited{color:#fff; float:right; display:block;font-size:14px; text-transform:uppercase; font-weight:bold;height:26px; padding:3px 0 3px 0;line-height:22px;text-align:center;text-decoration:none;width:100px; background-color:#000; font-family:Arial;}
.loginform {width:950px; margin:auto;  color:#999; font-family:Arial, Helvetica, sans-serif;}
.formdetails {color:#FFF; font-size:12px;padding:5px;}
.formdetails input{border:none; padding:2px 5px 2px 5px; background-color:#EFEFEF;}
.loginregister {color:#999; padding:5px;}
.loginregister a:link, .loginregister a:visited {color:#FFF; font-size:11px; text-decoration:underline;}
.loginform h2 {padding:10px 10px 10px 0; font-size:18px; font-weight:normal; text-transform:uppercase;}
.loginform ul li {display:inline;}
.loginform ul li a:link, .loginform ul li a:visited {color:#FFF; font-size:12px; text-decoration:underline;}
/*NOTE: move to slider stylesheet */
#bannerhome h3 {font-size:2em;text-transform:uppercase;line-height:1.2em;padding-top:15px;}
#bannerhome h4 {font-size:1.5em;line-height:1.2em;padding-top:15px;}
#bannerhome p { padding-top:10px;}
#header nav#login ul {margin: 0;padding: 0;list-style: none;position: relative;float: right;background:transparent;margin-top:-2px;position:absolute;top:0;right:0;}
#header nav#login li {float: left;  margin:0;padding:0;}
#header nav#login #login {z-index:1020;}
#header nav#login #login-trigger, nav #signup a {display: inline-block;*display: inline;*zoom: 1;height: 25px;background:#292929;line-height:18px;font-weight:normal;padding: 5px 10px;text-decoration: none;color:#fff;}
#header nav#login #login-trigger:hover, nav #login .active, nav #signup a:hover {padding: 5px 10px;margin:0;border-top:none;background:#f9f9f9;width:110px;height:25px;color:#000;}
#header nav#login #login-content {display: none;position: absolute;top: 24px;right: 0;z-index: 999;background: #f9f9f9;padding: 15px;}
#header nav#login li #login-content {right: 0;width: 250px;}
#inputs input {background: #f1f1f1;padding: 6px 5px;margin: 0 0 5px 0;width: 238px;border: 1px solid #ccc;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#inputs input:focus {background-color: #fff;outline: none;}
#login #actions {margin: 10px 0 0 0;}
#login #submit {background-color: #be3038;float: left;height: 30px;padding: 0;width: 100px;cursor: pointer;color: #fff;}
#login #submit:hover,#login #submit:focus {background-color: #e97171;}
#login #submit:active {outline: none;}
#login #submit::-moz-focus-inner {border: none;}
#login label {float: right;line-height: 30px;}
#login label input {position: relative;top: 2px;right: 2px;}
#news {float:left;margin:15px 0 5px;width:100%;/*max-width:1000px;*/background:#ccc;}
#news h3 {background:#292929;color:#e3e3e3;padding-bottom:15px;padding-left:30px;}
#news h4 {font-weight:bold;font-size:1.1em;}
.widget {float:left;margin-left:1px;width:259px;width:100%;}
.last-widget {border-top:1px dashed #bfbfbf;margin-bottom:15px;}
.gform_wrapper { float:left;margin-left:15px;margin-bottom:15px;}
#content #newsPg {float:left;width:660px;width:100%;height:220px;background:#ccc;}
#newsPg h3 {padding-top:0;font-weight:bold;}
#newsDiv {padding-top:20px;width:100%;float:left;}
#load {display: none;position: absolute;right: 10px;top: 10px;background: url(images/ajax-loader.gif);width: 43px;height: 11px;text-indent: -9999em;}
#gforms_confirmation_message { padding:0 10px 10px;}
/*NOTE: does lightbox exist?? Lightbox*/
#lightbox {width:740px;float:left;margin:0 auto 20px;padding:15px; }
#lightbox a.job-btn, #content a.job-btn {background:#b6121b;padding:5px;color:#fff;text-decoration:none;}
#lightbox a.job-btn:hover, #content a.job-btn:hover {text-decoration:underline;}
#lightbox .gform_wrapper ul {list-style-type:none !important;}
#lightbox h1 {padding-bottom:15px !important;}
#lightbox ul, #lightbox ol {padding-left:30px !important;}
#lightbox .sidebar {float:left;background:#f8f8f8;border:1px solid #ccc;width:180px;padding:10px;margin-right:15px;}
/*employee login */
#login-content p {font-size:0.8em;padding-top:0; }
#login-content p.login-username label, #login-content p.login-password label {float:left;padding:0;line-height:10px;width:60px;padding-top:10px;}
 #login-content p.login-remember label {float:right;line-height:5px;}
#content ul {margin:15px 20px 0 30px;}
#content ul li {background:url(images/absBullet.png) 0px 12px no-repeat;padding:5px 15px;}
#content .gform_wrapper ul { list-style-type:none !important;margin:0;}
#content .gform_wrapper ul li { list-style-type:none !important;background:none;padding:0;}
#content .gform_wrapper .gform_body .gform_fields .gsection, #lightbox .gform_wrapper .gform_body .gform_fields .gsection {background:black;color:white;padding:5px 10px 10px;}
#sidebar .gform_wrapper {width:220px;width:96%;margin:0 20px;margin:0 2%;}
#sidebar .gform_wrapper .gform_body .gform_fields .gfield input {width:212px;width:96%;}
.textwidget p {padding:0 10px 10px;}
img { max-width:100%;height:auto; }
#size {float:left;width:100%;height:30px;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.library-section {width:100%;border-bottom:1px dashed #ccc;float:left;padding-bottom:15px;}
.library-icons {float:left;width:10%;}
.library-items {float:left;width:88%;}
.contact-info {float: left; width: 300px; width:45%;margin-top: 20px;}
.mapp-layout {float: right; width: 340px; width:54%;margin-top: 20px;}
@media screen and (max-width:768px){
#header { height:110px;width:100%;background:#292929;position:relative;}
#logo {float:left;width:79px;height:90px;margin:10px 20px 10px 40px;}
#tagline {color:#ADAFB2;font-size:1.4em;float:left;position:absolute;top:0;left:0;margin:30px 0 0 140px;width:60%;}
#banner {margin-left:0;margin-left:2%;margin:5px 1%;}
#wrapper {margin-top:0;}
#content {margin:10px 0 0 1%;}
#sidebar {width:30%;margin-top:-205px;margin-right:1%;}
.featureleft {width:100%;}
.featureright {width:100%;float:left;}
.anythingSlider-minimalist-square .arrow a {margin: -30px 0px 0 0px !important;}
nav#login ul {margin-right:60px;}
#navbar {display:none;}
.mobile-menu{display:block;height:100px;} /*NEW - ck phone width*/
.mobile-menu img {margin:50px 8px;} /*NEW - ck phone width*/
.mobile-menu{display:block;}  
.primary-menu{display:none;margin-top:0;position:relative;}
.mobile-menu{display:block;margin-top:-100px;}
nav#main-menu{margin:0;background:none;float:left;/*width:96%;margin-left:2%;*/width:100%;float:right;margin-top:0px;}
.primary-menu li{display:block;margin:0;width:100%;}
.primary-menu li a{background:#d5d5d5;color:#000;border-top:1px solid #bebebe;width:98%;padding:10px 1%;}
.primary-menu li.first-menu-item a {width:98%;}
.primary-menu li:hover a, #navbar .menu li:focus a {margin:0;background-image:none;background-color:#ccc;color:#000;padding:10px 1%;border-top:1px solid #bebebe;height:20px !important;width:98%;}
.primary-menu li a:hover, #navbar .menu li a:focus {color:#000;background:#CACACA;width:98%;background-image:none;height:20px;}
.primary-menu li.first-menu-item a:hover {width:98%;background-image:none !important;background-color:#cacaca;}
.primary-menu ul{/*display:none;*/position:relative;top:0;left:0;bottom:0;width:100%}
.primary-menu ul {display:block;position:relative;margin-left:0;}
.primary-menu li:hover ul {margin-left:0;background-image:none;width:100%;padding-bottom:0;}
.primary-menu ul li a {float:left;text-transform:none; background:#d5d5d5;color:#787878; margin:0; width:96%;background-image:none;padding:0;padding:10px 0 10px 4%;height:20px !important;}
.primary-menu li:hover ul li a {float:left;text-transform:none; background:#d5d5d5;color:#787878; margin:0; width:96%;background-image:none;padding:0;padding:10px 0 10px 4%;height:20px !important;}
.primary-menu ul li a:hover, .menu li:hover ul li a:hover {float:left;text-transform:none; background-image:none !important;background-color:#cacaca !important;color:#787878; margin:0; width:96%;margin:0;padding:10px 0 10px 4%;height:20px !important;}

#sidebar ul.menu li, #sidebar ul.menu li a {background-color:transparent !important;}
}

@media screen and (max-width:480px){
#header {background:#292929;height:80px;position:relative;}
#header p {padding:0;margin:0;}
#tagline {font-size:0.9em;margin-left:10px;/*position:absolute;*/margin:40px 0 0 90px;width:65%;}
#tagline p {padding:0;}
#logo {width:61px;height:70px;margin:5px 0px 0 20px;/*width:15%;height:auto;*/}
.mobile-menu{display:block;height:80px;width:10%;} 
.mobile-menu img {margin:30px 8px;}
#wrapper {margin-top:0px;}
#content {width:90%;margin:10px 5%;}
#banner {width:100%;height:200px;margin-left:0;margin-top:0;margin:0 0 10px;}
#sidebar {width:90%;margin:20px 5%;float:left;}
#home-content{ width:90%;}
#home-feature {width:90%;float:left;margin:0 5%;}
.featureleft {width:100%;margin-top:15px;}
.featureright {width:100%;float:left;margin-top:15px;}
li#login {display:none;}
#footer .copyright {width:96%;margin:5px 2%;}
#news {height:290px;}
.mobile-menu{display:block;margin-top:-75px;}
.mapp-layout {float:left !important;width:100%;height:auto;}

}