/*
* 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
==================================================
    #Colors
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Colors
================================================== */

.orange {color:#E75934;}
.black {color:#000;}
.white {color:#FFF;}

/* #Site Styles
================================================== */

body {z-index:0;}

.shadow {		
		-webkit-box-shadow:  0px 0px 20px 5px rgba(0, 0, 0, .5);
        box-shadow:  0px 0px 20px 5px rgba(0, 0, 0, .5);
		}

.text-shadow {text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5);}

.border-radius-bottom {
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	}

header a {width:auto;display:block;}

header span.icon {padding-right:20px;display:inline;}
	
header span.logo-centered {display:none;}

header img {max-width:439px;max-height:100px;}

header span img {max-width:104px;max-height:100px;
	}
		
nav {
	position:relative;
	-webkit-box-shadow:  0px 5px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 5px 10px 0px rgba(0, 0, 0, 0.5);
	z-index:2;
	}

nav ul {
	margin:0;
	padding:25px 0;
	background:#000;
	text-align:right;
	}

nav ul li {
	margin:0 0 0 5%;
	padding:0;
	background:transparent;
	font-family:'PTSansRegular', Arial, sans-serif;
	color:#E75934; /*orange*/
	font-size:20px;
	font-weight: normal;
	font-style: normal;
	display:inline;
	}
	
	nav ul li a {color:#E75934; /*orange*/ text-decoration:none}
	
	nav ul li a:hover {color:#FFF;text-decoration:none}
	
	nav ul li a.active, nav ul li a.active:hover {color:#FFF !important;text-decoration:none}
			
.container {background:#FFF;z-index:0;}

.main-content {margin:0 auto 30px auto;padding:80px 0 50px 0;opacity: 100;z-index:1;}

.main-content p a:hover {color:#E75934; /*orange*/text-decoration:underline;}

.main-content .two-thirds.first p {line-height:32px;}

.sidebar h2 {color:#E75934; /*orange*/ font-size:24px;line-height:28px;}

.sidebar h2 span {color:#000;font-size:16px;line-height:16px;}

.sidebar h4 {font-size:16px;}

.sidebar p {margin-bottom:0;font-size:13px;line-height:22px;}

.main-content ul {margin:30px 0;}

.CTA {padding:20px 20px 20px 20px;background:#000 url('../images/CTA-logo.png') no-repeat 703px center;width:783px;}

.CTA p {margin-top:0;margin-bottom:0;line-height:16px;}

.CTA h6 {font-size:22px;line-height:34px;}

.CTA.contact {margin:6% 0 0 0;padding:36px 20px;}

h2.contact {}

span.contact-phone {font-size:48px;}

h3.contact {}

a.contact-email {font-size:48px;}

footer {margin:0 auto 50px auto;}

footer .container {background:transparent;}

footer ul {margin:0;width:100%;float:left;clear:both;}

footer ul li {margin:0;padding:0;background:none;display:inline;float:left;clear:none;text-indent:-9009px;}

	footer ul li a {display:block;}
	footer ul li a:hover {text-decoration:none;}

	footer ul li#email {}
		
		footer ul li#email a {background:url('../images/footer-social-email.png') no-repeat 0 center;width:38px;height:32px;opacity:0.5;}
		
	footer ul li#facebook {}
	
		footer ul li#facebook a {background:url('../images/footer-social-facebook.png') no-repeat 0 center;width:38px;height:32px;opacity:0.5;}
	
	footer ul li#twitter {}
	
		footer ul li#twitter a {background:url('../images/footer-social-twitter.png') no-repeat 0 center;width:38px;height:32px;opacity:0.5;}
	
	footer ul li#linkedin {}
	
		footer ul li#linkedin a {background:url('../images/footer-social-linkedin.png') no-repeat 0 center;width:38px;height:32px;opacity:0.5;}

footer p.legal {width:100%;float:left;clear:both;}

footer p.tagline {clear:both;}

#toTop {
	position:fixed; /* this is the magic */
    bottom:10px; /* together with this to put the div at the bottom*/
    right:10px;
	padding:0;
	background:transparent url('../images/btn-backToTop.png') no-repeat 0 0;
	width:40px;
	height:40px;
    /*font-family:'PTSansRegular', Arial, sans-serif;*/
	font-family:'TeXGyreScholaBold', 'Georgia', serif;
	color:#E75934;
    font-size:11px;
	text-align:center;
	text-indent:-9009px;
    display:none;
	cursor:pointer;
	z-index:500;
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.main-content {padding:60px 0 50px 0;}
		
		.main-content ul {margin:0;padding-bottom:0;}
		
		.CTA {padding-right:150px;background:#000 url('../images/CTA-logo.png') no-repeat 527px center;width:auto;max-width:607px;}

		.CTA h6 {padding-top:20px;font-size:22px;line-height:24px;}
		
		.CTA.contact {margin:6% 0 0 0;padding:36px 235px 36px 20px;}
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		body {/*background-image:none;*/}
		
		h1, h3 {line-height:24px;}
		
		p {line-height:22px;}
		
		header {padding:20px 0;}
		
		header img {max-width:264px;max-height:60px;}

		header span img {max-width:63px;max-height:60px;}
		
		nav ul {padding:15px 0;text-align:center;clear:both;}
		
		nav ul li {margin:0 2%;font-size:16px;}
		
		.main-content {padding:40px 0 30px 0;}
		
		.main-content ul {margin:0;padding-bottom:0;}
		
		.CTA {padding-right:20px;background:#000 none;width:auto;max-width:364px;}

		.CTA h6 {padding-top:20px;font-size:22px;line-height:24px;}
		
		h2.contact {font-size:26px;line-height:30px;}

		span.contact-phone {font-size:32px;}

		h3.contact {font-size:26px;line-height:30px;}

		a.contact-email {font-size:32px;}
		
		footer {text-align:center;}
		
		footer ul {padding: 0 30%;width:auto;}
		
		footer p.tagline {text-align:center;}
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		body {/*background-image:none;*/}
		
		h1, h3 {line-height:24px;}
		
		h6 {font-size:21px;line-height:23px;}
		
		p {margin:0;line-height:22px;}
		
		header {padding:10px 0;}
		
		header span.logo-centered {padding-bottom:10px;width:100%;display:block;}
		
			header span.logo-centered img {max-width:264px;max-height:60px;}
		
		header img {display:none;}

		header span img {margin:0 auto;max-width:63px;max-height:60px;text-align:center;display:block !important;}
		
		nav ul {padding:15px 0;text-align:center;}
		
		nav ul li {margin:0 2%;font-size:14px;line-height:20px;}
		
		.main-content {padding:20px 0 10px 0;}
		
		.main-content ul {margin:0;padding-bottom:0;}
		
		.main-content ul li {font-size:16px;line-height:18px;}
		
		.sidebar h2 {margin-top:40px;}
		
		.CTA {padding-right:20px;background:#000 none;width:auto;max-width:319px;}

		.CTA h6 {padding-top:20px;font-size:22px;line-height:24px;}
		
		h2.contact {font-size:18px;line-height:24px;}

		span.contact-phone {font-size:22px;}

		h3.contact {font-size:22px;line-height:22px;}
		
		a.contact-email {font-size:22px;}
		
		#toTop {right:20px;}
		
		footer {text-align:center;clear:both;}
		
		footer ul {padding: 0 23%;width:auto;}
		
		footer p.tagline {font-size:16px;text-align:center;}
		
		footer p.tagline span {font-size:26px;}
		
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/