/* @override 
	http://shape.redcapcreative.com/crush/site/css/global.css
	https://crush.publishpath.com/Websites/crush/templates/crush_redcap/css/global.css
	http://crush.publishpath.com/Websites/crush/templates/crush_redcap/css/global.css */

/*
Modified by: John Chaka
Version 1.3
URL: http://helloredcap.com and http://www.iamchaka.com

Thanks to Design by Front
Modified from the awesome framework of the Goldilocks Approach
Author: Design by Front - @designbyfront
URL: http://www.goldilocksapproach.com
----------------------------------------------------------------------------------------

CONTENTS - GLOBAL.CSS
-----------------------------------------
1. RESET
2. ROOT
3. CORE TYPOGRAPHY
4. LINKS
5. CORE MAIN NAV
6. GLOBAL STYLES
7. FRAMEWORK FOR (TOP HAT)
8. CUSTOM LAYOUT & TYPOGRAPHY (TOP HAT)
9. BROWSER AND NON-SEMANTIC STYLING

CONTENTS - ADAPT.CSS
-----------------------------------------
10. FRAMEWORK FOR (BALL CAP)
11. CUSTOM LAYOUT & TYPOGRAPHY (BALL CAP)
12. FRAMEWORK FOR (MAGIC HAT)
13. CUSTOM LAYOUT & TYPOGRAPHY (MAGIC HAT)
*/


/* 1. 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, 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, 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;
  list-style-type: none;
  }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  }
  
html, body {
	margin: 0 !important;
	padding: 0 !important;
	height: 100% !important;
}
  
  
/* 2. ROOT
----------------------------------------------------------------------------------------*/

/* /ht Ethan Marcotte - http://front.ie/l8rJaA */
img, embed, object, video { max-width: 100%; }
.ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video { width: 100%; }


/* 3. CORE TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {
  font: 1em/1.618em Palatino, "Times New Roman", Times, serif;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.809em;
  line-height: 1em;
  }
  
h1 {
	font-size: 2em;
}  

h2 {
	font-size: 1.7em;
	font-style: italic;
} 

h3 {
	font-size: 1.5em;
	font-style: italic;
} 
  
p, ul, ol, dl, blockquote {
    font-size: 1em;
    line-height: 1.618em;
    margin-bottom: 1.618em;
}

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



/* 4. LINKS
----------------------------------------------------------------------------------------*/
a, a:visited { outline: none; color: #db9609; text-decoration: underline; }  
a:hover { outline: none; text-decoration:none; }  
a:active, a:focus { outline: none; }
a img {border:none}

/* 5. CORE MAIN NAVIGATION
----------------------------------------------------------------------------------------*/
nav ul {
	text-align: center;
	padding-top: 0!important;
	padding-bottom: 0!important;
}

nav ul li {
	display: inline-block;

}

nav a, nav a:visited {
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	display: block;
	padding: 14px 30px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	text-transform: uppercase;
}

nav a:hover {
	background-color: #4883b4;
	
}



/* 6. GLOBAL STYLES (NOT SCALE SPECIFIC)
----------------------------------------------------------------------------------------*/
body {
	position: relative;
}


/* 7. FRAMEWORK FOR (TOP HAT)
----------------------------------------------------------------------------------------*/
.container {
	padding: 1.618em;
	margin: 0 auto; 
	width: 58em;
	}
	
.three_col {
	width: 58em;
}

.two_col { 
	width: 28.250em;
}

.doublewide_col {
	width: 36.188em;
	margin-right: 3.438em;
}

.one_col {
	width: 18.375em;
	margin-right: 1.438em;
}

.last {
	margin-right: 0;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clearfloat {
	clear: both;
}


/* 8a. CUSTOM LAYOUT & TYPOGRAPHY (TOP HAT)
----------------------------------------------------------------------------------------*/

/* --------HOME HEADER STYLES--------------*/
header {
    background-image:url(../img/header_bg.jpg);
    min-width: 1024px;
    position: relative;
	z-index: 1;
}

	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	  header {
	    background-image: url('../img/header_bg@2x.jpg');
	    background-size: 100px 100px;
	  }
	}

div#header-content.container {
    padding-top: 0;
	padding-bottom: 20px;
	position: relative;
}

div#top-strip {
    background-image: url('../img/header_top_strip.png');
    height:35px;
}

	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	  div#top-strip {
	    background-image: url('../img/header_top_strip@2x.png');
	    background-size: 75px 35px;
	  }
	}

/* HEADER LEFT COL */
div#header-left {
    background-image:url('../img/header_logo_banner.png');
    height: 153px;
    width: 343px;
    margin-top: -36px;
    cursor: pointer;
}

	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	  div#header-left {
	    background-image: url('../img/header_logo_banner@2x.png');
	    background-size: 343px 153px;
	  }
	}

#header-logo {
	display: block;
	height: 95px;
}

div#header-left ul {
	margin: 46px auto 0;
	color: #fff;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	width: 260px;
}

.header-number {
	font-size: 20px;
	font-weight: bold;
}

.header-number a {
	color: #fff;
	text-decoration: none;
}

/* HEADER CENTER COL */
div#header-center {
	width: 286px;
	margin-right: 9px;
	margin-top: 7px;
	
}

div#header-apps {
	background-image: url(../img/button_app.jpg);
	width: 274px;
	height: 45px;
	padding-top: 35px;
	padding-left: 12px;
	margin-top: 8px;
	cursor: pointer;
}

div#header-apps a:hover img {
	opacity: .7;
}

/* HEADER RIGHT COL */
div#header-right {
	margin-top: 7px;
}

/* HEADER COL - global */
.button-shadow {
	box-shadow: 0 0 6px #172129;
	border: 1px solid #fff;
}

.button-shadow:hover {
	box-shadow: 0 0 7px #fff;
}

img.button-shadow {
	display: block;
}

/* MAIN NAVIGATION BAR - (Links styles - see section #5) */
nav {
	background-color: #3871a0;
	box-shadow: 0 0 9px #2b2b2b;
	border-top: 1px solid #5c8bb3;
	border-bottom: 1px solid #5c8bb3;
}

/* --------HOME CONTENT STYLES--------------*/
/* HOME - SLIDESHOW */
#banner-fade {
	margin-right: auto;
	margin-left: auto;
	min-width: 1024px;
}

/* HOME - CC STRIP */
div#cc-strip-bg {
	background-color: #4d5d6b;
	min-width: 1024px;
	position: relative;
	z-index: 2;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	border-top: 1px solid #94a8b9;
	border-bottom: 1px solid #94a8b9;
}

div#cc-strip-bg .container {
	padding-top: 0;
	padding-bottom: 0;
}

div#cc-strip-bg .container p {
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	text-align: center;
}

div#cc-strip-bg .container p img {
	position: relative;
	top: 5px;
	left: 8px;
}

/* HOME - ABOUT */
div#home-about-bg {
	background: url(../img/home-about-bg.png) center repeat-y;
	min-width: 1024px;
	height: 343px;
	border-bottom: 5px solid #ecaa52;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.71);
}

	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	  div#home-about-bg {
	    background-image: url('../img/home-about-bg@2x.png');
	    background-size: 3200px 20px;
	  }
	}

div#home-about-bg .container {
	padding-top: 0;
}

div#wearetulia {
	color: #3871a0 !important;
	padding-top: 30px;
}

div#wearetulia h1 {
	font-weight: bold;
	margin-bottom: 12px;
}

div#wearetulia p {
	background: url(../img/yourfriends.jpg) 0 185px no-repeat;
	font-size: 1.1em;
	line-height: 1.4em;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  div#wearetulia p {
    background-image: url('../img/yourfriends@2x.jpg');
    background-size: 198px 51px;
  }
}

div#wearetulia p span {
	font-style: italic;
	position: relative;
	left: 214px;
	top: -31px;
}


div#home-facebook {
	background: url(../img/get_moore.png) 29px 11px no-repeat;
	height: 343px;
	margin-right: 11px;
}

	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	  div#home-facebook {
	    background-image: url('../img/get_moore@2x.png');
	    background-size: 424px 332px;
	  }
	}

div#home-facebook .cf {
	margin-top: 159px;
	margin-left: 67px;
}

a#home-facebook-button {
	display: block;
	width: 271px;
	height: 62px;
	background: url(../img/home_facebook.png) no-repeat;
	border-right: 1px solid #6c9ac1;
	padding-right: 14px;
	margin-right: 14px;
}

	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	  a#home-facebook-button {
	    background-image: url('../img/home_facebook@2x.png');
	    background-size: 271px 124px;
	  }
	}

a#home-facebook-button:hover {
	background-position: 0 -62px;
	
}

/* HOME - GIFTS */
div#home-gifts-bg {
	height: 200px;
	min-width: 1024px;
	background-image: url(../img/home_gifts_bg.jpg), url(../img/leaf_bg.jpg);
	background-repeat: no-repeat, repeat;
	background-position-x: center, left;
}

div#home-gifts-bg .floatright p {
	color: #3871a0;
	font-size: 1.1em;
	width: 268px;
	text-align: right;
	margin-bottom: 16px;
	line-height: 1.3em;
	margin-top: 17px;
}

div#home-gifts-bg .floatright a {
	display: block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 229px;
	height: 35px;
	margin-left: 38px;
	text-align: center;
	color: #f9e7cf;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	padding-top: 11px;
	text-shadow: 0 1px 1px #9a5d1e;
	border: 1px solid #bc8d51;
	
	background: #ea9c36; /* Old browsers */
	background: -moz-linear-gradient(top,  #ea9c36 0%, #d07c24 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea9c36), color-stop(100%,#d07c24)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ea9c36 0%,#d07c24 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ea9c36 0%,#d07c24 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ea9c36 0%,#d07c24 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ea9c36 0%,#d07c24 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9c36', endColorstr='#d07c24',GradientType=0 ); /* IE6-9 */
}

div#home-gifts-bg .floatright a:hover {
	background: #ea9c36; /* Old browsers */
}

/* ------------FOOTER--------------*/
footer {
	background-color: #4d5d6b;
	min-width: 1024px;
}

/* POISON STRIP */
div#poison {
	background-color: #9abe49;
	color: #fff;
	text-align: center;
	height: 46px;
	padding-top: 15px;
	min-width: 1024px;
}

div#poison .container {
	padding: 0;
}

div#poison p {
	margin: 0;
	font: 1.2em Arial, Helvetica, Geneva, sans-serif;
}

.leftyuck {
	margin-right: 14px;
	position: relative;
	top: 5px;
}

.rightyuck {
	margin-left: 14px;
	position: relative;
	top: 5px;
}

/* Footer Content - Left */
div#footer-content {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	color: #fff;
}

.contact .footer-number {
	font-size: 1.5em;
	padding-top: 18px;
}

.contact a {
	color: white;
	text-decoration: none;
}

.contact a:hover {
	color: #a1adb8;
	text-decoration: underline;
}

.contact .footer-number a {
	color: #fff;
	text-decoration: none;
}

#bbb-link:hover img {
	opacity: 0.76;
}

/* Footer Content - Right */
footer .floatright div {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #677a8a;
	padding: 10px;
	text-align: center;
	margin-top: 10px;
}

footer .floatright div a {
	color: #fff;
	font-size: 12px;
}

#copyright {
	color: #8496a5;
	border-top: 1px solid #8496a5;
	margin-top: 10px;
	font-size: .8em;
	padding-top: 3px;
	position: relative;
}

#copyright img {
	position: absolute;
	right: 0;
}


/* 8a. CUSTOM LAYOUT & TYPOGRAPHY (INNER - TOP HAT)
----------------------------------------------------------------------------------------*/

/* INNER - Header */
h1.title {
	text-transform: uppercase;
	color: #fff;
	font-size: 3.2em;
	font-weight: bold;
	height: 55px;
	position: absolute;
	top: 45px;
	margin-bottom: 0;
	left: 430px;
}

/* INNER - CONTENT Backgrounds*/
div#inner-content-bg {
	background-color: #e9eae9;
}

div#inner-content {
	background: url(../img/inner_bg.jpg) center repeat-y;
	position: relative;
}

/* INNER - SIDEBAR*/

div#sidebar {
	background: url(../img/sidebar_bg.png) no-repeat;
	width: 353px;
	height: 532px;
	position: absolute;
	right: -7px;
	padding-top: 36px;
	z-index: 1;
}

div#sidebar ul {
	text-align: center;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 18px;
}

div#sidebar ul li {
	color: #e2e2e4;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	line-height: 20px;
	margin-right: auto;
	margin-left: auto;
}

div#sidebar ul#sidebar_contact li:hover {
	box-shadow: none;
}

div#sidebar ul li:hover {
	box-shadow: 0 0 7px #ffffff;
}

#sidebar-number {
	font-size: 2em;
	margin-bottom: 16px;
	color: #fff !important;
}

.sidebar-border {
	border: 1px solid #fff;
	width: 286px;
}

.sidebar-border img {
	display: block;
}

ul#sidebar-ads li {
	margin-bottom: 8px;
}

li#sidebar-app-buttons {
	background: url(../img/button_app.jpg) center no-repeat;
	height: 44px;
	padding-top: 36px;
	width: 286px;
	border: 1px solid #fff;
}

#sidebar-google {
	margin-right: 6px;
}

div#inner-page-content {
	padding-left: 30px;
	padding-right: 390px;
	position: relative;
	padding-top: 15px;
	min-height: 500px;
}

/* --------INNER TYPOGRAPHY--------------*/

div#inner-page-content h1 {
	color: #3871a0;
	margin-bottom: 10px;
}

div#inner-page-content h2 {
	color: #3871a0;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 10px;
}

div#inner-page-content p, div#inner-page-content ul {
	color: #5c6065;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	margin-top: 10px;
	margin-bottom: 30px;
}

div#inner-page-content ul.bullets {
	padding-left: 25px;
}

div#inner-page-content ul.bullets li  {
	list-style-type: disc;
}



/* 9. BROWSER AND NON-SEMANTIC STYLING
----------------------------------------------------------------------------------------*/
.cf:before, .cf:after { content: ""; display: block; }
.cf:after { clear: both; }
.ie6 .cf { zoom: 1 }