body {
	background: white;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #464646;
}

a {
	color: #464646;
	outline: none;
}

img {
	border: none;
	vertical-align: bottom;
}

p {
	margin: 0;
}

.clearfix {
	clear: both;
}

html {
	height: 100%;
}

#pagecontainer {
	width: 940px;
	position: relative;
	z-index: 1;
}

#headercontainer {
	position: relative;
	height: 85px;
}

.header-text {
	position: relative;
	padding: 0 0 0 35px;
	margin: -2px 0 0 0;
	height: 20px;
}

.header-text p {
	font-size: 13px;
	height: 20px;
	color: #F78F1E;
	
	padding: 3px 0 0 26px;
	background: #fff url(/images/common/home-stop-icon.gif) 0 0 no-repeat;
}

.header-text a {
	color: #F78F1E;
	text-decoration: none;
}

.header-text a:hover {
	text-decoration: underline;
}

/* New nav */
#nav {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 430px;
    margin-left: 35px;
    height: 75px;
}

#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#nav li {
    float: left;
    margin: 0 29px 0 0;
    padding: 0;
    border-right: 1px solid #c9cbcc;
    position: relative;
}

#nav a {
    display: block;
    text-indent: -10000px;
    height: 40px;
    background-position: left top;
}

#nav li.active a {
    background-position: left -100px;
}

#nav li.active li a {
    background-position: left top;
}

#nav li.active li.active a {
    background-position: left -100px;
}

#nav a:hover {
    background-position: left -100px !important;
}

#nav ul li ul {
    display: none;
    width: 430px;
    position: absolute;
    left: 0;
    bottom: -30px;
    margin: 0;
    padding: 0;
}

#nav ul li ul li {
    float: left;
    margin: 0 29px 0 0;
    padding: 0;
    border: none;
}

#nav ul li ul li a {
    height: 12px;
}

#nav ul li.active ul {
    display: block;
    background-color: #fff;
}

/* Old nav */
#mainnav {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 430px;
	height: 40px;
	margin-left: 35px;
}

#mainnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mainnav li {
	float: left;
	margin: 0 29px 0 0;
	padding: 0;
	border-right: 1px solid #c9cbcc;
}

#mainnav a {
	display: block;
	text-indent: -10000px;
	height: 40px;
	background-position: left top;
}

#mainnav a:hover {
	background-position: left -100px;
}

#mainnav li.active a {
	background-position: left -100px;
}

#subnav {
	position: absolute;
	left: 0px;
	top: 65px;
	width: 430px;
	height: 12px;
	margin-left: 35px;
}

#subnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#subnav li {
	float: left;
	margin: 0 29px 0 0;
	padding: 0;
}

#subnav a {
	display: block;
	text-indent: -10000px;
	height: 12px;
	background-position: left top;
}

.work #subnav {
	padding-left: 102px;
}

.fresh #subnav {
	padding-left: 201px;
}

#subnav a:hover {
	background-position: left -100px;
}

#subnav li.active a {
	background-position: left -100px;
}

#nav-about a {
	width: 73px;
	background: url(../images/nav/about.gif) left top no-repeat;
}

#nav-work a {
	width: 68px;
	background: url(../images/nav/work.gif) left top no-repeat;
}

#nav-fresh a {
	width: 68px;
	background: url(../images/nav/fresh.gif) left top no-repeat;
}

#nav-contact a {
	width: 88px;
	background: url(../images/nav/contact.gif) left top no-repeat;
}

#nav-who a {
	width: 73px;
	background: url(../images/nav/who.gif) left top no-repeat;
}

#nav-what a {
	width: 40px;
	background: url(../images/nav/what.gif) left top no-repeat;
}

#nav-services a {
	width: 61px;
	background: url(../images/nav/services.gif) left top no-repeat;
}

#nav-clients a {
	width: 52px;
	background: url(../images/nav/clients.gif) left top no-repeat;
}

#nav-products a {
	width: 67px;
	background: url(../images/nav/products.gif) left top no-repeat;
}

#nav-impact a {
	width: 49px;
	background: url(../images/nav/impact.gif) left top no-repeat;
}

#nav-riffs a {
	width: 33px;
	background: url(../images/nav/riffs.gif) left top no-repeat;
}

#nav-faqs a {
	width: 32px;
	background: url(../images/nav/faqs.gif) left top no-repeat;
}

#logo {
	margin-left: 685px;
	padding-top: 14px;
	width: 205px;
	height: 60px;
	overflow: hidden;
	background: url(../images/nav/roi-ventures-new.gif) left 14px no-repeat;
	text-indent: -10000px;
}

#logo h1 {
	margin: 0;
}

#logo a {
	display: block;
	height: 63px;
}

#contentcontainer {
	padding-bottom: 12px;
	position: relative;
	padding-top: 1px;
}

#bannercontainer {
	background: url(../images/common/banner-tab.gif) left top no-repeat;
	z-index: 10;
}

#banner-image {
	width: 889px;
	border-top: 1px solid #a3a6a8;
	border-bottom: 1px solid #a3a6a8;
}

#banner-image-content {
	height: 189px;
	overflow: hidden;
}

#banner-image .banner-slice {
	float: left;
}

.banner-text {
	margin-top: 2px;
	padding: 0 8px 6px 8px;
	border-left: 1px solid #a3a6a8;
	border-bottom: 1px solid #a3a6a8;
}

.banner-text p {
	margin: 0;
	padding: 0;
	
	font-size: 1.1em;
	line-height: 1.363em;
}

.banner-text a {
	text-decoration: none;
	color: #f78f1e;
}

.banner-text a:hover {
	text-decoration: underline;
}

#pagenavcontainer {
	position: absolute;
	left: 905px;
	top: 150px;
	z-index: 100;
}

#pagenavcontainer-fresh {
	position: absolute;
	left: 610px;
	top: 412px;
}

#fresh-nav {
	position: absolute;
	width: 310px;
	left: 630px;
	top; 50px;
	z-index: 1000;
}

#fresh-nav div.pager-pager {
	font-size: 1.0em;
}

#fresh-nav  ul.freshlist {
	font-size: 1.3em;
	margin-top: 20px;
	list-style-type: none;
}

#fresh-nav ul.freshlist li {
	line-height: 19px;
	margin: 10px 0 0;
	min-height: 32px;
}

#fresh-nav ul.freshlist li a {
	font-weight: bold;
	text-decoration: none;
}

#fresh-nav ul.freshlist li a:hover {
	color: #AB0634;
}

#fresh-nav ul.freshlist li.selected a {
	color: #AB0634;
}

#fresh-nav ul.freshlist img {
	float:left;
	margin: 0 5px 5px 0;
	top: 0;
}

a#next-page {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -10000px;
	background: url(../images/common/arrow-next-new.gif) left top no-repeat;
	cursor: pointer;
}

a#prev-page {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -10000px;
	background: url(../images/common/arrow-previous-new.gif) left top no-repeat;
	cursor: pointer;
}

a#next-page:hover,
a#prev-page:hover {
	background-position: left -118px;
}

#textcontainer {
	position: relative;
	padding-bottom: 22px;
	z-index: 10;
}

#textcontainer .landing-col-2 {
	float: left;
	width: 410px;
	margin-right: 30px;
}

#textcontainer .landing-col-1 {
	float: left;
	width: 410px;
	margin-right: 0px;
}

#subtextcontainer {
	margin-left: 35px;
}

* html #textcontainer,
* html #subtextcontainer {
	padding-top: 1px;
}

#subtextcontainer .no-heading {
	border-top: 2px solid #543019;
	padding-top: 13px;
}

#subtextcontainer h2 {
	color: #543019;
	font-size: 1.3em;
	line-height: 1;
	margin: 0 0 5px 0;
	padding-bottom: 2px;
	border-bottom: 2px solid #543019;
}

#subtextcontainer h2 a {
	color: #543019;
}

#subtextcontainer h2 a:hover,
#subtextcontainer h3 a:hover {
	text-decoration: none;
}

#subtextcontainer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.2;
}

#subtextcontainer li {
	margin: 0;
	padding: 0 0 6px; 0;
}

#subtextcontainer p {
	font-size: 1.3em;
	line-height: 19px;
	margin-right: 6px;
}

#subtextcontainer a {
	text-decoration: none;
}

#subtextcontainer a:hover {
	text-decoration: underline;
}

#subtextcontainer ul.navlist a {
	color: #454545;
	font-weight: bold;
}

#subtextcontainer ul.navlist a:hover {
	text-decoration: none;
}

#subtextcontainer .product-question p {
	margin-bottom: 13px;
}

#subtextcontainer .product-question p.answer {
	margin-bottom: 0;
}	

.about #subtextcontainer h2, 
.about #subtextcontainer a,
.about #subtextcontainer ul.navlist a:hover,
.sitemap .about a { color: #d11242; }

.about #subtextcontainer .no-heading,
.about #subtextcontainer h2 { border-color: #d11242; }

.work #subtextcontainer h2, 
.work #subtextcontainer a,
.work #subtextcontainer ul.navlist a:hover,
.sitemap .work a { color: #d11242; }

.work #subtextcontainer .no-heading,
.work #subtextcontainer h2 { border-color: #d11242; }

.fresh #subtextcontainer h2, 
.fresh #subtextcontainer ul.navlist a:hover,
.fresh #subtextcontainer a:hover,
.sitemap .fresh a { color: #d11242; }

.fresh #subtextcontainer a { color: #454545; }

.fresh #subtextcontainer .no-heading,
.fresh #subtextcontainer h2 { border-color: #d11242; }

.contact #subtextcontainer h2, 
.contact #subtextcontainer ul.navlist a:hover,
.contact #subtextcontainer a:hover { color: #d11242; }

.contact #subtextcontainer a { color: #454545; }

.contact #subtextcontainer .no-heading,
.contact #subtextcontainer h2 { border-color: #d11242; }

#subtextcontainer h2.about,
#subtextcontainer h2.about a, 
#subtextcontainer h3.about a,
#subtextcontainer h2.work,
#subtextcontainer h2.work a, 
#subtextcontainer h3.work a, 
#subtextcontainer h2.fresh, 
#subtextcontainer h2.fresh a, 
#subtextcontainer h3.fresh a, 
#subtextcontainer h2.contact,
#subtextcontainer h2.contact a,
#subtextcontainer h3.contact a { 
	color: #d11242; 
	border-bottom-color: #d11242; 
}

#subtextcontainer .sitemap ul {
	margin-bottom: 12px;
	line-height: 19px;
}

#subtextcontainer .sitemap li {
	padding-bottom: 4px;
}

.sitemap li.fresh a {
	color: #363c74;
}

/*.sitemap a {
	font-style: italic;
}*/

.sitemap h2 a,
.sitemap a strong {
	font-style: normal;
}




#utilitybarcontainer {
/*	position: absolute;*/
	position: relative;
	width: 100%;
	min-width: 940px;
	background-color: white;
	z-index: 10;
	bottom: 0px;
}

#utilitybarcontainer.relative {
	position: relative;
	width: 100%;
	bottom: 0px;
}

#utilitybarcontainer.fixed {
	position: absolute;
	width: 100%;
	bottom: 0px;
}

#utilitybar {
	height: 20px;
}

#utilitybar ul {
	list-style-type: none;
	margin: 0 0 0 35px;
	padding: 0;
}

#utilitybar li {
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 12px;
	border-right: 1px solid #c9cbcc;
}

#utilitybar a {
	text-indent: -10000px;
	display: block;
	height: 20px;
}

li#nav-privacy {
	width: 52px;
	height: 20px;
	background: url(../images/nav/privacy.gif) left top no-repeat;
}

li#nav-sitemap {
	width: 54px;
	height: 20px;
	background: url(../images/nav/sitemap.gif) left top no-repeat;
}

li#nav-downloads {
	width: 73px;
	height: 20px;
	background: url(../images/nav/downloads.gif) left top no-repeat;
}

li#copyright {
	border-right: none;
	font-size: 0.9em;
	line-height: 13px;
	color: #7a7a7a;
	font-weight: bold;
}

.tagline {
	margin-left: 624px;
	text-indent: -10000px;
	background: url(../images/common/return-on-inspiration.gif) left top no-repeat;
	width: 162px;
	height: 13px;
}

#copyrightbar {
	background-color: #543019;
	padding: 8px 0 0 35px;
	height: 20px;
	font-family: verdana, helvetica, arial, sans-serif;
	
	font-size: 0.8em;
	line-height: 1;
	color: white;
	font-weight: bold;
}

#textcontainer {
	margin-top: 15px;
	margin-left: 35px;
}

.large-text {
	font-size: 1.4em;
	line-height: 1.357em;
}

.large-text p {
	margin-bottom: 0.8em;
}

.large-text strong {
	color: #603913;
}

.large-text a {
	text-decoration: none;
}

.large-text a:hover {
	text-decoration: underline;
}

.large-text a.large-text-link {
	font-weight: bold;
}

.large-text .how-link a {
	color: #f78f1e;
}

.large-text p.more-link {
}

.product-title {
	font-size: 1.8em;
	line-height: 1.5em;
	font-weight: bold;
}

.product-title p {
	margin-bottom: 0.8em;
}

.product-title strong {
	color: #f78f1e;
}

.product-title em {
	font-weight: normal;
}

div.col-1 {
	float: left;
	width: 264px;
	margin-right: 31px;
}

div.col-2 {
	float: left;
	width: 559px;
	margin-right: 31px;
}

div.last {
	margin-right: 0;
}

div.what-quote {
	float: left;
	width: 138px;
}

.what-text {
	margin-left: 142px;
	padding-top: 30px;
}

.what-text h1 {
	font-size: 1.6em;
	line-height: 19px;
	color: #363c74;
	margin: 0 0 16px 0;
}

.what-text p {
	font-size: 1.3em;
	line-height: 19px;
	margin: 0 0 16px 0;
}

.what-text a {
	text-decoration: none;
	color: #363c74;
}

.what-text a:hover {
	text-decoration: underline;
}

p.quote {
	text-indent: -0.3em;
}

* html p.quote {
	text-indent: 0;
}

div.bio-photo {
	float: left;
	width: 140px;
	padding-left: 10px;
}

div.bio-text {
	margin-left: 159px;
}

.bio-text h1 {
	font-size: 1.8em;
	line-height: 19px;
	color: #d11242;
	margin: 0 0 2px 0;
}

.bio-text h2 {
	font-size: 1.3em;
	line-height: 19px;
	margin: 0 0 6px 0;
}

.bio-text p {
	font-size: 1.3em;
	line-height: 19px;
}

.bio-text p.bio-link {
	margin-top: 5px;
}

.bio-text a {
	text-decoration: none;
	color: #d11242;
}

.bio-text a:hover {
	text-decoration: underline;
}

div.client-image {
	margin-bottom: 24px;
}

div.client-name {
	float: left;
	width: 186px;
}

.client-name h1 {
	color: #d11242;
	font-size: 1.8em;
	line-height: 22px;
	margin: 0 0 9px 0;
}

.client-name p {
	font-size: 1.3em;
	line-height: 19px;
}

.client-name a {
	text-decoration: none;
}

.client-name a:hover {
	text-decoration: underline;
}

div.client-text {
	margin-left: 206px;
}

.client-text p {
	font-size: 1.3em;
	line-height: 19px;
}

.client-description {
	font-size: 1.3em;
	line-height: 19px;
	font-style: italic;
	margin: 0 0 9px 0;
	display: none;
}

.client-description.active {
	display: block;
}

#subtextcontainer ul.clientlist a.active {
	color: #f78f1e;
}

#subtextcontainer ul.surveylist a {
	color: #f78f1e;
}

#subtextcontainer ul.surveylist a:hover {
	text-decoration: underline;
}

div.product-question {
	padding-bottom: 36px;
	position: relative;
}

.work #subtextcontainer .no-heading.product-question-light {
	border-top-color: #acacac;
}

.product-question-light,
.product-answer {
	position: relative;
}

.product-question-light p {
	color: #acacac;
}

div.question {
	float: left;
	position: relative;
	top: -3px;
	left: 0px;
	margin: 0 7px 0 0;
}

div.answer {
	float: left;
	position: relative;
	top: -2px;
	margin: 0 7px 0 0;
}

* html .fresh .col-1 {
	position: relative;
}

* html #subtextcontainer {
	overflow: hidden;
}

#subtextcontainer .freshlist li {
	line-height: 19px;
	margin: 0 0 7px 0;
	min-height: 32px;
}

* html #subtextcontainer .freshlist {
	padding-top: 1px;
}

.freshlist img {
	float: left;
	top: 2px;
	margin: 0 5px 5px 0;
}

#subtextcontainer .freshlist a {
	font-weight: bold;
}

#subtextcontainer .freshlist a:hover {
	color: #d11242;
	text-decoration: none;
}

.riff-row {
	padding-bottom: 36px;
}

.riff-image img {
	border-top: 2px solid #ab0634;
}

.riff-text {
	border-top: 2px solid #ab0634;
	padding-top: 8px;
}

.riff-text h3 {
	font-size: 1.3em;
	line-height: 19px;
	margin: 0;
	color: #ab0634;
}

.riff-text p {
	font-size: 1.3em;
	line-height: 19px;
	margin: 0;
}

.riff-dialogue-link {
	font-size: 1.3em;
	line-height: 19px;
	background: url(../images/common/dotted-rule.gif) left top repeat-x;
	padding: 9px 0 7px 0;
	margin-top: 6px;
}

.fresh-image {
	min-height: 381px;
	margin-top: -15px;
	overflow: hidden;
	position: relative;
	height: 381px;
}

* html .col-2 {
	position: relative;
}

.fresh-image img {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

* html fresh-image {
	height: 381px;
}

.fresh-image #fresh-swf {
	padding-top: 15px;
}

.fresh-text {
	margin-top: 12px;
}

.fresh-text h2 {
	font-size: 1.3em;
	line-height: 19px;
	margin: 0 0 0.5em 0;
}

.fresh-text h3 {
	font-size: 1.3em;
	line-height: 19px;
	color: #ab0634;
	margin: 0;
}

.fresh-text p {
	font-size: 1.3em;
	line-height: 19px;
	margin: 0 0 9px 0;
}

.fresh-text a {
	text-decoration: none;
	font-style: italic;
}

.fresh-text a:hover {
	text-decoration: underline;
}

.fresh-text .return a {
	color: #ab0634;
	font-style: italic;
}

.fresh-text .return a:hover {
	text-decoration: underline;
}

#subtextcontainer .riff-dialogue-link a {
	color: #ab0634;
	font-style: italic;
}

#subtextcontainer .riff-dialogue ul {
	background: url(../images/common/dotted-rule.gif) left bottom repeat-x;
}

#subtextcontainer .riff-dialogue li {
	background: url(../images/common/dotted-rule.gif) left top repeat-x;
	padding: 9px 0 7px 0;
	line-height: 19px;
	clear: both;
}

.riff-dialogue li img {
	float: left;
	margin: 0 12px 5px 0;
}

.riff-dialogue .riff-date {
	display: inline-block;
	font-style: italic;
}

#TB_ajaxContent #headercontainer,
#TB_ajaxContent #utilitybarcontainer {
	display: none;
}

#TB_ajaxContent #pagecontainer {
	width: auto;
}

#TB_ajaxContent #contentcontainer {
	padding: 0;
}

#TB_ajaxContent #textcontainer {
	margin: 0;
	padding: 0;
}

#TB_ajaxContent #textcontainer.bio {
	margin: 0;
	padding: 38px 38px 8px 14px;
}

#TB_ajaxContent #textcontainer.what {
	margin: 0;
	padding: 22px 18px 8px 23px;
}

#TB_ajaxContent #textcontainer.client {
	margin: 0;
	padding: 32px 0 8px 34px;
	width: 692px;
}

div.updateie6 h3{font-size:14px;margin:0px;}
div.updateie6{font-family:Arial, Helvetica, sans-serif;font-size:12px;background-color:#FAE99A;border-color:#BF6506;color:#000;padding:6px;border:1px solid;}
div.updateie6 a{color:#000;font-size:12px;text-decoration:underline;}
div.updateie6 a:hover{color:#333;font-size:12px;}
div.updateie6 li{color:#000;}
div.updateie6 ul{margin-top:2px;}
div.updateie6 span#hideme{position:absolute;top:14px;right:10px;}
div.updateie6 div#whyupcontent{padding-top:10px;}


/* --- begin centering --- */

body {
	background: #f1f1f1 url(/images/common/page-bg.gif) center top repeat-y;
}

#pagecontainer {
	margin: 0 auto;
	padding: 0 16px 0 0;
	background: white;
}

#utilitybarcontainer {
	background: none;
}

#utilitybar {
	width: 940px;
	margin: 0 auto;
	padding: 0 16px 0 0;
	background: white;
}

#TB_ajaxContent #pagecontainer {
	margin: 0;
	padding: 0;
}


/* --- end centering --- */