/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #PCF Presets
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/* #PCF Presets
================================================== */

/* Basic Gridding for Content */
.half, .third, .quarter {
    float: left;
    margin-right: 4%;
    position: relative;
	}
.half {
    width: 48%;
	}
.third {
    width: 30.66%;
	}
.quarter {
    width: 22%;
	}
.first {clear:left;}
.last {
    clear: right;
    margin-right: 0 !important;
	}
@media screen and (max-width: 767px) {
	.half, .third, .quarter {
	float:none;
	display:block;
	width:100%;
	margin-right:0;	
	}
}


/* Basic Image Settings for Content */

.image {
	display:block;
	width:auto!important;
	max-width:100%!important;
	margin-bottom:20px;
	}
.image-right, .image-left, .image-center { 
	border-radius:3px; /* Spruce it up a little */
	height:auto;
	width:auto;
	max-width:100%; 
	}
.image-right {
	float:right;
	margin: 0 0 20px 20px;
	}
.image-left {
	float: left;
	margin: 0 20px 20px 0;
	}
.image-center {
	display:block;
	margin: 0 auto 20px;
	}
.no-shadow {box-shadow:none;}

/* Basic Text Alignment for Content */
.text-right {
	text-align:right;
	}	
.text-center {
	text-align:center;
	}

/* Basic Alignment Settings for Content */
.right { float:right; margin: 0 0 20px 20px;}
.left { float:left; margin: 0 20px 20px 0;}

/************************************************************************************
COLUMN
*************************************************************************************/
.col {
	float: left;
	margin-left: 3.2%;
	margin-bottom: 20px;
}
.fullwidth .col {
	float: none;
	margin-left: 0;
}
/* grid4 col */
.grid4 .col {
	width: 22.6%;
}
/* grid3 col */
.grid3 .col {
	width: 31.2%;
}
/* grid2 col */
.grid2 .col {
	width: 48.4%;
}
/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* reset cols to 3-column */
@media screen and (max-width: 959px) {
	/* grid4 */
	.grid4 .col {
		width: 31.2%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}
}

/* reset cols to 2-column */
@media screen and (max-width: 767px) {
	/* grid4 */
	.grid4 .col {
		width: 48.4%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

	/* grid3 */
	.grid3 .col {
		width: 48.4%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}

/* reset cols to fullwidth */
@media screen and (max-width: 479px) {
	/* grid4 */
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}




/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      margin: 0;
      padding:0;
      width: 0;
      height: 0;
    }

/* Stylesheet: Grids Modified On 2015-05-15 11:09:18 */
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.image-and-caption {
		border: 1px solid rgb(200,200,200);
		border-radius: 5px;
		float:right;
		background: white;
		padding: 10px;
		max-width: 300px;
		margin: 0 0 20px 20px;
	}
	.image-and-caption img {
		border-radius: 3px;
		box-shadow: 0px 1px 0px 1px rgba(0,0,0,.4);
		width: auto;
		min-width: 100px;
		max-width: 100%;
		display:block;
		margin: auto auto 5px auto;

	}
	.image-and-caption .caption {
		text-align:center;
		margin:0;
	}
	@media screen and (max-width: 767px) {
		.image-and-caption {
			float:none;
			margin: 0 auto 10px;
		}
	}

	.box {
		border: 1px solid rgba(0,0,0,.3);
		border-radius: 2px;
		padding: 10px 20px;
		background: rgb(255,255,255);
		margin-bottom: 20px;
	}	


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Open Sans', Georgia, serif;
		color: rgb(26,155,187);
		font-weight: 800; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h4, h5, h6 {}

	.sidebar h1,
	.sidebar h2,
	.sidebar h3,
	.sidebar h4,
	.sidebar h5,
	.sidebar h6 {
		color: rgb(105,115,120);
	}

	h1 { font-size: 40px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 30px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 10px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,.3); box-shadow: 0 1px 0 rgba(255,255,255,.1);}
	h5 { font-size: 17px; line-height: 24px; margin-bottom: 5px;}
	h6 { font-size: 14px; line-height: 21px; margin-bottom: 5px;}
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/* #Links
================================================== */
	a { color: rgb(26,155,187); text-decoration: underline; outline: 0; }
	a:visited {color: rgb(73,73,83);}
	a:active, a:focus {color: rgb(80,80,80);}
	p a, p a:visited { line-height: inherit; }	

/* #Block Quotes
================================================== */
	blockquote {
		background: rgb(250,250,250);
		margin: 0 20px 20px;
		padding: 10px;
		color: rgb(100,100,100);
		border: 1px solid rgba(0,0,0,.3);
		border-radius: 2px;
		
		background-image: url(http://www.catchtheoil.com/uploads/css/sidebar-testimonial.png);
		background-repeat: no-repeat;
		background-position: top right;		
		}

	blockquote:before,
	blockquote:after {
		position: absolute;
		font-size: 70px;
		top: 0px;
		color: #242526;
		text-shadow: 0 1px 1px rgba(255,255,255,0.1);
		}

	blockquote .quote { 
		border-bottom:1px solid rgba(0,0,0,.3);
		box-shadow: 0 1px 0 rgba(255,255,255,.1);
		}

	blockquote p {
		font-style: italic;
		font-size: 12px;
		text-align: center;
		margin: 0 0 20px 0;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		}

	blockquote .source {
		margin:0; 
		padding:0;
		padding-top: 10px;
		display:block;

		color: rgb(0,0,0);
		font-size: 14px;
		text-align:right;
		}

	hr { 

		border-width: 1px 0 0; 
		border-top: 1px solid rgba(0,0,0,.3);
		box-shadow: 0 1px 0 rgba(255,255,255,.1);
		clear: both; 
		margin: 10px 0 20px; 
		height: 0; }





/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: disc inside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 0 0 0 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

img.scale-with-grid {
	max-width: 100%;
	height: auto; }


/* #Buttons
================================================== */
	.button,
	.button:visited,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {

		background: rgb(26,155,187); /* Old browsers */
		border: 1px solid rgba(0,0,0,0);
		border-radius: 3px;

		color: rgb(255,255,255);

		font-size: 11px;
		font-family: 'Open Sans', sans-serif;
		line-height: normal;		
		font-weight: bold;
		text-decoration: none;

		cursor: pointer;
		display: inline-block;		
		padding: 8px 10px;
		margin-bottom: 20px;

		transition: all .15s ease-in-out;
		}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color:white;
		background: rgb(105,115,120); 
		}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		color:white;
		background: rgb(105,115,120);
		}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}



/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		margin: 0;
		padding: 6px 4px;
		margin-bottom: 10px;

		background: rgb(255,255,255);
		border: 3px solid rgb(180,180,180);
		border: 3px solid rgba(0,0,0,.1);
		border-radius: 2px;
		outline: none;

		font-family: 'Open Sans', sans-serif;
		font-size: 12px;

		color: rgb(105,115,120);

		width:auto;
		max-width: 100%;
		display: block;

		transition: all .15s ease-in-out;

		}
	select {
		padding: 0; }
	input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="email"]:hover,
	textarea:hover {
		box-shadow: 0 0 0 rgba(0,0,0,0);
		background: rgb(105,115,120);
 		color: rgb(255,255,255);		

	}		
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		background: rgb(26,155,187);
 		color: rgb(255,255,255);
 		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
		box-shadow:  0 2px 2px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	legend {		
		font-size:18px;
		margin-bottom:10px;
	}
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }



/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }




/* #Menu System
================================================== */
	/*Frame*/
	nav {
		position:relative;
		clear:both;
		display: block;
		z-index:110;
		margin-top: -5px;
		font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
		text-transform: uppercase;
		}
	nav.navigation {
		position: relative;
		padding: 3px;
		background: rgb(73,73,83);		
		}
		nav.navigation:before, nav.navigation:after {
			content: "";
			z-index: -1;
			position: absolute;
			background: rgb(73,73,83);
			top: 0;
			bottom:0;
			width: 9999px;   /* some huge width */
			} 
		nav.navigation:before {
			right: 100%;
			}
		nav.navigation:after {
			left: 100%;
			}

	/* Mobile Dropdown Menu */
	nav select.main-nav {display:none; width:100%;}

		@media only screen and (max-width: 959px) {
			nav ul     { display: none; }
			nav select.main-nav { 
				display:inline-block; 
				position: absolute; 
				top:10px; 
				left:0; 
				width: 600px; 
				clear:none; 
				margin-bottom:0;

				font-weight:bold;
				font-size: 12px;
				background: rgb(105,115,120);
				color:white;
			}
		}/*MEDIA QUERY CLOSE*/

		@media only screen and (max-width: 767px) {	
			nav select.main-nav {width: 250px;}
		}/*MEDIA QUERY CLOSE*/

		@media only screen and (max-width: 479px) {	
			nav select.main-nav { width: 130px;}		
		}/*MEDIA QUERY CLOSE*/


	#mainmenu {
		position: relative;

	}
	@media screen and (max-width: 767px) {
	.sidebar #mainmenu {display: none;}
	}


		/* #Top Level Links
		================================================== */
		#mainmenu > ul {
			margin-top: 2px!important;
		}
		#mainmenu ul li > a, #mainmenu .sectionheader > span { /* First Level Menu Items */
			display: block;
			border: 1px solid rgba(0,0,0,0);
			background:;

	
			color: rgb(255,255,255);
			font-size:12px;
			font-weight: bold;
			line-height:16px;

			text-align: left;

			margin: 0 5px 0 0;
			padding: 5px 15px 7px;

			border-radius: 2px;

			transition: .15s all linear;
			}
		#mainmenu .sectionheader {

			cursor:default;
			text-align:center;
			}
		#mainmenu ul li {
			margin-bottom: 0;
			}

		#mainmenu ul li > a:hover, #mainmenu ul .sectionheader > span:hover { /* 1st Level Hover */
			color: rgb(255,255,255);
			background: rgb(73,73,83);


			}
		#mainmenu ul .menuactive > a,
		#mainmenu ul .currentpage a,
		#mainmenu ul  a.currentpage,
		#mainmenu .sectionheader.currentpage { /* First Level Current Page */
			margin-top: 0px;

			background: rgb(73,73,83);


			color: rgb(255,255,255);
			
			}

			#mainmenu ul .parent:after, #mainmenu ul .sectionheader:after {
			    content: "";
			    color:white;
			    height: 16px;
			    opacity: .1;
			    position: absolute;
			    background: url(http://www.catchtheoil.com/uploads/css/menu-arrow.png);
			    right: 0px;
			    top: 7px;
			    width: 16px;
			}	
			#mainmenu ul ul .parent:before, #mainmenu ul .sectionheader:before	{

			}		

			/* #Second Level Links
			================================================== */

			#mainmenu ul ul{
				z-index:10;
				font-size:12px;	
				width:150px;

				margin:0;

				border-radius: 3px;				
				box-shadow: 0 2px 2px rgba(0,0,0,.3);
				}
			#mainmenu ul ul li{
				width: 150px;
				margin-bottom: 0;
				}
			#mainmenu ul ul li a{
				margin-bottom: 0px;
				}

			#mainmenu ul ul a, #mainmenu ul ul .sectionheader { /* 2nd Level Menu Items */
				display:block;

				color: rgb(105,115,120);
				font-size: 11px;
				font-weight: normal;
				text-align: left;
				text-shadow: none;
				text-transform: none;

				margin-right:0px;
				margin-bottom: 0;
				padding: 5px;
				width: 150px;

				border-radius: 0;

				background: rgb(220,220,220);

				box-shadow: none;
				}

			#mainmenu ul ul li:first-child a {
				border-radius: 3px 3px 0 0;
			}				

			#mainmenu ul ul li:last-child a {
				border-radius: 0 0 3px 3px;
			}
		


			#mainmenu ul ul a:hover, #mainmenu ul ul .sectionheader:hover { /* 2nd Level Hover */
				background: rgb(73,73,83);

				color: rgb(255,255,255);
				}
			#mainmenu ul ul .menuactive > a,				
			#mainmenu ul ul .currentpage a,
			#mainmenu ul ul a.currentpage,
			#mainmenu ul ul .sectionheader.currentpage { /* 2nd Level Current Page */
				margin-top: 0;
				background: rgb(26,155,187);

				color: rgb(255,255,255);		
				}		

			#mainmenu ul ul .parent:after, #mainmenu ul ul .sectionheader:after { /*2nd Level Parent */
			    content: "";
			    color:white;
			    height: 16px;
			    opacity: .3;
			    position: absolute;
			    background: url(http://www.catchtheoil.com/uploads/css/menu-arrow.png);
			    right: 0px;
			    top: 11px;
			    width: 16px;
			}	

	/* #Menu Layout
	================================================== */

	#mainmenu  ul {

		padding:0;
		margin:0;

		}

	#mainmenu li {
		float:left;
		list-style-type: none;
	    position:relative; 
	    margin-left:0px;

		}

	#mainmenu > ul > li:last-child a {
		}

	#mainmenu > ul > li:first-child a {
		}

	#mainmenu a {
		text-decoration: none;
		font-size:1em;
	        cursor:pointer;
		display:block;
		text-align:center;
		padding:3px;
		}

	/* ****************Secondary*************** */

	#mainmenu ul ul {
		left:0;
		top:27px;
		display: none;

		}

	#mainmenu ul li:hover ul {
		display:block;	
		position: absolute;
		}

	#mainmenu li li {
		}

	/* **************** Tertiary*************** */

	#mainmenu ul li:hover ul ul {
		display:none;
		}

	#mainmenu ul ul li:hover ul {
		display:block;
		position:absolute;
		left:120px;
		top:0px;
		}

	/* ************** Quaternary *************** */
	#mainmenu ul ul li:hover ul ul {
		display:none;
		}

	#mainmenu ul ul ul li:hover ul {
		display:block;
		position:absolute;
		left:120px;
		top:0px;
		}

	/* ************** Quinary *************** */

	#mainmenu ul ul ul li:hover ul ul{
		display:none;
		}

	#mainmenu ul ul ul li:hover ul li:hover ul {
		display:block;
		position:absolute;
		left:120px;
		top:0px;
		}

	/* ******** Marking Menu Parents ********** */
			
	#mainmenu .sectionheader > a:first-child {
		/* Section Headers don't show that they can be clicked on */
		cursor:default!important;
		}

	.depth1 > a:before {
		/* Section Headers on the first level of the menu don't display +'s next to their link */
		display:none;
		}




/* #Mobile Action Bar
================================================== */

	.mobile-action-bar {
		display: block;			
		position:absolute;
		opacity: .5;
		z-index:100;
		top:0px;
		right:400px;
		}

	.mobile-action-bar a{
		width: 30px; 
		float:left;
		margin-right: 10px;
		}
	.mobile-action-bar a:last-child{
		margin-right: 0;
		}	

	.mobile-action-bar .phone span,
	.mobile-action-bar .email span,
	.mobile-action-bar .map span,
	.mobile-action-bar .facebook span,
	.mobile-action-bar .shop span {
		display: block;
		margin:auto;
		height: 30px;
		width:30px;
		background: url(http://www.catchtheoil.com/uploads/css/mobile-action-bar-sprite.png) no-repeat;
		}

	.mobile-action-bar .phone span {
		background-position: ;
		}
	.mobile-action-bar .email span {
		background-position: -30px 0;
		}
	.mobile-action-bar .map span {
		background-position: -60px 0;
		}
	.mobile-action-bar .facebook span {
		background-position: -90px 0;
		}


		@media only screen and (max-width: 959px) {
			.mobile-action-bar a{
				margin-right: 0;
				}
			.mobile-action-bar { opacity:1 ;right: 320px;	}		
		}
		@media only screen and (max-width: 767px) {
			.mobile-action-bar { top:100px; right: 160px;}
		}
		@media only screen and (max-width: 479px) {
			.mobile-action-bar {right: 90px;}		
		}


/* Stylesheet: PCF 3.0 - Base Modified On 2015-06-16 16:43:04 */
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* #Site Styles
================================================== */
	body, html {
		overflow-x: hidden;
		}
	body {
		background: rgb(255,255,255);

		font: 13px/1.5 'Open Sans', Helvetica,Arial,Sans-serif;
		color: rgb(105,115,120);

		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		}
	.container {
		
	}

/* #Full Width Section Stylings
================================================== */
	.top {
		height:auto;
		position: relative;
		background: rgb(255,255,255);
		}

	.white {
		position: relative;
		background: rgb(255,255,255);		
		}

	.grey {
		position: relative;
		background: rgb(208,208,208);		
		}

	.teal {
		position: relative;
		background: rgb(73,73,83);
		padding-top: 15px;
		padding-bottom: 10px;		
		}

	.purple {
		position: relative;
		background: rgb(26,155,187);		
		}
	

	.bottom {
		position: relative;
		background: rgb(208,208,208); 
		}

/* #Main Layout
================================================== */
	#main {
		position: relative;
		z-index: 55;
		border-top: none;
		border-bottom: none;

	}
	.content {
		padding: 0 0 20px;

		}
	.sidebar {
		padding: 0 0 20px;
		border-radius: 0 0 0 3px;
	}

	@media screen and (max-width: 959px) {
		.content, .sidebar {
			padding: 10px;
		}
		#main {
			border: none;
		}		
	}

/* #Header
================================================== */
	header {
		position: relative;		
		z-index:55;

		border-top: none;
		border-bottom: none;

			}
		header h1 {
			text-indent:-9999px;
			height:0;
			margin:0;
			padding:0;
			}
		header .logo img{
			float:left;
			display:block;
			width: auto;
			margin: 0 auto 20px;
			max-width: 100%;
			height: auto;
			max-height: 120px;

			}
		#contactinfo-header {
			margin-bottom: 0; 
			padding: 0;
			text-align: right; 
		}

			@media screen and (max-width: 959px) {

			}	

			@media screen and (max-width: 767px) {
				header {border:none; box-shadow: none}
				header .logo img {float:none;}

				#contactinfo-header { padding:0 0 20px; text-align: center}

					#contactinfo-header h5 {
						text-align: center;
					}	

					#contactinfo-header .half, #contactinfo-header .third, #contactinfo-header .quarter {
					    float: left;
					    margin-right: 4%;
					    position: relative;
						}
					#contactinfo-header .half {
			    		width: 48%;
					}
					#contactinfo-header .third {
			    		width: 30.66%;
					}
					#contactinfo-header .quarter {
				    	width: 22%;		
					}
				}

			@media screen and (max-width: 479px) {	

			}
	
/* #Breadcrumbs
================================================== */
	#breadcrumbs, #breadcrumbs a {
		color: rgb(160,160,160);
	}
	#breadcrumbs { 

		display:block;
		margin-left: 10px;
		font-size:10px;
		line-height:20px;
		text-align: left;
		clear: both;

		}
	.home #breadcrumbs, .home #free-quote {opacity: 0;}	

	@media screen and (max-width: 959px) {
	#breadcrumbs { 
		text-align: center;
		clear: both;
		margin-bottom:0;
		padding-right:10px;
		}
	}

/* #Sidebar
================================================== */
	.sidebar .box {
		padding: 10px 10px 0;
	}
	.sidebar blockquote {
		margin: 0 auto 20px;
		background-image: url(http://www.catchtheoil.com/uploads/css/sidebar-testimonial.png);
		background-repeat: no-repeat;
		background-position: top right;
	}
	.sidebar .news {
		background-image: url(http://www.catchtheoil.com/uploads/css/sidebar-news.png);
		background-repeat: no-repeat;
		background-position: top right;
	}
	.sidebar .calendar {
		background-image: url(http://www.catchtheoil.com/uploads/css/sidebar-calendar.png);
		background-repeat: no-repeat;
		background-position: top right;
	}

/* #Footer
================================================== */
	footer {
		position: relative;
		padding:20px 0;
		
		}

	form .row {
		margin-bottom:0;
	}

	footer p.disclaimer { font-size:10px; text-align: center;}

	body.contact footer #contactinfo, body.contact footer hr {display:none;}

/* #Footer Form
================================================== */
	.contact-us form label {
		font-size: 10px!important;
		}
	.contact-us input {
		padding: 0;
		margin: 0;
	}
	.contact-us legend {
		display: none;
	}
	.contact-us form input[type="submit"] {
		padding: 2px 10px;
		font-size: 10px;
	}
	.contact-us form textarea {
		width: auto;
		max-width: 280px;	}	


/* #Footer Sitemap
================================================== */
	.footer-sitemap a {
		text-decoration: none;
		color: rgb(255,255,255);
	}
	.footer-sitemap a:hover {
		text-decoration: underline;
	}
	.footer-sitemap ul {
		list-style-type: none;
		margin: 0;
	}
		.footer-sitemap > ul > li {

			width: auto;
			padding: 0;
			font-size: 18px;

		}

		.footer-sitemap > ul > li > a, .footer-sitemap > ul > li.sectionheader > a {
				font-weight: bold;	
		}		

		.footer-sitemap > ul ul {
			font-size: 12px;
			padding-top:10px;
			padding-left: 10px;
			margin: 0;
		}
		.footer-sitemap > ul ul li.col{
			float: none;
			display: block;
			width:100%;
			margin: 0;
			padding: 0;
		}		

		.footer-sitemap > ul ul ul {
			list-style-type: circle;
			padding-top: 0;
			padding-left: 10px;
		}		


/* #Search
================================================== */
	#search {width: 150px; float:right;margin: 0 0 0 0;position: relative; z-index: 110;}
	#search form {
		margin-bottom: 0;
	}

	#search .search-input {
		font-family: 'Open Sans', Sans-serif;
		font-size: 12px;
		font-weight: bold;

		color: rgb(255,255,255);
		background: rgb(105,115,120);
		border: solid 3px rgba(0,0,0,.1);		
		padding: 6px 6px 6px 8px;
		margin-bottom: 0;
		width: 202px;

		outline: none;

		border-radius: 2em;
		box-shadow: none;

	}
	#search .search-input:hover {
		color: rgb(255,255,255);
		background: rgb(26,155,187);
		border: solid 3px rgba(0,0,0,.2);		


	}	
	#search .search-input:focus {
		color: rgb(0,0,0);
		background: rgb(220,220,220);
		border: solid 3px rgba(255,255,255,.2);
		box-shadow:  inset 0 2px 2px rgba(0,0,0,.5);

	}

	#search .search-button {
		position: absolute;
		top:2px;
		right: 5px;
		height: 28px;
		width: 28px;
		margin: 2px 0 0 5px;
		padding: 2px;
		border: 0;
		opacity: 1;
		background: url(http://www.catchtheoil.com/uploads/css/search.png) no-repeat center;
		box-shadow: none;
		text-indent: -1000em;
		cursor: pointer; 
		cursor: hand;
		outline: 0;
	}
	#search .search-button:hover {
		box-shadow: none;
		opacity: 1;
	}
	#search .search-button:active {
		border: 0!important;
		box-shadow: none;		
		opacity: 1;
	}

#search {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
}

/* #CGBlog Module
================================================== */

	/* SUMMARY/DETAIL TEMPLATE */
	.post-info {
		color: rgb(140,140,140)!important;
	}

	/* RECENT POSTS TEMPLATE */	
	.recent-posts {
	}
	.recent-posts ul {
		padding-left: 20px;
		list-style: disc outside none;
	}
	.recent-posts ul.posts {
		list-style-type: none;
		margin:0 0 20px;
		padding:0;
	}
	.recent-posts h4 {
		border-bottom: none;
	}
	.recent-posts .post-name {
		font-size: 14px;
		font-weight:bold;
	}
	.recent-posts .post-date {
		font-size: 8px;
	}
	.recent-posts .post-info {
		font-size: 10px;
		line-height: 1.1;
	}
	.recent-posts .read-more {
		float:right;
		font-size: 10px;
		background: rgb(26,155,187);
		padding: 0 5px;
		text-decoration: none;
		color:white;
		border-radius: 2px;
	}


/* #STAFF DIRECTORY
================================================== */
	/* SUMMARY/GRID TEMPLATE */
	body.staff h3 {
		text-align: center;
		border-bottom: 1px solid rgb(120,120,120);
	}
	.staff .employee.summary {
		font-size: 10px;
	}
	.staff .summary {
		text-align: center;
	}

	.staff .summary .staff-name {
		font-size: 14px;
		border-bottom: none;
		box-shadow: none;
		margin-bottom: 0;	

	}
	.staff .summary .staff-name a, .staff .summary .staff-name a:visited  {
		color: inherit;
		text-decoration: none;
	}
	.staff .summary .photo {
		margin-bottom: 0;
	}
	.staff  .summary .photo img {
		height:auto;
		max-height: 100px;
		width:auto;
		max-width: 75px;
		border-radius: 2px;
		background: rgb(255,255,255);
		padding: 2px;
		border: 1px solid rgb(125,125,125);
		
	}
	.staff .summary .position-title {
		font-size: 11px;
		font-weight:bold;
		margin-bottom: 0;
	}

	.staff .summary .read-more, 
	.staff .summary .email a {
		padding: 2px 5px;
		background: rgb(110,60,115);
		color:white;
		font-size: 10px;
		border-radius: 3px;
		text-decoration: none;
	}
	.staff .summary .info > div {
		margin-bottom: 5px;
	}

	@media screen and (max-width: 479px) {
		
	}

	/* DETAIL TEMPLATE */
	.staff .employee {

	}
	.staff .summary {
		text-align: center;
	}

	.staff .staff-name {
		border-bottom: none;
		box-shadow: none;
	}
	.staff .photo img {
		height:auto;
		width:auto;
		max-width: 100%;
		border-radius: 2px;
		background: rgb(255,255,255);
		padding: 2px;
		border: 1px solid rgb(125,125,125);	
		
	}
	.staff .position-title {
		font-weight:bold;
		margin-bottom: 0;
	}
	.staff .employee > a:last-child
	, .staff .email a {
		font-size: 10px;
		padding: 2px 5px;
		background: rgb(110,60,115);
		color:white;

		border-radius: 3px;
		text-decoration: none;
	}
	.staff .info > div {
		margin-bottom: 5px;
	}

/* #Calendar
================================================== */

	/* Upcoming Events */
	.calendar-sidebar {

	}
	.calendar-sidebar h4 {
		border-bottom: none;

	}
	.calendar-sidebar h4 a {
		text-decoration: none;
		color: inherit;	
	}
	.calendar-sidebar .calendar-event {
		margin-bottom:20px;
	}
	.calendar-sidebar .event-title {
		color: rgb(100,150,40);
		font-size: 14px;
		font-weight: bold;
	}
	.calendar-sidebar .calendar-date-from{
		font-size: 10px;
	}

	/* Monthly Events Listing */
	.calendar-list .box{
		padding-bottom: 20px;
	}
	.calendar-list .calendar-event h3{
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 0;

	}
	.calendar-list h4 {
		border-bottom: none;

	}
	.calendar-list h4 a {
		text-decoration: none;
		color: inherit;	
	}
	.calendar-list .calendar-event {
		margin-bottom:20px;
	}
	.calendar-list .event-title {
		color: rgb(100,150,40);
		font-size: 14px;
		font-weight: bold;
	}
	.calendar-list .calendar-date-from{
		font-size: 10px;
		font-weight: bold;
	}

	/* Event Details */
	.calendar-event {
		position: relative;
		margin-bottom:20px;
	}

	.calendar-event h2{
		line-height: 1.5;
		margin-bottom: 0px;

	}
	.calendar-event h4 {
		border-bottom: none;
	}
	.calendar-event .button a{
		color:white!important;
	}
	.calendar-event h4 a {
		text-decoration: none;
		color: inherit;	
	}
	.calendar-event .calendar-details {
		margin-bottom: 20px;
	}
	.calendar-event .event-title {
		color: rgb(100,150,40);
		font-size: 14px;
		font-weight: bold;
	}
	.calendar-event .calendar-date-from{
		font-size: 10px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.calendar-event a.read-more,
	.calendar-list a.read-more,
	.calendar-sidebar a.read-more		
	 {
		float:right;
		position: absolute;
		top:-5px;
		right:5px;

		font-size: 10px;
		background: rgb(110,60,115);
		padding: 0 5px;
		text-decoration: none;
		color:white;
		border-radius: 2px;
	}
/* Stylesheet: PCF 3.0 - Layout Modified On 2015-06-16 16:38:14 */