/*Styles For Kamber Energy Services Website - By Paul Moignard for BIG Interactive Corp.*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

body {
	background: #7d7d7d url(../img/grey_noise4.gif);
	/*background: #e5e5e5 url(../img/grey_noise.gif);*/
	font-family: Helvetica, Arial, sans-serif;
	color: #444;
	font-size: 100%;
}

a {
	color: #89343a;
	text-decoration: none;
}

h1.main-heading {
	color: #fff;
	/*color: #666;*/
	padding: 30px 40px;
	font-size: 1.625em;
	font-weight: 500;
	background: #89343a url(../img/main-heading_back2.gif) repeat-x top left;
	/*background: #ededed url(../img/main-heading_back.gif) repeat-x top left;*/
	border-bottom: 1px solid #000;
	/*border-bottom: 1px solid #ccc;*/
	
	text-shadow: 0px -1px 0px #000;
	/*text-shadow: 0px 2px 0px #fff;*/
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

h2 {
	border-top: 3px solid #666;
	color: #666;
	/*border-top: 3px solid #97999c;
	color: #97999c;*/
	font-size: 1.25em;
	margin-bottom: 0.9em;
	padding-top: 0.5em;
	font-weight: 500;
}
	
h4 {
	border-top: 1px solid #ccc;
	margin-bottom: 6px;
	padding-top: 8px;	
}

div#red-bar {
	background-color: #89343a;
	height: 12px;
	border-bottom: 1px solid #fff;	
}

div#white-background {
	border-top: 2px solid #97999c;
	background: #fff url(../img/white_diamond.gif) repeat-x bottom left;
}

body.home div#white-background {
	height: 286px;
}

body.page div#white-background {
	height: 188px;	
}

div.center {
	margin: auto;
	max-width: 59em;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
}

div#topbar {
	padding-top: 30px;
	padding-bottom: 20px;
}

div#topbar #logo {
	float: left;
}

div#topbar ul#nav {
	margin-top: 18px;
	float: right;
/*Changed*/	font-weight: bold;
}

div#topbar ul.top-lvl li {
	float: left;
	margin-left: 13px;	
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.09em;	
}

div#topbar ul.top-lvl li a {
	color: #fff;
	display: block;
	background: #89343a url(../img/nav_btn_back-up.gif) repeat-x center left;
	padding: 8px 13px;
	
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);	
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	text-shadow:0px 1px 0px #000000;
}

div#topbar ul.sub-lvl {
	margin-top: 9px;
	position: absolute;
	
	background: #89343a url(../img/subnav_btn_back.gif) repeat-x top left;
	padding-left: 13px;
	padding-right: 13px;
	
	-webkit-box-shadow: 0px 0px 5px rgba(225, 225, 225, 0.75);
	-moz-box-shadow:    0px 0px 5px rgba(225, 225, 225, 0.75);
	box-shadow:         0px 0px 5px rgba(225, 225, 225, 0.75);	
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 999;
	
	display: none;
}

div#topbar ul.sub-lvl li {
	float: none;
	margin-left: 0;
	border-bottom: 1px dotted #fff;
	font-size: 0.95em;
	text-transform: none;
}

div#topbar ul.sub-lvl li.last {
	border: none;	
}

div#topbar ul.sub-lvl li a {
	background: none;
	padding: 8px 0px;
	
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
}
 

div#main-content {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);	
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#main-content a {
	font-weight: bold;
	border-bottom: 1px dotted #89343a;	
}

#main-content a.action-btn {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	
	font-size: 12px;
	font-weight: bold;
	padding: 6px 8px;
	margin-top: 1.25em;	
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
		
	-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 3px rgba(50, 50, 50, 0.75);			
}

#main-content a.dark-btn {
	float: right;
	background-color: #89343a  repeat-x top left;
	background-image: url(../img/btn-arrow.gif), url(../img/dark-btn_noise.gif);
	background-position: 89% 50%, left top;
	background-repeat: no-repeat, repeat-x;
	border: 1px solid #89343a;
	color: #fff;
	padding-right: 26px;
	
	text-shadow:0px 1px 0px #89343a;
}

#main-content a.light-btn {
	background: #fff url(../img/light-btn_noise.gif) repeat-x top left;
	border: 1px solid #fff;
	color: #89343a;
	
	text-shadow:0px -1px 0px #fff;
} 

div.pad-inner-big {
	padding: 40px;	
}

div.pad-inner-sml {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 14px;
	padding-bottom: 14px;	
}

div.pad-inner-sidebar {
	padding: 14px;	
}

div#feature {
	position: relative;
}

div#feature img {
	-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;	
}

div#feature div#description {
	position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom: 3px; /* position will be on bottom */  
    right: 0;  
   	width: 91.55%;  
    /* styling below */  
    background: transparent url(../img/description-back.png);  
    //font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;  
    font-size:15px;  
    color:white;  
    //opacity:0.7; /* transparency */  
    //filter:alpha(opacity=70); /* IE transparency */
    padding: 26px 40px 26px 40px;	
}

div#feature div#description h5 {
	text-shadow: 0px 1px 0px #000;	
}

@font-face {
  font-family: "MankSans";
  src: url(http://www.kn2.ca/fonts/MankSans-Medium.ttf) format("truetype");
}

div#feature div#description h5#tagline {
	font-size: 1.9em;
	font-weight: normal;
	line-height: 1.8em;
	font-family: "MankSans", "Trebuchet MS", Arial, sans-serif;
}

div#feature div#description .first {
	border-right: 1px dotted #fff;
	padding-right: 40px;
}

div#feature div#description .second {
	padding-left: 40px;
}

div#feature div#description a {
	float: left;	
}

div#copy {
	border-bottom: 1px solid #89343a;	
}

div#copy p {
	font-size: 0.75em;
	line-height: 1.6em;
	margin-bottom: 1.25em;
	/*New*/ letter-spacing: 0.05em;	
}

div#copy ul {
	margin-top: 1.25em;
	font-size: 0.75em;
	font-style: italic;
	padding-left: 1.2em;	
}

div#copy ul li {
	line-height: 1.8em;
	list-style-image: url(../img/k_bullet.gif);
	padding-left: 0.9375em;
}

/*Just For Gallery Pages*/

.gallery div#copy ul#albums li {
	line-height: 1.35em;
}

.row {
	margin-bottom: 3.5em;	
}

/*Just For Gallery Pages*/

.gallery .row {
	margin-bottom: 0;
}

.single_wid {
	width: 30.439815%;
	margin-left: 4.342%;	
}

.toppad {
	margin-top: 20px;	
}

.no-margin {
	margin-left: 0;	
}

.double_wid {
	width: 65.162037%;	
}

.right {
	float: right;	
}

.left {
	float: left;	
}

.half_wid {
	width: 47.6%;
}

div.image-container {
	width: 16.87389%;
	height: 95px;
	overflow: hidden;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

div.image-container-page {
	width: 30.092593%;
	height: 160px;
	overflow: hidden;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

img {
	max-width: 100%;	
}

iframe {
	max-width: 100%;	
}

div.content-container {
	width: 79.928952%;
}

div.content-container-page {
	width: 65.162037%;	
}

div.main-copy {
	width: 73.842593%;	
}

div.sidebar {
	width: 21.527778%;
	background: #ededed url(../img/sidebar_back.gif) top left;
	border: 1px solid #ddd;	
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

div.sidebar ul#sidenav {
	margin: 0;	
	padding: 0;
	padding-bottom: 7px;
	border-bottom: 1px solid #9a9a9a;
}

div.sidebar ul#sidenav li {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 12px;	
}

div.sidebar ul#sidenav li a {
	border-bottom: 1px solid #fff;
	font-style: normal;
	font-weight: normal;
	
	color: #fff;
	display: block;
	background: #89343a url(../img/nav_btn_back-up.gif) repeat-x center left;
	padding: 4px 10px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	text-shadow:0px 1px 0px #000000;	
}

/*Main Gallery Album List*/

div#copy ul#albumdisplay, div#copy ul#imagelisting {
	margin: 0;
	padding: 0;
}

ul#albumdisplay li.album {
	list-style: none;
	float: left;
	padding: 0;
	font-style: normal;
	margin-right: 15px;
	margin-bottom: 20px;
}

div#copy ul#imagelisting li {
	list-style: none;
	float: left;
	padding: 0;
	margin-right: 15px;
	margin-bottom: 20px;	
}

ul#albumdisplay li.album a {
	text-decoration: none;
	border: 1px solid #bbb;
	display: block;
	padding: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

ul#albumdisplay li.album a:hover {
	border: 1px solid #89343A;
	background-color: #eee;	
}

ul#albumdisplay li.album a img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

ul#albumdisplay li.album h3 {
	width: 120px;
	font-size: 1.1em;
	line-height: 1.35em;
}

ul#albumdisplay li.album span {
	font-weight: normal;
	width: 120px;
	display: block;
	font-size: 0.9em;
	line-height: 1.35em;
	margin-top: 3px;
}

div#copy ul#imagelisting li a {
	border: 1px solid #ccc;
	display: block;
	padding: 10px;	
}

div#copy ul#imagelisting li a:hover {
	border: 1px solid #89343A;
}	

div#copy ul#imagelisting li a img {
	margin-bottom: -7px;	
}

/*Gallery Sidebar*/

div.gallery-sidebar {
	width: 21.527778%;
}

div.gallery-sidebar ul#albums {
	padding: 0;
}

div.gallery-sidebar ul#albums li {
	list-style: none;
	margin: 0;
	padding: 0;	
	border-bottom: 1px solid #ccc;
}

div.gallery-sidebar ul#albums li a {
	margin-top: 2px;
	margin-bottom: 2px;
	display: block;
	border: none;
	font-style: normal;
	padding: 3px 8px;
}

div#copy div.gallery-sidebar ul#albums li.album a span { /*Why isn't line-height working?*/
	font-size: 0.9em;	
	line-height: 0.3em;
	margin-top: 3px;
}

div.gallery-sidebar ul#albums li#back-all {
	border-top: 1px solid #ccc;	
}

div.gallery-sidebar ul#albums li#back-all a {
	background: #fff url(../img/red-arrow_gallery.gif) no-repeat 5% 50%;
	padding-left: 25px;
}

div.gallery-sidebar ul#albums li#back-all a:hover {
	background: #89343A url(../img/white-arrow_gallery.gif) no-repeat 5% 50%;
	padding-left: 25px;
}

div.gallery-sidebar ul#albums li a h3 {
	font-size: 1.1em;	
}

div.gallery-sidebar ul#albums li a span {
	font-weight: normal;	
}

div.gallery-sidebar ul#albums li a:hover {
	background-color: #89343A;
	color: #fff;
}


div#action-boxes {
	border-top: 1px solid #fff;	
}

div.action-box {
	/*border: 1px solid #89343a;
	background: #89343a url(../img/action-box_back2.gif) repeat-x top left;*/	
	border: 1px solid #000;
	background: #000 url(../img/action-box_back.gif) repeat-x top left;
	margin-top: 1.25em;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	color: #fff;
	padding: 14px;
}

div.action-box div.action-title {
	float: left;
	text-align: right;
	width: 25.751073%;
}

div.action-box div.action-title h3 {
	font-weight: 500;
	font-size: 0.875em;
	padding-bottom: 30px;
	text-shadow:0px 1px 0px #000;
}

div.call-us div.action-title h3 {
	background: transparent url(../img/phone-icon.gif) no-repeat bottom right;
}

div.brochure div.action-title h3 {
	background: transparent url(../img/pdf-icon.gif) no-repeat bottom right;
}

div.action-box div.action-content {
	float: right;
	padding-left: 15px;
	border-left: 1px dotted #fff;
	width: 57.939914%;
}

div.action-box p {
	text-shadow: 0px 1px 0px #000;	
}

div.action-box address.phone {	
	color: #fff;
	font-style: normal;
	font-weight: bold;
	text-shadow: 0px 1px 0px #000;
}

div.action-box a {
	color: #fff;
	border-bottom: 1px dotted #fff;
	font-size: 0.75em;
	background: transparent url(../img/dl-arrow_light.gif) no-repeat center right;
	padding-right: 12px;
}

div#weather-widget {
	margin-top: 1.25em;	
	display: block;
}

ul#commu-links li {
	font-style: normal;	
	margin-left: 8px;
}

ul#commu-links li a {
	background: transparent url(../img/link-arrow.gif) no-repeat center right;
	padding-right: 10px;	
}

ul#commu-links li.city {
	list-style-image: url(../img/city-icon.gif);
}

ul#commu-links li.road {
	list-style-image: url(../img/road-icon.gif);
}

ul#commu-links li.camera {
	list-style-image: url(../img/camera-icon.gif);
}

#contact-bar {
	border-top: 1px solid #97999c;	
	padding-top: 40px;
}

#contact-bar #toll-free {
	float: left;	
	width: 40%;
	background: #89343a url(../img/caution-stripe.gif) repeat-x top left;
	border: 1px solid #89343a;
	padding: 8px 13px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#contact-bar #toll-free h3 {
	float: left;
	color: #fff;	
	
	font-weight: 500;
	font-size: 0.875em;
	padding-bottom: 0;
	text-shadow:0px 1px 0px #000;
}

#contact-bar #toll-free address {
	float: right;	
	color: #fff;
	font-style: normal;
	font-weight: bold;
	text-shadow: 0px 1px 0px #000;
	padding-left: 25px;
	background: transparent url(../img/cell-icon.gif) no-repeat 0 50%;
}

#contact-bar ul#cert-logos {
	float: right;
	margin: 0;	
}

#contact-bar ul#cert-logos li {
	float: left;
	list-style-image: none;
	padding-left: 0.9375em;
	margin-left: 30px;	
}

#contact-bar ul#cert-logos li a {
	border: none;
	padding-bottom: 0;	
}

.p-contact {
	margin-top: 30px;
}

.p-contact .qr-code {
	width: 40%;
	text-align: right;	
}

.p-contact .qr-code img {
	margin-bottom: 5px;	
}

.p-contact .contact-info {
	width: 53%;	
}

.p-contact .qr-code a {
	font-size: 0.75em;
}

div#red-footer {
	background: #89343a url(../img/red_diamond.gif);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;	
	color: #fff;
}

div#red-footer p {
	font-size: 0.75em;
	line-height: 1.4em;
}

div#red-footer div#sitemap {

	margin-bottom: 50px;
}

div#red-footer div#sitemap ul {
	font-size: 0.75em;	
}

div#red-footer div#sitemap ul li.main-link {
	line-height: 1.6em;
	float: left;
	max-width: 12.605042%;
	margin-right: 7.2829132%;
}

div#red-footer div#sitemap ul li a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

div#red-footer div#sitemap ul li ul {
	padding-left: 1.2em;
	margin-top: 1.2em;
}

div#red-footer div#sitemap ul li ul li {
	margin-bottom: 0.8em;	
	float: none;
	list-style-type: disc;
	letter-spacing: 0.15em;
}

div#red-footer div#sitemap ul li ul li a {
	font-weight: normal;
}

div#red-footer h3.footer-title {
	font-weight: 500;
	font-size: 0.875em;
	float: left;
	width: 12.731481%;
}
							
div#red-footer div.footer-content {
	float: right;
	width: 82.75463%;
	border-left: 1px dotted #fff;
	padding-left: 30px;
}						

div#footer {
	border-top: 1px solid #89343a;
	font-size: 0.75em;	
}

div#footer p#copyright {
	float: left;	
}

div#footer ul#footer-links {
	float: right;	
}	

div#footer ul#footer-links li {
	float: left;
	margin-left: 1em;	
}

div#footer ul#footer-links li a {
	display: block;	
}

div.news_entry, div.job-posting {
	margin-bottom: 40px;
}

div.news_entry p.date, div.job-posting p.date {
	font-style: italic;	
}

div#qrinfo p {
	margin-bottom: 20px;
	line-height: 1.25em;
	font-size: 0.75em;
}

div#qrinfo a {
	font-weight: bold;
	border-bottom: 1px dotted #89343a;
	font-size: 0.85em;
	line-height: 1.75em;
	color: #89343a;
}

a#video-player {
	border: none;
	margin-bottom: 0;
	padding: 0;	
}