/* Weber Marketing Group - external CSS */

/* Created 6-21-06 */
/* UPDATED 10-18-11 */
/* By Eric Peacock @ Weber Marketing Group */

@import url('reset.css');
@import url('nav.css');
@import url('footer.css');

/* NEW PROGRESSIVE LAYOUT */
/* @import url('layout.css'); */

/* master typography */
* {font-family: Helvetica, Arial, sans-serif;}
p, ul, ol, q {font-size: 1em; color: #3b4c54; background-color: transparent;}
h1, h2, h3, h4, h5, h6 {color: #bd7924; background-color: transparent; font-weight: normal; line-height: 1em; text-transform: lowercase;}
h1 {font-size: xx-large;}
h2 {font-size: x-large;}
h3 {font-size: large;}
strong {font-weight: bold;}
/* END typography */

body {
	width: auto;
	height: auto;
	color: #b2b8be;
	background-color: #3b4c54;
	margin: 0;
	padding: 0;
	font-size: 0.875em;}

/* shadow for content box sides */
#mainboxshadow {
	width: 845px;
	background-image: url(../images/mainbox_shadow.jpg);
	/*-webkit-box-shadow: 0px 0px 30px #111;
	-moz-box-shadow: 0px 0px 30px #111;
	box-shadow: 0px 0px 30px #111;*/
	background-color: transparent;
	background-repeat: repeat-y;
	background-position: -2px 0;
	margin: 0;
	padding: 0;}

#header {
	color: #3b4c54;
	background-color: #b2b8be;
	margin: 0;
	padding: 0;
	width: 780px;
	height: 152px;
	}

/* TOP LEFT LOGO FOR ENTIRE SITE */
#logo {
	float: left;
	margin: 30px 0 0 20px;
	padding: 0;
	width: auto;
	height: auto;
	}

#logo img {margin: 10px 0 0 20px; padding: 0;}

/* NAV CONTAINER, nav styles in nav.css */
#navbox {
	float: right;
	margin: 65px 40px 0 0;
	padding: 0;
	width: 444px;
	height: 50px;
	}

/* container box for entire site */
#mainbox {
	text-align: left;
	margin: 0;
	padding: 0;
	width: 780px;
	height: auto;
	}

/* Rounded corner auto-resizing box - fixed to 512px width for two column main content box */
div.rboxtop {
	background-position: top right;
	background-image: url("../images/rbox_512px_top.gif");
	background-repeat: no-repeat;
	height: 11px;
	width: auto;
	margin: 0;
	padding: 0;
	}

div.rboxbot {
	background-position: bottom right;
	background-image: url("../images/rbox_512px_bot.gif");
	background-repeat: no-repeat;
	height: 11px;
	width: 512px;
	margin: 0;
	padding: 0;
	}

/* workarounds for older layout (pre auto center) - NEED TO CLEAN UP ONCE ALL PAGES MOVED TO #container STRUCTURE */
#container #header {margin: 0 30px 0 32px;}

#container #middle {
	margin: 0 0 0 32px;
	padding: 30px 45px 0 45px;
	width: 690px;
	height: auto;}

#container #sidebar {margin: 0;}

#container #middle1col {
	margin: 0 0 0 32px;
	padding: 45px 45px 0 45px;
	width: 690px;
	height: auto;}

/* home page is unique, requires slightly smaller margins for wider content */
#middlehome {
	width: 780px;
	height: auto;
	margin: 15px 45px 0 70px;
	padding: 0;}

/* for "full" pages with single column content, i.e. glossary, about, services, etc. */
#middle1col {
	width: 690px;
	height: auto;
	margin: 30px 45px 0 45px;
	padding: 0 0 30px 0;
	background-color: transparent;}

/* affects lightbox.js - overridden in lightbox.js css file */
#middle1col h1, h2, h3, p, img {margin: 0 30px 30px 30px; padding: 0;}

#middle1col ul {margin: 0 20px 20px 60px; list-style-type: none;}

#middle1col ul li {list-style-type: none;}

/* Branding Phases */
#phasebox {
	width: 446px;
	height: 380px;
	float: right;
	margin: 0;
	padding: 0;
	background-image: url(../images/bknd_phasebox.gif);
	background-repeat: no-repeat;}

#phasebox img {float: right; margin: -80px 15px 0 0;}

#phasebox h2 {
	font-size: 2.8em;
	line-height: 1em;
	width: 215px;
	height: auto;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 15px;}

#phasebox p {
	width: 206px;
	height: auto;
	font-size: medium;
	line-height: 1.4em;
	margin-top: 0;}
/* END OF BRAND PHASES */


/* CLIENTS & TESTIMONIALS 2 column */
#testimonialcol {
	background-image: url("../images/bknd_375col_midtile.gif");
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	width: 375px;
	height: auto;
	float: left;}

#testimonialcol h1, h2, h3 {margin: 0 15px 5px 30px; font-size: xx-large; line-height: 2em;}

#testimonialcol q {
	font-size: 1.2em;
	line-height: 1.35em;
	font-style: oblique;
	margin: 0;}

p#testimonialintro {padding: 0 0 30px 0; margin: 0 30px 30px 30px; line-height: 1.5em; border-bottom: 2px solid #b2b8be; width: auto; height: auto;}

#clientquotes {margin: 0 30px 0 30px; padding: 0;}

#clientquotes p.quoted {
	padding: 15px 0 30px 0;
	margin: 0 0 15px 0;
	text-align: right;
	font-size: x-small;
	line-height: 1.2em;}

/* client page columns */
div.rboxtop375 {
	background-position: top right;
	background-image: url("../images/bknd_375col_top.gif");
	background-repeat: no-repeat;
	height: 11px;
	width: auto;}

div.rboxbot375 {
	background-position: bottom right;
	background-image: url("../images/bknd_375col_bot.gif");
	background-repeat: no-repeat;
	height: 11px;
	width: 375px;}

.contentbox375txt {
	width: auto;
	height: auto;
	margin: 0 45px 0 35px;
	font-size: 0.9em;
	line-height: 1.35em;}
/* END client */

/* 275px column for client logos */
#clients {
	background-image: url("../images/bknd_275col_midtile.gif");
	background-repeat: repeat-y;
	margin: 0 0px 10px 0;
	padding: 0;
	width: 275px;
	height: auto;
	float: right;}

#clients img {width: 106px; height: 53px; margin: 15px 0 15px 20px; padding: 0;}

div.clientstop {
	background-position: top center;
	background-image: url("../images/bknd_275col_top.gif");
	background-repeat: no-repeat;
	height: 11px;
	width: auto;}

div.clientsbot {
	background-position: bottom center;
	background-image: url("../images/bknd_275col_bot.gif");
	background-repeat: no-repeat;
	height: 11px;
	width: auto;}
/* END Clients & Testimonials page */

/* used only on about, contact and thankyou pages - margin may not work in other cases*/
.imageright {float: right; margin: 0 0 0 0; width: auto; height: auto;}

#contact .imageright {float: right; margin: 20px 0 0 0; width: auto; height: auto;}

#contact .imageright2 {float: right; margin: -80px 0 0 0; width: auto; height: auto;}

.imageleft {float: left; width: auto; height: auto;}

/* PARTNERS PAGE */
#partners {padding: 0 45px 0 45px;}
#partners h2 {font-size: large; margin-bottom: 0;}
#partners p	{margin-bottom: 45px;}
#partners img {float: right; width: 160px; height: 65px; margin: 0 auto 0 auto; padding: 0 30px 0 45px;}
/* END Partners page */


/* LAYOUT FOR SINGLE COLUMN ROUNDED BOX - i.e. Services page */
#onecolbox {
	width: 690px;
	height: auto;
	background-color: transparent;
	background-image: url("../images/1colbox_690_fill.gif");
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;}

#onecolbox h1, h2, h3, h4, p, ul {margin: 10px 30px 1em 30px;}

#onecolbox p, ul {line-height: 1.4em;}

#onecolbox h1, h2, h3 {margin-bottom: 15px;}

#onecolbox ul li {list-style-type: square;}

#onecolbox li {margin: 0 0 12px 0;}

/* Rounded corner auto-resizing box - fixed to 710px width for one column main content box */
div.onecolboxtop {
	background-position: top right;
	background-image: url("../images/1colbox_690_top.gif");
	background-repeat: no-repeat;
	height: 11px;
	width: 690px;
	margin: 0;
	padding: 0;}

div.onecolboxbot {
	clear: both;
	background-position: bottom right;
	background-image: url("../images/1colbox_690_bottom.gif");
	background-repeat: no-repeat;
	height: 11px;
	width: 690px;
	margin: 0;
	padding: 0;}

/* LIST-BASED TEXT NAVIGATION */
ul.contentnav {
	margin: 15px 0 20px 30px;
	padding: 15px 15px 0 0;
	font-size: small;
	float: right;
	width: auto;
	height: auto;
	list-style-type: none;}

ul.contentnav li {
	font-weight: bold;
	width: 50px;
	float: left;
	list-style-type: none;
	text-align: center;}

/* SERVICES PAGE, FLOATED THUMBNAILS */
#services {
	width: 690px;
	height: auto;
	margin: 30px 0 0 20px;
	padding: 0;}

div.servicebox {
	float: left;
	width: 44%;
	height: auto;
	margin: 0 20px 0 10px;
	padding: 30px 0 0 0;
	border-top: 2px solid #b2b8be;}

div.servicebox p {font-size: 0.9em; line-height: 1.5em; font-weight: normal; margin: 5px 0 0 0; padding: 0 0 30px 0;}

div.servicebox h2 {margin: 0; padding: 0; font-size: 1.5em;}
/* END services page */


/* APPLIED TO NEW BRAND PHASES LAYOUT REVISION ONLY */

/* container for all content - set to auto center in browser window */
#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	width: 845px;
	height: auto;}

/* Branding Phases full layout */
#phasenav {
	width: 244px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;}

/* IE 6 & 7 won't number <ol> if <li> is floated or used as it is here, used background image with numbers instead */
#phasenav ol {
	text-align: left;
	list-style-type: none;
	margin: 30px 0 0 0;
	padding: 0 0 0 30px;
	font-weight: bold;
	background-image: url(../images/bknd_phasenav_ol.gif);
	background-repeat: no-repeat;}

#phasenav ol li {
	text-align: center;
	font-size: large;
	width: 209px;
	height: 49px;
	color: #b2b8be;
	background-image: url(../images/phasenav_bknd_lo.gif);
	margin: 15px 0 0 5px;
	padding: 0;
	background-repeat: no-repeat;}

/* "on" class is for the active page - shows where the user is */
#phasenav ol li.on {background-image: url(../images/phasenav_bknd_on.gif);}

/* IE 6 doesn't support :hover on non-anchors (need to use JS hack - see navigation iehover.js) */
#phasenav ol li:hover {background-image: url(../images/phasenav_bknd_hi.gif);}
#phasenav ol li.on:hover {background-image: url(../images/phasenav_bknd_on.gif);}
/* width is button background without "on" state extension*/

/* !! IE 6 & 7 center <p> incorrectly, need padding in conditional commented CSS to push left */
#phasenav ol p {
	text-align: center;
	width: 184px;
	height: auto;
	margin: 0;
	padding: 15px 0 0 0;
	font-size: 14px;
	color: #b2b8be;
	background-color: transparent;
	font-weight: normal;}

/* for "back to" text link */
#phasenav p {
	text-align: right;
	margin: 30px 25px 0 0;
	font-weight: normal;
	font-size: small;}

/* custom links for #phasenav */
/* extra padding ensures that link focus area matches <li> :hover, !! TO-DO: would probably be better with <li> :hover moved to <a> */
#phasenav ol li a:link {
	color: #fff;
	background-color: transparent;
	background-image: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 13px;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}

#phasenav ol li a:visited {
	color: #3b4c54;
	background-color: transparent;
	background-image: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 13px;
	}

#phasenav ol li a:hover {
	color: #3b4c54;
	width: auto;
	height: auto;
	text-decoration: none;
	margin: 0;
	padding: 13px;
	}

#phasenav ol li a:active {
	color: red;
	background-image: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 13px;
	}

#phasenav ol li a:visited:hover {
	color: #3b4c54;
	background-image: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 13px;
	}

/* left side fixed width box on two-column templates*/
#contentbox {
	color: #3b4c54;
	background: transparent url(../images/rbox_512px_verticalfill.gif) repeat-y;
	margin: 0;
	padding: 0;
	width: 512px;
	/* border: 1px solid #b2b8be;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20p x;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px; */
	height: auto;
	float: left;}

#contentbox img {margin: 0 0 0 30px; padding: 0;}

#contentbox p {margin: 0 15px 15px 0; padding: 0;}

#contentbox h1	{font-size: 38px; letter-spacing: -1px; line-height: 1em; width: auto; margin: 15px 0 30px 30px; text-transform: lowercase;}

#contentbox .floated {
	margin: 0 30px 30px 30px;
	padding: 0;
	float: right;
	width: 170px;
	height: auto;}

#contentbox .floated ul {width: 170px; height: auto; margin: 0 0 0 15px;}

#contentbox .floated ul li {
	color: #522762;
	background-color: transparent;
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: square;
	font-size: small;
	line-height: 1.2em;}

#contentbox .floated img {width: 120px; height: auto; margin: 15px auto 0 auto; padding: 0; display: block;}
#contentbox .floated p {margin: 5px auto 15px auto; text-align: center; font-size: x-small; width: 120px; height: auto;}

/* CONTAINER FOR BODY COPY ON SERVICE PAGES */
.contentboxtxt {
	margin: 0 30px 30px 30px;
	padding: 0;
	top: 20px;
	left: 20px;
	width: auto;
	height: auto;}

.contentboxtxt p {font-size: 0.98em; line-height: 1.75em; text-transform: none;}

.contentboxtxt h2 {margin: 30px 0 5px 0;}

.contentboxtxt a:link, a:visited {text-decoration: none; display: inline; background-image: none; border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}
	
.contentboxtxt a:hover, a:visited:hover {text-decoration: underline; background-image: none; border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}

/* END CLIENT 2-COLUMN STYLES */
.imageright {float: right; margin: 0; width: auto; height: auto;}

/* used only on about page - margin may not work in other cases*/
#contact .imageright {float: right; margin: 20px 0 0 0; width: auto; height: auto;}

/* for inside pages with links to other content such as portfolio */
#sidebarnew {
	width: 146px;
	height: auto;
	float: right;
	margin: 0 0 30px 0;
	padding: 0;}

#sidebarnew img	{margin: 0; padding: 0;}
#sidebarnew p {margin: 5px 0 15px 0; padding: 0; text-align: center;}

/* appears on portfolio landing pages ONLY */
#portfolio {
	color: #3b4c54;
	background-color: transparent;
	width: 780px;
	height: auto;
	margin: 30px 0 0 45px; /* SPACING IS TIGHT FOR ALL COLUMNS - WATCH OUT FOR LEFT MARGIN */
	padding: 0 0 30px 0;}

#portfolio #sidebarnew	{margin: 15px 25px 0 0;}

/* ------------------ home page only ------------------ */

#homeswf {color: #3b4c54; background-color: transparent; width: 710px; height: 245px; margin: -15px 0 0 0; padding: 0;}

/* fallback content for SWF */
#homeswf h1 {margin-top: 1.25em;}
#homeswf div.pthumb {height: 285px;}
#homeswf div.pthumb a {font-size: 1.275em; line-height: 1.15em;}
#homeswf div.pthumb p {font-size: 1.15em; line-height: 1.25em; margin-top: 0.5em;}

/* Home page button for viewing reel */
#reelbtn {
	clear: both;
	margin: -2px 0 15px 458px;
	padding: 0;
	width: 222px;
	height: 31px;
	}

#homecallout p {
	clear: both;
	font-size: 1.25em;
	line-height: 1.5em;
	margin: 20px 15px 30px 20px;
	width: 650px;
	}

.komencallout {color: #ea77af;}


/* home page tag line */
#tagbox {
	color: black;
	background-color: transparent;
	background-image: url("../images/tagline_bknd.gif");
	background-repeat: no-repeat;
	width: 255px;
	height: 148px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;}

/* header replacement */
#tagbox span {display: none}

/* END home page tag line */

/* HOME PAGE NEWS FEED BOX - revised 2009 version */
#newsbox {
	color: #3b4c54;
	background-color: transparent;
	background-image: url(../images/newsbox_bknd_tile.png);
	background-repeat: repeat-y;
	width: 413px;
	height: auto;
	float: right;
	margin: 0 80px 30px 0;
	padding: 0;}

#newsbox .newsboxtop	{
	width: 413px;
	height: 14px;
	background-image: url(../images/newsbox_bknd_top.png);
	background-repeat: no-repeat;}

#newsbox .newsboxbot	{
	width: 413px;
	height: 14px;
	background-image: url(../images/newsbox_bknd_bot.png);
	background-repeat: no-repeat;}

#newsbox h2 {
	background-image: url(../images/newshead_bknd.png);
	background-repeat: no-repeat;
	margin: 10px 0 5px 25px;
	width: 297px;
	height: 18px}

#newsbox img {margin-top: 0; margin-bottom: 15px; margin-left: 30px; padding: 0; border: 1px red;}

#newsbox ul, ol {
	height: auto;
	width: auto;
	font-size: small;
	line-height: 1.2em;
	list-style-type: none;
	margin-top: 0;
	margin-left: 40px;
	margin-right: 5px;
	margin-bottom: 8px;
	padding: 0;}

#newsbox li {margin: 0 15px 0 0; padding: 0;}

#newsbox a:link {
	color: #3b4c54;
	background-image: none;
	text-decoration: none;
	background: transparent;
	display: inline;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}

#newsbox a:visited {
	color: #b2b8be;
	background-image: none;
	text-decoration: none;
	background: transparent;
	display: inline;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}

#newsbox a:active {
	color: #522762;
	background-image: none;
	text-decoration: underline;
	background: transparent;
	display: inline;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}

#newsbox a:hover {
	color: #bd7924;
	background-image: none;
	text-decoration: underline;
	background: transparent;
	display: inline;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}

#newsbox a:visited:hover {
	color: #bd7924;
	background-image: none;
	text-decoration: underline;
	background: transparent;
	display: inline;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}

/* contextual biggertxt text override */
#contact .biggertxt p {
	font-size: medium;
	margin-top: 5px;
	margin-left: 60px;}

#contact .biggertxt {margin: 0 0 30px 0;}

#contact .biggertxt h2 {
	margin-bottom: 0;
	color: #3b4c54;
	background-color: transparent;}
/* end biggertxt override */

/* process page formatting */
.processboxtxt {margin: 0 0 30px 0; padding: 0; position: relative; top: 20px; left: 20px; width: 275px; height: auto;}
.processboxtxt p {width: 275px; height: auto; font-size: 13px; line-height: 1.3em;}
.processboxtxt h2 {margin: 0 0 4px 0; padding: 0;}
/* END Process page */

/* table formatting */
table p {margin: 0 0 20px 30px; padding: 0;}
table ul, li {text-align: left; list-style-type: none;}

/* Quotations */

blockquote	{
	background-position: top left;
	background-image: url(../images/blockquote_start.gif);
	background-repeat: no-repeat;
	width: auto;
	height: auto;
	padding: 0 0 0 30px;
	margin: 0 0 0 15px;}

blockquote p	{
	background-position: bottom right;
	background-image: url(../images/blockquote_end.gif);
	background-repeat: no-repeat;
	font-size: small;
	font-style: oblique;
	text-align: left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;}
/* END Quotations */







/* Brand Solutions Showcase wide 1-column layout */
.showcase1calt {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	width: 523px;
	height: auto;
	float: right;
	border: 2px solid #b2b8be;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-radius: 15px;
}

.showcase1calt img {margin: 20px 0 20px 30px; padding: 0;}
.showcase1calt ul li {list-style-type: square; margin: 0; padding: 0;}
.showcase1cfooter ul li	{display: inline;}
.showcase1calt li.dingbat {
	background-image: url(../images/showcasesubnav_bullet.gif);
	background-position: center left;
	background-repeat: no-repeat;
	margin: 0 0 0 0.5em;
	padding: 0 0 0 1.2em;}
.showcase1calt p, ul, q {
	margin: 0 0 20px 30px;
	padding: 0;
	width: 470px;
	height: auto;
	line-height: 1.4em;
	text-transform: none;}
	
.showcase1calt h2 {font-size: x-large; display: block;}

.showcase1calt blockquote {margin: 30px 30px 30px 30px; padding: 0 30px 0 45px;}

.showcase1calt blockquote p	{
	font-size: larger;
	margin: 0 0 0 30px;
	padding: 0 40px 0 0;
	width: 360px;
	height: auto;
	line-height: 1.2em;}
.showcase1calt blockquote cite	{font-size: medium; margin: 0 0 0 30px;}

/* Wide Showcase Link Colors */
.showcase1calt a:link {
	color: #522762;
	text-decoration: none;
	background: transparent;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}

.showcase1calt a:visited {
	color: #522762;
	text-decoration: none;
	background: transparent;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}

.showcase1calt a:hover {
	color: #b3aa47;
	display: inline;
	background-image: none;
	text-decoration: underline;
	background: transparent;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}

.showcase1calt a:active {
	color: yellow;
	text-decoration: underline;
	background: transparent;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}

.showcase1calt a:visited:hover {
	color: #b3aa47;
	display: inline;
	background-image: none;
	text-decoration: underline;
	background: transparent;}
/* END alt wide showcase */

.leftimg {float: left; width: 110px; height: auto;}

/* Brand Solutions Showcase rounded corners - being replaced by use of showcase1calt */
div.cboxtop {
	background-position: top right;
	background-image: url("../images/cbox_top.gif");
	background-repeat: no-repeat;
	height: 11px;
	width: 525px;}

div.cboxbot {
	background-position: bottom right;
	background-image: url("../images/cbox_bot.gif");
	background-repeat: no-repeat;
	height: 11px;
	width: 525px;}

/* Brand Solutions Showcase header block */
div.showcasehead {
	color: #3b4c54;
	background-color: transparent;
	background-image: url("../images/showcasehead_bknd.gif");
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
	padding: 0;
	width: 525px;
	height: 102px;
	float: right;}

.showcasehead h1 {
	display: none;
	font-size: 2.4em;
	padding: 0;
	text-align: center;
	height: 0;
	width: 0;}

.showcasehead img {margin: 20px 0 0 40px; padding: 0;}

.showcasehead p {
	margin: 5px 30px 0 0;
	padding: 0;
	text-align: right;
	font-size: 1em;}

/* END Brand Solutions Showcase */

#clientlogo {margin: 0 0 20px 0;}

.csidebar {
	width: 146px;
	height: auto;
	float: left;
	margin: 0 0 30px 0;
	padding: 0;}

.csidebar h3 {font-weight: bold; margin: 15px 0 -10px 0; padding: 0; font-size: small; text-transform: lowercase;}
.csidebar img {margin: 0 0 15px 0; padding: 0;}
.csidebar p {margin: 15px 0 15px 0; padding: 0; font-size: 0.85em; line-height: 1.4em;}



/* legacy 1-column layout */
div.showcase {
	background-image: url("../images/cbox_bknd.gif");
	background-repeat: repeat-y;
	margin: 0 0 20px 0;
	padding: 0;
	width: 525px;
	height: auto;
	float: right;
	
	}

div.showcase img {
	margin: 20px 0 20px 30px;
	padding: 0;}

.showcasefooter	{clear: both; font-size: 1.3em; border-top: 2px solid #b2b8be; margin: 30px 0 0 0; padding: 30px 0 0 0; text-align: center; width: auto; height: 60px;}
.showcasefooter ul li {display: inline; margin: 0; padding: 0;}

.showcasefooter a:link, a:visited {
	color: #bd7924;
	text-decoration: none;
	background: transparent;}

.showcase li.dingbat {
	background-image: url(../images/showcasesubnav_bullet.gif);
	background-position: center left;
	background-repeat: no-repeat;
	margin: 0 0 0 0.5em;
	padding: 0 0 0 1.2em;}

/* Brand Solutions Showcase Link Colors */
.showcase a:link,
.showcase a:visited {
	color: #bd7924;
	text-decoration: none;
	background: transparent;}
.showcase a:hover {color: #522762; text-decoration: underline; background: transparent; display: inline; background-image: none;}
.showcase a:active {color: #cfc480; text-decoration: underline; background: transparent;}
.showcase a:visited:hover {color: #522762; text-decoration: underline; background: transparent; display: inline; background-image: none;}

/* SWFobject div for portfolio content */
#showcasefla {
	margin: 20px 0 15px 30px;
	padding: 0;
	width: 465px;
	height: 270px;
	z-index: 0;}

#showcasefla img {margin: 0; padding: 0; height: auto; width: auto;}

/* Footer for Acrobat, Flash, etc. text links */
.vendorfooter {clear: both;}
p.vendorfooter {
	text-align: center;
	font-size: 0.75em;
	margin: 0 0 30px 0;
	padding: 0;
	clear: both;}

/* NEW portfolio landing page */
#pthumbs {background-color: transparent; margin: 20px 0 0 15px;}
#pthumbs p {margin: 0; padding: 0; font-size: x-small; height: auto; width: auto;}
#pthumbs img {margin: 0 15px 5px 0; padding: 0; height: 135px; width: 135px; /*-moz-box-shadow: 2px 2px 3px #b2b8be; -webkit-box-shadow: 2px 2px 3px #b2b8be; background-color: transparent; */}
/*#pthumbs img:hover {border: solid 2px #bd7924;}*/
.pthumb {float: left; width: 135px; height: 190px; text-align: center; margin: 0 15px 30px 15px; padding: 0;}
.pthumb a:first-child	{font-size: small; margin-bottom: 10px; text-transform: lowercase;}

#merchfla {margin: -5px 0 30px 0; padding:0; clear: both;}

hr	{border: none; height: 2px; width: auto; color: #b2b8be; background-color: transparent;}

/* library page */
/* file download thumbnails */
div.library {
    clear: both;
	margin: 0 0 30px 40px;
	padding: 0;
	height: auto;
	width: 600px;}

div.library h2 {margin: 40px 0 10px 8px; padding: 0;}

div.libthumb {
	padding: 0;
	margin: 0;
	text-align: center;
	width: 150px;
	height: 215px;
	float: left;}

div.libthumb img {margin: 0 10px 0 0; padding: 0; border: none; /* border: solid 1px #b2b8be; -moz-box-shadow: 2px 2px 3px #b2b8be; -webkit-box-shadow: 2px 2px 3px #b2b8be; */}

div.libthumb p {
	font-size: x-small;
	font-weight: bold;
	line-height: 1.1em;
	text-align: center;
	width: 120px;
	height: auto;
	margin: 4px 0 0 9px;}

/* staff page */
.twitterlink {padding-left: 30px; background-image: url(../images/icon_twitter.png); background-repeat: no-repeat; background-position: -20px 0; background-color: #000;}

/* Landing page sub navigation list */
#landingnav	{font-size: medium; border-top: 2px solid #b2b8be; margin: 30px 0 0 0; padding: 15px 0 0 0; clear: both;}
#landingnav	p {float: left; margin: 0; padding: 0; line-height: 1em;}
#landingnav ol {font-size: medium; text-align: right; line-height: 1em;}
#landingnav ol li {display: inline; margin: 0 0 0 30px; padding: 0;}
#landingnav a:link, a:visited {text-decoration: none;}
#landingnav a:hover, a:visited:hover {text-decoration: underline; display: inline; background-image: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}

/* links */
a:link, a:visited {
	font-size: 1em;
	margin: 0;
	padding: 0;
	display: inline;
	color: #bd7924;
	font-weight: normal;
	text-decoration: none;
	background: transparent;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}

a:hover, a:visited:hover {
	display: inline;
	color: #bd7924;
	text-decoration: underline;
	background: transparent;
	background-image: none;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}

a:active {
	display: inline;
	color: #cfc480;
	text-decoration: underline;
	background: transparent;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;}

a:link {
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.6s;
	-webkit-transition-timing: ease-out;
}
/* END links */



/* definition list */
dl {margin: 0 0 60px 0; padding: 0;}
dl h2 {color: #3b4c54; margin: 60px 0 0 0; padding: 0; text-transform: capitalize; font-size: 1.75em; line-height: 0.5em;}
dt {margin: 20px 0 20px 45px; font-weight: normal; color: #79848c;}
dd {margin: 0 0 15px 75px; font-weight: normal; color: #949da3;}

/* self-clear floats */
.group:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


/* ------------------- MICROFORMATS ------------------- */

.vcard {font-size: 1.5em; margin: 30px 0 30px 45px; line-height: 1.5em; color: #606d75;}

div.vcard .email {display: none;}
div.vcard .tags {display: none;}
div.vcard .url {display: none;}
div.vcard .org {display: none;}

div.adr{}
div.adr .street-address{}
div.adr .extended-address{}
div.adr span.locality{}
div.adr span.region{}
div.adr span.postal-code{}
div.adr .country-name {display: none;}

div.vcard .tel {font-weight: bold; margin: 15px 0 0 0;}
div.vcard .tel .type {display: none;}

#vcard-download {font-size: 0.65em; font-weight: bold; text-transform: lowercase;}


/* ------------------- FORMS ------------------- */

h3.headerbling {border-top: 2px solid #b2b8be; padding-top: 20px; margin-top: 20px;}

div.wufooform {margin: 30px;}

form {margin: 30px 0 0 0; padding: 15px 0 0 0; border-top: 2px solid #b2b8be;}

form p {color: #bd7924; font-size: medium; font-weight: normal;}

form dd {display: block; margin: 0; padding: 0;}

form dt {
	display: block;
	text-align: right;
	float: left;
	padding-right: 10px;
	width: 2.5em;
	margin: 0 30px 0 0;
	height: auto;}

form input {
	margin: 0 0 15px 0;
	width: 150px;
	height: auto;}

form .submit {margin: 15px 0 0 6.4em;}

label {font-weight: normal; color: #3b4c54; background-color: transparent;}

fieldset {
	position: relative;
	top: 0;
	left: 0;
	padding: 0 0 30px 0;
	margin: 0 45px 0 45px;
	border: none;}

legend {
	color: #bd7924;
	background-color: transparent;
	font-size: xx-large;
	font-weight: normal;
	margin: 15px 0 0 0;
	padding: 0 0 30px 0;}

/* classes for dynamic form hints - uses header js for IE (no pseudo class, title or :focus) */
.hint {
	display: none;
	position: absolute;
	left: 245px;
	width: auto;
	margin-top: -5px;
	border: 2px solid #b2b8be;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 0px;
	padding: 6px 8px;
	color: #fff;
	background: #bd7924 url(../images/pointer.gif) no-repeat -100px -100px;
}

.hint .hint-pointer {
	position: absolute;
	left: -10px;
	top: 4px;
	width: 10px;
	height: 19px;
	background: url(../images/pointer.gif) left top no-repeat;/* for IE */
	
	}

/* brand solutions sign up form */
#emailform form {margin: 0 0 0 30px; border: none;}
#emailform label {color: #79848c; display: block; font-size: 1.5em; line-height: 1.5em;}
#emailform input {color: #b2b8be; display: block; height: 25px; width: 300px; font-size: 1.25em; color: #522762;}
#emailform input.image {width: 150px; height: 45px; margin-top: 30px;}

/* library page white paper request form */
.library form {float: right; border-left: 2px solid #b2b8be; border-top: none; margin: 0; padding: 30px 0 0 0; width: 400px; height: auto;}

.library form dt {
	text-align: right;
	float: left;
	width: 5.6em;
	height: auto;}

.library form input {
	margin: 0 0 15px 0;
	width: 185px;
	height: 25px;}

.library .hint {
	left: 290px;
	margin-top: -1px;}

.library form .submit {margin: 15px 0 0 6.4em; padding: 0;}

.library label {color: #3b4c54; background-color: transparent; font-size: x-large; text-transform: lowercase;}

.library fieldset {
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0 0 0 45px;}

.library legend {
	color: #bd7924;
	background-color: transparent;
	font-size: x-large;
	margin: 0;
	padding: 0 0 15px 0;}

/* form on landing page sidebar */
.floated form {clear: both; border-top: 2px solid #b2b8be; margin: 0; padding: 15px 0 0 0; width: 170px; height: auto;}

.floated form dt {
	text-align: right;
	float: left;
	width: auto;
	height: auto;}

.floated form input {
	margin: 0 0 15px 0;
	width: 170px;
	height: auto;}

.floated form .submit {margin: 0; padding: 0; width: 170px; height: 25px;}

.floated label {color: #3b4c54; background-color: transparent; font-size: medium; text-transform: lowercase;}

.floated fieldset {
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;}

.floated legend {
	color: #bd7924;
	background-color: transparent;
	font-size: large;
	margin: 0;
	padding: 0 0 15px 0;}

/* END forms */

/* case study individual backgrounds */
.coast360 {
	background-image: url("../images/bknd_coast360content.png");
	background-repeat: no-repeat;
	background-position: bottom;}

.wildfire {
	background-image: url("../images/bknd_wildfirecontent.png");
	background-repeat: no-repeat;
	background-position: bottom;}

.bankintervention {
	background-image: url("../images/bknd_bankintervention.png");
	background-repeat: no-repeat;
	background-position: bottom;}



/* Brand Solutions Showcase 2-column layout */
#lcfix {
	width: auto;
	height: auto;
	margin: 15px 0 15px 0;
	padding: 0;
	/* float: left; overflow: visible; */}

#lcfix p, q, h2, h3 {
	margin: 0 25px 15px 30px;
	padding: 0;
	width: auto;
	height: auto;
	line-height: 1.5em;}

#lcfix h2, h3, h4 {font-size: x-large; line-height: 1.2em;}

#lcfix img {margin: 5px 30px 20px 30px; padding: 0;}

/* nivo slider #lcfix version */
#slider {
    position: relative;
    width: 465px;
    height: auto;
    background: url(../images/loading.gif) no-repeat 50% 50%;
    margin: 15px auto 50px auto;
    padding: 0;
}

#slider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

#slider a {
    border: 0;
    display: block;
}

.nivo-controlNav {
	position: absolute;
	left: 115px;
	bottom: -30px;
}

.nivo-controlNav a {
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
}

.nivo-directionNav a {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/arrows.png) no-repeat;
	text-indent: -9999px;
	border: 0;
}

.nivo-controlNav a:hover {background: url(../images/bullets.png) no-repeat; background-position:0 -22px;}

.nivo-controlNav a.active {background-position:0 -22px;}

a.nivo-nextNav {
	background-position: -30px 0;
	right: 15px;
}
a.nivo-prevNav {left: 15px;}

.nivo-caption {text-shadow: none; font-family: Helvetica, Arial, sans-serif;}

.nivo-caption a { 
    color: #efe9d1;
    text-decoration: underline;
}
/* END slider */



/*-------------------------------R&D---------------------------------*/

/* *:hover {rotate:animate(180deg);} */

/* PDF doc links */
/*a[href$='.pdf'] {
background:transparent url(../images/pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;}*/

/* Excel doc links */
/*a[href$='.xls'], a[href$='.csv'], a[href$='.xlw'], a[href$='.xlt'] {
background:transparent url(../images/excel.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;}*/

/* Word doc link */
/*a[href$='.doc'], a[href$='.rtf'], a[href$='.wps'], a[href$='.txt'] {
background:transparent url(../images/word.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;}*/

/* mailto: links */
/*a[href^="mailto:"] {
background:transparent url(../images/mailto.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;}*/