@charset "utf-8";
@import "reset.css";
@import "fonts.css";

/* ----- (c) 2010 Greenfire Strategies  ----- */

/* ========== COLOR KEY ==========
        RED  	#7A1600 +++ 
        BLUE 	#359ACB +++ 
        GOLD 	#DCA644 +++ 
        TEXT  	#343434 +++  
   =============================== */

/* ===============================
            MAIN STRUCTURE 
   =============================== */
html { background: #f6f2ea url(/i/all-bg-gradient.png) left bottom repeat-x fixed;  }
body { color: #343434; font-family: 'MainRoman', 'Trebuchet MS', Verdana, Arial, sans-serif; }
strong { font-weight: bold; }
#page {
	left: 50%;
	margin-left: -540px;
	overflow: visible;
	position: absolute;
	width: 1080px;
}
#header {
	background: url(/i/header-bg.png) center bottom no-repeat;
	padding-top: 1px;
	height: 100px;
	width: 100%;
}
#container {
	background: url(/i/all-bg-content.png) center top repeat-y;
	display: inline;
	float: left;
	margin: 0;
	overflow: visible;
	width: 100%;
}
#content  { 
	display: inline; 
 	float: left;
	margin: 5px 75px; 
}
#headline { float: left; margin-bottom: 40px; }
.column { /* in standard 3-column layout */
	display: inline;
	float: left;
	margin-bottom: 30px;
	width: 310px;
}
.column-double { /* in standard 3-column layout */
	display: inline;
	float: left;
	margin-bottom: 30px;
	width: 620px;
}
.column-left { /* in layout with sidebar */
	display: inline;
	float: left;
	margin: 0 0 30px;
	width: 265px;
	overflow: visible;
	position: relative;
}
.column-mid { /* in layout with sidebar */
	display: inline;
	float: left;
	margin: 10px 0 30px 30px;
	width: 480px;
}
.column-right { /* in layout with sidebar */
	display: inline;
	float: right;
	margin-bottom: 30px;
	width: 190px;
}
.column-left-wide { /* in layout with sidebar */
	display: inline;
	float: left;
	margin: 10px 80px 30px;
}
#footer {
	background: url(/i/all-bg-footer.png) center top no-repeat;
	float: left;
	margin-top: -10px;
	padding: 50px 0 30px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 99;
}
#footer p { color: #fff; font-size: .75em; line-height: 1.75em; }
#footer p a { border-color: #ddd; color: #eee; }
#footer p a:hover { border-color: #fff; color: #fff; }

/* ===============================
             BASIC STYLES 
   =============================== */
h2, h3 {
	color: #359ACB;
	font-family: 'HeadlineBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: .05em;
	margin-bottom: .25em;
	text-transform: uppercase;
}
h2 { font-size: 1.625em; text-shadow: 0 1px 0 #fff; }
h3 {  clear: both; font-size: 1.25em; text-shadow: 0 1px 0 #fff; }
h4 {
	color: #555;
	font-family: 'HeadlineBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: .03em;
	margin-bottom: .25em;
	text-shadow: 0 1px 1px #fff;
	text-transform: uppercase;
}
#container p { line-height: 1.25em; font-size:1em; margin-bottom: 1em; }
a, a:link	 { color: #7A1600; text-decoration: none; border-bottom: 1px dotted #7A1600;  }
a:hover		 { border-bottom-style: solid; }
a span 	 	 { display: block; text-indent: -999em; } /* hide all spanned text within an anchor tag */
ul			 { font-size: 1em; }
.clear 		 { clear: both; }
.clear-l	 { clear: left; }
.clear-r	 { clear: right; }
.left 		 { display: inline; float: left;  margin-right: 20px;}
.right 		 { display: inline; float: right; margin-left: 20px; }
.hidden		 { display: none; }
.smoosh 	 { letter-spacing: -.1em; text-indent:0; }
.red		 { color: #7A1600; }
.bulleted {
	color: #444;
	list-style: none;
	margin: 0 4em 0 3em;
}
.bulleted li {
	background: url(/i/bullet-fire.png) 0 .25em no-repeat;
	margin: .75em 0;
	padding-left: 18px;
}
.bulleted strong {
	color: #359ACB;
	font-family: 'HeadlineBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
ul.numbered  { background: none; list-style: decimal; }
ul.lettered  { background: none; list-style: lower-alpha; }
ul.numbered li,
ul.lettered li { background: none; padding-left: 0; }

/* ===============================
           COMMON ELEMENTS 
   =============================== */
blockquote  {
	background: url(/i/quote-open.png) 0 0 no-repeat;
	color: #DCA644;
	font-family: 'MainItalic', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 1.125em;
	font-style: italic;
	margin-top: 10px;
	word-wrap: break-word;
}
blockquote strong {
	font-family: 'HeadlineBoldItalic', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 1.25em;
	font-style: italic;
	font-weight: bold;
	padding-left: 26px;
}
blockquote cite {
	color: #555;
	font-size: .875em;
	text-align: right;
}
.column-right blockquote { position: relative; right: 75px; }
/*blockquote p:after { content: url(/i/quote-close.png); } */
blockquote.body-quote  {
	color: #DCA644;
	font-family: 'HeadlineBoldItalic', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 1.125em;
	font-style: italic;
	font-weight: bold;
	text-indent: 30px;
}
.sidebar-link {
	background: url(/i/sidebar-link.png) top left no-repeat;
	display: block;
	margin-top: 30px;
	padding-top: 8px;
	position: relative;
	right: 75px;
	width: 185px;
}
.sidebar-link a {
	background: url(/i/sidebar-link.png) bottom left no-repeat;
	border: none;
	color: #ddd;
	display: block;
	font-family: 'HeadlineBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: .1em;
		padding-bottom: 8px;
	text-align: center;
	text-transform: uppercase;
	width: 185px;
}
.sidebar-link a em {
	font-family: 'HeadlineBoldItalic', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: .875em;
	font-style: italic;
	text-transform: none;
}
.sidebar-link a:hover { border: 0; color: #fff; text-decoration: none; }
.column-mid .sidebar-link {
	display: inline;
	float: left;
	margin: 0 40px 20px 0;
	right: 0;
}
/* right hand notepaper with sketch text */
.sidebar-notepaper {
	background: url(/i/sidebar-notepaper.png) 0 0 no-repeat;
	display: block;
	height: 320px;
	margin: 30px 0;
	padding-top: 5px;
	position: relative;
	right: 87px;
	width: 257px;
}
.sidebar-notepaper.left {
	background: url(/i/paper-scrap-left.png) 0 0 no-repeat;
	height: 320px;
	left: -60px;
	margin: 20px 0  0;
	position: relative;
	right: 0;
	width: 350px;
}
#container .sidebar-notepaper p {
	color: #666;
	font-family: Sketch2, 'Arial Black', 'Cooper Black', Arial, sans-serif;
	font-size: .875em;
	font-style: italic;
	line-height: 1.375em;
	margin:  0 32px 0 10px;
	text-align: center;
}
#container .sidebar-notepaper.left p { margin: 20px 30px 15px 50px; }

.sidebar-notepaper strong {
	color: #DCA644;
	display: block;
	font-family: Sketch, 'Arial Black', 'Cooper Black', Arial, sans-serif;
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	margin-top: 3px;
	text-transform: uppercase;
}
.sidebar-notepaper em {
	display: block;
	font-family: Sketch, 'Arial Black', 'Cooper Black', Arial, sans-serif;
	font-size: 1.25em;
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	margin: 2px 0 4px;
	text-transform: uppercase;
}
.sidebar-notepaper cite { 
	color: #4E4E51;
	display: block;
	font-family: Sketch2, 'Arial Black', 'Cooper Black', Arial, sans-serif;
	font-size: .875em;
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	margin: 6px 0;
}
.sidebar-signup {
	clear: left;
	display: inline;;
	float: left;
	margin: 20px 0 0 70px;
	width: 182px;
}
.sidebar-signup .mail-signup {
	background: url(/i/sidebar-signup.png) 0 0 no-repeat;
	border: none;
	display: block;
	height: 61px;
	margin: 0;
	width: 182px;
}
.sidebar-signup a.mail-signup:hover { background-position: 0 -61px; border: 0;  }
.sidebar-signup a.privacy { border: none; width: auto; }

/* ===============================
               HEADER 
   =============================== */
#header h1 a {
	background: url(/i/header-logo.png) 0 0 no-repeat;
	border: none;
	display: inline;
	height: 82px;
	float: left;
	margin: 10px 0 0 90px;
	text-indent: -999em;
	width: 162px;
}
#header h2 {
	color: #7A1600;
	display: inline;
	float: right;
	font-family: 'HeadlineBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	letter-spacing: .2em;
	margin: 40px 90px 0 0;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 #312818, 0 1.5px 0 #fff;
}
#header p {
	clear: right;
	color: #7A1600;
	display: inline;
	float: right;
	font-size: .75em;
	margin: 15px 90px 0 0;
	text-align: right;
	width: 300px;
}
/* ===============================
           MAIN NAVIGATION 
   =============================== */
#nav {
	background: url(/i/nav-bg.png) center top no-repeat;
	height: 60px;
	width: 100%;
}
#nav ul {
	margin: auto;
	padding: 7px 0 0 25px;
	text-align: center;
	width: auto;
}
#nav li { display: inline; float: left; }
#nav a {
	border: none;
	color: #e1e1e1;
	display: block;
	font-size: 1em;
	font-family: 'HeadlineBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-weight: bold;
	height: 36px;
	letter-spacing: .1em;
	margin-top: 6px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 #3D0B00;
	width: 148px;
}
#nav a:hover { border: 0; color: #fff; text-shadow: 0 1px 0 #3D0B00; }
body#services #nav li.services,
body#studies #nav li.studies,	
body#approach #nav li.approach,
body#resources #nav li.resources,
body#team #nav li.team,
body#contact #nav li.contact,
body#blog #nav li.blog { background: url(/i/nav-active.png) center top no-repeat; }

body#services #nav li.services a,
body#studies #nav li.studies a,	
body#approach #nav li.approach a,
body#resources #nav li.resources a,
body#team #nav li.team a,
body#contact #nav li.contact a,
body#blog #nav li.blog a { color: #fff; }

/* ===============================
           SUB NAVIGATION 
   =============================== */
#subnav {
	background:  url(/i/subnav-top.png) 0 0 no-repeat;
	display: inline;
	float: left;
	padding-top: 29px;
	position: relative;
	margin: 0 0 0 23px;
	left: 0;
	top: -19px;
	width: 250px;
}
#subnav ul {
	background:  url(/i/subnav-bottom.png) bottom left no-repeat;	
	padding-bottom: 10px;
}
#subnav li {
	background: url(/i/subnav-item-top-bg.png) -300px 0 no-repeat;
	border-top: solid 1px #fff;
	margin: -10px 30px 10px 20px;
	overflow: visible;
	padding-top: 8px;
}
#subnav a {
	background: url(/i/subnav-item-bg.png) -300px 0 no-repeat;
	border: none;
	display: block;
	color: #7A1600;
	font-family: 'HeadlineBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: .875em;
	font-weight: bold;
	letter-spacing: .03em;
	margin-left: -25px;
	padding-bottom: 8px;
	text-align: center;
	text-transform: uppercase;
	width: 250px;
}
#subnav a:hover { border: 0; color:#a7290d; text-decoration: none; }

body.branding #subnav li.branding,
body.product #subnav li.product,
body.business #subnav li.business,
body.marketing #subnav li.marketing,
body.meetings #subnav li.meetings,
body.print #subnav li.print,
body.online #subnav li.online,
body.seo #subnav li.seo,
body.web #subnav li.web {
	background-position: left top;
	border: 0;
	margin: -10px 0 20px -6px;
	padding-top: 8px;
	width: 250px;
}
body.branding #subnav .branding a,
body.product #subnav .product a,
body.business #subnav .business a,
body.marketing #subnav .marketing a,
body.meetings #subnav .meetings a,
body.print #subnav .print a,
body.online #subnav .online a,
body.seo #subnav .seo a,
body.web #subnav .web a {
	background-position: left bottom;
	color: #fff;
	margin-left: 0;
	padding-bottom: 8px;
}


/* ===============================
            HOME PAGE 
   =============================== */
#home .headline h2 { margin-bottom: .75em; }
#home .photo {
	background: url(/i/home-headline-photo.png) center bottom no-repeat;
	display: inline;
	float: left;
	height: 240px;
	margin: 10px 30px 0 0;
	overflow: hidden;
	position: relative;
	width: 450px;
}
#home .photo img {
	border: solid 1px #ccc;
	margin: 10px 0 0 12px;
	height: 212px;
	width: 424px;
}
#home .photo span {
	position: absolute;
	left: -13px;
	top: -120px;
}
#home .headline {
	float: left;
	line-height: 1.25em;
	margin-top: .75em;
	width: 410px;
}
#home .headline h3 {
	color: #DCA644;
	font-family: Sketch, 'Arial Black', 'Cooper Black', Arial, sans-serif;
	font-size: 1.125em;
	font-weight: normal;
}
a.quote-btn {
	background: url(/i/home-buttons.png) 0 -144px no-repeat;
	border: none;
	display: block;
	height: 46px;
	margin-top: 1em;
	width: 258px;
}
a.quote-btn:hover { background-position: 0 -190px; border: 0; }

/* ---- SERVICES COLUMN ---- */
#home .servicelist li {
	background: url(/i/home-servicelist.png) left top no-repeat;
	margin: 10px 0;
	padding-top: 8px;
}
#home .servicelist li a {
	background: url(/i/home-servicelist.png) left bottom no-repeat;	
	border: none;	
	color: #fff;
	display: block;
	font-family: 'HeadlineBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: .875em;
	letter-spacing: .07em;
	padding-bottom: 8px;
	text-align: center;
	text-transform: uppercase;
	width: 270px;
}
#home .servicelist li a:hover { color: #ddd; text-decoration: none; }

/* ---- NEWS COLUMN ---- */
.news { margin-bottom: 30px; }

#home .blogroll {
	margin-right: 30px;
	padding-right: 10px;
	height: 380px;
	overflow: hidden
}
.jScrollPaneContainer { 
	border: dotted #359ACB;
	border-width: 1px 0;
	position: relative; 
	overflow: hidden; 
	z-index: 1; 
}
.blogroll li 				{ line-height: 1em; margin:.5em 0 1em; }
.blogroll li a.title 		{ border: none; font-family: 'MainBold', 'Trebuchet MS', Verdana, Arial, sans-serif; }
.blogroll li span.mbb-by	{ color: #666;	display: block;	font-size: .625em; }
.mbb-content 				{ font-size: .875em; }
.mbb-inner /*container*/	{ position:relative; overflow:hidden; }
.mbb-branding /*REQUIRED*/  { margin-top:0; width:75px; font-size:10px;}
.jScrollPaneTrack 			{ position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;	background: #fff; }
.jScrollPaneDragTop 		{ position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom 		{ position: absolute; bottom: 0; left: 0; overflow: hidden; }
.jScrollPaneDrag { 
	position: absolute; cursor: pointer; overflow: hidden;
 	background: #7A1600;
 	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
#home .jScrollPaneTrack { 
	height: 372px !important; 
	top: 4px !important; 
 	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.mbb-inner b { font-weight: normal; } /* remove bolded keywords */

/* ---- SOCIALS COLUMN ---- */
#home .social 	{ position: relative; }
#home .social h3 { margin-left: 10px; }
#home .social div {
	background: url(/i/home-notepaper.png) 0 0 no-repeat;
	height: 321px;
	margin-top: 13px;
	padding-top: 1px;
	position: absolute;
	left: -8px;
	width: 380px;
}
#twitter_update_list ul {
	background: url(/i/home-tweet-bubble.png) 0 0 no-repeat;
	display: table;
	height: 140px;
	margin: 25px 20px 0 35px;
	padding: 1px;
	width: 246px;
}
#twitter_update_list li {
	color: #359ACB;
	display: table-cell;
	font-family: 'HeadlineItalic', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: .875em;
	font-style: italic;
	line-height: 1.125em;
	padding: 10px 13px 30px;
	vertical-align: middle;
}
#twitter_update_list li a { /* links in twitter content */
	color: #7A1600; 
	display: inline;
	text-align: left;
	width: auto; 
}
#twitter_update_list li a.time { /* xx days ago text links */
	border: none;	
	color: #666; 
	display: block;
	font-family: 'HeadlineItalic', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: .8125em;
	padding-top: .5em;
	text-align: center;
	width: 100%; 
}
#social_list { 
	display: inline;
	float: left; 
	margin-bottom: 15px; 
	margin-left: 50px; 
	width: 100%;
}
#social_list li {
	display: inline;
	float: left;
}
#social_list .external {
	background: url(/i/home-buttons.png) 0 0 no-repeat;
	border: none;
	display: block;
	height: 48px;
	margin: 0 5px;
	width: 48px;
}
#social_list #fb-link  { background-position: 0 0; }
#social_list #tw-link  { background-position: -48px 0; }
#social_list #in-link  { background-position: -96px 0; }
#social_list #rss-link { background-position: -144px 0; }

a.mail-signup {
	background: url(/i/home-buttons.png) 0 -48px no-repeat;
	border: none;
	clear: left;
	display: block;
	height: 46px;
	margin-left: 40px;
	width: 258px;
}
a.mail-signup:hover { background-position: 0 -94px; border: 0;  }

a.privacy { 
	border: none;
	display: block;
	font-size: .875em;
	text-align: center;
	margin-top: .125em;
	width: 350px;
}
#affiliations 	 { position: absolute; top: 360px; }
#affiliations li { display: inline; float: left; margin-left: 40px; }
#affiliations li:first-child,
#affiliations li.first { margin-left: 10px; }
#affiliations li.sempo  { clear: left; display: block; float: none; margin: 10px auto 0; padding-left: 10px; text-align: center; }
#affiliations a  { border: 0; }

/* ===============================
             SERVICES 
   =============================== */
body#services .bulleted {
	background: url(/i/bullet-fire.png) 0 0 no-repeat
	color: #444;
	list-style: none;
	margin: 0 4em 0 3em;
}
body#services .bulleted li {
	background: url(/i/bullet-fire.png) 0 .25em no-repeat;
	margin: .75em 0;
	padding-left: 18px;
}
body#services .bulleted strong {
	color: #359ACB;
	font-family: 'HeadlineBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: .875em;
	font-weight: bold;
	text-transform: uppercase;
}
.side-by-side {
	display: inline;
	float: left;
	margin: 0 12px 20px 0;
	width: 45%;
}
.side-by-side li {
	background: url(/i/bullet-fire.png) 0 .25em no-repeat;
	padding-left: 18px;
	margin: .5em 0;
}
.thirds  { width: 30%; }

li.title { 
	background: none;
	color: #359ACB;
	font-family: 'HeadlineBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 1em;
	letter-spacing: .03em;
	text-transform: uppercase;
	padding: 0;
}

/* --- Main Services Page ---- */
#services-chart ul { 
	background: url(/i/services/services-chart-bg.png) center center no-repeat;
	height: 580px;
	width: 580px;
	margin: 20px 0 30px 30px; 
	position: relative; 
}
#services-chart li {
	background: url(/i/services/services-chart-sections.png) center top no-repeat;
	border: 0; 
	display: block;
	height: 154px;
	font-size: .875em;
	line-height: 1em;
	overflow: visible;
	position: absolute;
	text-align: center;
	width: 154px;
}
#services-chart li:hover { background-position: center bottom; border: 0;  }
#services-chart a 		 { color: #343434; 	border: none;}

#services-chart h3 a {
	border: 0;
	color: #7A1600;
	display: block;
	font-family: 'HeadlineBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 1.375em;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1em;
	padding-bottom: .125em;
}
#services-chart li:hover h3 a { border: 0; font-size: 1.5em; }

#services-chart li.branding  { top: 210px; left: 212px; }
#services-chart li.product   { top: 0; left: 212px; }
#services-chart li.business  { top: 40px; right: 40px; }
#services-chart li.marketing { top: 40px; left: 40px; }
#services-chart li.meetings  { top: 210px; left: 0px; }
#services-chart li.print 	 { top: 210px; right: 0; }
#services-chart li.online 	 { top: 400px; left: 38px;  width: 160px;}
#services-chart li.seo 		 { top: 430px; left: 212px; }
#services-chart li.web 		 { top: 400px; right: 35px; }

#services-chart li.branding h3  { margin: 30px 0 0; }
#services-chart li.product h3   { margin: 35px 0 0; }
#services-chart li.business h3  { margin: 35px 0 0; }
#services-chart li.marketing h3 { margin: 55px 0 0; }
#services-chart li.meetings h3  { margin: 35px 0 0; }
#services-chart li.print h3		{ margin: 25px 0 0; }
#services-chart li.online h3 	{ margin: 15px 0 0; }
#services-chart li.seo h3 		{ margin: 20px 0 0; }
#services-chart li.web h3 		{ margin: 20px 0 0; }


/* ==== SERVICES SUB-PAGES ==== */

/* ---- Branding Page ---- */
body.branding #container .sidebar-notepaper p {	margin-top: 20px; }

img.brand-chart { 
	border: dotted #359ACB;
	border-width: 2px 0;
	margin: 20px 0 20px 30px;
	padding: 15px 0;
}
body.branding h3 {
	color: #359ACB;
	font-family: Sketch, 'Arial Black', 'Cooper Black', Arial, sans-serif;
	font-size: 1.375em;
	font-weight: normal;
	text-align: center;
	overflow: visible;
}
body.branding h3 img { vertical-align: middle; }

.second { margin-left:35px; margin-right: 0; }

/* ---- Product Page ---- */
body.product #container .sidebar-notepaper p { margin-top: 45px; }

body.product img {
	border: dotted #359ACB;
	border-width: 2px 0;
	margin-left: 30px;
	padding: 15px ;
}

/* ---- Business Page ---- */
body.business #container .sidebar-notepaper p { margin-top: 50px; }

body.business img { 
	border: dotted #359ACB;
	border-width: 2px 0;
	margin-top: 10px;
	padding: 5px 0 15px;
}

/* ---- Marketing Page ---- */
body.marketing #container .sidebar-notepaper p { margin-top: 35px;  }

/* ---- Meetings Page ---- */
body.meetings #container .sidebar-notepaper p { margin-top: 20px; }

/* ---- Print Page ---- */
body.print #container .sidebar-notepaper p { margin: 35px 50px 10px 10px; }
body.print .sidebar-link { margin-right: -230px; margin-top: 0;	float: right; }

/* ---- Online Page ---- */
body.online #container .sidebar-notepaper p { margin-top: 20px; }
body.online blockquote { margin-top: 2em; }

/* ---- Content Page ---- */
body.seo #container .sidebar-notepaper p {	margin-top: 35px; margin-left: 0; margin-right: 55px; }

/* ---- Web Page ---- */
body.web #container .sidebar-notepaper p {	margin: 45px 50px 10px 10px; }

body.web .column-mid img {
	clear: left;
	display: inline;
	float: right;
	margin-left: 10px;
	margin-right: 30px;
}

/* ===============================
      CASE STUDIES / PORTFOLIO
   =============================== */
body#studies #container 	{ padding-bottom: 30px; }
body#studies #content 		{ width: 920px;  }
body#studies .column-double { margin-left: 90px;}

body#studies .sidebar-link {
	float: right;
	right: auto;
	margin-top: 0;
}
#main-select { 
	float: left; 
	margin-bottom: 20px; 
	position: relative; 
}
#main-select li {
	background:url(/i/studies/main-tabs.png) 0 -49px no-repeat;
	display: inline;
	float: left;
	height: 49px;
	margin-right: 20px;
	text-align: center;
	text-shadow: 0 0 6px #DCA644, 0 0 3px #DCA644;
	width:184px;
}
body.studies #main-select li.studies,
body.portfolio #main-select li.portfolio { 
	background-position: 0 0; 
	text-shadow: 0 0 6px #7A1600, 0 0 6px #7A1600; 
}
#main-select li.backLava { 
	background-position: 0 0; 
    position: absolute;
	z-index: 8;
}
#main-select a {
	border: 0;
	color: #fff;
	font-family: 'HeadlineBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 1.75em;
	line-height: 1.875em;
	overflow: hidden;
	position: relative;
	text-transform: uppercase;
	z-index: 10
}

/* ---- Case Studies ---- */
.accordion 	   { clear: left; margin-bottom: 30px; }
.accordion .bar,
.accordion .ui-accordion-header {
	background: url(/i/studies/list-bg.png) left bottom repeat-x #7A1600;
	border: 1px solid #ccc;
	display: block;
	font-size: .875em;
	margin: 3px 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.accordion .bar a,
.accordion .ui-accordion-header a {
	background: url(/i/studies/list-closed.gif) 6px center no-repeat;
	border: solid 1px #ddd;
	display: block;
	color: #222;
	font-family: Arial, sans-serif;
	font-weight: normal;
	padding: 5px 5px 5px 25px;
	margin: 1px;
	text-shadow: 0 1px 0 #ddd;
	text-transform: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.accordion .ui-state-active {
	background-position: left top;
	border-color: #450e01;
}
.accordion .ui-state-active a { 
	background-image: url(/i/studies/list-open.gif); 
	border-color: #985040; 
	color: #fff;
	text-shadow: 0 -1px 0  #450e01;
}
.accordion .bar a:hover,
.accordion .ui-accordion-header a:hover 	{ text-decoration: none; }
.accordion .bar a:hover h3,
.accordion .ui-accordion-header a:hover	{ color: #444; }
.accordion .ui-state-active a:hover 	{ color: #fff; }

.accordion > div {
	background: url(/i/studies/list-shadow.png) 0 0 repeat-x  #fff;
	border: solid #ccc;
	border-width: 0 1px 1px;
	margin: 0 5px 10px;
	padding: 20px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
#studies-accordion dl {
	font-size: .875em;
	width: 380px;
}
#studies-accordion dt {
	border-bottom: dotted 1px #359ACB;
	color: #359ACB;
	font-family: 'Headline', 'Trebuchet MS', Verdana, Arial, sans-serif;
	padding: .0 .25em;
	text-transform: uppercase;
}
#studies-accordion dd {
	color: #555;
	padding: .25em .25em .5em .25em;
}
#studies-accordion dd li {
	border-right: 1px solid #359ACB;
	margin-right: .25em;
	padding-right: .375em;
	display: inline;
}
#studies-accordion dd li:last-child { border-right: 0; }

#studies-accordion .slider {
	float: right;
	height: 340px; /* required for scrollable */
	margin: 25px 10px 0 0;
    overflow:hidden;  /* required for scrollable */
    position:relative;  /* required for scrollable */
	width: 452px; /* required for scrollable */
}
#studies-accordion .slider ul {
    width:20000em;  /* required for scrollable */
    position:absolute;  /* required for scrollable */
}
#studies-accordion .slider li {
	background-color: #555;
 	border: solid 1px #999;
	height: 300px;
    float:left;  /* required for scrollable */
	width: 450px;
}
#studies-accordion .slider .desc {
	background-color: #555;
	color: #fff;
	font-size: .875em;
	height: 47px;
	text-align: center;	
	width: 450px;
}
#studies-accordion .slider .vert {
	float: right;
	height: 300px;
	text-align: left;
	width: 140px;
}
#studies-accordion .slider .desc p { margin: 0; padding: 0; }
#studies-accordion .slider .vert p { margin: 40px 10px 10px; }
#studies-accordion .slider .small-img {
	background-color: #ccc;
	display: block;
	float: left;
	width: 310px;
	height: 300px;
}
#studies-accordion .slider .small-img img {
	display: block;
	margin: 75px auto;
}
#studies-accordion .prev {	
	background: url(/i/studies/arrow-left.png) 0 0 no-repeat; 
	border: 0;
	cursor: pointer;
	display: block;
	height: 33px;
	text-indent: -999em;
	width: 55px;
	position: absolute;
	bottom: 0;
	right: 400px;
}
#studies-accordion .next { 
	background: url(/i/studies/arrow-right.png) 0 0 no-repeat;	
	border: 0;
	cursor: pointer;
	display: block;
	height: 33px;
	text-indent: -999em;
	width: 55px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.disabled { visibility: hidden; }
#studies-accordion .clear {
	clear: both;
	height: 1px;
	width: 100%;
}



/* ---- PORTFOLIO ---- */
#portfolio 			{ margin-left: 70px; }
#portfolio-tab  { 
	background: url(/i/studies/paper-all.png) 200px 0 no-repeat;
	float: left; 
	margin-left: 50px;
	width: 100%; 
}

#portfolio-tab  .tabs {
	background: url(/i/studies/portfolio-tabs.png) 0 0 no-repeat;
	float: left;
	height: 410px;
	padding-top: 8px;
 	width: 200px; 
}
#portfolio-tab .tabs li {
	display: block;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}
#portfolio-tab .tabs a {
	border: 0;
	color: #555;
	display: block;
	height: 30px;
	font-family: Sketch2, 'Arial Black', 'Cooper Black', Arial, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	width: 170px;
}
#portfolio-tab .tabs #print-t		{ margin-bottom: 32px; }
#portfolio-tab .tabs #online-t		{ margin-bottom: 10px; }
#portfolio-tab .tabs #brand-t		{ margin-bottom: 18px; }
#portfolio-tab .tabs #pop-t			{ margin-bottom: 18px; }
#portfolio-tab .tabs #packaging-t	{ margin-bottom: 18px; }
#portfolio-tab .tabs #web-t			{ margin-bottom: 14px; }
#portfolio-tab .tabs #content-t		{ margin-bottom: 15px; }
#portfolio-tab .tabs #multimedia-t	{  }

#portfolio-tab .tabs #print-t a		{ line-height: 30px; }
#portfolio-tab .tabs #online-t a	{  }
#portfolio-tab .tabs #brand-t a		{ line-height: 30px; }
#portfolio-tab .tabs #pop-t	a		{ line-height: 30px; }
#portfolio-tab .tabs #packaging-t a	{ line-height: 30px; }
#portfolio-tab .tabs #web-t	a		{ height: 25px; line-height: 20px; }
#portfolio-tab .tabs #content-t a	{ height: 35px; }
#portfolio-tab .tabs #multimedia-t a{ line-height: 30px; padding-left: 15px; }


#portfolio-tab .tabs a#pop { height: 25px; }
#portfolio-tab .tabs a:hover { border: 0; color: #000; text-decoration: none; }

.ui-tabs .ui-tabs-hide {  position: absolute; left: -10000px; }
#portfolio-tab li.ui-state-active a, #portfolio-tab li.ui-state-selected a { color: #7A1600; font-weight: bold; }
#portfolio-tab > div { float: left;  padding: 35px 0 0 15px; }
#portfolio-tab .slider {
 	height: 340px;
    overflow:hidden;  /* required for scrollable */
	position:relative;  /* required for scrollable */
	width: 550px;
}
#portfolio-tab .items {
    width:20000em;  /* required for scrollable */
    position:absolute;  /* required for scrollable */
    z-index: 500;
}
#portfolio-tab .items li {
    float:left;  /* required for scrollable */
	height: 340px;
	width: 550px;
	position: relative;
}
#portfolio-tab .items li img { display: block; margin: auto; }
#portfolio-tab .prev {	
	background: url(/i/studies/port/arrows.png) 0 0 no-repeat; 
	border: 0;
	cursor: pointer;
	display: block;
	height: 32px;
	text-indent: -999em;
	width: 32px;
	position: absolute;
	top: 146px;
	left: 1px;
	z-index: 999;
}
#portfolio-tab .next { 
	background: url(/i/studies/port/arrows.png) -32px 0 no-repeat;	
	border: 0;
	cursor: pointer;
	display: block;
	height: 32px;
	text-indent: -999em;
	width: 32px;
	position: absolute;
	top: 146px;
	right: 1px;
	z-index: 999;
}
#portfolio-tab #multimedia li a   { 
	border: 0;
	display: block; 
	overflow: hidden; 
	position: relative; 
	width: 550px; 
} 
#portfolio-tab #multimedia li img { width: 550px; }
#portfolio-tab #multimedia .play-button { 
	display: block;
	height: 150px;
	left: 50%; 
	top: 50%; 
	margin: -75px 0 0 -75px; 
	position: absolute;
	width: 150px; 
}
a#fancybox-close { border: 0; }

/* --- slidedown descriptions --- */
.slide-desc {
	border-top: 1px solid #666;
	position: absolute;
	top: 0;
	left: 0;
	width: 545px;
}
.desc-content {
	background: #333;
	background:rgba(0, 0, 0, 0.7);
	border: 1px solid #777;
	color: #fff;
	display:none;
	padding: 10px 20px 5px;
	overflow: hidden;
	box-shadow:0 2px 2px #666; 
	-moz-box-shadow:0 2px 2px #666; 
	-webkit-box-shadow: 0 2px 2px #666;     
}
.desc-content a {
	color: #ccc;
	font-style: italic;
	border-color: #ccc;
	text-shadow: 0 1px -1px #000;
}
.desc-content a:hover {
	color: #fff;
	border-color: #fff;
}
a.toggle-desc {
	background: #333;
	background:rgba(0, 0, 0, 0.7);
	border: 0;
	display: none;
	color: #fff;
	float: right;
	font-size: .75em;
	font-weight: bold;
	padding: 2px 3px;
	text-decoration: none;
	text-shadow: 0 1px -1px #000;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 0 0 6px 6px;
	box-shadow:0 2px 2px #666; 
	-moz-box-shadow:0 2px 2px #666; 
	-webkit-box-shadow: 0 2px 2px #666;     
}
a.toggle-desc span 				{ display: inline; text-indent: none; }
a.toggle-desc span.open 		{ display: none; }
a.toggle-desc.open span.open 	{ display: inline; }
a.toggle-desc.open span.closed 	{ display: none; }


/* ===============================
              APPROACH
   =============================== */
#approach .column-double 		{ margin: 10px 75px 0 125px; }
#approach .sidebar-notepaper p 	{ margin:  10px 50px 0 10px; }

#approach h3 { 
	border-top: dotted 2px #359ACB; 
	margin-top: 1.5em;
	padding-top: .25em; 
}
#links { 
	background-color: #359ACB;
	border: 1px solid #fff;
	font-family: 'HeadlineBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	margin: 40px 0 0 0;
	position: relative; 
	right: 75px;
	z-index: 2000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
    box-shadow: 1px 2px 5px #000; 
	-moz-box-shadow: 1px 2px 5px #000; 
    -webkit-box-shadow: 1px 2px 5px #000;     
}
#links ul {
	border: 1px solid #fff;
	margin: 2px;
	padding: .5em 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#links li {
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	letter-spacing: .1em;
	margin: 0 .5em;
	padding: .375em 0;
	text-shadow: 0 -1px 0 #777;
	text-transform: uppercase;
}
#links li a {
	background: url(/i/approach/list-arrow.png) left center no-repeat;
	border: none;
	color: #f8efdd;
	font-family: 'MainBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: .875em;
	letter-spacing: normal;
	padding-left: 14px;
	text-transform: none;
}
#links li a:hover { border: 0; color: #fff; }


/* ===============================
           RESOURCES PAGE
   =============================== */
#resources #content 					{ margin-left: 100px; margin-right: 0; }
#resources .downloads					{ margin-left: 30px; width: 330px; }
#resources .column .sidebar-notepaper 	{ margin: 0 0 30px 33px; right: 0; }
#resources .column .sidebar-notepaper p { margin-top: 40px; }
#resources .bulleted					{ margin-left: 0; }
#resources .form-link					{ color: #EF4A4A; }

#resources .success {
	background-color: #D3E8F3;
	border: solid 2px #7A1600;
	color: #7A1600;
	font-size: 1.125em;
	font-weight: normal;
	margin: 0 0 4px;
	padding: 4px;
 	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
body.resource-downloads #content { padding-bottom: 30px; }

/* ===============================
              TEAM PAGE
   =============================== */
#team .column-double 		{ margin: 10px 75px 0 125px; }
#team .sidebar-notepaper p 	{ margin-top: 55px; }
#bios { 
	background: url(/i/team/team-list-bg-7.png) 0 0 no-repeat;
	height: 350px;
	margin-bottom: 20px;
	overflow: hidden;
	width: 600px;
}
.team-list li {
	display: block;
	font-family: 'MainBold', 'Arial Narrow', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-weight: bold;
	float: left;
	height: 110px;
	width: 75px;
}
.team-list li a {
	border: 0;
	display: block;
	font-family: 'MainBold', 'Arial Narrow', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: .875em;
	font-weight: bold;
	height: 55px;
	line-height: 1em;
	margin: 10px 0 0 10px;
	text-align: center;
	text-transform: uppercase;
	width: 55px;
}
.team-list li a span {
	border-top: solid 1px #999;
	color: #555;
	display: block;
	font-size: .875em;
	padding-top: 2px;
	text-indent: 0;
}
.team-list li.tab-1 a 	{ margin: 15px 0 0 15px; }
.team-list li.tab-2 a 	{ margin: 28px 0 0 7px; }
.team-list li.tab-3 a 	{ margin: 20px 0 0 6px; }
.team-list li.tab-4 a 	{ margin: 35px 0 0 10px; }
.team-list li.tab-5 a 	{ margin: 25px 0 0 10px; }
.team-list li.tab-6 a 	{ margin: 35px 0 0 4px; }
.team-list li.tab-7 a 	{ margin: 27px 0 0 -4px; width: 65px; }

.team-list li.active a,
.team-list li a:hover { border: 0; color: #359ACB; }

#nametip {
    background: url(/i/team/white_tip.png) 0 0  no-repeat; 
    color:#434343;     
	display:none; 
    font-size: .875em;
    font-weight: bold;
    height:51px; 
    text-align: center;
    width:160px; 
    padding: 8px; 
    z-index: 10;
}
#nametip.bottom {
    background-image: url(/i/team/white_tip_bottom.png);
    padding-top: 25px;
}
#scroll { 
	clear:left;
	height: 210px;
	font-size: .875em;
	margin-left: 20px;
	padding-bottom: 10px;
	position: relative;  /* required by jquery.scrollable */
	overflow: hidden;    /* required by jquery.scrollable */
	width: 540px;
}
#scroll ul.items { 
	position: absolute;  /* required by jquery.scrollable */
	height: 20000em;     /* required by jquery.scrollable */
}
#scroll li {
	height: 220px;
	overflow: hidden;
	width: 540px;
}
#scroll li .desc {	height: 165px; padding-right: 10px; }
#scroll h3, #scroll h4 { clear: none; }
#scroll #oksana h3, 
#scroll #oksana h4 {display: inline; }
.headshot {
	background: url(/i/team/photo-bg.png) 0 0 no-repeat;
	display: inline;
	float: left;
	height: 165px;
	margin-right: 10px;
	width: 135px;
}
.headshot img { 
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
	margin: 14px 0 0 9px; 
}
#team .jScrollPaneDrag { 
	margin-left: 1px;
	width: 5px !important;
 	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
#team .jScrollPaneTrack { 
	background-color: #eee;
	border: solid #ddd;
	border-width: 0 1px;
	height: 136px !important;
	right: 2px !important;
	width: 7px !important;
	padding-bottom: 10px; 
	overflow: hidden; 
}
#team .jScrollArrowUp {
	background: url(/i/team/scroll_arrows.png) left top no-repeat;
	border: 0;
	display: block;
	height: 8px !important;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -999em;
	top: 3px !important;
	width: 13px !important;
}
#team .jScrollArrowUp:hover { background-position: right top; } 
#team .jScrollArrowDown {
	background: url(/i/team/scroll_arrows.png) left bottom no-repeat;
	border: 0;
	bottom: 3px !important;
	display: block;
	height: 8px !important;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -999em;
	width: 13px !important;
}
#team .jScrollArrowDown:hover { background-position: right bottom; }
 
#team .jScrollPaneContainer p { margin-top: .625em; }

/* ===============================
            CONTACT PAGE
   =============================== */
#contact .column-double 		 { margin: 10px 75px 0 125px; }
#contact .sidebar-notepaper p 	 { margin:  10px 50px 0 10px; line-height: 1.25em; }
#contact .column-right .stats    { position: relative; right: 75px; }
#contact .column-right .stats h3 { font-size: 1em; margin-top: 15px; }
#contact .column-right .stats strong { 
	color: #359ACB;
	font-family: 'HeadlineBold', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: .875em;
	font-weight: bold;
	text-transform: uppercase;
}

/* ---- Form Adjustments ---- */
#contact .conditional 		 { display: none }
#contact form .hear 		 { margin-top: 10px; }
#contact form li.name  		 { width: 110px; }
#contact form li.name2 		 { width: 140px; }
#contact form li.name input  { width:95px; }
#contact form li.name2 input { width:110px; }


/* ===============================
              TESTIMONIALS
   =============================== */
#testimonials .column-double 		{ margin: 10px 75px 0 125px; }
#testimonials .sidebar-notepaper p 	{ margin:  80px 50px 0 20px; }

#testimonials h2 { text-transform: none; }
#testimonials h2 em {
	font-family: 'HeadlineBoldItalic', 'Trebuchet MS',Verdana,Arial,sans-serif;
	font-style: italic;
}
#testimonials blockquote { 
	background-position: 0 2em;
	border-top: dotted 1px #359ACB; 
	margin-bottom: 2em;
	margin-top: 1.5em;
	padding-top: 2em;
	text-indent: 30px; 
}


/* ===============================
            PRIVACY PAGE 
   =============================== */
#privacy #content h2 		 { margin: 1em 3em 0; }
#privacy #content h3 		 { margin: 1em 4em 0; }
#privacy #content p, 		
#privacy #content ul.bulleted { margin: 1em 7em 0; }


/* ===============================
               FORMS
   =============================== */
form {
	float: left;
	margin-bottom: 30px;
	width: 545px;
}
fieldset {
	border: solid 2px #7A1600;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
legend {
	border: solid 2px #7A1600;
	color: #7A1600;
	font-size: 1.125em;
	font-family: 'MainBoldItalic', 'Trebuchet MS', Verdana, Arial, sans-serif;	
	font-style: italic;
	font-weight: bold;
	padding: 5px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
p.expl { 
	color: #555; 
	font-family: 'MainItalic', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: .875em;
	font-style: italic; 
}
form ul { float: left; }
form li {
	display: inline;
	float: left;
	margin-bottom: 6px;
	width: 250px;
}
label {
	color: #359ACB;
	font-family: 'Headline', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: .75em;
	text-transform: uppercase;
}
select {
	border: #ccc solid 1px;
	color: #555;
	font-family: 'Lucida Console', Monaco, 'Nimbus Mono L', 'DejaVu Sans Mono', monospace;
	font-size: .75em;
	margin-left: 1em;
}
input,
textarea {
	background-color: #eee;
	border: #ccc solid 1px;
	color: #555;
	font-family: 'Lucida Console', Monaco, 'Nimbus Mono L', 'DejaVu Sans Mono', monospace;
	font-size: .75em;
	padding: 4px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
input 			{ width: 220px; }
textarea 		{ height: 150px; margin-bottom: 10px; width: 475px; }
input:focus,
textarea:focus,
select:focus 	{ background-color: #fff; border-color: #359ACB; }
form strong 	{ color: #7A1600; font-weight: normal; }

input.submit, input.button {
 	background-color: #359ACB;
 	border: solid 2px #ddd;
 	clear: both;
 	color: #e3e3e3;
 	display: block;
 	font-size: .875em;
 	font-weight: bold;
 	text-align: center;
 	text-transform: uppercase;
 	text-shadow: 0 -1px 0 #999;
 	margin: 20px auto 0;
 	width: auto;
}
input.submit:hover, input.button:hover  { border-color: #fff; color: #fff; }

.check, .radio { width: 100%; margin-bottom: 10px; }

.check input, .check label,
.radio input, .radio label {
	color: #555;
	font-size: .875em;
	margin: 2em .5em 2em 0; 
	text-transform: none;
	vertical-align: middle;
	width: auto; 
}
.form-link { 
	border: 0;
	display: block; 
	font-size: .75em;
	margin: 1em auto 0; 
	text-align: center; 
} 


/* ---- Error/Success Feedback ---- */
.alert { margin-bottom: 10px; }
.alert li {
	background-color: #ffcc99;
	border: solid 1px #7A1600;
	margin: 3px 0;
	width: 480px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.alert li.short { width: auto; }
.success li {
	background-color: #D3E8F3;
	border-color: #359ACB;
}
.alert label,
.alert p  {
	color: #7A1600;
	font-size: .875em;
	font-weight: bold;
	margin: 0;
	padding: 3px;
	text-align: center;
	text-transform: none;
}
.alert label strong { 
	font-family:'HeadlineBold','Trebuchet MS',Verdana,Arial,sans-serif;
	font-weight: normal;
	text-transform: uppercase; 
}
.success p {
	color: #359ACB;
	font-size: 1.125em;
	font-weight: normal;
	margin: 0;
}
input.error,
textarea.error,
select.error { border-color: #7A1600; }

/* ---- Overlay Forms ---- */
.overlay {
    background-color:#252525; 
    border:1px solid #000; 
    display:none; /* required by jQtools Overaly */
    z-index:9000; /* required by jQtools Overaly */
    min-height:200px; 
    padding: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
    box-shadow:0 0 40px 5px #000; 
    -moz-box-shadow:0 0 40px 5px #000; 
    -webkit-box-shadow: 0 0 40px #000;     
}
.overlay .close { 
    background:url(/i/fancy_closebox.png) 0 0 no-repeat; 
    cursor:pointer; 
    height:30px; 
	position:absolute; 
    right:-12px; 
    top:-12px; 
    width:30px; 
}
.overlay form		{ margin: 0; }
.overlay ul			{ float: left; margin-bottom: 10px; }
.overlay .check li  { width: 100%; margin-left: 15px; }
.overlay .radio li  { width: auto; margin-left: 15px; }
.overlay legend,
.overlay .check label,
.overlay .radio label,
.overlay p.expl { color: #bbb; }
.overlay strong { color: #fff; font-weight: normal; }
.overlay label strong { font-size: 1.5em; }
.overlay  .alert label strong { font-size: 1em; color: #7A1600; }
.overlay  .check label, #mc_embed_signup .check input,
.overlay .check .radio label, #mc_embed_signup .radio input { margin: 0 5px 0 0; }
.input-group-label { 
	clear: left; 
	display: block;
	width: 100%; 
}
/* ---- Mailchimp-specific Form ---- */
#mc_embed_signup .response { display: none; }