/*   
Theme Name: Suasion - Responsive Design
Theme URI: http://www.thesuasionway.com/
Description: A Responsive Design
Author: Jerry Robinette
Author URI: http://www.suasion.us/
Version: 1.0
Tags: Responsive Design, Suasion
*/






/* =Reset default browser CSS
======================================================================================================================= */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
}
body {
	background: #fff;
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}





/* =Fluid Grid
======================================================================================================================= */

.one-half, .one-third, .two-thirds, .one-fourth, .three-fourths, .one-fifth, .two-fifths, .three-fifths, .four-fifths {
	float: left;
	margin-right: 4%;
}

.one-fifth, .two-fifths, .three-fifths, .four-fifths {
	float: left;
	margin-right: 2%;
}

.one-half {
	width: 46%;
}

.one-third {
	width: 30.6%;
}

.two-thirds {
	width: 65.4%;
}

.one-fourth {
	width: 22%;
}

.three-fourths {
	width: 74%;
}


.one-fifth {
	width: 18%;
}

.two-fifths {
	width: 38%;
}

.three-fifths {
	width: 60%;
}

.four-fifths {
	width: 80%;
}

.full {
	width: 100%;
}
.columns .last {
	clear: right;
	margin-right: 0 !important;
}

.container, .columns {
	margin: .5em auto;
	padding: 0;
	zoom: 1;
}
.columns:before, .columns:after,
.container:before, .container:after,
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.columns:after,
.container:after,
.clearfix:after {
	clear: both;
}

body.page-disability .columns {
	margin: 1.5em auto;
	padding: 0;
}



/* =Structure
======================================================================================================================= */

html {
	height: 100%;
}

body {
	background-color: #fff;

	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

#header-bleed {
	background-color: #3c0842;
	background-image: -moz-linear-gradient(top, #3c0842, #7b2b83);
	background-image: -ms-linear-gradient(top, #3c0842, #7b2b83);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c0842), to(#7b2b83));
	background-image: -webkit-linear-gradient(top, #3c0842, #7b2b83);
	background-image: -o-linear-gradient(top, #3c0842, #7b2b83);
	background-image: linear-gradient(top, #3c0842, #7b2b83);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c0842', endColorstr='#7b2b83', GradientType=0);

	margin: 0;
	padding: 0;
	height: 130px;
	width: 100%;
	border-bottom: solid 2px #fff;

	/*Drop Shadow*/
  	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}

#header {
	background: url(images/bkgrd_header.png) no-repeat left top;
	margin: 0 auto;
	padding: 0;
	max-width: 1020px;
	height: 120px;
}

#branding {
	width: 300px;
	margin: 0;
	padding: 0;
	text-align: left;
	display: inline-block;
	float: left;
}


#main {
	margin: 0 auto 98px auto;
	padding: 2.5% 0;
	max-width: 1020px; 
}

#primary {
	margin: 0 auto;
	padding: 0 7.5%;
	width: 85%;
}

#secondary {
	margin: 0 auto;
	padding: 0 5% 0 2.5%;
	width: 30%;
	float: left;
}

#tertiary {
	margin: 0 auto;
	padding: 0 5% 0 2.5%;
	width: 20%;
	float: left;
}

#footer-bleed {
	background-color: #7b2b83;
	background-image: -moz-linear-gradient(top, #3c0842, #7b2b83);
	background-image: -ms-linear-gradient(top, #3c0842, #7b2b83);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c0842), to(#7b2b83));
	background-image: -webkit-linear-gradient(top, #3c0842, #7b2b83);
	background-image: -o-linear-gradient(top, #3c0842, #7b2b83);
	background-image: linear-gradient(top, #3c0842, #7b2b83);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c0842', endColorstr='#7b2b83', GradientType=0);

	border-top: solid 2px #fff;

	margin: 0 auto;
	padding: 0;
	width: 100%;
	clear: both;

	/*Drop Shadow*/
  	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	position: relative;
}

#sitefooter {
	margin: 0 auto;
	padding: 0 0 1em 0;
	max-width: 1020px;
	color: #fff;
}

#fineprint-bleed {
	background-color: #3c0842;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	clear: both;
	overflow: hidden;
}

.rss-feed-icon {
	display: inline-block;
	float: left;
	margin: .25em .5em 0 0;
	padding: 0;
}

#contact-n-fineprint {
	font-size: .7em;
	margin: 0 auto;
	padding: .5em 0;
	max-width: 960px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
}

#contact-n-fineprint .address,
#contact-n-fineprint .phone-number,
#contact-n-fineprint .fax-number,
#contact-n-fineprint .email-address,
#contact-n-fineprint .copyrights {
	margin: 0 .25em;
	padding: 0 .25em;
	display: inline;
}

#contact-n-fineprint .phone-number a,
#contact-n-fineprint .fax-number a,
#contact-n-fineprint .email-address a {
	color: #fff;
}

#subsidiary {
	margin: 0;
	padding: 0 10% 2.5% 10%;
	width: 80%;
}



/* =Page Adjustments For Pages With Asides
-------------------------------------------------------------- */


body.has-aside #primary {
	margin: 0 auto;
	padding: 0 2.5% 0 5%;
	width: 55%;
	float: left;
}

body.single #primary,
body.search-results #primary,
body.page #primary {
	margin: 0 auto;
	padding: 0 15%;
	width: 70%;
}


/* =Page With Side Image
---------------------------- */

body.page-template-page-with-side-image-php #secondary {
	margin: 0;
	padding: 0;
	width: 30%;
}

body.page-template-page-with-side-image-php #primary {
	margin: 0 auto;
	padding: 0 2.5% 0 5%;
	width: 62.5%;
	float: right;
}



/* =Contact, Giveaway, Career Page
---------------------------- */
body.page-template-page-careers-php #primary,
body.page-template-page-contact-us-php #primary {
    margin: 0 auto;
    padding: 0 2.5% 0 10%;
    width: 47.5%;
	float: left;
}


body.page-template-page-careers-php #secondary,
body.page-template-page-contact-us-php #secondary {
	margin: 0 2.5%;
	padding: 0;
	width: 35%;
	float: left;
}


body.page-template-page-giveaway-php #primary,
body.page-template-page-giveaway-php #secondary {
	margin: 0 2.5% 0 10%;
    padding: 0;
    width: 37.5%;
	float: left;
}

body.page-template-page-giveaway-php #secondary {
	margin: 0 10% 0 2.5%;
	padding: 0;
}




/* =Work Page
---------------------------- */
body.page-template-page-work-php #primary {
	margin: 0 auto;
	padding: 0 10%;
	width: 80%;
}



/* =We're Different Page
---------------------------- */
body.page-were-different .people-are-talking {
	margin-top: 2em;
}



/* =Marketing
---------------------------- */
body.page-template-page-marketing-php #primary {
	margin: 0 auto;
	padding: 0 7.5%;
	width: 85%;
}




/* Media Icons & Donate Container Styles
-------------------------------------------------------------- */


#icons_n_search_header {
	margin: 0;
	padding: 0;
	display: inline-block;
	text-align: center;
}

ul.media_icons, ul.text_resize_icons {
	margin: 0 0 0 5px;
	padding: 0;
	display: inline-block;
	list-style: none;
}


.media_icons li, .text_resize_icons li {
	display: inline-block;
	margin: 0;
	padding: 0;
}


ul.media_icons li img, ul.text_resize_icons li img {
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
}

.media_icons a, .text_resize_icons a {
	display: block;
	margin: 0;
	padding: 0;
	width: 30px;
}



/* Search Box Styles 
-------------------------------------- */

.search_box {
	padding: 0px;
	margin: 0 10px;
	display: inline-block;
}



.search_box .searchfield {
   /* fallback/image non-cover color */
	background: #dddddd url(images/bkgrd_searchfield.jpg) repeat-x left top;

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#dddddd));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #f8f8f8, #dddddd); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #f8f8f8, #dddddd);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #f8f8f8, #dddddd);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #f8f8f8, #dddddd);


	font-size: .75em;
	margin: 0px;
	padding: 0 1em;
	width: 120px;
	height: 30px;
	color:#222;
	display: inline;
	float: left;
	border: 0;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.search_box input.searchsubmit {
   /* fallback/image non-cover color */
	background: #dddddd url(images/bkgrd_searchbutton.jpg) no-repeat left top;

	display: block;
	margin: 0px;
	height: 30px;
	width: 35px;
	cursor: pointer;
	font-size: 0%;
	line-height: 0;
	float: left;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 1px solid #222;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
} 







/* =Typography
======================================================================================================================= */

body {
	font: 300 normal 100% "proxima-nova", sans-serif;
	color: #444;
}


#main {
	font-size: 87.5%;
}


/* =Heading Styles
------------------------------------------ */

#header h1 {
	margin-top: 0;
	line-height: 1.15em;
	color:#fff !important;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.125;
	margin: 1em 0 0;
	padding: 0;
	color:#74277c;
}


#main h1 a, #main h2 a, #main h3 a, #main h4 a, #main h5 a, #main h6 a {
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	color:#74277c;
}

#main h2 a, #main h4 a {
	font-weight: 300;
	color:#5d9311;
}

#main h1 {
	font-size: 2em;
	font-weight: 300;
	margin-top: 0;
}
#main h2 {
	font-size: 1.85em;
	font-weight: 300;
	color:#5d9311;
}
#main h3 {
	font-size: 1.5em;
	font-weight: 300;
	color:#74277c;
}
#main h4 {
	font-size: 1.25em;
	font-weight: 300;
	color:#5d9311;
}
#main h5 {
	font-weight: 900;
	color:#74277c;
}
#main h6 {
	font-weight: 700;
}




/* =Paragraphs, List Styles & Definitions
------------------------------------------ */



#main p, #main ul, #main ol, #main dd, #main dt,  #main dl, #main pre {
	line-height: 1.5em;
    margin-top: .75em;
	font-weight: 300;
	font-style: normal;
}

#main ul ul, #main ol ol, #main ul ol, #main ol ul {
	margin-top: 0;
}

#main ul {
	margin: 0 0 0 1.5em;
	padding: 0;
}

#main ol {
	margin: 0 0 0 2em;
}

#main li {
	font-weight: 300;
	font-style: normal;
	margin: .15em 0 0 1em;
	padding: 0;
}

#main dt {
    font-weight: bold;
}
#main ul {
	list-style: disc outside url("images/bullet_purple.gif");
}
#main ol {
	list-style-type: decimal;
}
#main ol ol {
	list-style:upper-alpha;
}
#main ol ol ol {
	list-style:lower-roman;
}
#main ol ol ol ol {
	list-style:lower-alpha;
}





/* =Font Weight & Style
------------------------------------------ */

#main strong {
	font-weight: 700;
	color: #555;
}

#main em {
	font-style: italic;
	font-weight: 400;
}



/* =Super & Sub Script
------------------------------------------ */
#main sup,
#main sub {
	font-size: .75em;	
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
#main sup {
	bottom: .65ex;
	margin-right: .125em;
}
#main sub {
	top: .5ex;
}


/* =Horizontal Rule
-------------------------------------------------------------- */
#main hr {
	background-color:#ccc;
	border:0;
	color:#ccc;
	height:1px;
	margin-top: 1.25em;
}



/* =Tables
-------------------------------------------------------------- */
#main table {
	font-size: .875em;
	line-height: 1.25em;
	margin: 1em 0 1.125em;
	text-align:left;
	border:1px solid #ccc;
	border-width:1px 1px 0 1px;
	width: 100%;
}
#main th {
	background-color: #74277c;
	color: #fff;
}
#main tr {
	border-bottom:1px solid #ccc;
}
#main th, #main td {
	padding: .7em 1.25em;
}

#main tr:hover {
	background-color: #ead8ec;
}



/* =Pullquotes, Blockquotes, Pre, Code, etc.
-------------------------------------------------------------- */

#main abbr, #main acronym {
  border-bottom:1px dotted #333;
  cursor: help;
}
#main ins {
	text-decoration:none;
}
#main cite, #main em, #main i {
	font-style: italic;
}
#main blockquote {
	font-size: 1.25em;
	line-height: 1.75em;
	font-weight: 100;
	font-style: normal;
	padding: 0 3em;
	color:#5d9311;
}
#main cite {
	color:#555;
	font-weight: 400;
	padding: 0 3em;
}

#main .one-half blockquote,
#main .one-third blockquote {
	font-size: 1.15em;
	line-height: 1.5em;
	font-weight: 100;
	font-style: bold;
	color:#74277C;
    border-bottom: 0.25em dotted #DDDDDD;
    margin: 1.5em 0;
    padding: 0 0 1.5em;
}
#main .one-half cite,
#main .one-third cite {
	color:#555;
	font-weight: 400;
	padding: 0;
	text-align: right;
}

#main pre, #main code {
	font: 1em Monaco, monospace;
	line-height:1.25em;
	margin-bottom: 1.125em;
}

#main blockquote.left {
	float: left;
	margin-left:0;
	margin-right: 1.25em;
	text-align: right;
	width: 33%;
}
#main blockquote.right {
	float: right;
	margin-left: 1.25em;
	margin-right:0;
	text-align: left;
	width: 33%;
}


/* =Back to overview page links
-------------------------------------------------------------- */

.back-to-links {
    margin: 2em 0 0 !important;
    padding: 0;
    text-align: center;
}



/* =News and Resources Page
-------------------------------------------------------------- */

.intro {
    font-size: 1.25em;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
}

.challenge, .results {
    color: #74277c;
    font-size: 1.25em;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
}



/* =News and Resources Page
-------------------------------------------------------------- */

.post-listing .hentry {
	margin: 1.5em 0;
	padding: 0 0 1.5em 0;
	border-bottom: .25em dotted #ddd;
}

body.page-template-page-news-blog-php .post-listing .hentry {
	margin: 1.5em 5% 1.5em 0;
	padding: 0 0 1.5em 0;
	width: 45%;
	min-height: 350px;
	float: left;
	display: inline-block;
	border-bottom: .25em dotted #ddd;
}


.post-title {
	font-size: 1.25em !important;
	color:#5d9311 !important;
}

.post-title a{
	color:#5d9311 !important;
}

.entry-meta {
	margin: 1em 0 .5em 0;
	padding: 0;
	min-width: 280px;
}

.dateline, .byline {
	font-size: .85em;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
	width: 85%;
	display: block;
}

.excerpt-n-thumbnail {
	margin: 0;
	padding: 0
}

.excerpt {
	margin: 0;
	padding: 0;
}

.read-more {
	margin: 1em 1em 0 0;
	display: block;
	text-align: right;
}

.author-avatar {
	margin: 0 .5em 0 0;
	padding: 0;
	display: inline;
	float: left;
}

.wp-user-avatar {
	margin: 0;
	padding: 0;
}

.post-thumbnail {
	margin: .85em 0 0 1em !important;
	padding: 0;
	display: inline;
	float: right;
}

.post-thumbnail img {
	border: solid 2px #fff !important;
	/*Border Radius*/
	-moz-border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	border-radius: 50% !important;
	/*Drop Shadow*/
  	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) !important;
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) !important;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) !important;

}




/* =Global Styles
======================================================================================================================= */


/* =HTML5 Elemants
-------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


iframe {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

small {
	margin: .5em;
	font-size:0.6em;
	line-height:1.2em;
}

address {
	margin: 1em 0 0 0;
	padding: 0;
	font-style: normal;
}


/* =Links
-------------------------------------------------------------- */
a:link, a:visited {
	text-decoration:none;
	color:#74277c;
	font-weight: bold;
}

a:active, a:hover {
	text-decoration:underline;

}



/* =Buttons
-------------------------------------------------------------- */
.button {
	border-top: 1px solid #c071c9;
	border-bottom: 1px solid #7c3b82;
	border-left: 1px solid #7c3b82;
	border-right: 1px solid #441149;
	
	background: #7c3b82;
	background: -webkit-gradient(linear, left top, left bottom, from(#9d4aa6), to(#441149));
	background: -webkit-linear-gradient(top, #9d4aa6, #441149);
	background: -moz-linear-gradient(top, #9d4aa6, #441149);
	background: -ms-linear-gradient(top, #9d4aa6, #441149);
	background: -o-linear-gradient(top, #9d4aa6, #441149);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	/*Shadow*/
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	
	padding: .5em .75em .35em .75em;
	margin: .4em .5em;
	color: #ffffff !important;
	font-size: .75em;
	font-family: "museo-sans-rounded",sans-serif;
	font-style: normal;
	font-weight: 100 !important;
	
	text-decoration: none;
	vertical-align: middle;
}

.button:hover {
	border-top-color: #6c2973;
	background: #6c2973;
	color: #dddddd !important;
	text-decoration: none;
}

.button:active {
	border-top-color: #6c2973;
	background: #6c2973;
	text-decoration: none;
}



/* =Alignments
-------------------------------------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin: 0 1em 0 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 0 0 0 1em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}




/* =Attachments
-------------------------------------------------------------- */

.wp-caption {
}

.wp-caption-text {
	font-size: .85em;
	color: #74277C;
}



/* =Gallery (Lightbox enabled)
-------------------------------------------------------------- */

.gallery {
	margin: auto;
	width: 100%;
}
.gallery-item {
	float: left;
	margin: 2.5% 1%;
	padding: 0;
}

.gallery-columns-2 .gallery-item {
	width: 46%;
}

.gallery-columns-3 .gallery-item {
	width: 30.6%;
}

.gallery-columns-4 .gallery-item {
	width: 23%;
}

.gallery-columns-5 .gallery-item {
    width: 18.4%;
}


.gallery img {
	width: 100%;
}
.gallery .gallery-caption {
	margin-left: 0;
}





/* =Fluid Images & Videos
-------------------------------------------------------------- */

.entry-content img,
#secondary img {
	max-width: 100%;
	height: auto;

	/*Border Radius*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;


}


img.fluid {
	max-width: 100%;
	height: auto;
}
    

.video-container {
	max-width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

/* embedded videos */
.video embed,
.video object,
.video iframe {
	max-width: 100%;
	height: auto;
	min-height: auto;
}



/* #Videos
 =========================================== */

video {
	max-width: 100%;
	height: auto;
}

/* Necessary Styles because IE8 doesn't support media queries */
.ie8 .video-container {
	position: relative;
	padding-bottom: 56.25%;
}

.ie8 .video-container iframe,  
.ie8 .video-container object,  
.ie8 .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: 100%;
}

.ie8 .video-wrapper {
	max-width: 100%;
}





/* =SmartMenus
======================================================================================================================= */

/* =Core CSS
---------------------------------------------------------------*/


.sm, .sm ul, .sm li {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: normal;
	direction: ltr;
}

.sm li {
	position: relative;
}
.sm li a {
	position: relative;
	display: block;
}
.sm li a.disabled {
	cursor: default;
}
.sm ul {
	position: absolute;
	top: -999999px;
	left: -800px;
	width: 100px;
}
.sm li {
	float: left;
}
.sm-rtl {
	direction: rtl;
}
.sm-rtl li {
	float: right;
}
.sm ul li, .sm-vertical li {
	float: none;
}
.sm li a {
	white-space: nowrap;
}
.sm ul li a, .sm-vertical li a {
	white-space: normal;
}
* html .sm-vertical li {
	float: left;
	width: 100%;
}
* html .sm-vertical ul li {
	float: none;
	width: auto;
}
*:first-child+html .sm-vertical > li {
	float: left;
	width: 100%;
}
.sm .sm-nowrap > li > a {
	white-space: nowrap;
}
.sm:after {
	content: "\00a0";
	display: block;
	height: 0;
	font: 0/0 serif;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
* html .sm {
	height: 1px;
}
*:first-child+html .sm {
	min-height: 1px;
}
.sm {
	-webkit-tap-highlight-color: #003764;
}




/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  .sm-clean > li > a { ... } instead of .sm-clean a { ... }
======================================================================================================================= */



#access-n-icons {
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
}


#access {
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 0 20px;
	text-align: left;
}



/* Menu box
---------------------------------------------------------------*/

	.sm-clean {

		background: #dddddd url(images/bkgrd_access.jpg) repeat-x left top;	
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd), to(#888888));
		background-image: -webkit-linear-gradient(top, #dddddd, #888888); 
		background-image: -moz-linear-gradient(top, #dddddd, #888888);
		background-image: -ms-linear-gradient(top, #dddddd, #888888);
		background-image: -o-linear-gradient(top, #dddddd, #888888);
	
		font-family: "museo-sans-rounded",sans-serif;
		font-style: normal;
		font-weight: 100;
		display: inline-block;
		margin: 0;
		padding: 0 20px;
		text-align: left;
	
		/*Shadow*/
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);
		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);
	
		/*Border Radius*/
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;



		list-style: none !important;

	}
	.sm-clean-vertical {
		padding: 0;
	}

/* Sub-Menu
---------------------------------------------------------------*/

	.sm-clean ul {
		background: #f0e6cd;
		padding: 0;
	}


/* Menu items
---------------------------------------------------------------*/


	.sm-clean li a:link, .sm-clean li a:visited, .sm-clean li a:active, .sm-clean li a:hover {
		background: #bbbbbb url(images/bkgrd_nav.jpg) repeat-x left top;	
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#bbbbbb));
		background-image: -webkit-linear-gradient(top, #f8f8f8, #bbbbbb); 
		background-image: -moz-linear-gradient(top, #f8f8f8, #bbbbbb);
		background-image: -ms-linear-gradient(top, #f8f8f8, #bbbbbb);
		background-image: -o-linear-gradient(top, #f8f8f8, #bbbbbb);
		font-size: 0.85em;
		line-height: 2em;
		display: block;
		padding: .25em .5em;
		text-decoration: none;
		color:#222;
		font-weight: normal;
		border-right: 1px solid #222;
	}
	.sm-clean li a:hover, .sm-clean li a:focus, .sm-clean li a:active,
	.sm-clean li a.highlighted {
		background: #7c3b82 url(images/bkgrd_nav_highlight.jpg) repeat-x left top;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c3b82), to(#441149));
		background-image: -webkit-linear-gradient(top, #7c3b82, #441149); 
		background-image: -moz-linear-gradient(top, #7c3b82, #441149);
		background-image: -ms-linear-gradient(top, #7c3b82, #441149);
		background-image: -o-linear-gradient(top, #7c3b82, #441149);
		color:#fff;
		line-height: 2em;
		border-right: 1px solid #222;
	}
	.sm-clean-vertical li a:hover, .sm-clean-vertical li a:focus, .sm-clean-vertical li a:active,
	.sm-clean-vertical li a.highlighted {
		background:#ffffff;
	}
	.sm-clean li a.has-submenu {
		padding-right: 20px;
	}
	.sm-clean-vertical li a,
 	.sm-clean ul li a {
		padding:10px 20px;
	}
	.sm-clean-vertical a.has-submenu,
 	.sm-clean ul a.has-submenu {
		padding-right:40px;
	}
	.sm-clean ul li a:link, .sm-clean ul li a:visited, .sm-clean ul li a:active, .sm-clean ul li a:hover {
		background: #dfeacf;
		color:#000;
		border-left: 1px solid #222222;
	}
	.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active,
	.sm-clean ul a.highlighted {
		background: #7c3b82 !important;
		color:#fff !important;
		line-height: 2em;
		border-right: 1px solid #222222;
	}


	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-clean li.current-menu-item > a, 
	.sm-clean li.current-menu-item > a:hover, 
	.sm-clean li.current-menu-item > a:focus, 
	.sm-clean li.current-menu-item > a:active {
		background: #7c3b82 url(images/bkgrd_nav_highlight.jpg) repeat-x left top;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c3b82), to(#441149));
		background-image: -webkit-linear-gradient(top, #7c3b82, #441149); 
		background-image: -moz-linear-gradient(top, #7c3b82, #441149);
		background-image: -ms-linear-gradient(top, #7c3b82, #441149);
		background-image: -o-linear-gradient(top, #7c3b82, #441149);
		color:#fff;
		line-height: 2em;
		border-right: 1px solid #222222;
	}

/* Items separators
===================*/

	.sm-clean li {
		border-bottom: 1px solid #222222;
	}
	.sm-clean > li:first-child {
		border-top:0;
	}




/* Sub menu indicators
---------------------------------------------------------------*/

	.sm-clean a span.sub-arrow {
		position:absolute;
		right: 6px;
		top:50%;
		margin-top:-3px;
		/* we will use one-side border to create a triangle so that
		we don't use a real background image, of course, you can
		use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:6px; /* tweak size of the arrow */
		border-style:solid dashed dashed dashed;
		border-color:#aaa transparent transparent transparent;
	}
	.sm-clean-vertical a span.sub-arrow,
 	.sm-clean ul a span.sub-arrow {
		right:15px;
		top:50%;
		margin-top:-6px;
		border-width:6px;
		border-style:dashed dashed dashed solid;
		border-color: transparent transparent transparent #aaa;
	}


/* Scrolling arrows containers for tall sub menus - test sub menu: 
   "Sub test" -> "more..." -> "more..." in the default download package
---------------------------------------------------------------*/

	.sm-clean span.scroll-up, .sm-clean span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		background:#fff;
		height:20px;
		/* width and position will be automatically set by the script */
	}
	.sm-clean span.scroll-up:hover, .sm-clean span.scroll-down:hover {
		background:#eee;
	}
	.sm-clean span.scroll-up-arrow, .sm-clean span.scroll-down-arrow {
		position:absolute;
		top:0;
		left:50%;
		margin-left:-6px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:6px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #555 transparent;
	}
	.sm-clean span.scroll-up:hover span.scroll-up-arrow {
		border-color:transparent transparent #ffffff transparent;
	}
	.sm-clean span.scroll-down-arrow {
		top:8px;
		border-style:solid dashed dashed dashed;
		border-color:#555 transparent transparent transparent;
	}
	.sm-clean span.scroll-down:hover span.scroll-down-arrow {
		border-color:#ffffff transparent transparent transparent;
	}


/* Menu Button On Small Screens
---------------------------------------------------------------*/

	#menu-button {
	  display:none;
	  cursor: pointer;
	}
	#menu-button:before {
	  content:'Menu';
	}
	#menu-button.collapsed:before {
	  content:'Menu';
	}



/*
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/


/* decrease horizontal main menu items left/right padding to avoid wrapping */
@media screen and (max-width: 850px) {
	.sm-clean:not(.sm-clean-vertical) > li > a {
		font-size: 0.75em;
		padding-left: .35em;
		padding-right: .35em;
	}
	.sm-clean:not(.sm-clean-vertical) > li > a.has-submenu {
		padding-right:25px;
	}
}


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

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	.sm-clean{width:auto !important;}
	.sm-clean ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	.sm-clean>li{float:none;}
	.sm-clean>li>a,.sm-clean .sm-nowrap>li>a{white-space:normal;}
	.sm-clean iframe{display:none;}

	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.sm-clean ul, .sm-clean span.sub-arrow, .sm-clean iframe {
		display:none !important;
	}*/


#access {

	display: inline-block;
	margin: 0;
	padding: 0;
	min-width: 280px;
	text-align: center;
	position: relative;
	z-index: 9999;

}

/* Menu box
===================*/

	.sm-clean {
		padding:0;
		min-width: 80%;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
		-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
		box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
		position: relative;
		z-index: 9999;
	}
	.sm-clean ul {
		border:0;
		padding:0;
		/* darken the background of the sub menus */
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	/* no carets */
	.sm-clean > li > ul:before, .sm-clean > li > ul:after {
		display:none;
	}


/* Menu items
===================*/

	.sm-clean li a {
		padding: .5em 2em !important;
	}

	.sm-clean a.current,
	.sm-clean li.current-page-parent > a, .sm-clean li.current-page-parent > a:hover, .sm-clean li.current-page-parent > a:focus, .sm-clean li.current-page-parent > a:active,
	.sm-clean li.current-menu-item > a, .sm-clean li.current-menu-item > a:hover, .sm-clean li.current-menu-item > a:focus, .sm-clean li.current-menu-item > a:active {
	}
	/* add some text indentation for the 2+ level sub menu items */
	.sm-clean ul a {
		border-left: 8px solid transparent;
	}
	.sm-clean ul ul a {
		border-left: 16px solid transparent;
	}
	.sm-clean ul ul ul a {
		border-left: 24px solid transparent;
	}
	.sm-clean ul ul ul ul a {
		border-left: 32px solid transparent;
	}
	.sm-clean ul ul ul ul ul a {
		border-left: 48px solid transparent;
	}


/* Sub menu indicators
===================*/

	.sm-clean a span.sub-arrow,
	.sm-clean ul a span.sub-arrow {
		left:12px;
		top:50%;
		margin-top:-5px;
		border-width:5px;
		border-style:dashed dashed dashed solid;
		border-color: transparent transparent transparent #aaaaaa;
	}
	/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
	.sm-clean a.highlighted span.sub-arrow {
		position:absolute;
		left:12px;
		top:50%;
		margin-top:-3px;
		/* we will use one-side border to create a triangle so that
		we don't use a real background image, of course, you can
		use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:4px; /* tweak size of the arrow */
		border-style:solid dashed dashed dashed;
		border-color:#dddddd transparent transparent transparent;
	}




/* Menu Button On Small Screens
===================*/

  /* show the button on small screens */
  #menu-button {


		background: #bbbbbb url(images/bkgrd_nav.jpg) repeat-x left top;	
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#bbbbbb));
		background-image: -webkit-linear-gradient(top, #f8f8f8, #bbbbbb); 
		background-image: -moz-linear-gradient(top, #f8f8f8, #bbbbbb);
		background-image: -ms-linear-gradient(top, #f8f8f8, #bbbbbb);
		background-image: -o-linear-gradient(top, #f8f8f8, #bbbbbb);
	
		font-family: "museo-sans-rounded",sans-serif;
		font-style: normal;
		font-weight: 100;
		font-size: 1em;
		line-height: 1em;
		margin: .65em 5% 0 5%;
		padding: .4em 1em .25em 1em;
		display: block;
		text-align: center;
		text-decoration:none;
		border: solid #ffffff 1px;
		position:relative;
		z-index: 9999;
	
		/*Shadow*/
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);
		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);
	
		/*Border Radius*/
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;

}
  /* hide the menu when it has the "collapsed" class set by the script */
  #main-menu.collapsed {
    display:none;
  }


}



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


/* Menu box
===================*/

	.sm-clean {
		padding:0;
		margin: 0 10%;
		width: 80% !important;
	}
}



/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
======================================================================================================================= */
 
 
 /* =Browser Resets
-------------------------------------------------------------- */
.flex-container a:active, .flexslider a:active {
	outline: none;
}

.flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}


 /* =Container for "Slide" animation setups
-------------------------------------------------------------- */
.flex-container {
	zoom: 1;
	position: relative;
}



 /* =FlexSlider Necessary Styles
-------------------------------------------------------------- */

.flexslider {
	width: 100%;
	margin: 0;
	padding: 20px 0 0 0;
}

ul.slides {
	list-style: none !important;
	margin: 0;
	padding: 0 !important;
}

.flexslider .slides > li {
	margin: 0 !important;
	display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	float: none;
	border: none;
}
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}

 /* =No JavaScript Fallback
-------------------------------------------------------------- */
/* If you are not using another script, such as Modernizr,
 make sure you include js that eliminates this class on page load */ 

.no-js .slides > li:first-child {
	display: block;
}


 /* =FlexSlider Default Theme
-------------------------------------------------------------- */

.flexslider {
	position: relative;
	zoom: 1;
}
.flexslider .slides {
	zoom: 1;
}
.flexslider .slides > li {
	position: relative;
	overflow: hidden;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}


 /* =Caption styles
-------------------------------------------------------------- */

.flex-caption {
	width: 95%;
	padding: 1.5% 2.5%;
	position: absolute;
	bottom: 0;
	left: 0;

	background: rgba(116, 39, 124, .8);
	color: #fff !important;

	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.flex-caption h2 {
	font-size: 1.75em;
	line-height: 1.25em;
	font-weight: 300;
	margin: 0 !important;
	padding: 0 !important;
	color:#fff !important;	
	text-shadow: rgba(0, 0, 0, .8) 0 1px 0;
}

.flex-caption h2 a, .flex-caption p a, .flex-caption a {
	color:#fff !important;	
}


.flex-caption p {
	font-size: 1em;
	color:#fff;	
	margin: .25em 0 0 0 !important;
	padding: 0 !important;
	color: #fff;
	text-shadow: rgba(0, 0, 0, .8) 0 1px 0;
}


 /* =Direction Nav
-------------------------------------------------------------- */

.flex-direction-nav li a {
	width: 20px;
	height: 40px;
	margin: 0;
	display: block;
	background: url(images/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 47%;
	cursor: pointer;
	text-indent: -9999px;
}


.flex-direction-nav li {
	margin-top: 0;
	list-style: none;
}

.flex-direction-nav li .next {
	background-position: 0 0;
	right: -20px;
}
.flex-direction-nav li .next:hover {
	background-position: -40px 0;
	right: -20px;
}
.flex-direction-nav li .prev {
	background-position: -20px 0;
	left: -20px;
}
.flex-direction-nav li .prev:hover {
	background-position: -60px 0;
	left: -20px;
}
.flex-direction-nav li .disabled {
	opacity: .3;
	filter:alpha(opacity=30);
	cursor: default;
}


 /* =Index Control Nav
-------------------------------------------------------------- */
ol.flex-control-nav {
	position: absolute !important;
	top: 0;
	right: 2.5%;
	margin: 0 !important;
	padding: 0 !important;
	display: block;

}

ol.flex-control-nav li {
	margin: 0 5px 0 0 !important;
	padding: 3px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
ol.flex-control-nav li:first-child {
	margin: 0;
}
ol.flex-control-nav li a {
	width: 12px;
	height: 12px;
	display: block;
	background: url(images/workslider_control_nav.png) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
}

.flex-control-nav li a:hover {
	background-position: 0 -13px;
}
.flex-control-nav li a.active {
	background-position: 0 -26px;
	cursor: default;
}






/* =Section Elements
======================================================================================================================= */


/* =Home Intro
-------------------------------------------------------------- */


#home-intro {
	margin: 0 auto;
	padding: 0;
	clear: both;
}

#home-intro h1 {
	font-size: 2em;
	margin-top: 1em;
	letter-spacing: -.03em;
}

#home-intro h2 {
	font-size: 1.5em;
}


#victoria-standing {
	width: 15%;
	margin: 0;
	padding: 0;
	float: left;
}

#what-makes-us-special {
	width: 82.5%;
	margin: 0 0 0 2.5%;
	padding: 0;
	float: left;
}


#home-features {
	margin: 2.5% auto;
	padding: 0;
	max-width: 1020px;
}


#megan-pushing {
	width: 23%;
	margin: 0 0 0 3%;
	padding: 0;
	float: left;
}

#home-video-poster {
	width: 74%;
	margin: 2em 0 0 0;
	padding: 0;
	float: left;
}







/* =Work Slider
-------------------------------------------------------------- */

#work-slider {
	margin: 2.5% auto;
	padding: 0;
}




/* =Our mission
-------------------------------------------------------------- */


#our-mission-old {
	margin: 5% auto 0 auto;
	padding: 0;
	max-width: 1020px;
}

#our-mission-old h2 {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}



/* =Rebecca with copy (Home page)
------------------------------------------- */
#on-a-mission {
	width: 67.5%;
	margin: 3% 0 0 2.5%;
	padding: 0;
	float: left;
}


#rebecca-sitting {
	width: 20%;
	margin: 0;
	padding: 0;
	float: left;
}






/* =Results and Call to action
-------------------------------------------------------------- */

#results {
	margin: 1.5em 0;
	padding: .25em 0 1.5em 0;	border-top: 0.25em dotted #ddd;
	border-bottom: 0.25em dotted #ddd;
}




/* =Footer
-------------------------------------------------------------- */


#karen-n-alyx {
	max-width: 1020px;
	margin: -98px auto 0 auto;
	padding: 0;
}

#karen-n-alyx img {
	margin: 0 0 0 5%;
	padding: 0;
}


#sitefooter h3 {
	font-size: 1.5em;
	color:#c4d9a6;
	margin: .5em 0 .25em 0;
	padding: 0;
	font-weight: 300;
}

#sitefooter h3 a {
	color:#c4d9a6;
}

#sitefooter a {
	color: #fff;
	font-weight: 300;
}


#sitefooter ul {
	list-style: disc outside url("images/bullet_green.gif");
	margin: 0 0 0 1.5em;
	padding: 0;
}


#sitefooter p {
	font-weight: 300;
	font-style: normal;
	line-height: 1.5em;
}

#sitefooter li {
	font-weight: 300;
	font-style: normal;
	margin: .25em 0 0 1em;
	padding: 0;
}

#sitefooter ul.media_icons {
	margin: .5em 0 0 0 !important;
	padding: 0;
	float: left !important;
	list-style: none;
}

#sitefooter .media_icons li {
	margin: 0 5px 0 0 !important;
	padding: 0;
}


#subscribe-box #cforms2form {
	margin-top: .5em !important;
}



/* =MailChimp Sign Up Form (footer)
-------------------------------------------------------------- */

#mc_embed_signup {
	margin-top: .5em !important;
}

#mc_embed_signup .button {
	background-color: #bbbbbb;
	background-image: -moz-linear-gradient(top, #f8f8f8, #bbbbbb);
	background-image: -ms-linear-gradient(top, #f8f8f8, #bbbbbb);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#bbbbbb));
	background-image: -webkit-linear-gradient(top, #f8f8f8, #bbbbbb);
	background-image: -o-linear-gradient(top, #f8f8f8, #bbbbbb);
	background-image: linear-gradient(top, #f8f8f8, #bbbbbb);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#bbbbbb', GradientType=0);

    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #222222 !important;
    display: block;
    font-family: "museo-sans-rounded",sans-serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 100 !important;
    height: 30px;
    margin: 0;
    padding: 0.35em 0.65em;
	width: auto;
    text-decoration: none;
    vertical-align: middle;
}
#mc_embed_signup .button:hover, #mc_embed_signup .button:active {
	background-color: #441149;
	background-image: -moz-linear-gradient(top, #9D4AA6, #441149);
	background-image: -ms-linear-gradient(top, #9D4AA6, #441149);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9D4AA6), to(#441149));
	background-image: -webkit-linear-gradient(top, #9D4AA6, #441149);
	background-image: -o-linear-gradient(top, #9D4AA6, #441149);
	background-image: linear-gradient(top, #9D4AA6, #441149);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9D4AA6', endColorstr='#441149', GradientType=0);



    border: 1px solid #DDDDDD;
    color: #FFFFFF !important;
    text-decoration: none;
}
#mc_embed_signup .nowrap {
	white-space: nowrap;
}
#mc_embed_signup .clear {
	clear: none;
	display: inline;
}
#mc_embed_signup label {
	display: none;
}
#mc_embed_signup input.email-address {
    background: -moz-linear-gradient(center top , #F8F8F8, #DDDDDD) repeat-x scroll left top #DDDDDD;
    border: 1px solid #74277C;
    border-radius: 10px 10px 10px 10px;
    color: #222222;
    display: block;
    font-size: 0.75em;
    margin: 0;
    padding: 0.5em;
    width: 90%;
}
#mc_embed_signup input.button {
	display: block;
	width: 35%;
	margin: 0 0 10px 0;
	min-width: 90px;
}

#mc_embed_signup input.email-address:focus {
    background: none repeat scroll 0 0 #EBF5DE;
}

#mc_embed_signup .required-field {
    font-size: 0.6em;
    line-height: 1.2em;
    margin: 0.5em;
    color: #fff;
}

#mc_embed_signup div#mce-responses {
	float: left;
	top: -1.4em;
	padding: 0em .5em 0em .5em;
	overflow: hidden;
	width: 90%;
	margin: 0 5%;
	clear: both;
}
#mc_embed_signup div.response {
	margin: 1em 0;
	padding: 1em .5em .5em 0;
	font-weight: bold;
	float: left;
	top: -1.5em;
	z-index: 1;
	width: 80%;
}
#mc_embed_signup #mce-error-response {
	display: none;
}
#mc_embed_signup #mce-success-response {
	color: #529214;
	display: none;
}
#mc_embed_signup label.error {
	display: block;
	float: none;
	width: auto;
	margin-left: 1.05em;
	text-align: left;
	padding: .5em 0;
}





/* =Leadership Page
-------------------------------------------------------------- */

#leadership-programs {
	margin: 0;
	padding: 0;
}

#leadership-programs h2 {
	margin: 2em 0 0 0;
	padding: 0;
	text-align: center;
}


#institute-program, #beyond-program, #essentials-program, #zero-in-program, #build-program, #grow-program {
	margin: 10% 0;
	padding: 0;
}



#leadership-programs-toc {
	text-align: center !important;
	margin: 10% 0;
	padding: 0;
}


.program {
	background: #eee;
	margin: 0;
	padding: 1em 0;
	/*Drop Shadow*/
  	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.program p {
	margin: 1em;
	padding: 0;
}

body.page-template-page-leadership-php #primary {
	margin: 0 auto;
	padding: 0 7.5%;
	width: 85%;
}

body.page-template-page-leadership-php #content img {
	border: solid 2px #fff;
	/*Border Radius*/
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	/*Drop Shadow*/
  	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}








/* =New Home Page
-------------------------------------------------------------- */


body.page-template-page-home-php #main,
body.home #main {
	margin: 0;
	padding: 0;
	max-width: 100%; 
}



#our-misson-bleed {
	background-color: #7b2b83;
	margin: 0;
	padding: 0;
	width: 100%;
}

#our-mission {
	margin: 0 auto;
	padding: 2.5% 10%;
	max-width: 960px;
	overflow: hidden;
}

#our-mission p {
	font-size: 1.25em;
	line-height: 2em;
	color: #d6b8d9;
	margin: 0;
	padding: 0;
	position: relative;
	text-shadow: rgba(0,0,0,.5) 0 2px 0;	
}

#our-mission strong {
	font-size: 1.4em;
	font-weight: 300;
	font-style: italic;
	color: #fff;
}

#our-mission p:before {
	content: "";
	background: rgba(225, 225, 225, .1);
	display: block;
	width: 600px;
	height: 600px;
	top: -300px;
	left: -150px;
	position: absolute;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

#our-mission p:after {
	content: "";
	background: rgba(225, 225, 225, .2);
	display: block;
	width: 300px;
	height: 300px;
	right: -100px;
	bottom: -270px;
	position: absolute;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}


#home-video {
	margin: 0 auto;
	padding: 2.5% 10%;
	max-width: 1020px;
}

#choose {
	margin: 0 auto 120px auto;
	padding: 2.5% 10% 0 10%;
	max-width: 1020px;
	text-align: center;
}

#choose h2, #were-different h2, #people-are-talking h2 {
	font-size: 1.5em !important;
	text-align: center;
	font-style: italic;
}

#choose h2 span, #were-different h2 span, #people-are-talking h2 span {
	font-size: 1.75em;
	font-style: normal;
	color: #7b2b83;
	display: block;
}


#choose-leadership, #choose-marketing {
    width: 25%;
	margin: 2.5%;
	display: inline-block;
}
#choose-leadership:after, #choose-marketing:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background: #7b2b83; 
	border: solid 2px #fff;
	/*Border Radius*/
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	/*Drop Shadow*/
  	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#choose-leadership:after {
	background: #5d9311;
}

#choose-marketing:hover:after {
    background: #9e4ea6; 
	border: solid 2px #ddd;
}

#choose-leadership:hover:after {
    background: #a1cc65; 
	border: solid 2px #ddd;
}

#choose-leadership h2, #choose-marketing h2 {
    float: left;
    width: 90%;
    padding-top: 43%;
    line-height: 1.5em;
    margin: -0.5em 5%;
    text-align: center;
    color: #fff;
	text-shadow: rgba(0,0,0,.5) 0 3px 0;
}

#choose-leadership a, #choose-marketing a {
    color: #fff;
}

#choose-leadership h2 span, #choose-marketing h2 span {
	display: block;
    color: #fff;
}


#people-are-talking {
	width: 100%;
	margin: 5% 0;
	padding: 0;
	text-align: center;
}

#people-are-talking-video {
	margin: 2.5% 0 0 0;
}



#were-different {
	width: 90%;
	margin: 2.5% 5% 0 5%;
	padding: 0;
	text-align: center;
}

#were-different-video {
	margin: 2.5% 0 0 0;
}


#marketing-intro {
	margin: 0 auto;
	padding: 0;
	clear: both;
}

#marketing-intro h1 {
	font-size: 1.5em !important;
	text-align: center;
	font-style: italic;
	color:#5d9311;
}

#marketing-intro h1 span {
	font-size: 1.75em;
	font-style: normal;
	color: #7b2b83;
	display: block;
}

#marketing-intro h2 {
	font-size: 1.5em;
}





/* =Home Slider
-------------------------------------------------------------- */

#home-slider {
	margin: 0 auto;
	padding: 0;
	border-bottom: solid 2px #fff;
}

#home-slider .flexslider {
	margin: 0;
	padding: 0;
	position: relative;
}


#home-slider .flexslider .slides > li {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;	
}


#home-slider .flex-caption {
	position: absolute;
	background: none;
	margin: 0;
	padding: 0;
	top: 10%;
	left: 65%;
    width: 20%;
	z-index: 1;
	text-shadow: rgba(0,0,0,.5) 0 3px 0;
}

#home-slider .flexslider .slides li:nth-child(2n) .flex-caption {
	left: 15%;
}

#home-slider .flexslider .slides li:nth-child(2n) .flex-caption:after {
	background: #5d9311;
}

#home-slider .flex-caption:after {
	content: "";
	position: absolute;
	z-index: -1;
	opacity: .75;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
  	display: block;
	width: 100%;
	height:0;
	padding-bottom: 100%;
	background: #7b2b83; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	border-radius: 50%;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	border: solid #fff 5px;
}


#home-slider .flex-caption span {
	font-size: 1.75em !important;
	font-weight: 300;
	color: #fff !important;
	float:left;
	opacity: 1;
	width:90%;
	padding-top: 42%;
	line-height:1.5em;
	margin:-0.5em 5%;
	text-align:center;
	color: #fff;
	text-shadow: rgba(0,0,0,.5) 0 3px 0;
	z-index: 99999;
}

#home-slider .flex-caption span strong {
	font-size: 2em !important;
	color: #fff !important;
}


#home-slider ol.flex-control-nav {
	background: rgba(0, 0, 0, .5);
	position: absolute !important;
	top: 2.5%;
	right: 2.5%;
	margin: 0 !important;
	padding: .5em .5em .4em .5em !important;
	line-height: 1em;
	display: block;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}





/* =Leadership Giveaway Banner
-------------------------------------------------------------- */

#leadership-giveaway-banner {
	background-color: #3c0842;
	background-image: -moz-linear-gradient(top, #dfeacf, #c4d9a6);
	background-image: -ms-linear-gradient(top, #dfeacf, #c4d9a6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dfeacf), to(#c4d9a6));
	background-image: -webkit-linear-gradient(top, #dfeacf, #c4d9a6);
	background-image: -o-linear-gradient(top, #dfeacf, #c4d9a6);
	background-image: linear-gradient(top, #dfeacf, #c4d9a6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfeacf', endColorstr='#c4d9a6', GradientType=0);

	margin: 2.5% auto 5% auto;
	padding: .5em;
	width: 75%;
	border: solid 2px #dfeacf;
	text-align: center;

	text-shadow: rgba(0,0,0,.4) 0 1px 0;

	/*Drop Shadow*/
  	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

	/*Border Radius*/
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

#leadership-giveaway-banner:hover,
#leadership-giveaway-banner:active {
	background-color: #7b2b83;
	background-image: -moz-linear-gradient(top, #c4d9a6, #dfeacf);
	background-image: -ms-linear-gradient(top, #c4d9a6, #dfeacf);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c4d9a6), to(#dfeacf));
	background-image: -webkit-linear-gradient(top, #c4d9a6, #dfeacf);
	background-image: -o-linear-gradient(top, #c4d9a6, #dfeacf);
	background-image: linear-gradient(top, #c4d9a6, #dfeacf);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4d9a6', endColorstr='#dfeacf', GradientType=0);
	border: solid 2px #fff;
}


body.home #leadership-giveaway-banner {
	width: 50%;
	margin: 5% auto 2.5% auto;
}

#leadership-giveaway-banner h2 {
	font-size: 2em;
	margin: 0;
	padding: 0;
	color:#7b2b83;
}

#leadership-giveaway-banner h2 a:link, 
#leadership-giveaway-banner h2 a:visited, 
#leadership-giveaway-banner h2 a:active, 
#leadership-giveaway-banner h2 a:hover {
	text-decoration:none;
}





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

#home-slider .flex-caption span {
	font-size: 1.5em !important;
}

#home-slider .flex-caption span strong {
	font-size: 1.75em !important;
	color: #fff !important;
}


body.home #leadership-giveaway-banner {
	width: 65%;
}



}


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



body.home #leadership-giveaway-banner {
	width: 75%;
}


#home-slider .flex-caption {
    width: 25%;
}

#our-mission p {
	font-size: 1.15em;
	line-height: 1.75em;
}

#our-mission strong {
	font-size: 1.3em;
}

#choose h2, #were-different h2, #people-are-talking h2 {
	font-size: 1.25em !important;
}

#choose h2 span, #were-different h2 span, #people-are-talking h2 span {
	font-size: 1.5em;
}

}


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


body.home #leadership-giveaway-banner {
	width: 75%;
}

#leadership-giveaway-banner h2 {
	font-size: 1.5em;
}


#home-slider .flex-caption {
    width: 25%;
}

#home-slider .flex-caption span {
	font-size: 1.35em !important;
}

#home-slider .flex-caption span strong {
	font-size: 1.65em !important;
	color: #fff !important;
}


}


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

body.home #leadership-giveaway-banner {
	width: 65%;
}

#home-slider .flex-caption {
    width: 23%;
}

#home-slider .flex-caption span {
	font-size: 1.15em !important;
}

#home-slider .flex-caption span strong {
	font-size: 1.35em !important;
	color: #fff !important;
}

#home-slider .flex-caption:after {
	border: solid #fff 3px;
}


#our-mission p {
	font-size: 1.15em;
	line-height: 1.75em;
}
#our-mission strong {
	font-size: 1.25em;
}



#choose h2, #were-different h2, #people-are-talking h2 {
	font-size: 1em !important;
}

#choose h2 span, #were-different h2 span, #people-are-talking h2 span {
	font-size: 1.35em;
}

}


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

#choose-leadership, #choose-marketing {
    width: 80%;
	margin: 2.5% auto;
	display: block;
}

#choose h2, #were-different h2, #people-are-talking h2 {
	font-size: 1.25em !important;
}

#choose h2 span, #were-different h2 span, #people-are-talking h2 span {
	font-size: 1.5em;
}

#home-slider {
	display: none;
}

#our-mission {
	padding: 10% 5%;
}

}






/* =Our Team
-------------------------------------------------------------- */


#our-team h2 {
	margin-top: 0;
}

#our-team p {
	margin-top: 0;
}



/* =Team Members
-------------------------------------------------------------- */
 

.teammate {
	float: left;
	width: 46%;
	min-height: 275px;
	margin: 2% 2% 2% 0;
	padding: 0;
	position: relative;
}

h2.full-name {
	font-size: 1.25em !important;
	margin: 0 !important;
	padding: 0 !important;
}

h3.job-title {
	font-size: 1em !important;
	font-style: italic !important;
	margin: 0 !important;
	padding: 0 !important;
}




/* =Teammates
-------------------------------------------------------------- */


.teammate-name {
	margin: 1em 0 0 0 !important;
	padding: 0;
	line-height: 1em !important;
}


.about-me, .about-me-photo,
.things-about-me, .things-about-me-photo{
	float: left;
	margin-right: 4%;
	position: relative;
}

.about-me-photo {
	width: 30.6%;
}

.about-me {
	width: 65.4%;
}

.things-about-me {
	width: 65.4%;
}

.things-about-me-photo {
	width: 30.6%;
}


.teammate-name .first-name {
	font-size: 1.5em;
	font-weight:300;
	display: block;
}

.teammate-name .last-name {
	font-size: .75em;
}


#my-superpower {
	margin: 1.5em 0;
	padding: 1.5em 0;	border-top: 0.25em dotted #ddd;
	border-bottom: 0.25em dotted #ddd;
}

#my-superpower h2 {
	margin: 0 !important;
	padding: 0;
}

#suasionator-icon {
    margin: 0 0.5em 1.25em 0 !important;
	padding: 0;
	float: left;
}

.superpower {
	color: #444;
	font-weight: 300;
}



/* =Team Members - OVERRIDES
-------------------------------------------------------------- */


body.team-megan-kurtz .about-me-photo {
	width: 18.6%;
}

body.team-megan-kurtz .about-me {
	width: 77.4%;
}

body.team-karen-gross .about-me-photo {
	width: 22.6%;
}

body.team-karen-gross .about-me {
	width: 73.4%;
}

body.team-jerry-robinette .about-me-photo {
	width: 45.6%;
	padding-top: 2em;
}

body.team-jerry-robinette .about-me {
	width: 50.4%;
}

body.team-kristal-murren .about-me-photo, 
body.team-alyx-radabaugh .about-me-photo {
	margin-top: 5%;
	width: 45.6%;
}

body.team-kristal-murren .about-me,
body.team-alyx-radabaugh .about-me {
	width: 50.4%;
}

body.team-victoria-radabaugh-lindstrom .about-me-photo {
	width: 16.6%;
} 

body.team-victoria-radabaugh-lindstrom .about-me {
	width: 79.4%;
}








/* =Portfolio
======================================================================================================================= */


.client-name {
	font-size: .85em !important;
	color:#fff !important;
	background-color: #5d9311;
	padding: 0.4em 1em 0.3em 0.5em !important;
	margin: 0 0 1.5em 0 !important;
	display: inline-block;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.client-name a {
	color:#fff !important;
	font-weight: 300;
}





/* Filter Styling */


.portfolio-filter ul {
	margin: .5em 0 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.portfolio-filter ul li {
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
}

.portfolio-filter ul li:first-child {
	border-top: none;
}

.portfolio-filter h3 {
	display: block;
    cursor: pointer;
}

.portfolio-filter h2.active {
	color: #74277c !important;
}



.portfolio-filter a {
	margin: .25em 0 0 .5em;
	padding: .25em 0;
	line-height: 1.25em;
	color: #888;
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-decoration: none;
	display: block;
}


.portfolio-filter p a,
.portfolio-filter p a.current {
	margin: .25em 0 0 0;
	color: #444;
}

.portfolio-filter a:hover, .portfolio-filter a.current {
	color: #74277c;
}
.portfolio-filter a.current {
	color: #74277c;
}

.portfolio-filter .sort-list {
	position: relative;
}






/* Returned list styling */


.portfolio-list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.portfolio-list .case-study {
	margin: 1em 2% 0 0 !important;
	padding: 0 !important;
    width: 48%;
	position: relative;
	float: left;
	overflow: hidden;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.portfolio-list .case-study img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.case-description {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 98%;
	padding: 0;
	margin: 0;
	background: rgba(0, 0, 0, 0.5);
	color: white;

	transition: 0.8s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.case-description h2 {
	font-size: .85em !important;
	margin: 0 10% 0 0 !important;
	padding: 2.5% 5% !important;
	position: absolute;
	top: 0;
	background: #5D9311;
	color: #fff !important;

	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}


.case-description h3 {
	margin: 0 !important;
	padding: 2.5% 5% !important;
	position: absolute;
	bottom: 0;
	width: 90%;

	background: #74277C;
	color: #fff !important;

	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottompright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}



.portfolio-list > .case-study:hover .case-description {
	opacity: 1;
}







/* =Tabbed Panels
-------------------------------------------------------------- */

.tabs li {
	list-style:none;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.tabs a {
	padding: .4em .75em .25em .75em;
	margin: 0;
	display: block;
	background:#aaa;
	color:#555;
	text-decoration:none;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.tabs a.active, .tabs a:hover {
	background:#eee;
	color:#222;
}

.tab-panel {
	background:#eee;
	padding: 1em;
	margin: 0 0 .75em 0;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottompright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}









/* =cFormsII - Styles based off of the minimal.css Stylesheet
============================================================================================================== */


.cform { 
	margin: 0px auto 0 auto; 
	width: 100%; 
}

.cform fieldset	{
	margin-top: 1.5em;
	padding: 0px;
	border:none;
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend {
	margin:0;
	padding:0;
	font-size: 1.75em;
	color: #74277c;
}

ol.cf-ol { 
	margin:0!important; 
	padding: .25em 0 0 0!important; 
}
ol.cf-ol li	{
	background:none!important; 
	margin:.25em 0 !important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none !important; 
	text-align:left;
	line-height:1.1em;
}




/* Just for text-only fields (no input)
---------------------------------------------------------------------- */

ol.cf-ol li.textonly {
	font-size:1em;
	letter-spacing:.1em;
	margin:.5em 0pt !important;
	padding:0pt 0pt 0pt 100px;
}




/* Global definitions for field labels
---------------------------------------------------------------------- */

.cform label {
	font-size: 1.25em;
	color:#74277c;
	margin:.5em .25em .25em 0;
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:left;
	vertical-align:top;
}
.cform label span {
	display:block;
	font-size: .75em;
	color: #555;
}

label.cf-before {
    float: right;
    line-height: 1.25em;
    margin: .25em .5em 0 0;
    width: 90%;
}

label.cf-after 	{
	margin:.125em .125em 0pt .125em;
	text-align:left;
	width:90%;
}

label.cf-after span {
	width:90%;
	display:block;
}

label.cf-group-after {
	margin: .25em 0 0 .125em;
	width: 90%;
	text-align:left;
}
label.cf-group-after span {
	display:block;
}



/* FORM FIELDS general formatting
---------------------------------------------------------------------- */

.cform input,
.cform textarea,
.cform select { 
	padding: .5em;
	border:1px solid #74277c; 
	background:#ffffff;
	vertical-align:top;
	display:block;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}

.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	border: 1px solid #74277c;
	background:#ebf5de;
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background:#ebf5de; 
}

.cform textarea,
.cform input {
	width:80%; 
}
.cform select {
	width:80%; /* attempt to have equal length */
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	font-family: arial;
	font-size: 0.9em;
	overflow:auto;
}




/* Individual Form OVERRIDES  
---------------------------------------------------------------------- */

#cforms3form .cf-ol textarea,
#cforms3form .cf-ol input {
	width: 80%; 
}
#cforms3form .cf-ol select {
	width: 80%; /* attempt to have equal length */
}  



/* Formatting for text:  "(required)"  & other
---------------------------------------------------------------------- */

span.reqtxt,
span.emailreqtxt {
	margin: .5em;
	font-size:0.6em;
	line-height:1.2em;
	color: #a00;
}




/* Radio button title
---------------------------------------------------------------------- */

ol.cf-ol li.cf-box-title {
	font-size: 1.25em;
	color:#74277c;
	margin:1.5em .5em .125em 0;
	padding:0;
	display:block;
}




/* Check boxes
---------------------------------------------------------------------- */

input.cf-box-a,
input.cf-box-b 	{ 
	margin: .25em .125em 0 0; 
	width: 1em; 
	height: 1.25em;
	border:none!important;
	background:none!important;
	display:inline;
}

input.cf-box-a 	{ 
	margin-left: 80%; /* check with label 'width' incl. */
} 



/* Check box groups
---------------------------------------------------------------------- */

ol.cf-ol li.cf-box-group {
	padding: 0 0 .125em .75em; 
} 



/* FORM submit button
---------------------------------------------------------------------- */

p.cf-sb {
	margin: .5em 0 0 0;
	padding: 0pt .125em 0 0 !important;
	text-align:right;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{
	width:auto;
	padding: .125em 1em;
	margin: 0;
	font-size:1.25em;
	background: #74277c;
	color: #fff;
}
.cform input.resetbutton {
	margin: 0 .25em 0 0;
}
.cform input.backbutton {
	margin: 0 .5em 0 0;
}



/* FORM FIELDS enhanced error display
---------------------------------------------------------------------- */

ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0;
	padding:.5em 0!important;
	margin:.5em 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	margin:0 0 0 .5em;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 .125em !important;
	padding-left:.25em;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}




/* Visitor verification' related styles
---------------------------------------------------------------------- */
label.secq,
label.seccap {
	vertical-align:text-bottom;
	margin-bottom: .125em;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	width: 80%;
	margin: 0;
	vertical-align:text-bottom;
}

img.captcha	{
	vertical-align:text-bottom;
	margin: 1em 0 .5em 0 !important;
	padding:0 !important;
	border:none !important;
	float:none !important;

	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_white.gif) no-repeat;
	margin:0 0 .125em .125em;
	width: 1em;
	height: 1em;
	border:none;
}

img.imgcalendar {
	border:none;
}




/* Change formatting of response MSGS here 
---------------------------------------------------------------------- */

div.cf_info {
	color:#333;
	display:none;
	padding: .5em .75em!important;
	width: 100%;
	line-height:1.3em;
	margin:.5em auto;
}
div.cf_info ol {
	margin:0;
	padding:.25em .5em 0 1.25em;
}
div.cf_info ol li {
	padding:.125em 0;
	margin:.125em 0;
}
div.cf_info a	{
	color:red!important;
	text-decoration:underline!important;
}
div.success {
	background:#fff none repeat scroll 0%;
	color:#74277c;
	display:block;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}




/* Formatting for invalid user inputs 
---------------------------------------------------------------------- */

.cform .cf_error { 
	color:red; 
	border:1px solid #FF0000; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:red; 
}




/* Change formatting of response msgs here
---------------------------------------------------------------------- */

p.cf_info 		{
	margin:.5em 0;
	text-align:center;
}
p.success 	{
	color:green;
}
p.failure 	{
	color:red;
}




/* Disabled fields [disabled] does not work on IE!
---------------------------------------------------------------------- */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}



/* Upload box styling 
---------------------------------------------------------------------- */

.cform input[type="file"]{
	outline: none;
	border: none;
}

.cform input.cf_upload  {
	width: 80%;
	padding: .5em;
	border: 1px solid #74277c; 
	background:#ffffff;
	vertical-align:top;
	display:block;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.cform input.cf_upload:hover {
	border: 1px solid #74277c;
	background:#ebf5de;
}

.cform input.cf_upload:focus { 
	background:#ebf5de; 
}



/* Link love  
---------------------------------------------------------------------- */
.linklove {
	margin:6px auto 10px !important;
	padding:0pt 6px 0pt 0pt !important;
	text-align:right;
	width:410px;
	display:none;
}
.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}




/* Browser hacks  
---------------------------------------------------------------------- */

*+html ol.cf-ol,
*+html ol.cf-ol li	{
	display: inline-block;  /*for ie7*/
}
* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;
}
* html .cform legend { 
	position:absolute; 
	left: -8px; 
	top:0;
	margin-left:0;
}
*+html .cform legend { 
	position:absolute; 
	left: -8px;
	top:0;
	margin-left:0;
}
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html img.captcha	{
	margin-bottom:1px!important;
}
*+html img.captcha	{
	margin-bottom:1px!important;
}





/* Newsletter Email Sign Up
-------------------------------------- */


.blog-sign-up label {
	display: none;
}

.blog-sign-up input {
   /* fallback/image non-cover color */
	background: #dddddd url(images/bkgrd_searchfield.jpg) repeat-x left top;

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#dddddd));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #f8f8f8, #dddddd); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #f8f8f8, #dddddd);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #f8f8f8, #dddddd);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #f8f8f8, #dddddd);


	font-size: .75em;
	margin: 0;
	padding: .5em;
	width: 90%;
	color:#222;
	display: block;		
	border: 1px solid #74277c;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}




.blog-sign-up #sendbutton2 {

	/* fallback/image non-cover color */
	background: #bbbbbb url(images/bkgrd_nav.jpg) repeat-x left top;	
	
	/* Safari 4+, Chrome 1-9 */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#bbbbbb));
	
	/* Safari 5.1+, Mobile Safari, Chrome 10+ */
	background-image: -webkit-linear-gradient(top, #f8f8f8, #bbbbbb); 
	
	/* Firefox 3.6+ */
	background-image: -moz-linear-gradient(top, #f8f8f8, #bbbbbb);
	
	/* IE 10+ */
	background-image: -ms-linear-gradient(top, #f8f8f8, #bbbbbb);
	
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(top, #f8f8f8, #bbbbbb);
		
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	/*Shadow*/
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);


	display: block;		
	border: 1px solid ##222222;
	padding: .35em .65em;
	margin: 0;
	height: 30px;
	color: #222222 !important;
	font-size: .75em;
	font-family: "museo-sans-rounded",sans-serif;
	font-style: normal;
	font-weight: 100 !important;
	
	text-decoration: none;
	vertical-align: middle;
}

.blog-sign-up #sendbutton2:hover,
.blog-sign-up #sendbutton2:active {
	border: 1px solid #ddd;

	background: #441149;
	background: -webkit-gradient(linear, left top, left bottom, from(#9d4aa6), to(#441149));
	background: -webkit-linear-gradient(top, #9d4aa6, #441149);
	background: -moz-linear-gradient(top, #9d4aa6, #441149);
	background: -ms-linear-gradient(top, #9d4aa6, #441149);
	background: -o-linear-gradient(top, #9d4aa6, #441149);

	color: #fff !important;
	text-decoration: none;
}


.blog-sign-up span.reqtxt,
.blog-sign-up span.emailreqtxt {
	color: #fff;
}






/* =ColorBox Core Styles
======================================================================================================================= */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}










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




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






/* Search Box Styles 
-------------------------------------- */

.search_box {
	padding: 0px;
	margin: 0 5px;
	display: inline-block;
}



.search_box .searchfield {
	margin: 0px;
	padding: 0 1em;
	width: 100px;
	height: 30px;
}

.search_box input.searchsubmit {
	margin: 0px;
	height: 30px;
	width: 30px;
} 




/* =Giveaway Banner Ad
-------------------------------------------------------------- */


#giveaway-banner {
	padding: .5em 1em;
}

#giveaway-banner .attention {
	font-size: 2.5em;
}
#giveaway-banner .making-a-difference {
	font-size: 1.5em;
}
#giveaway-banner .win {
	font-size: 1.25em;
}



/* =Home-Intro
------------------------------------------- */

#home-intro h1 {
	font-size: 1.75em;
	margin-top: 1em;
}

#home-intro h2 {
	font-size: 1.25em;
}

#home-intro p {
	font-size: 1em;
}




/* =Victoria with copy (Home page)
------------------------------------------- */

#what-makes-us-special {
    width: 77.5%;
}

#victoria-standing {
	margin-top: 1.5em;
    width: 20%;
}



/* =Megan with video (Home page)
------------------------------------------- */

#megan-pushing {
    width: 27%;
}

#home-video-poster {
    width: 70%;
}





/* =Rebecca with copy (Home page)
------------------------------------------- */
#on-a-mission {
	width: 67.5%;
}


#rebecca-sitting {
	width: 30%;
}






/* =Grid
------------------------------------------- */

.one-fourth {
	width: 46%;
}


}


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



#icons_n_search_header ul.text_resize_icons {
    float: none;
    margin: 0;
    padding: 0;
    width: 0;
	display: none;
}






/* =Hiding things from mobile devices
-------------------------------------------------------------- */
.hide-tablet {
	visibility: hidden;
	height: 0;
	overflow: hidden;
}




/* =Footer
-------------------------------------------------------------- */

#contact-n-fineprint .copyrights {
	display: block;
}



}




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



/* =Global
------------------------------------------- */
body {
	-webkit-text-size-adjust: none;
	padding: 0;
	margin: 0;
}



#header-bleed,
#header {
	height: 155px;
}


/* Search Box Styles 
-------------------------------------- */

.search_box .searchfield {
	width: 160px;
}



/* =Giveaway Banner Ad
-------------------------------------------------------------- */


#giveaway-banner {
	padding: .5em .75em;
}

#giveaway-banner .attention {
	font-size: 1.65em;
}
#giveaway-banner .making-a-difference {
	font-size: 1.25em;
}
#giveaway-banner .win {
	font-size: 1.125em;
}





#main {
    margin: 2em auto 98px !important;
}



body.page-template-page-home-php #main,
body.home #main {
	margin: 0 !important;
	padding: 0 !important;
	max-width: 100% !important; 
}



/* =Victoria with copy (Home page)
------------------------------------------- */

#what-makes-us-special {
    width: 72.5%;
}

#victoria-standing {
	margin-top: 1.5em;
    width: 25%;
}



/* =Megan with video (Home page)
------------------------------------------- */

#megan-pushing {
    width: 32%;
}

#home-video-poster {
    width: 65%;
}




/* =Rebecca with copy (Home page)
------------------------------------------- */
#on-a-mission {
	width: 67.5%;
}


#rebecca-sitting {
	width: 30%;
}





/* =Media Icons in Header
------------------------------------------- */
#icons_n_search_header ul.media_icons {
    display: block;
    margin: 5px 0;
    padding: 0;
}

#icons_n_search_header .text_resize_icons {
	display: none;
}




/* =Grid
------------------------------------------- */

.one-half, .one-third, .two-thirds, .one-fourth, .three-fourths, .one-fifth, .two-fifths, .three-fifths, .four-fifths {
	width: 46%;
}


.one-fifth, .two-fifths {
	width: 22%;
}

.three-fifths, .four-fifths {
	width: 74%;
}



body.single #primary,
body.search-results #primary,
body.page #primary {
	margin: 0 auto;
	padding: 0 10%;
	width: 80%;
}



/* =Contact, Giveaway, Career Page
---------------------------- */
body.page-template-page-with-side-image-php #primary,
body.page-template-page-careers-php #primary,
body.page-template-page-giveaway-php #primary,
body.page-template-page-contact-us-php #primary,
body.page-template-page-news-blog-php #primary {
	margin: 0 auto;
	padding: 0 10%;
	width: 80%;
	float: none;
}


body.page-template-page-with-side-image-php #secondary,
body.page-template-page-careers-php #secondary,
body.page-template-page-giveaway-php #secondary,
body.page-template-page-contact-us-php #secondary,
body.page-template-page-news-blog-php #secondary  {
	margin: 0 auto;
	padding: 0 10%;
	width: 80%;
	float: none;
}


/* =Home Slider
-------------------------------------------------------------- */


#home-slider {
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
}





/* =Portfolio
------------------------------------------- */

.portfolio-filter,
.portfolio-list {
	width: 100% !important;
	float:none !important;
}

 

.portfolio-list .case-study {
	position: relative;
	overflow: hidden;
	border-bottom: solid 1px #ddd;
	min-height: 280px;
	margin: .25em 4% 0 0;
	padding: .25em 0;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.portfolio-list .case-study img {
	width: 100%;
	float: none;
	margin: .5em 0;
	padding: 0;
}

.case-description {
	opacity: 1;
	position: relative;
	left: none;
	top: none;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	background: none;
	color: #000;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.case-description h2 {
	font-size: 1em !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	position: relative;
	top: none;
	background: none;
	color: #5d9311 !important;

	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.case-description h3 {
	font-size: 1.25em !important;
	margin: .25em 0 0 0 !important;
	padding: 0 !important;
	position: relative;
	bottom: none;
	width: 100%;
	background: none;
	color: #74277C !important;

	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottompright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.portfolio-list > .case-study:hover .case-description {
	opacity: 1;
}




/* =Team and Bio pages
------------------------------------------- */

.teammate {
    min-height: 200px !important;
}





/* =Footer
-------------------------------------------------------------- */

#contact-n-fineprint .address,
#contact-n-fineprint .copyrights {
	display: block;
}



}

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







/* =Hiding things from mobile devices
-------------------------------------------------------------- */
.hide-mobile {
	visibility: hidden;
	height: 0;
	overflow: hidden;
}


#access-n-icons {
	max-width: 100%;
	margin: 0;
	padding: 0;
}



/* Media Icons & Search
-------------------------------------------------------------- */

#icons_n_search_header {
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	float: none;
	width: 100%;
	display: none;
}


/* Search Box Styles 
-------------------------------------- */

.search_box .searchfield {
	width: 100px;
}



/* =Giveaway Banner Ad
-------------------------------------------------------------- */


#giveaway-banner {
	padding: .45em;
}

#giveaway-banner .attention {
	margin-top: .15em;
	font-size: 1.45em;
}
#giveaway-banner .making-a-difference {
	font-size: 1em;
}
#giveaway-banner .win {
	font-size: .85em;
}




/* =Victoria, Megan, Rebecca and their blocks (Home page)
-------------------------------------------------------- */

#what-makes-us-special,
#home-video-poster, 
#on-a-mission {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}


#megan-pushing,
#victoria-standing,
#rebecca-sitting {
    float: none;
    margin: 0;
    padding: 0;
    width: 0;
	display: none;
}





#branding {
	float: none;
	margin: 0 auto;
    text-align: center;
    width: 320px;
}

#main {
	margin: 5% 0 98px 0 !important;
	padding: 5% 0 !important;
}


#primary, #secondary, #tertiary {
	margin: 0 !important;
	padding: 0 5% !important;
	width: 90% !important;
	float: none !important;
}




/* =Home-Intro
------------------------------------------- */

#home-intro h1 {
	font-size: 1.45em;
}


#home-intro h2 {
	font-size: 1.25em;
}


/* =Our Mission
------------------------------------------- */

#our-mission h2 {
    font-size: 1.25em;
}




/* =FlexSliders
------------------------------------------- */


#home-slider, #work-slider {
	width: 95%;
	margin: 0 2.5%;
	float: none;
}

.flex-caption {
    bottom: none;
    left: none;
    position: relative;
	display: none;
}

.flex-direction-nav li {
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.flex-direction-nav li a {
	top: 40%;
}


/* =Grid
------------------------------------------- */

.one-half, .one-third, .two-thirds, .one-fourth, .three-fourths, .one-fifth, .two-fifths, .three-fifths, .four-fifths {
	float: none;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}




/* =Team and Bio pages
------------------------------------------- */

.teammate {
    float: none;
    margin: 2% 0 0 0;
    min-height: 225px;
    padding: 0;
    position: relative;
    width: 100%;
}


.about-me,
.things-about-me,
body.team-megan-kurtz .about-me,
body.team-karen-gross .about-me,
body.team-alyx-radabaugh .about-me,
body.team-victoria-radabaugh-lindstrom .about-me {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}


.about-me-photo,
.things-about-me-photo,
body.team-megan-kurtz .about-me-photo,
body.team-karen-gross .about-me-photo,
body.team-alyx-radabaugh .about-me-photo,
body.team-victoria-radabaugh-lindstrom .about-me-photo {
    float: none;
    margin: 0;
    padding: 0;
    width: 0;
	display: none;
}



/* =Footer
------------------------------------------- */

#karen-n-alyx img {
    margin: 0;
	padding: 0;
}



}



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


/* =Giveaway Banner Ad
-------------------------------------------------------------- */


#giveaway-banner {
	padding: .5em;
}

#giveaway-banner .attention {
	font-size: 1.75em;
	display: block;
	float: none;
}
#giveaway-banner .making-a-difference {
	font-size: 1.125em;
	display: block;
	float: none;
}
#giveaway-banner .win {
	font-size: 1em;
	display: block;
	float: none;
}





/* =Portfolio
------------------------------------------- */

.portfolio-list .case-study {
	float: none;
	width: 100%;
	margin: .25em 0;
	padding: .25em 0;
}



}