@charset "utf-8";
/* CSS Document by Kolen Mackey:  http://www.kolenmackey.com using foundation.com 12grid*/

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2012 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris Font Foundry
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 *
 */
@import url(http://fonts.googleapis.com/css?family=Muli);

@font-face {
    font-family: 'Museo500Regular';
    src: url('Museo500-Regular-webfont.eot');
    src: url('Museo500-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Museo500-Regular-webfont.woff') format('woff'),
         url('Museo500-Regular-webfont.ttf') format('truetype'),
         url('Museo500-Regular-webfont.svg#Museo500Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Museo300Regular';
    src: url('Museo300-Regular-webfont.eot');
    src: url('Museo300-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Museo300-Regular-webfont.woff') format('woff'),
         url('Museo300-Regular-webfont.ttf') format('truetype'),
         url('Museo300-Regular-webfont.svg#Museo300Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* MAIN BODY STYLES -----------------------------------------------------------

BLUE:   #00a2de
GREEN:	#59b37f

*/   

body {
	/*background:#f0efed url(/images/ricepaper2.jpg) repeat center fixed;*/
	background: #fff;
	color:#48545e;
	font-family:'Muli',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#site_container {
	max-width:940px;
	display:block;
	margin: 0 auto 15px auto;
	position:relative;
}


#bkg_header {
	display:block;
	position:relative;
}

#bkg_body {
	position:relative;
	display:block;
}
#bkg_footer{
	display:block;
	position:relative;
}


/* -----------------------------------------
   UI Styles
----------------------------------------- */


#main {
	background:#fff;
	border:1px solid #efefef;
	position:relative;
	min-height:1000px;
	z-index:50;
	padding:0 0 50px 0;
}

.shadow {
	-moz-box-shadow: 	0px 1px 3px #acacac;
	-webkit-box-shadow: 0px 0px 3px #acacac;
	box-shadow: 		0px 1px 3px #acacac;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac');
}
#header-img {
	margin:0;
	padding:0;
	display:block;
	min-height:100px;
	background:#fff;
}
#header-img img {
	border-bottom:1px solid #CDCACA;
}
.tagline {
	display:block;
	width:55%;
	height:40px;
	background:#00a2de;
	color:#fff;
	position:absolute;
	text-align:center;
	top:40px;
	left:-16px;
}
.tagline:before {
	content:"";
	width:20px;
	height:25px;
	display:block;
	background:#006387;
	position:absolute;
	left:6px;
	bottom:-15px;
	z-index:-10;
	/* Safari */
	-webkit-transform: rotate(-45deg);
	
	/* Firefox */
	-moz-transform: rotate(-45deg);
	
	/* IE */
	-ms-transform: rotate(-45deg);
	
	/* Opera */
	-o-transform: rotate(-45deg);
	
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.tagline:after {
	content:"";
	width:15px;
	height:100%;
	display:block;
	background:#59b37f;
	position:absolute;
	top:0;
	left:100%;
	margin-left:2px;
}
.tagline h2{ padding:0; margin:0; line-height:40px; color:#fff;}
/* -----------------------------------------
   Typeography
----------------------------------------- */

h1,h2,h3,h4,h5 {
	color:#48545e;
	font-family: 'Museo300Regular', Rockwell,"Palatino Linotype","Book Antiqua",Palatino,serif;
	font-weight:normal;
	letter-spacing:0;
	padding-bottom:4px;
}
h1 {
	/*border-bottom: 1px solid #CDCACA;*/
	padding-bottom:10px;
	color:#00a2de;
	font-size:26px;
}
h1 strong { 
	color:#59b37f;
	

}
h2 {
	font-size:22px;
	line-height: 28px;
}
h3 {
	font-size:18px;
	line-height: 26px;
}
h4 {
	font-size:16px;
}
/* -----------------------------------------
  Masthead and Footer
----------------------------------------- */
	#logobox {
		positon:relative;
		display:block;
		text-align:center;
		padding:8px 0;
	}
	#footer_content {
		min-height:80px;
	}
	#km_tag {
		background:url(/images/Kolen_Mackey_Logo.png) right center no-repeat;
		width:auto;
		height:40px;
		display:block;
		padding:4px 50px 4px;
		position:absolute;
		top:8px; right:8px;
		color:#b1aeae;
		font-family: 'Museo300Regular', Rockwell,"Palatino Linotype","Book Antiqua",Palatino,serif;
		font-size:13px;
		line-height:35px;
	}

/* -----------------------------------------
   Main
----------------------------------------- */
#shownav {
	background: url(/images/icon_nav.png) right center no-repeat;
	display:block;
	width:100%;
	line-height:40px;
	padding:0;
	margin:0;
	color:#728294;
	font-size:16px;
	
}
.hidenav {display:none;}
#nav {
	border-top:1px solid #cdcaca;
	border-bottom:1px solid #cdcaca;
	
}
.tel a {
	font-family: Rockwell,"Palatino Linotype","Book Antiqua",Palatino,serif;
	line-height:30px;
	font-size:20px;
	color:#59b37f;
}
#SideNav {
	padding-top:60px;
	background:url(/images/pw6_icon.png) center bottom no-repeat;
	padding-bottom:190px;
}
#SideNav h3 {
	border-bottom:1px solid #cdcaca;
	margin:30px 0 20px 0;
	
}
#SideNav .button {
	width:100%;
	padding:10px 5px 10px 15px;
	line-height:18px;
}
.button {
	font-family:Rockwell;
	text-align:left;
	font-weight:normal;
	font-size:14px;
	text-transform:capitalize;
	line-height:20px;
}
.button:after{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		content:"\00bb";
		font-size:28px;
		line-height:20px;
		color:#fff;
		position:relative;
		margin-left:15px;
	}
.button img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.color1 {
	color:#00a2de;
}
.color2 {
	color:#59b37f;
}
#SideNav .notice { 
	padding-left:10px; 
	border:none;
	margin-bottom:20px;
}
.offerbox {
	padding:5px 0;
	list-style:none;
	
}
.offerbox li {
	padding:10px;
	background:#fff;
	display:block;
	margin-bottom:8px;
	line-height:20px;
	font-size:14px;
	font-family:rockwell, 'muli';
}
.offerbox li span {
	float:right;
	font-size:22px;
	
}
/* -----------------------------------------
   Mail big File
----------------------------------------- */
#bigFile {
	display:block;
	max-width:100%;
	overflow:hidden;
}
#mailbigfile {
	border:none;
	border-top:1px solid #cdcaca;
	border-bottom:1px solid #cdcaca;
	overflow:hidden;
	display:block;
	margin:0 auto 5px;
	text-align:left !important;
}
.mbf { text-align:center; font-size:11px; color:#ccc;}

/* -----------------------------------------
   Contact
----------------------------------------- */

.emailbox {
	padding:10px;
	color:fff;
	background:#333;
	margin:0 0 10px 0;
}
.emailbox h3 { color:#fff;}

/* -----------------------------------------
   Services
----------------------------------------- */
.blocklist {
	
}
.blocklist li{
	list-style:none;
	display:inline-block;
	vertical-align:top;
	width:32%;
	margin:0 0.5% 10px 0;
	padding:0;
	height:auto;
	line-height:16px;
}
.blocklist li span {
	min-width:200px;
	height:200px;
	max-width:100%;
	border:1px solid #e6e5e6;
	display:block;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	margin-bottom:10px;
	position:relative;
}
.blocklist p {
	line-height:inherit;
	padding:0 5px;
}

.blocklist li h4{
	color:#59B37F;
	margin:0;
	height:40px;
	display:block;
	text-align:left;
}

.blocklist li img {

}

.tricol {
	padding:30px 0;
}
.tricol li{
	list-style:none;
	display:inline-block;
	vertical-align:top;
	width:32%;
	padding:5px 0;
	line-height:16px;
}


.servicelsit li{
	margin:0 0 6px 0;
	font-family:rockwell, 'Muli';
	font-size:15px;
}
.imglist {
	list-style:none;
	padding:0 0 
}
.imglist li {
	margin:0 0 6px 0;
}
.imglist li span {
	width:300px;
	height:180px;
	max-width:100%;
	border:1px solid #e6e5e6;
	display:block;
	background-size:cover;
	background-position:center 0;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

/* -----------------------------------------
   Page Name
----------------------------------------- */










/* -----------------------------------------
  Media Queries
----------------------------------------- */


/* Very large screens */
@media only screen and (min-width: 940px) {
	#nav li:first-child { margin:0;}
	#nav li a{
		font-size:20px;
	}
	.blocklist li:nth-child(3n){
	margin-right:0;
	}
}

/* Medium screens */
@media only screen and (max-width: 940px) and (min-width: 768px) {
	.blocklist li{
		list-style:none;
		display:inline-block;
		vertical-align:top;
		width:48%;
		margin:0 1% 10px 0;
		padding:0;
		height:auto;
		line-height:16px;
	}
	.blocklist h4 { text-align:left; height:40px; display:block;}
}
/*This is a custom Break Pont for Navigatoin label on touch screens*/
@media only screen and (min-width: 768px) {
	.textbox {
		padding:20px 30px 10px;
	}
	.textbox2 {
		padding:20px 10px;
	}
	
	#nav {
		list-style:none;
		margin:110px -4px 15px 0;
		width:940px;
		float:right;
		padding:0 20px;
		text-align: right;
	}
	#nav li {
		display:inline-block;
		font-family: 'Museo500Regular', Rockwell,"Palatino Linotype","Book Antiqua",Palatino,serif;
		margin-left:5px;
		position:relative;
		z-index:999;
	}
	#nav li:first-child { margin:0;}
	#nav li a{
		padding:4px 8px;
		display:block;
		color:#728294;
		position:relative;
		font-size:16px;
		font-weight:normal;
		
	}
	#nav li a:hover{
		color:#069;
	}
	
	#nav li.active {
		border-bottom:4px solid #728294;
	}
	#navbar {
		height:170px;
	}
	#logobox {
		display:block;
		position:absolute;
		z-index:500;
		top:0;
		left:0;
		width:465px;
		height:145px;
		padding:0;
		margin:0 0 0 -4px
	}
	.tel {
		position:absolute;
		left:130px;
		top:115px;
	}

	.servicelsit {
		padding:0 0 0 15px;
	}
	.blocklist li img {
		margin:8px 0;
	
	}
	.contactbox { padding-left:20px;}
}
/* Small or Mobile screens */
@media only screen and (max-width: 767px) {
	#logo {
		display:block;
		text-align:center;
		padding:0 0 20px 0;
	}
	.textbox {
		padding:10px 15px 20px;
	}

	#nav {
		list-style:none;
		border-top:1px solid #ccc;
		margin:5px 0;
	}
	#nav li {
		display:block;
		border-bottom:1px solid #ccc;
		font-family: 'Museo500Regular', Rockwell,"Palatino Linotype","Book Antiqua",Palatino,serif;
	}
	.tel a{
		display:block;
		text-align:center;
		position:relative;
		margin-right:10px;
		margin-top:-20px;
		font-size:19px;
		font-weight:normal;
	}
	.tel a:before {
		content:"Call us on:";
		position:relative;
		margin-right:10px;
		display:inline;
		color:#728294;
	}
/*	#nav li.tel a:after {
		display:none;
	}*/
	#nav li a{
		padding:4px 0;
		display:block;
		color:#728294;
		position:relative;
		font-size:16px;
		font-weight:normal;
	}
	#nav li a:after{

		content:"\00bb";
		margin-right:5px;
		font-size:22px;
		line-height:18px;
		float:right;
		color:#728294;
	}
	#nav li a:hover{
		background:#f5f5f5;
	}
	
	h1 {
		font-size:24px;
	}
	h2 {
		font-size:20px;
	}
	h3 {
		font-size:18px;
	}
	h4 {
		font-size:16px;
	}
	.tagline {
		top:10px;
		width:65%;
	}
	.tagline:after {
		width:8px;
	}
	#SideNav {
		padding:10px 10% 180px 10%;
	}
	#km_tag {
		width:100%;
		background-position:center 40px;
		padding:5px 0 90px;
		text-align:center;
	}
	.imglist li {
		width:48%;
		display:inline-block;
		margin:0 1% 0 0;
	}
	.servicelsit li {
		width:48%;
		margin:0;
		display:inline-block;
		height:33px;
		vertical-align:top;
		line-height:16px;
		padding:0;
	}
	.blocklist li {
		width:48%;
		margin:0 1% 10px 0% !important;
		display:inline-block;
		height:auto;
		vertical-align:top;
		text-align:justify;
	}
	.blocklist h4 { text-align:left; height:40px; display:block;}
	.blocklist li img { margin:0 auto 10px; display:block; width:100%;}
}
/* Portrait Orientation */
@media screen and (max-width: 470px) and (orientation: portrait) {
	.imglist li{
		width:100%;
		display:block;
		margin:0;
	}
	
	.servicelsit li {
		width:100%;
		font-size:14px;
	}
	.tricol li {
		width:48%;
	}
	.blocklist li {
		width:100%;
		margin:0 0% 20px 0% !important;
		display:inline-block;
		height:auto;
		vertical-align:top;
		text-align:justify;
	}
	.blocklist h4 { text-align:left; height:40px; display:block;}
	.blocklist li img { margin:0 auto 10px; display:block; width:100%;}
}
/* Portrait Orientation */
@media screen and (max-width: 470px) and (orientation: landscape) {
	.imglist li{
		width:100%;
		display:block;
		margin:0;
	}
	
	.servicelsit li {
		width:100%;
		font-size:14px;
	}
	.tricol li {
		width:48%;
	}
	.blocklist li {
		width:100%;
		margin:0 0% 20px 0% !important;
		display:inline-block;
		height:auto;
		vertical-align:top;
		text-align:justify;
	}
	.blocklist h4 { text-align:left; height:40px; display:block;}
	.blocklist li img { margin:0 auto 10px; display:block; width:100%;}
}
/* Landscape Orientation */
@media screen and (orientation: landscape) {

}

/* Portrait Orientation */
@media screen  and (orientation: portrait) {

}

/* Touch Detection */
.touch .your-class { ... }



/* Portrait Orientation on Mobile Phones */
@media only screen and (max-width: 767px) and (orientation: portrait) {

}
/* Landscape Orientation on Mobile Phones */
@media only screen and (max-width: 767px) and (orientation: landscape) {

}