/* Weber Marketing Group - external CSS, for all browsers, IE hacks via conditional comments, see ie6win.css */

/* Created 6-21-06 */
/* UPDATED 7-29-10 */
/* Written by Eric Peacock @ Weber Marketing Group */

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

#ie6Warning	{width: auto; height: auto; color: #3b4c54; background-color: transparent; font-size: smaller; font-weight: bold; margin: 0 70px 30px 30px; padding: 15px; border: 2px solid #b2b8be;}
#ie6Warning a:link, a:visited {color: #3b4c54; background-color: transparent; text-decoration: underline;}

/* 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 */

table ul, li {text-align: left;}

img {margin: 0; padding: 0; border: none;}

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;*/
	height: 135px;}

/* 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;}

/* CONTAINER FOR NAVIGATION, nav styles are in nav.css external file */
#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;}

/* 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-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 - once debugged and complete roll into rest of the site */

/* 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;}

/* footer */
#footer {
	clear: both;
	height: 190px;
	width: 690px;
	margin: 60px auto 0 auto;
	padding: 60px 0 0 0;
	color: #b2b8be;
	background-color: #3b4c54;
	background-image: url(../images/footer_tagline.png);
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-border-top-left-radius: 20px; /* Webkit */
	-moz-border-radius-topleft: 20px; /* Mozilla */
	border-top-left-radius: 20px; /* CSS3 */
}

#footer p {
	clear: both;
	color: #b2b8be;
	background-color: transparent;
	text-align: left;
	font-size: small;
	line-height: 1.5em;
	margin: 0 0 0 30px;
	padding: 0;}

#footer p:first-child {font-weight: bold; margin-bottom: 15px; font-size: medium;}
#footer p:last-child {font-size: x-small; margin-top: 15px;}

/* copyright and legal copy */
#footer .legal {font-size: 0.75em; color: #606d75; margin-top: 30px; margin-bottom: 30px;}

/* webinar, etc. button */
.footerpromo {height: 90px; width: 90px; background-image: url(../images/footer_btn_webinar.png); margin: -30px 0 15px 30px; float: left;}
.footerpromo h4 {height: 90px; width: 90px; margin: 0; text-align: center; line-height: 5.5em; font-size: medium; font-weight: normal;}
.footerpromo a:link, a:visited {color: #3b4c54; background-color: transparent; background-image: none; border: none; font-weight: normal;
	text-shadow: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;}
.footerpromo a:hover {color: #bd7924; background-color: #fff; text-decoration: none; padding: 5px; border: 2px solid #bd7924; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none;
	text-shadow: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;}

/* twitter button */
.footertwitter	{display: block; height: 90px; width: 90px; background-image: url(../images/footer_btn_twitter.png); background-repeat: no-repeat; margin: -90px 0 15px 45px; float: left;}

.footertwitter h4 {height: 90px; width: 90px; display: block; margin: 0; text-align: center; line-height: 2.2em; font-size: medium; font-style: normal; background-image: none; background-color: transparent;}

.footertwitter h4 :link,
.footertwitter h4 :visited {color: #fff; height: 90px; width: 90px; display: block; margin: 0; text-align: center; line-height: 2.2em; font-size: 1em; font-weight: normal; text-decoration: none;}

.footertwitter h4 :hover,
.footertwitter h4 :visited:hover {color: #fff; background-color: transparent; background-image: none;}

.footertwitter :link, :visited {
	display: block;
	height: 90px;
	width: 90px;
	color: #3b4c54;
	background-color: transparent;
	background-image: url(../images/footer_btn_twitter.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

.footertwitter :hover, :visited:hover {
	display: block;
	height: 90px;
	width: 90px;
	color: #fff;
	background-color: transparent;
	background-image: url(../images/footer_btn_twitter_hi.png);
	background-repeat: no-repeat;
	text-decoration: none;}

/* rss link */
/* #footer #rss {float: right; margin: 0 30px 0 0;} */

#footer #rss a:link, a:visited {display: block; font-weight: bold; font-size: 1.1em; color: #fff; background: #bd7924; padding: 0.2em; border: 2px solid #b2b8be; width: 2.5em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 3px #333; -webkit-box-shadow: 2px 2px 3px #333; box-shadow: 2px 2px 3px #333; text-align: center;}

#footer #rss a:hover, a:visited:hover {background: #fff; color: #bd7924; border: 2px solid #bd7924; width: 2.5em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

#footershadow {
	margin: 0;
	padding: 0;
	width: 845px;
	height: 45px;
	background-image: url(../images/bknd_footershadow.jpg);
	background-repeat: no-repeat;
	background-position: top left;}

/* END footer */



/* 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 FORMATTING ONLY */
#homeswf {color: #3b4c54; background-color: transparent; width: 710px; height: 245px; margin: -15px 0 0 0; padding: 0;}

/* Home page button for viewing reel */
#reelbtn {margin: -3px 0 0 458px; padding: 0;}

/* 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;}

/* 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 */
/* progressive enhancement rounded corners */
.showcase1calt {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	width: 523px;
	height: auto;
	float: right;
	border: 2px solid #b2b8be;
	/* following not supported by IE */
	-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;
}

/* custom footer backgrounds, per case study or client */
.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;}

.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 30px;}
.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 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;}

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

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

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

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

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

.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 {margin: 15px 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 ------------------- */

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 */


/*-------------------------------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;}*/