/******************************************************************
Theme Name: JimKwik2012
Theme URI: http://jimkwik.com
Description: This theme was handcoded with love and diligence by Justin Mizirawi for JimKwik.com. Enjoy!
Author: Justin Mizirawi
Author URI: http://justinmizirawi.com
Version: 1.01
Tags: html5, css3, responsive

License: Unauthorized duplication or publication of any materials from this site is expressly prohibited.

/***********************************************************************************
CSS RESET [based on Eric Meyer's http://meyerweb.com/eric/tools/css/reset/  
************************************************************************************/
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; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]), [hidden] { display: none; }
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;}


/******************************************************************
BASE STYLES
******************************************************************/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: #ffffff; }
body { margin: 0; font-family: Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 16px; line-height: 1.5; color: #565656; }

.wrap { max-width: 60em; padding: 0 1.0416667%; margin: 0 auto; }

/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/

::-webkit-input-placeholder { color: #000000;}
:-moz-placeholder { color: #000000; }


/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after, nav[role=navigation] .menu ul:before, nav[role=navigation] .menu ul:after { content: ""; display: table; }
.clearfix:after, nav[role=navigation] .menu ul:after { clear: both; }
.clearfix, nav[role=navigation] .menu ul { zoom: 1; }

@font-face {
    font-family: 'OpenSansLight';
    src: url('_library/fonts/opensans/OpenSans-Light-webfont.eot');
    src: url('_library/fonts/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('_library/fonts/opensans/OpenSans-Light-webfont.woff') format('woff'),
         url('_library/fonts/opensans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('_library/fonts/opensans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

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


@font-face {
    font-family: 'OpenSansBold';
    src: url('_library/fonts/opensans/OpenSans-Bold-webfont.eot');
    src: url('_library/fonts/opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('_library/fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'),
         url('_library/fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('_library/fonts/opensans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Icons';
    src: url('_library/fonts/icons/icomoon-webfont.eot');
    src: url('_library/fonts/icons/icomoon-webfont.eot?#iefix') format('embedded-opentype'),
         url('_library/fonts/icons/icomoon-webfont.woff') format('woff'),
         url('_library/fonts/icons/icomoon-webfont.ttf') format('truetype'),
         url('_library/fonts/icons/icomoon-webfont.svg#IcoMoonRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/******************************************************************
Header
******************************************************************/
.header { 
	height: 50px; position: relative; z-index: 5;
	background: rgb(30, 30, 30); /* The Fallback */
	background: rgba(30, 30, 30, 0.9);
	box-shadow: inset 0 -5px rgba( 25, 25, 25, 1);
}
	.header .wrap {position: relative;}
	
		.logo { 
			font-size: 1.875em; padding-bottom: 3px; border-bottom: 1px solid rgba(0, 165, 189, 0); box-shadow: 0 5px rgba(0, 79, 89, 0);
		  -webkit-transition: all .5s ease-in;  /* Saf3.2+, Chrome */
		     -moz-transition: all .5s ease-in;  /* FF4+ */
		      -ms-transition: all .5s ease-in;  /* IE10 */
		       -o-transition: all .5s ease-in;  /* Opera 10.5+ */
		          transition: all .5s ease-in;
		}
		.logo:hover, .logo.current-menu-item { border-bottom: 1px solid rgba(0, 165, 189, 1); box-shadow: 0 5px rgba(0, 79, 89, 1);}	
			.logo .jim { font-family: 'OpenSansBold'; color: #FFFFFF;  }
			.logo .kwik { font-family: 'OpenSansLight'; color: #00a5bd; color: rgba(0, 165, 189, 1);  }
			
		.main-nav { width: 63.5416667%; position: absolute; right: 0px; top: 12.5px; }
			.main-nav select { display: inline-block;}
			.main-nav ul { display: none;}

/******************************************************************
Header Image - full width and responsive
******************************************************************/
.header-image {
	width: 100%; max-width: 1200px; margin: 50px auto 0 auto;
	box-shadow: inset 30px 0 50px rgba(0,0,0,1), inset -30px 0 50px rgba(0,0,0,1);
}
.header-image img { 
	width: 100%; max-width: 1200px; display: block; margin: -50px auto 0 auto; z-index: -1; position: relative;
	box-shadow: 1000px 0 rgba( 0, 0, 0, 1), -1000px 0 rgba( 0, 0, 0, 1);
}

/******************************************************************
Email Signup Form General Element Styling
******************************************************************/
.email-signup .signup-copy { width: 47.7687627; font-family: 'OpenSansRegular'; font-size: 0.813em; color: #ffffff; letter-spacing: 2px; line-height: 60px;}
.email-signup input{
padding: 0 5px;
-webkit-transition: all .5s ease-in;  /* Saf3.2+, Chrome */
 -moz-transition: all .5s ease-in;  /* FF4+ */
  -ms-transition: all .5s ease-in;  /* IE10 */
   -o-transition: all .5s ease-in;  /* Opera 10.5+ */
      transition: all .5s ease-in;
}
.email-signup input[type=text],
.email-signup input[type=email] { 
	width: 150px; height: 30px; margin: 0 1.0416667%; outline: none; border: none;
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 3px rgba( 25, 25, 25, 1), inset 0 -1px 0 rgba( 100, 100, 100, .8), inset 0 0 20px rgba( 0, 0, 0, 1);
	border-radius: 5px;
}
.email-signup input[type=text]:focus,
.email-signup input[type=email]:focus { 
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 1);
}
.email-signup input[type=submit] {
	width: 115px; height: 30px; cursor: pointer;
	font-family: 'OpenSansRegular'; font-style: italic; text-transform: uppercase; font-size: 1.125em; color: rgb(255, 255, 255);
	text-shadow: 0 1px 1px black;
	border: 1px solid rgba(0, 79, 89, 1);
	border-radius: 5px;
	background-color: rgb(32, 192, 215);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(32, 192, 215)), to(rgb(0, 154, 177)));
	background-image: -webkit-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	background-image: -moz-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	background-image: -o-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	background-image: -ms-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	background-image: linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#20c0d7', EndColorStr='#009ab1');
	box-shadow: inset 0 1px 2px rgba(225, 225, 225, .8), 0 2px 0 rgba(0, 79, 89, 1);
}
.email-signup input[type=submit]:hover {
	border: 1px solid rgba(0, 0, 0, 1);
	box-shadow: inset 0 1px 2px rgba(225, 225, 225, .8), 0 2px 0 rgba(0, 0, 0, 1);
}

/******************************************************************
Email Signup Form Specific Case Layout
******************************************************************/
.header-email-signup { display: none; }
	.header-email-signup .signup-copy { float: none; }
	.header-email-signup .signup-inputs { position: relative; top: -10px; }

.footer-email-signup { 
	width: 100%; padding: 0; height: 100px; float: left; position: relative; top: 0; z-index: 5;
	background: none;
	background: none;
	box-shadow: none;
	border-radius: none;
}
	.footer-email-signup .signup-copy { width: 47.7687627; font-family: 'OpenSansRegular'; font-size: 0.875em; color: #ffffff; letter-spacing: 2px; line-height: 1.5; float: none;}
	.footer-email-signup .signup-inputs { margin: 10px 0 40px 0;}
	.footer-email-signup .signup-inputs input[type=submit] { margin: 10px 0;}
	
/******************************************************************
Universal Elements
******************************************************************/	
a { color: rgba(0, 165, 189, 1); border-bottom: 1px solid rgba(0, 165, 189, 0); 
-webkit-transition: all .5s ease-in;  /* Saf3.2+, Chrome */
 -moz-transition: all .5s ease-in;  /* FF4+ */
  -ms-transition: all .5s ease-in;  /* IE10 */
   -o-transition: all .5s ease-in;  /* Opera 10.5+ */
      transition: all .5s ease-in;
}
a:hover { color: rgba(0, 165, 189, 1); border-bottom: 1px solid rgba(0, 165, 189, 1); }

#main { width: 93.75%; padding: 0 3.125%; float: left; }

blockquote { font-family: Georgia, sans-serif; font-style: italic;	 }

em { font-style: italic;}
strong { font-weight: bold; }

.formBuilderError { font-size: 0.688em; color: red; text-transform: uppercase; letter-spacing: 2px;}

/******************************************************************
Posts excerpts on archive pages
******************************************************************/
	.post { margin-bottom: 60px;}
		.post h2 a { font-family: "OpenSansLight"; font-size: 1.875em; color: #333333; }
		.post h2 a:hover { border: none; }
		.post .meta { font-size: 0.688em; color: #666666; text-transform: uppercase; letter-spacing: 2px;}
		.post img { width: 100%; max-width: 540px;}
		.post footer { 
			padding: 20px 3.125%; margin: 10px -3.125%; position: relative;
			border-color:rgba(204, 204, 204, 1); border-width: 1px 0; border-style: solid;
			-webkit-transition: all .5s ease-in;  /* Saf3.2+, Chrome */
			 -moz-transition: all .5s ease-in;  /* FF4+ */
			  -ms-transition: all .5s ease-in;  /* IE10 */
			   -o-transition: all .5s ease-in;  /* Opera 10.5+ */
			      transition: all .5s ease-in;		
		}
		.post:hover footer {
			border-color:rgba(0, 165, 189, 1); border-width: 1px 0; border-style: solid;
		}
			.post footer a.more-link {
				width: 200px; height: 30px; cursor: pointer; display: block; 
				font-family: 'OpenSansRegular'; font-style: italic; text-transform: uppercase; font-size: 1.125em; line-height:30px; color: rgb(255, 255, 255); text-align: center;
				border: 1px solid rgba(0, 79, 89, 1);
				border-radius: 5px;
				background-color: rgb(32, 192, 215);
				background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(32, 192, 215)), to(rgb(0, 154, 177)));
				background-image: -webkit-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
				background-image: -moz-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
				background-image: -o-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
				background-image: -ms-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
				background-image: linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
				filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#20c0d7', EndColorStr='#009ab1');
				box-shadow: inset 0 1px 2px rgba(225, 225, 225, .8), 0 2px 0 rgba(0, 79, 89, 1);
			}
			.post footer a.comments-link { display: none;}
			.post footer .addthis_toolbox { display: none; }
	.next-link { font-size: 0.688em; text-transform: uppercase; letter-spacing: 2px; float: right; }
	.prev-link { font-size: 0.688em; text-transform: uppercase; letter-spacing: 2px; float: left; }

/******************************************************************
Pages Layout and Typography
******************************************************************/	
	.page {}
		.page h1 { font-family: "OpenSansLight"; font-size: 3.75em; }
		.page h2 { font-family: "OpenSansBold"; font-size: 1.25em; margin-bottom: 20px;}
		.page p { margin-bottom: 20px;}
		.page #main img { width: 100%; max-width: 540px;}

/******************************************************************
Single Post Page
******************************************************************/	
	.single-post {}
		.single-post h1 { font-family: "OpenSansLight"; font-size: 1.875em; }
		.single-post h2 { font-family: "OpenSansBold"; font-size: 1.25em; margin-bottom: 20px;}
		.single-post p { margin-bottom: 20px;}
		.single-post footer .addthis_toolbox { position: absolute; right: 0; bottom: 11px;}
		.single-post #main img { width: 100%; max-width: 540px;}

/******************************************************************
Social Links
******************************************************************/
.social-links .icon { 
	display: block; border: none; width: 30px; height: 30px; margin: 0 3.3333333%; text-align: center; line-height: 30px; float: left; overflow: hidden; position: relative;
	font-family: 'Icons'; color: #ffffff; font-size: 16px;
	border-radius: 50px;
}
.social-links .icon .first { position: absolute; top: 0; left: 10px;
  -webkit-transition: all 0.2s linear;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.2s linear;  /* FF4+ */
      -ms-transition: all 0.2s linear;  /* IE10 */
       -o-transition: all 0.2s linear;  /* Opera 10.5+ */
          transition: all 0.2s linear;  
}
.social-links .icon .second { position: absolute; top: -25px; left: 10px;
  -webkit-transition: all 0.2s linear;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.2s linear;  /* FF4+ */
      -ms-transition: all 0.2s linear;  /* IE10 */
       -o-transition: all 0.2s linear;  /* Opera 10.5+ */
          transition: all 0.2s linear;
}

.social-links .icon:hover .first { position: absolute; top: 25px;  }
.social-links .icon:hover .second { position: absolute; top: 0; }

.social-links .icon:hover { border: none; }
	.social-links .facebook { background: #3b5998; background: rgba(59, 89, 152, 1);}
	.social-links .twitter { background: #019ad2; background: rgba(1, 154, 210, 1);}
	.social-links .rss { background: #ff6600; background: rgba(255, 102, 0, 1);}
/* 	.social-links .linkedin { background: rgba(57, 139, 182, 1);} */
	
.sidebar .social-links { display: block; width: 36.6666667%; margin: 0 auto 60px auto; text-align: center; }
	.sidebar .social-links:before { 
		content: ''; display: block;  height: 1px; width: 23.3333333%; position: absolute; top: 15px; left: 0;
		background: rgba(204, 204, 204, 1);
	}
	.sidebar .social-links:after { 
		content: ''; display: block;  height: 1px; width: 23.3333333%; position: absolute; top: 15px; right: 0;
		background: rgba(204, 204, 204, 1);
	}

.footer .social-links { display: block; width: 120px; margin: 0 auto 50px auto; text-align: center; }

/******************************************************************
Sidebar
******************************************************************/	
.sidebar { display: none; }
	.sidebar section { margin-bottom: 30px;}
	
		.sidebar section h2 { 
			position: relative; margin-bottom: 20px;
			font-size: 0.688em; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; text-align: center;
			color: rgba(153, 153, 153, 1);
		}
		.sidebar section h2:before {
				content: ''; display: block;  height: 1px; width: 18%; position: absolute; top: 7px; left: 0;
				background: rgba(204, 204, 204, 1);
		}
		.sidebar section h2:after {
				content: ''; display: block;  height: 1px; width: 18%; position: absolute; top: 7px; right: 0;
				background: rgba(204, 204, 204, 1);
		}
		
		.sidebar section ul li { margin: 10px 0;}
		
		.sidebar a.more-link { font-size: 0.688em; font-weight: bold; color: rgba(0, 165, 189, 1); text-transform: uppercase; letter-spacing: 2px; }
		
	.sidebar .client-logos { position: relative; text-align: center; margin-bottom: 120px; }
		.sidebar .client-logos > img {
			width: 66.6666667%; background: #ffffff; position: absolute;
			top: 30px; left: 16.6666667%;
		}
	
/******************************************************************
Footer
******************************************************************/	
.footer { background: #333333; background: rgba(37, 37, 37, 1); margin-top: 40px; padding: 20px 0; text-align: center;}
	.footer-links { 
		text-align: center; padding: 30px 0; margin-top: 40px; border-top: 1px solid #000000;
		box-shadow: inset 0 1px #3B3B3B; }
		.footer-links ul li { display: inline-block; text-align: center; margin: 0 1.60417%; }
			.footer-links ul li a { 
				width: 100%; padding: 0 1.8125%; float: left; 
				font-family: 'OpenSansRegular'; font-size: 0.875em; text-transform: uppercase; color: #ffffff;
				border-bottom: none;
			}
	.footer small { display: inline; font-size: 0.688em; color: #ffffff; text-transform: uppercase; letter-spacing: 2px;}
	.footer blockquote { display: none; }





/******************************************************************
/******************************************************************
/******************************************************************
iPAD & TABLET STYLES 
These is your iPad styles. They will be visible to anyone who 
resizes their browser from the smallest size to the next break
point.
******************************************************************/
@media only screen and (min-width: 480px) {

/* body { box-shadow: inset 0 0 0 10px green;} */

/******************************************************************
iPAD & TABLET Header
******************************************************************/
		.main-nav { width: 75.5416667%; position: absolute; right: 0px; top: 12.5px; }
			.main-nav select { display: none;}
			.main-nav ul { display: block;}
			.main-nav ul li { display: inline;}
				.main-nav ul li a { 
					margin: 0 2.1666667%; float: left; padding-bottom: 14px;
					font-family: 'OpenSansRegular'; font-size: 0.75em; text-transform: uppercase; color: #ffffff;
					border-bottom: 1px solid rgba(0, 165, 189, 0);
					box-shadow: 0 4px rgba(0, 79, 89, 0);
					  -webkit-transition: all .5s ease-in;  /* Saf3.2+, Chrome */
					     -moz-transition: all .5s ease-in;  /* FF4+ */
					      -ms-transition: all .5s ease-in;  /* IE10 */
					       -o-transition: all .5s ease-in;  /* Opera 10.5+ */
					          transition: all .5s ease-in;
				}
				.main-nav ul li a:hover, .main-nav ul li.current-menu-item a { 
					border-bottom: 1px solid rgba(0, 165, 189, 1);
					color: rgba(0, 165, 189, 1);
					box-shadow: 0 4px rgba(0, 79, 89, 1);
				}

/******************************************************************
iPAD & TABLET Header Image - full width and responsive
******************************************************************/
.header-image {
	width: 100%; max-width: 1200px; margin: 0 auto;
	box-shadow: inset 30px 0 50px rgba(0,0,0,1), inset -30px 0 50px rgba(0,0,0,1);
}


/******************************************************************
iPAD & TABLET Email Signup Form General Element Styling
******************************************************************/
.email-signup .signup-copy { width: 47.7687627; font-family: 'OpenSansRegular'; font-size: 0.813em; color: #ffffff; letter-spacing: 2px; line-height: 60px;}
.email-signup input[type=text],
.email-signup input[type=email] { 
	width: 150px; height: 30px; margin: 0 1.0416667%; outline: none; border: none;
}

.email-signup input[type=submit] { width: 115px; height: 30px; cursor: pointer; }


/******************************************************************
iPAD & TABLET Email Signup Form Specific Case Layout
******************************************************************/
.header-email-signup { 
	display: block; width: 95.8333333%; padding: 0 1.0416667%; max-width: 60em; height: 100px; margin: 0 auto; position: relative; top: -30px; z-index: 5;
	background: rgb(30, 30, 30); /* The Fallback */
	background: rgba(30, 30, 30, 0.9);
	box-shadow: inset 0 -5px rgba( 25, 25, 25, 1), inset 0 1px 2px rgba( 100, 100, 100, .8), 0 0 20px rgba( 0, 0, 0, 1);
	border-radius: 5px;
}
	.header-email-signup .signup-copy { float: none; }
	.header-email-signup .signup-inputs { position: relative; top: -10px; }

.footer-email-signup { 
	width: 100%; padding: 0; height: 100px; float: left; position: relative; top: 0; z-index: 5;
}
	.footer-email-signup .signup-copy { width: 47.7687627; font-family: 'OpenSansRegular'; font-size: 0.875em; color: #ffffff; letter-spacing: 2px; line-height: 1.5; float: none;}
	.footer-email-signup .signup-inputs { margin-top: 10px;}

/******************************************************************
iPAD & TABLET Universal Elements
******************************************************************/	

#main { width: 93.75%; padding: 0 3.125%; float: left; }


/******************************************************************
iPAD & TABLET Posts excerpts on archive pages
******************************************************************/
			.post footer a.comments-link {
				position: absolute; right: 5px; top: 15px; display: block;
				font-size: 0.688em; color: #666666; text-transform: uppercase; letter-spacing: 2px;
			}
			.post footer .addthis_toolbox { position: absolute; right: 0; bottom: 15px; display: block;}
				.post footer .addthis_toolbox a {
					display: inline-block; width: auto; height: 20px; margin-right: -20px;
					border: none;
				}

/******************************************************************
iPAD & TABLET Pages Layout and Typography
******************************************************************/	

/******************************************************************
iPAD & TABLET Single Post Page
******************************************************************/	

/******************************************************************
iPAD & TABLET Social Links
******************************************************************/
.social-links .icon { 
	display: block; width: 30px; height: 30px; margin: 0 3.3333333%; text-align: center; line-height: 30px; float: left; overflow: hidden; position: relative;
	font-family: 'Icons'; color: #ffffff; font-size: 16px;
	border-radius: 50px;
}
	
.sidebar .social-links { display: block; width: 36.6666667%; margin: 0 auto 60px auto; text-align: center; }
	.sidebar .social-links:before { 
		content: ''; display: block;  height: 1px; width: 23.3333333%; position: absolute; top: 15px; left: 0;
		background: rgba(204, 204, 204, 1);
	}
	.sidebar .social-links:after { 
		content: ''; display: block;  height: 1px; width: 23.3333333%; position: absolute; top: 15px; right: 0;
		background: rgba(204, 204, 204, 1);
	}

.footer .social-links { display: block; width: 120px; margin: 0 auto 50px auto; text-align: center; }

/******************************************************************
iPAD & TABLET Sidebar
******************************************************************/	
.sidebar { display: none; }
	
/******************************************************************
iPAD & TABLET Footer
******************************************************************/	
	.footer small { display: inline; font-size: 0.688em; color: #ffffff; text-transform: uppercase; letter-spacing: 2px;}
	.footer blockquote { display: none; }

} /* end of media query */





/******************************************************************
/******************************************************************
/******************************************************************
DESKTOP & JUST BIGGER THAN AN iPAD
This is your standard iPad size or average tablet size. It's also
a decent size for desktop users.
******************************************************************/
@media only screen and (min-width: 768px) {

/* body { box-shadow: inset 0 0 0 10px blue;} */

/******************************************************************
DESKTOP Header
******************************************************************/
		.main-nav { width: 75.541667%; position: absolute; right: 0px; top: 12.5px; }
			.main-nav ul li { display: inline;}
				.main-nav ul li a { 
					margin: 0 4.1666667%; float: left; padding-bottom: 11px;
				}
				.main-nav ul li a:hover, .main-nav ul li.current-menu-item a { 
					border-bottom: 1px solid rgba(0, 165, 189, 1);
					color: rgba(0, 165, 189, 1);
					box-shadow: 0 4px rgba(0, 79, 89, 1);
				}

/******************************************************************
Header Image - full width and responsive
******************************************************************/


/******************************************************************
Email Signup Form General Element Styling
******************************************************************/
.email-signup .signup-copy { width: 47.7687627; font-family: 'OpenSansRegular'; font-size: 0.688em; color: #ffffff; letter-spacing: 2px; line-height: 60px;}
.email-signup input{
-webkit-transition: all .5s ease-in;  /* Saf3.2+, Chrome */
 -moz-transition: all .5s ease-in;  /* FF4+ */
  -ms-transition: all .5s ease-in;  /* IE10 */
   -o-transition: all .5s ease-in;  /* Opera 10.5+ */
      transition: all .5s ease-in;
}
.email-signup input[type=text],
.email-signup input[type=email] { 
	width: 100px; height: 30px; margin: 0 1.0416667%; outline: none; border: none;
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 3px rgba( 25, 25, 25, 1), inset 0 -1px 0 rgba( 100, 100, 100, .8), inset 0 0 20px rgba( 0, 0, 0, 1);
	border-radius: 5px;
}
.email-signup input[type=text]:focus,
.email-signup input[type=email]:focus { 
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 1);
}
.email-signup input[type=submit] {
	width: 100px; height: 30px; cursor: pointer;
	font-family: 'OpenSansRegular'; font-style: italic; text-transform: uppercase; font-size: 1.125em; color: rgb(255, 255, 255);
	text-shadow: 0 1px 1px black;
	border: 1px solid rgba(0, 79, 89, 1);
	border-radius: 5px;
	background-color: rgb(32, 192, 215);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(32, 192, 215)), to(rgb(0, 154, 177)));
	background-image: -webkit-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	background-image: -moz-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	background-image: -o-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	background-image: -ms-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	background-image: linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#20c0d7', EndColorStr='#009ab1');
	box-shadow: inset 0 1px 2px rgba(225, 225, 225, .8), 0 2px 0 rgba(0, 79, 89, 1);
}
.email-signup input[type=submit]:hover {
	border: 1px solid rgba(0, 0, 0, 1);
	box-shadow: inset 0 1px 2px rgba(225, 225, 225, .8), 0 2px 0 rgba(0, 0, 0, 1);
}

/******************************************************************
Email Signup Form Specific Case Layout
******************************************************************/
.header-email-signup { 
	width: 95.8333333%; padding: 0 1.0416667%; max-width: 60em; height: 60px; margin: 0 auto; position: relative; top: -30px; z-index: 5;
	background: rgb(30, 30, 30); /* The Fallback */
	background: rgba(30, 30, 30, 0.9);
	box-shadow: inset 0 -5px rgba( 25, 25, 25, 1), inset 0 1px 2px rgba( 100, 100, 100, .8), 0 0 20px rgba( 0, 0, 0, 1);
	border-radius: 5px;
}
	.header-email-signup .signup-copy { float: left; }
	.header-email-signup .signup-inputs { position: relative; top: 13px; }

.footer-email-signup { 
	width: 56.25%; padding: 0; height: 100px; float: left; position: relative; top: 0; z-index: 5;
	background: none;
	background: none;
	box-shadow: none;
	border-radius: none;
}
	.footer-email-signup .signup-copy { width: 47.7687627; font-family: 'OpenSansRegular'; font-size: 0.875em; color: #ffffff; letter-spacing: 2px; line-height: 1.5; float: none;}
	.footer-email-signup .signup-inputs { margin-top: 10px;}

/******************************************************************
Universal Elements
******************************************************************/	

#main { width: 56.25%; padding: 0 3.125%; float: left; }

/******************************************************************
Posts excerpts on archive pages
******************************************************************/

/******************************************************************
Pages Layout and Typography
******************************************************************/	

/******************************************************************
Single Post Page
******************************************************************/	

/******************************************************************
Social Links
******************************************************************/
	
.sidebar .social-links { display: block; width: 46.666667%; margin: 0 auto 60px auto; text-align: center; }
	.sidebar .social-links:before { 
		content: ''; display: block;  height: 1px; width: 23.3333333%; position: absolute; top: 15px; left: 0;
		background: rgba(204, 204, 204, 1);
	}
	.sidebar .social-links:after { 
		content: ''; display: block;  height: 1px; width: 23.3333333%; position: absolute; top: 15px; right: 0;
		background: rgba(204, 204, 204, 1);
	}

.footer .social-links { display: block; width: 120px; margin: 0 auto 50px auto; text-align: center; }

/******************************************************************
Sidebar
******************************************************************/	
.sidebar { 
	width: 31.25%; float: right; position: relative; display: inline-block;
	font-size: 0.875em;
}
	.sidebar section { margin-bottom: 30px;}
	
		.sidebar section h2 { 
			position: relative; margin-bottom: 20px;
			font-size: 0.688em; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; text-align: center;
			color: rgba(153, 153, 153, 1);
		}
		.sidebar section h2:before {
				content: ''; display: block;  height: 1px; width: 18%; position: absolute; top: 7px; left: 0;
				background: rgba(204, 204, 204, 1);
		}
		.sidebar section h2:after {
				content: ''; display: block;  height: 1px; width: 18%; position: absolute; top: 7px; right: 0;
				background: rgba(204, 204, 204, 1);
		}
		.sidebar a.more-link { font-size: 0.688em; font-weight: bold; color: rgba(0, 165, 189, 1); text-transform: uppercase; letter-spacing: 2px; }
		
	.sidebar .client-logos { position: relative; text-align: center; margin-bottom: 120px; }
		.sidebar .client-logos > img {
			width: 66.6666667%; background: #ffffff; position: absolute;
			top: 30px; left: 16.6666667%;
		}
		
	.sidebar .site-links {}
		.sidebar .site-links .logo-box img { width: 100%; max-width: 300px; }
		.sidebar .site-links .logo-box {
			width: 100%; height: 100px; display: block; padding: 0; margin: 10px 0; position: relative; border: none;
			text-align: center; line-height: 100px;
			
			-webkit-perspective: 600px;
			-moz-perspective: 600px;
		}
		
		.logo-box .front  {
			float: none; position: absolute; top: 0; left: 0; z-index: 900;
			width: inherit; height: inherit; text-align: center;
			
			background: rgb(0, 165, 189); /* The Fallback */
			background: rgba(0, 165, 189, 1);
			border-radius: 5px;

			-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.9);
			-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.9);
			box-shadow: 0 1px 5px rgba(0,0,0,0.9);
			
			-webkit-transform: rotateY(0deg);
			-webkit-transform-style: preserve-3d;
			-webkit-backface-visibility: hidden;

			-moz-transform: rotateY(0deg);
			-moz-transform-style: preserve-3d;
			-moz-backface-visibility: hidden;

			/* -- transition is the magic sauce for animation -- */
			-o-transition: all .4s ease-in-out;
			-ms-transition: all .4s ease-in-out;
			-moz-transition: all .4s ease-in-out;
			-webkit-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;		
		}	
	
		.logo-box:hover .front {
			z-index: 900; border-color: #eee;

			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			
			-moz-box-shadow: 0 15px 50px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 15px 50px rgba(0,0,0,0.2);
			box-shadow: 0 15px 50px rgba(0,0,0,0.2);
		}
		
		.logo-box .back {
			float: none; position: absolute; top: 0; left: 0; z-index: 800;
			width: inherit; height: inherit;
			border: 1px solid #ccc;
			
			background: rgb(255, 255, 255); /* The Fallback */
			background: rgba(255, 255, 255, 1);
			border-radius: 5px;

			
			-webkit-transform: rotateY(-180deg);
			-webkit-transform-style: preserve-3d;
			-webkit-backface-visibility: hidden;

			-moz-transform: rotateY(-180deg);
			-moz-transform-style: preserve-3d;
			-moz-backface-visibility: hidden;

			/* -- transition is the magic sauce for animation -- */
			-o-transition: all .4s ease-in-out;
			-ms-transition: all .4s ease-in-out;
			-moz-transition: all .4s ease-in-out;
			-webkit-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
		}
		
		.logo-box:hover .back {
			z-index: 1000;
			
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);

			box-shadow: 0 15px 50px rgba(0,0,0,0.2);
			-moz-box-shadow: 0 15px 50px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 15px 50px rgba(0,0,0,0.2);
		}
/******************************************************************
Footer
******************************************************************/	
.footer { background: rgba(37, 37, 37, 1); margin-top: 40px; padding: 20px 0; text-align: center;}
	.footer-links { 
		text-align: center; padding: 30px 0; border-top: 1px solid #000000;
		box-shadow: inset 0 1px #3B3B3B; }
		.footer-links ul li { display: inline-block; text-align: center; margin: 0 1.604167%%; }
			.footer-links ul li a { 
				width: 100%; padding: 0 1.8125%; float: left; 
				font-family: 'OpenSansRegular'; font-size: 0.875em; text-transform: uppercase; color: #ffffff;
				border-bottom: none;
			}
	.footer small { font-size: 0.688em; color: #ffffff; text-transform: uppercase; letter-spacing: 2px;}
	.footer blockquote { display: inline;}


} /* end of media query */




/******************************************************************
/******************************************************************
/******************************************************************
AVERAGE VIEWING SIZE 
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 992px) {

/* body { box-shadow: inset 0 0 0 10px red;} */

/******************************************************************
Header
******************************************************************/
		.main-nav { width: 63.5416667%; position: absolute; right: 0px; top: 12.5px; }
			.main-nav ul li { display: inline;}
				.main-nav ul li a { 
					margin: 0 4.1666667%; float: left; padding-bottom: 11px;
					font-family: 'OpenSansRegular'; font-size: 0.875em; text-transform: uppercase; color: #ffffff;
					border-bottom: 1px solid rgba(0, 165, 189, 0);
					box-shadow: 0 5px rgba(0, 79, 89, 0);
					  -webkit-transition: all .5s ease-in;  /* Saf3.2+, Chrome */
					     -moz-transition: all .5s ease-in;  /* FF4+ */
					      -ms-transition: all .5s ease-in;  /* IE10 */
					       -o-transition: all .5s ease-in;  /* Opera 10.5+ */
					          transition: all .5s ease-in;
				}
				.main-nav ul li a:hover, .main-nav ul li.current-menu-item a { 
					margin: 0 4.1666667%; float: left; padding-bottom: 11px; border-bottom: 1px solid rgba(0, 165, 189, 1);
					font-family: 'OpenSansRegular'; font-size: 0.875em; text-transform: uppercase; color: rgba(0, 165, 189, 1);
					box-shadow: 0 5px rgba(0, 79, 89, 1);
				}

/******************************************************************
Header Image - full width and responsive
******************************************************************/

/******************************************************************
Email Signup Form General Element Styling
******************************************************************/
.email-signup .signup-copy { width: 47.7687627; font-family: 'OpenSansRegular'; font-size: 0.875em; color: #ffffff; letter-spacing: 2px; line-height: 60px;}
.email-signup input{
-webkit-transition: all .5s ease-in;  /* Saf3.2+, Chrome */
 -moz-transition: all .5s ease-in;  /* FF4+ */
  -ms-transition: all .5s ease-in;  /* IE10 */
   -o-transition: all .5s ease-in;  /* Opera 10.5+ */
      transition: all .5s ease-in;
}
.email-signup input[type=text],
.email-signup input[type=email] { 
	width: 150px; height: 30px; margin: 0 1.0416667%; outline: none; border: none;
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 3px rgba( 25, 25, 25, 1), inset 0 -1px 0 rgba( 100, 100, 100, .8), inset 0 0 20px rgba( 0, 0, 0, 1);
	border-radius: 5px;
}
.email-signup input[type=text]:focus,
.email-signup input[type=email]:focus { 
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 1);
}
.email-signup input[type=submit] {
	width: 115px; height: 30px; cursor: pointer;
	font-family: 'OpenSansRegular'; font-style: italic; text-transform: uppercase; font-size: 1.125em; color: rgb(255, 255, 255);
	text-shadow: 0 1px 1px black;
	border: 1px solid rgba(0, 79, 89, 1);
	border-radius: 5px;
	background-color: rgb(32, 192, 215);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(32, 192, 215)), to(rgb(0, 154, 177)));
	background-image: -webkit-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	background-image: -moz-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	background-image: -o-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	background-image: -ms-linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	background-image: linear-gradient(top, rgb(32, 192, 215), rgb(0, 154, 177));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#20c0d7', EndColorStr='#009ab1');
	box-shadow: inset 0 1px 2px rgba(225, 225, 225, .8), 0 2px 0 rgba(0, 79, 89, 1);
}
.email-signup input[type=submit]:hover {
	border: 1px solid rgba(0, 0, 0, 1);
	box-shadow: inset 0 1px 2px rgba(225, 225, 225, .8), 0 2px 0 rgba(0, 0, 0, 1);
}

/******************************************************************
Email Signup Form Specific Case Layout
******************************************************************/
.header-email-signup { 
	width: 95.8333333%; padding: 0 1.0416667%; max-width: 60em; height: 60px; margin: 0 auto; position: relative; top: -30px; z-index: 5;
	background: rgb(30, 30, 30); /* The Fallback */
	background: rgba(30, 30, 30, 0.9);
	box-shadow: inset 0 -5px rgba( 25, 25, 25, 1), inset 0 1px 2px rgba( 100, 100, 100, .8), 0 0 20px rgba( 0, 0, 0, 1);
	border-radius: 5px;
}
	.header-email-signup .signup-copy { float: left; }
	.header-email-signup .signup-inputs { position: relative; top: 13px; }

.footer-email-signup { 
	width: 56.25%; padding: 0; height: 100px; float: left; position: relative; top: 0; z-index: 5;
	background: none;
	background: none;
	box-shadow: none;
	border-radius: none;
}
	.footer-email-signup .signup-copy { width: 47.7687627; font-family: 'OpenSansRegular'; font-size: 0.875em; color: #ffffff; letter-spacing: 2px; line-height: 1.5; float: none;}
	.footer-email-signup .signup-inputs { margin-top: 10px;}

/******************************************************************
Universal Elements
******************************************************************/	

#main { width: 56.25%; padding: 0 3.125%; float: left; }


/******************************************************************
Posts excerpts on archive pages
******************************************************************/

/******************************************************************
Pages Layout and Typography
******************************************************************/	

/******************************************************************
Single Post Page
******************************************************************/	

/******************************************************************
Social Links
******************************************************************/
.sidebar .social-links { display: block; width: 37.6666667%; margin: 0 auto 60px auto; text-align: center; }
	.sidebar .social-links:before { 
		content: ''; display: block;  height: 1px; width: 23.3333333%; position: absolute; top: 15px; left: 0;
		background: rgba(204, 204, 204, 1);
	}
	.sidebar .social-links:after { 
		content: ''; display: block;  height: 1px; width: 23.3333333%; position: absolute; top: 15px; right: 0;
		background: rgba(204, 204, 204, 1);
	}

.footer .social-links { display: block; width: 120px; margin: 0 auto 50px auto; text-align: center; }

/******************************************************************
Sidebar
******************************************************************/	
.sidebar { 
	width: 31.25%; float: right; position: relative; display: inline-block;
	font-size: 0.875em;
}
	
/******************************************************************
Footer
******************************************************************/	


} /* end of media query */


/******************************************************************
RETINA (iPhone 4 & 5) OR SUPER HIGH RES SCREENS STYLES 
This is for the high res phones or devices.
******************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

/* body { box-shadow: inset 0 0 0 10px purple;} */

} /* end of media query */