@import "css/buttons.css";
@import "css/text_classes.css";
@import "css/overlay.css";

/******************** Reset from Baseline ********************/
html, body, div, span, a, img,
h1, h2, h3, h4, h5, h6, hgroup, p,
dl, dialog, dt, dd, ol, ul, li, 
abbr, acronym, address, b, big, blockquote, 
cite, code, del, dfn, em, i, ins, kbd, pre, q, 
samp, tt, var, small, strong, sub, sup, 
object, iframe, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, section,
figure, menu, time, mark, audio, video			{ font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
textarea													{ font-family: inherit; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; text-align: left; margin: 0; padding: 0; }
article, aside, footer, header, nav,
section, dialog, figure, hgroup, menu			{ display: block; }

h1, h2, h3, h4, h5, h6								{ font-size: 100%; font-weight: normal; }
del, ins													{ text-decoration: none; }
ol, ul													{ list-style: none; }
nav ul													{ list-style-type: none; }
table														{ border-collapse: separate; border-spacing: 0; background-color: transparent; width: auto; height: auto; }
:focus													{ outline: 0; }
blockquote:before, blockquote:after,
 q:before, q:after									{ content: ""; }
blockquote, q											{ quotes: "" ""; }
/******************** End Reset ********************/

/******************** Base from Baseline ********************/
body														{ font-family: Helvetica, Arial, sans-serif; line-height: 1.5; background: #f9f3f0; color: #33302E; }
h1, h2, h3, h4, h5, h6								{ font-family: Georgia, serif; line-height: 1.2; }
h4, h5, h6												{ font-weight: bold; }


b, strong, caption, th, thead, dt, legend		{ font-weight: bold; }
cite, dfn, em, i										{ font-style: italic; }
code, kbd, samp, pre, tt, var						{ font-family: monaco, "Lucida Console", courier, monospace; }
h1, h2, h3, h4, h5, h6								{ word-spacing: -0.125em; }
p									{ word-spacing: 0.125em; hyphenate: auto; hyphenate-lines: 3; margin-bottom: 18px; }
/* p+p								{ text-indent: 1.5em; } */
/* p+p.no-indent					{ text-indent: 0; } */
pre								{ white-space: pre; }
del								{ text-decoration: line-through; }
mark								{ background: rgba(255, 255, 0, 0.4); padding: 0 .25em; }
ins								{ color: #f00; }
small, sup, sub				{ font-size: 80%; }
big								{ font-size: 125%; line-height: 80%; }
abbr, acronym					{ font-size: 85%; text-transform: uppercase; letter-spacing: .1em; }
abbr[title], 
acronym[title], 
dfn[title]						{ border-bottom: 1px dotted black; cursor: help; }
sup, sub							{ line-height: 0; }
sup								{ vertical-align: super; }
sub								{ vertical-align: sub; }
blockquote						{ padding: 1.5em; }
hr									{ border: none; background: #ddd; width: 100%; }
ul, ol							{ margin-left: 1.5em; }
ul									{ list-style: disc outside; }
ol									{ list-style: decimal outside; }
input, select, button		{ cursor: pointer; }
table								{ font: inherit; width: 100%; }

/* html 5 */
article, aside, dialog, 
figure, footer, header, 
hgroup, menu, nav, section 			{ display: block; }

.debug										{ outline: solid gold 1px; }
.debug-background							{ background: rgba(255, 215, 0, 0.2) !important; }
.skipto										{ position:absolute; left:-9999px; top:-9999px; height: 0; } /* Hides the skip to link - useful for screen readers */
/******************** End Base ********************/

/******************** Baseline grid: 13/18px from Baseline ********************/
body								{ font-family: "costa-1","costa-2",sans-serif; font-size: 75%; line-height: 1.5; /*12/18*/ }

h1, h2, h3, h4, h5, h6		{ font-family: "republic-web-condensed-1","republic-web-condensed-2",serif; letter-spacing: .05em; position: relative;
	text-shadow: 0px 2px 2px #fff; font-weight: 700; }
h1, h2							{ line-height: 36px; margin-bottom: 18px; }
h1, h2, h3, h4					{ margin-top: 18px; }
h3, h4, h5, h6					{ line-height: 18px; }
h1									{ font-size: 36px; top: 5px; }
h2									{ font-size: 28px; top: 8px; }
h3									{ font-size: 22px; top: 1px; }
h4									{ font-size: 18px; top: 2px; }
h5									{ font-size: 15px; top: 4px; }
h6									{ font-size: 13px; top: 5px; }
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child					{ margin-top: 0; }

p, pre, address				{ font-size: 13px; line-height: 18px; position: relative; top: 5px; }
abbr, code, kbd,
samp, small, var				{ line-height: 15px; }
ul, ol, dl, dialog					{ font-size: 13px; line-height: 18px; position: relative; top: 5px; margin-top: 18px; margin-bottom: 18px; }
li ul, li ol, ul ul, ol ol			{ top: 0; margin-top: 0; margin-bottom: 0; }
li h1, li h2, li h3,
li h4, li h5, li h6, li p			{ top: 0; }
form, legend, label					{ font-size: 13px; line-height: 1.5; }
legend									{ position: relative; top: 5px; }
input, textarea						{ font-size: 13px; }
table										{ font-size: 13px; }
caption									{ font-size: 13px; line-height: 18px; position: relative; }
hr											{ position: relative; height: 4px; margin: 18px 0 14px 0; }
/******************** End Baseline grid: 13/18px ********************/

/* QUOTES from Bluetrip */
blockquote 								{ border-top: 1px dotted #467BBF; border-bottom: 1px dotted #467BBF; color: #778595; }
blockquote *:first-child:before 	{ content: "\201C"; }
blockquote *:first-child:after 	{ content: "\201D"; }

/* LISTS from Bluetrip */
ul li 			{ margin-left: .85em; }
ul 				{ list-style-type: disc; }
ul ul 			{ list-style-type: square; }
ul ul ul 		{ list-style-type: circle; }
ol 				{ list-style-position: outside; list-style-type: decimal; }
dt 				{ font-weight: bold; }

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 */
::-moz-selection{ background: #F87D35; color:#fff; text-shadow: none; }
::selection { background:#F87D35; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #F87D35; } 

/* LINKS */
a:link 					{ text-decoration: underline; color: #3d68a0 ; }
a:visited 				{ text-decoration: underline; color: #3d68a0 ; }
a:hover 					{ text-decoration: underline; color: #d46b2e; }
a:active, a:focus 	{ text-decoration: underline; color: #2DAF8E; }
code, pre 				{ color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

/********** scrollto ids **********/
#process,
#about,
#testimonials,
#social, 			
#top						{ }						

/********** out of masonry elements **********/
body						{ position: relative; background: transparent url(images/bkgd_tile300.jpg) repeat; }
#css_award				{ position: fixed; top: 25px; right: 0; z-index: 50; }
#local_nav				{ position: fixed; top: 0; width: 100%; z-index: 100; border-bottom: #CFEDC3 1px solid; }
#local_nav				{ background-color: #2DAF8E;  /* fallback solid color for CSS3 */
							background: rgba(32,44,59,0.65); /* CSS3 rule keeps background transparent, and content opaque */
							background-image:
							-webkit-gradient(
							    linear,
							    right bottom,
							    left top,
							    color-stop(0.55, rgba(45,175,143,1)),
							    color-stop(0.8, rgba(239,236,229,0.5))
								);
							background-image:
							-moz-linear-gradient(
							    right bottom,
							    rgba(45,175,143,1) 55%,
							    rgba(239,236,229,0.5) 80%
								);
							/* Call to CSS3PIE 12/06/2010 */
							behavior: url(PIE-1/PIE.htc);
							}
	#local_nav ul				{ float: right; margin: 0 18px 6px 0; }
		#local_nav ul li		{ float: left; font-family: "bree-1","bree-2", sans-serif; font-weight: 300; color: #cffcf1;
									-webkit-transition: all .2s ease-in-out;
									-o-transition: all .2s ease-in-out;
									-moz-transition: all .2s ease-in-out;
									-khtml-transition: all .2s ease-in-out;
									transition: all .2s ease-in-out; 
 									}
 		#local_nav ul li:last-child	{ font-family: "ltc-squareface-sc-1","ltc-squareface-sc-2"; letter-spacing: .1em; }							
		#local_nav ul li:hover		{ -webkit-transform:scale(1.2); /*scale up image 1.2x*/
											-moz-transform:scale(1.2); 
											-o-transform:scale(1.2);
											-khtml-transform:scale(1.2);
											transform:scale(1.2);
											}
			#local_nav ul li a		{ padding: 3px 6px; text-decoration: none; color: #cffcf1;
											-webkit-transition:all .2s ease-in-out;
											-o-transition: all .2s ease-in-out;
											-moz-transition: all .2s ease-in-out;
											-khtml-transition: all .2s ease-in-out;
											transition: all .2s ease-in-out;  
											}
			#local_nav ul li a:hover		{ background-color: #01c0a7; color: #fff;
													-webkit-border-radius: 3px;
													-moz-border-radius: 3px;
													-o-border-radius: 3px;
													-khtml-border-radius: 3px;
													border-radius: 3px;											
													-webkit-box-shadow: 2px 2px 4px #444942;
													-moz-box-shadow: 2px 2px 4px #444942;
													-o-box-shadow: 2px 2px 4px #444942;
													-khtml-box-shadow: 2px 2px 4px #444942;
													box-shadow: 2px 2px 4px #444942;
													/* Call to CSS3PIE 12/06/2010 */
													behavior: url(PIE-1/PIE.htc);
													} 
body>footer				{ border-top: 2px solid #e0f0fd;
							padding: 18px 50px 36px 110px;
							color: #A5C1E5;
							background-color: #335074; /* fallback solid color for CSS3 gradients */
							background: rgba(32,44,59,0.15); /* CSS3 rule keeps background transparent, and content opaque */
							#background-color: #335074; /* override for IE7 */
							background-image:
							-webkit-gradient(
							    linear,
							    left top,
							    left bottom,
							    color-stop(0.19, rgba(58,92,133,0.7)),
							    color-stop(0.83, rgba(13,21,31,0.8))
								);
							 background-image:
							-moz-linear-gradient(
							    center top,
							    rgba(58,92,133,0.7) 19%,
							    rgba(13,21,31,0.8) 83%
								);
							/* Call to CSS3PIE 12/06/2010 */
							behavior: url(PIE-1/PIE.htc);
							}
.bubblewrap				{ list-style-type:none; margin:0 0 9px 0; padding:0; }
	.bubblewrap li			{ display:inline; width: 40px; height:400px; }
	
		.bubblewrap li img		{ width: 32px; /* width of each image.*/
										height: 32px; /* height of each image.*/
										border:0;
										margin-right: 8px; /*spacing between each image*/
										-webkit-transition:-webkit-transform 0.2s ease-in-out; /*animate transform property */
										-moz-transition:-moz-transform 0.2s ease-in-out; 
										-o-transition:-o-transform 0.2s ease-in-out;						
										-khtml-transition:-moz-transform 0.2s ease-in-out;  
										transition: transform 0.2s ease-in-out;
										}
		.bubblewrap li img:hover	{ -webkit-transform:scale(1.6); /*scale up image 1.6x*/
											-moz-transform:scale(1.6);
											-o-transform:scale(1.6);
											-khtml-transform:scale(1.6);
											transform:scale(1.6);
											}


body>footer p						{ margin-bottom: 6px; }

body>footer p.floatRight a		{ display: block; }

body>footer p a:link img		{ margin-right: 1em;
										opacity: .5;
										-webkit-transition:all .8s;
										-moz-transition: all .8s;
										-o-transition: all .8s;
										-khtml-transition: all .8s;
										transition: all .8s; 
										}
body>footer p a:link img.nudgeup		{ position: relative; top: -30px;}										
body>footer p a:hover img,
body>footer p a:focus img		{ opacity: 1; }
body>footer a:link,
body>footer a:visited			{ color: #fbccaf; text-decoration: none; }
body>footer a:hover				{ color: #FAEAE1; text-decoration: underline; }							
.resize								{ position: fixed; width: 140px; height: 140px; bottom: 0; right: 0; background: transparent url(images/triangle.png) bottom right no-repeat; }							

/********** masonry widths **********/
.col1	{ width: 100px; }
.col2 { width: 220px; }
.col3 { width: 340px; }
.col4 { width: 460px; }
.col5	{ width: 580px; }
.col6 { width: 700px; }

.col1 img { max-width: 100px; }
.col2 img { max-width: 220px; }
.col3 img { max-width: 340px; }
.col4 img { max-width: 460px; }
.col5	img { max-width: 580px; }
.col6 img { max-width: 700px; }

/********** classes for masonry **********/
#primary					{ margin: 48px 0 0 110px; }
.wrap 					{
	background:none repeat scroll 0 0 #eeeeee;	
	}
.box, 
.logobox					{ background-color: rgb(255,255,255); /* solid color fallback */
							background: rgba(255,255,255,0.05); /* CSS3 rule keeps background transparent, and content opaque */
							#background-color: #fff; /* override for IE7 */
							margin: 0 20px 18px 0; padding: 10px 15px 18px;
							border: 2px solid #fff;							
							-webkit-border-radius: 15px;
							-moz-border-radius: 15px;
							-o-border-radius: 15px;
							-khtml-border-radius: 15px;
							border-radius: 15px;
							-webkit-box-shadow: 3px 3px 10px #b19685;
							-moz-box-shadow: 3px 3px 10px #b19685;
							-o-box-shadow: 3px 3px 10px #b19685;
							-khtml-box-shadow: 3px 3px 10px #b19685;
							box-shadow: 3px 3px 10px #b19685;
							/* Call to CSS3PIE 12/06/2010 */
							behavior: url(PIE-1/PIE.htc);					
							}
.box						{ background-image: /* this is subtle transparent gradient for *lighting* effect */
							-webkit-gradient(
							    linear,
							    left top,
							    left bottom,
							    color-stop(0.23, rgba(255,255,255,0.20)),
							    color-stop(0.99, rgba(255,158,98,0.10))
								);
							 background-image: /* don't know why, but you MUST include 'background-image' again for FF. Note that the gradient generator: http://gradients.glrzad.com/ does not include exact code to make FF work. */
							-moz-linear-gradient(
							    center top,
							    rgba(255,255,255,0.20) 23%,
							    rgba(255,158,98,0.10) 99%
								);
							/* Call to CSS3PIE 12/06/2010 */
							behavior: url(PIE-1/PIE.htc);
							}
							
.picbox, 
.picbox_noOvr			{ padding: 14px 0 10px 0; overflow: hidden; width: 250px;  }
.picbox_sm				{ padding: 14px 0 10px 0; overflow: hidden; width: 130px; }
	.picbox img,
	.picbox_noOvr img,
	.picbox_sm img		{ border-top: 1px solid #F87D35;
							border-bottom: 1px solid #F87D35; 
							}
	/* .picbox:hover				{ padding: 9px 0 5px 0;} */						
	.picbox:hover img			{ -webkit-transition:all .2s ease-in-out;
									-o-transition: all .2s ease-in-out;
									-moz-transition: all .2s ease-in-out;
									-khtml-transition: all .2s ease-in-out;
									transition: all .2s ease-in-out;border-top: 6px solid #F87D35;
									border-bottom: 6px solid #F87D35; 
									}
.logobox					{ position: fixed; top: 48px; left: 10px; padding: 0; overflow: hidden; 		
							background: url(images/logo_new_color80.jpg) no-repeat center top; }
	.logobox a			{ display: block; width: 80px; height: 90px; }

.process li form		{ display: inline; position: relative; top: 6px; left: 6px; }
.about					{  }
.portfolio				{  }
.testimonial			{  }
.contact					{  }
.mailchimp				{  }
div.mce_inline_error{ XXX !important}

/********** headline span styling **********/
.intro,					
.services, 
.process,
.about,
.testimonial,
.top						{ overflow: hidden; }

	article.intro		{ padding: 10px 15px 36px; }
	h1.welcome>span	{ position: absolute; top: 35px; left: -35px; font-size: 150px; color: #fbb992;  height: 150px; z-index: -1; font-family: "bello-pro-1","bello-pro-2";}
	.intro>h4			{ font-family: "costa-1","costa-2",sans-serif; font-weight: 700; }
	.intro>h4>strong	{ color: #F87D35; }
	aside.intro			{ padding-top: 36px; }
	aside.intro p>span	{ position: absolute; top: -25px; left: -15px; font-size: 40px; color: #90E26E;  height: 100px; z-index: -1; font-family: "ff-masala-script-web-pro-1","ff-masala-script-web-pro-2",cursive; }
	h2.web>span			{ position: absolute; top: 1px; left: 23px; font-size: 91px; color: #62B39E;  height: 100px; z-index: -1;  }
	h2.logo>span		{ position: absolute; top: 35px; left: -33px; font-size: 125px; color: #BDCFE5;  height: 140px; z-index: -1; font-family: "ltc-squareface-sc-1","ltc-squareface-sc-2"; }
	h2.logo>span.ampersand	{ position: absolute; top: 40px; left: 195px; font-size: 220px; color: #668BBC;  height: 220px; z-index: -2; font-family: "bree-1","bree-2", sans-serif; font-weight: 300; }
	h2.print>span		{ position: absolute; top: 25px; left: -30px; font-size: 115px; color: #FF9D62;  height: 160px; z-index: -1; font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2",sans-serif; letter-spacing: normal; font-weight: 200; }
	h2.billing>span	{ position: absolute; top: 95px; left: 230px; font-size: 245px; color: #62B39E;  height: 200px; z-index: -1; font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2",sans-serif;  }
	h2.brief>span		{ position: absolute; top: 0; left: 50px; font-size: 72px; color: #62B39E;  height: 100px; z-index: -1; font-family: "ff-masala-script-web-pro-1","ff-masala-script-web-pro-2",cursive; }
	h2.sustain>span	{ position: absolute; top: 100px; left: 20px; font-size: 150px; color: #baeaa6;  height: 180px; z-index: -1; font-family: "ff-masala-script-web-pro-1","ff-masala-script-web-pro-2",cursive; }
	h2.experience>span	{ position: absolute; top: 130px; left: -3px; font-size: 110px; color: #A5C1E5;  height: 110px; z-index: -1; font-family: "kulturista-web-1","kulturista-web-2",serif; }
	h2.community>span		{ position: absolute; top: 32px; left: 27px; font-size: 75px; color: #fbb992;  height: 220px; z-index: -1; font-family: "ltc-squareface-sc-1","ltc-squareface-sc-2"; }
	h2.integrity>span		{ position: absolute; top: 38px; left: -18px; font-size: 56px; color: #62B39E;  height: 60px; z-index: -1; font-family: "bree-1","bree-2", sans-serif; font-weight: 300; } 
	h2.humor>span		{ position: absolute; top: 40px; left: 175px; font-size: 100px; color: #668BBC;  height: 110px; z-index: -1; font-family: "kulturista-web-1","kulturista-web-2",serif; }
	h2.respect>span		{ position: absolute; top: 20px; left: 10px; font-size: 100px; color: #A5C1E5;  height: 100px; z-index: -1; font-family: "ff-masala-script-web-pro-1","ff-masala-script-web-pro-2",cursive; }
	h4.creative>span		{ position: absolute; top: 35px; left: -15px; font-size: 50px; color: #8accbb;  height: 60px; z-index: -1; font-family: "bree-1","bree-2", sans-serif; font-weight: 300; font-style: italic; }
	h4.different>span		{ position: absolute; top: 12px; left: 13px; font-size: 72px; color: #62B39E; height: 100px; z-index: -1; }
	h4.pro>span			{ position: absolute; top: 10px; left: 125px; font-size: 70px; color: #fbb992;  height: 100px; z-index: -1; font-family: "ff-masala-script-web-pro-1","ff-masala-script-web-pro-2",cursive; }
	h4.results>span	{ position: absolute; top: 35px; left: 100px; font-size: 150px; color: #90E26E ;  height: 150px; z-index: -1; font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2",sans-serif; font-weight: 300;}
	h4.questions>span	{ position: absolute; top: 5px; left: 60px; font-size: 72px; color: #668BBC;  height: 100px; z-index: -1; font-family: "ff-masala-script-web-pro-1","ff-masala-script-web-pro-2",cursive; }
	h5.back_to a:link	{ padding: 10px 0; text-decoration: none; }
	h5.back_to			{ font-family: "ff-masala-script-web-pro-1","ff-masala-script-web-pro-2",cursive; text-align: center; }
	h4.concepts>span	{ position: absolute; top: 7px; left: 40px; font-size: 90px; color: #9FE4D3;  height: 110px; z-index: -1; font-family: "kulturista-web-1","kulturista-web-2",serif; }
	h4.fun>span			{ position: absolute; top: 20px; left: -15px; font-size: 70px; color: #90E26E;  height: 100px; z-index: -1; font-family: "ff-masala-script-web-pro-1","ff-masala-script-web-pro-2",cursive; }
	h4.service>span	{ position: absolute; top: 15px; left: 50px; font-size: 90px; color: #fbb992;  height: 100px; z-index: -1; font-family: "ff-masala-script-web-pro-1","ff-masala-script-web-pro-2",cursive; }

/**********  Contact section parts **********/
.panel, 
.panel2	{ position: fixed;
	z-index: 500;
	display: none;
	padding: 15px;
	border: 1px solid #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;	
	-khtml-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 3px 3px 10px #90715e;
	-moz-box-shadow: 3px 3px 10px #90715e;
	-o-box-shadow: 3px 3px 10px #90715e;
	-khtml-box-shadow: 3px 3px 10px #90715e;
	box-shadow: 3px 3px 10px #90715e;
	}
/* 
original Wufoo form styles
.panel	{ top: 152px; left: 80px; width: 460px; height: 400px; } 
.panel2	{ top: 230px; left: 80px; width: 220px; height: 200px; }
*/

/* new form 1/7/2011 */
.panel	{ top: 15px; left: 20px; width: 400px; padding-top: 20px; padding-left: 15px; }
.panel2	{ top: 270px; left: 20px; width: 220px; }

.panel, 
.panel2	{ background-color: #CFEDC3; /* fallback solid color for CSS3 gradients */
			background-image:
			-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0.3, rgb(207,237,195)),
				color-stop(0.92, rgb(168,227,139))
				);
			background-image:
			-moz-linear-gradient(
				center top,
				rgb(207,237,195) 30%,
				rgb(168,227,139) 92%
				);
			/* Call to CSS3PIE 12/06/2010 */
			behavior: url(PIE-1/PIE.htc);
			}
 
a.trigger_not,
a.trigger, 
a.trigger:hover,
a.trigger2,
a.trigger2:hover		{ display: block; padding: 10px 10px 5px 10px; text-decoration: none;
	font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2",sans-serif;
	font-size: 18px; letter-spacing: .1em;
	border: 1px solid #fff;
	-webkit-border-top-right-radius: 20px; /* note that if you do not rotate the item, corners will need to change */
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px; 
	-moz-border-radius-bottomright: 20px;
	-o-border-top-right-radius: 20px;
	-o-border-bottom-right-radius: 20px;
	-khtml-border-top-right-radius: 20px;
	-khtml-border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	/* Call to CSS3PIE 12/06/2010 */
	behavior: url(PIE-1/PIE.htc);
	}
a.trigger_not,
a.trigger, 
a.trigger:hover		{ position: fixed; top: 180px; left: 0; z-index: 1000; }

/* use this if returning to orig. Wufoo form
a.trigger2,
a.trigger2:hover		{ position: fixed; top: 390px; left: 0; z-index: 1000;}
*/
/* use this placement for revised contact form 1/7/2011 */
a.trigger2,
a.trigger2:hover		{ position: fixed; top: 240px; left: 0; z-index: 1000;}
	
a.trigger_not,
a.trigger,
a.trigger2				{ background-color: #FF9D62; color: #1f1e1d;
	text-shadow: 0px 1px 2px #FAEAE1;
	-webkit-box-shadow: 3px 3px 10px #b19685;
	-moz-box-shadow: 3px 3px 10px #b19685;
	-o-box-shadow: 3px 3px 10px #b19685;
	-khtml-box-shadow: 3px 3px 10px #b19685;
	/* Call to CSS3PIE 12/06/2010 */
	behavior: url(PIE-1/PIE.htc);
	box-shadow: 3px 3px 10px #b19685;
	-webkit-transition:all .4s ease-in-out;	
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-khtml-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
 }
a.trigger_not:hover,
a.trigger:hover,
a.trigger2:hover		{ background-color: #F87D35; color: #fff; text-shadow: none;
	-webkit-box-shadow: 3px 3px 10px #90715e; /* slightly deeper shadow */
	-moz-box-shadow: 3px 3px 10px #90715e; 
	-o-box-shadow: 3px 3px 10px #90715e;
	-khtml-box-shadow: 3px 3px 10px #90715e;
	box-shadow: 3px 3px 10px #90715e;
 	/* Call to CSS3PIE 12/06/2010 */
	behavior: url(PIE-1/PIE.htc);
	}

#foo label 				{ float:left; clear:left; width: 100px; text-align:right; margin: .25em 1em 1em 0;}
#foo input, 
#foo textarea 			{ float:right; clear: right; width: 200px; margin-bottom: 1em; }
/* #foo .button 			{ width: 100px; } */
#foo div					{ width: 100%; }
#reset					{ float: left; }
#submit					{ float: right; }

/********** End contact section parts **********/

/********** COLOR PALETTE ***********
blue-green:			 				#62B39E 
lighter blue-green:				#8accbb
more saturated blue-green:		#2DAF8E
med-grey from b-g:				#97A09E 
darker grey from b-g:			#7C8583 
little darker grey:				#585e5d
med-light b-g:						#9FE4D3 
light dull b-g:					#B9E4DA 
pale white b/g:					#cffcf1

blue:									#668BBC 
med-grey from blue:				#778595 
more saturated blue:				#467BBF
darker blue links:				#3d68a0 
med-light blue:					#A5C1E5 
light blue:							#BDCFE5
very light blue:					#e0f0fd 

green:								#90E26E 
dark grey from green:			#444942 
more saturated green:			#64CA38 
light green:						#baeaa6
lighter green:						#CFEDC3 
light greyish green:				#D8E7D2 
pale white/green:					#eff8eb

orange:								#FF9D62
little lighter orange:			#fbb992 
shadow grey from orange:		#90715e
lighter shadow from orange:	#b19685
very dark grey from orange:	#33302E
darkest grey from orange:		#1f1e1d 
more saturated orange:			#F87D35
darker for links:					#d46b2e 
light grey from orange:			#F0E3DC 
lighter grey from orange:		#f9f3f0
lighter orange from orange:	#FAEAE1
footer orange:						#fbccaf 

*************************************/

/********** Common Classes **********/
.clear								{ clear: both; }
.floatRight							{ float: right; }
.no_bullet li						{ list-style: none; margin-bottom: 18px; }

/********** Browser Hacks **********/
.win.gecko #local_nav				{ background-color: #2DAF8E;  /* fallback solid color for CSS3 */ }
.win.gecko body>footer								{ background-color: #335074; }

.tooltip {
	display:none;
	border: 1px solid #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;	
	-khtml-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 3px 3px 10px #444;
	-moz-box-shadow: 3px 3px 10px #444;
	-o-box-shadow: 3px 3px 10px #444;
	-khtml-box-shadow: 3px 3px 10px #444;
	box-shadow: 3px 3px 10px #444;
	/* Call to CSS3PIE 12/06/2010 */
	behavior: url(PIE-1/PIE.htc);
	background-color: #FF9D62; color: #1f1e1d;
	font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2",sans-serif;
	font-size: 13px; letter-spacing: .1em;
	padding:8px 9px 6px;
	
}

/* This targets both portrait & landscape versions of iPad */
@media only screen and (device-width: 768px) {
#css_award,
.resize		{ display: none; }
} 

@media screen and (max-device-width: 480px) {
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}