body {
	color: #6d6e70;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.9;
}

h1, h2, h3 {
	color: #b30738;
	font-weight: normal;
	line-height: normal;
	text-transform: lowercase;
}

a:link,
a:visited {
	color: #194f68;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#top a:link,
#top a:visited {
	color: #7a99ae;
	text-decoration: none;
}

#top a.current:link, #top a.current:visited, #top a:hover,
#btm a.current:link, #btm a.current:visited, #btm li a:hover {
	color: #b30738;
	text-decoration: none;
}

#top h1 a:link,
#top h1 a:visited {
	color: #6d6e70;
}

#top .pitch a:link,
#top .pitch a:visited {
	font-size: 17px;
	text-decoration: none;
	height: 50px;
	line-height: 50px;
	padding-left: 80px;
	background: url(../img/branch-tiny.jpg) no-repeat 5px 0;
	display: block;
}

#btm a:link,
#btm a:visited {
	text-decoration: none;
	font-size: 15px;
	color: #717274;
	text-transform: lowercase;
}

#btm a.campbell:link,
#btm a.campbell:visited {
	color: #c14751;
	font-size: 17px;
	position: relative;
	top: -2px;
	left: 20px;
}

a.more:link,
a.more:visited {
	color: #b30738;
	font-size: 16px;
}

.understated {
	text-transform: lowercase;
}


#top .nav {
	width: 100%;
	height: 50px;
}

#top .nav,
#btm {
	
	/* fallback background-color for browsers that can't handle gradients */
	background: #f4eecb;
	
	/* the below rules produce a gradient background in Mozilla, WebKit, and IE browsers */
	/* SEE: http://weston.ruter.net/projects/css-gradients-via-canvas/ for help in older versions of FF and Opera */
	
	/* webkit */
	background: -webkit-gradient(
		linear,
		left bottom,
		right top,
		color-stop(0, rgb(167,187,204)),
		color-stop(1, rgb(244,238,203))
	);
	
	/* FF 3.6+ */
	background: -moz-linear-gradient(
		left bottom,
		rgb(167,187,204) 0%,
		rgb(244,238,203) 100%
	);
	
	/* IE */
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#f4eecb', startColorstr='#a7bbcc', gradientType='1');
}

#top .nav ul {
	margin: 0;
	height: 65px;
	position: relative;
	top: -7px;
}

#top .nav li {
	list-style: none;
	margin-left: 0;
	float: left;
	height: 100%;
}

#top li a:link,
#top li a:visited {
	text-transform: uppercase;
	font-size: 20px;
	text-decoration: none;
	display: block;
	padding-left: 50px;
	height: 100%;
	line-height: 65px;
	margin-left: 10px;
	letter-spacing: 1px;
}

li.overview a:link,
li.overview a:visited {
	background: url(../img/nav-arrow.png) no-repeat 0 -195px;
}

li.process a:link,
li.process a:visited {
	background: url(../img/nav-arrow.png) no-repeat 0 -130px;
}


li.strategy a:link,
li.strategy a:visited {
	background: url(../img/nav-arrow.png) no-repeat 0 -65px;
}

li.results a:link,
li.results a:visited {
	background: url(../img/nav-arrow.png) no-repeat 0 0;
}

#top .branding {
	margin-top: 30px;
	margin-bottom: 10px;
	height: 109px;
}

#top .branding h1 {
	color: #6d6e70;
	font-size: 22px;
	font-weight: normal;
}

#top .branding img {
	vertical-align: -20px;
}

#top .branding div {
	margin-top: 40px;
}

#mid {
	height: 510px;
}

.scrollable {
	position: relative;
	overflow: hidden;
}

.scrollable .items {
	width: 20000em;
	position: absolute;
}

.scrollable .item {
	width: 960px;
	padding-top: 30px;
	float: left;
	position: relative;
}

#btm {
	height: 50px;
	line-height: 50px;
}

#btm ul {
	margin: 0;
	padding: 0;
}

#btm li {
	list-style: none;
	display: inline;
}

/* styles for the overview page */

#overview {
	position: relative;
	top: 73px;
}

#overview h1 {
	font-size: 40px;
}

#overview .copy {
	padding-top: 65px;
}

#overview a.more:link,
#overview a.more:visited {
	display: block;
	width: 141px;
	margin-top: 20px;
	text-align: center;
}

#overview a.more:hover {
	text-decoration: none;
}

/* styles for the team page */

#team h1 {
	margin-left: 43px;
}

.team {
	margin-left: 0;
	padding-left: 0;
	font-size: 11px;
	color: #6d6e70;
}

.team a:link,
.team a:visited {
	color: #6d6e70;
}

.team li {
	list-style: none;
	text-align: center;
}

.team .name,
.team .title {
	display: block;
	line-height: normal;
}

.team .title {
	margin-bottom: 30px;
}

html.has-js .overlay
{
	width: 300px;
	background: #dbe3eb;
	padding: 10px;
	font-size: 13px;
	z-index: 2000;
	position: absolute;
	top: -9999px;
	left: -9999px;
	box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	-o-box-shadow: 3px 3px 5px #888;
	-webkit-box-shadow: 3px 3px 5px #888;
	line-height: 1.5;
	color: #231f20;
}

html.has-js .overlay .close { 
	width: 16px;
	height: 16px;
	background: url(../img/overlay-close.gif) no-repeat;
	float: right;
	margin: -5px -5px 5px 5px;
	cursor: pointer;
}

/* styles for the Services page */

#services ul {
	margin-left: 0;
	padding-left: 0;
}

#services li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

#services h2 {
	margin-bottom: 0.5em;
}

/* styles for the Contact Us and Critique forms */

.address {
	line-height: 1.4;
	margin-top: 80px;
}

p.caption {
	padding-left: 105px;
	color: #ab4e51;
	margin-bottom: 10px;
}

input.text {
	border: solid #bbbdc0 1px;
	width: 280px;
	height: 22px;
}

input.submit {
	border: none;
	color: #194f68;
	text-transform: uppercase;
	font-size: 14px;
	background: none;
	padding-left: 105px;
	display: block;
	width: 164px;
}

label {
	width: 90px;
	margin-right: 15px;
	display: block;
	float: left;
	text-align: right;
}

form p {
	margin: 10px 0;
}

#critique .grid_7 {
	position: relative;
}

#critique .sample {
	padding-left: 91px;
	margin-top: 3px;
}

.more-info {
	color: #AB4E51;
	text-transform: lowercase;
	position: absolute;
}

.more-info img {
	vertical-align: -6px;
}

#critique .more-info {
	top: 134px;
	left: 260px;
}

#critique .branch {
	width: 325px;
	margin: 0 auto;
}

.error {
	font-size: 11px;
	color: #AB4E51;
	background: #fff;
	padding: 2px;
	border: 1px solid #BBBDC0;
	height: 20px;
}

.success {
	font-size: 12px;
	color: #666;
	background: #eee;
	padding: 2px;
	border: 1px solid #aaa;
	text-align: center;
	font-weight: bold;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: -25px;
	margin-bottom: 10px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.overlay h3 {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.overlay ul {
	margin-top: 0;
	margin-left: 0.5em;
	padding-left: 0.5em;
}

.overlay li
{
	font-size: 12px;
	line-height: 16px;
	margin: 2px 0;
	list-style: url(../img/list-marker.gif);
}

/* styles for the Results page */
#results .slideshow
{
	width: 600px;
	height: 300px;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
	overflow: hidden;
}

#results .start
{
	color: #b30738;
	text-transform: lowercase;
	position: absolute;
	margin-top: 148px;
	left: 170px;
	padding: 5px;
	line-height: normal;
	background: url(../img/light-trans.png);
}

#results .trigger {
	position: absolute;
	top: 0;
	left: 223px;
	z-index: 800;
	height: 320px;
	width: 325px;
	background: url(../img/big-right-arrow.png) no-repeat;
	cursor: pointer;
}

#results .slideshow .inner {
	width: 100%;
	height: 100%;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

#results .slideshow img {
	position: absolute;
	top: 0;
	left: 0;
}

.controls {
	text-align: center;
}

.controls button {
	background: #fff;
	border: solid #fff 1px;
	color: #194f68;
	font-weight: bold;
	font-size: 10px;
	padding: 3px;
	cursor: pointer;
}

.controls button:hover {
	color: #b30738;
}

.controls button img {
	vertical-align: -3px
}

/* styles for the Process page */

#process h2 {
	font-size: 32px;
	letter-spacing: 1px;
	margin-top: 32px;
	margin-bottom: 15px; 
	margin-left: 20px;
}

#process .diagram {
	height: 300px;
	position: relative;
}

#process .step {
	width: 205px;
	height: 300px;
	background: url(../img/process-bg.png) no-repeat;
	position: absolute;
	top: 0;
	z-index: 1;
	cursor: url(/public/img/magnify_32x32.png), url(/public/img/magnify_32x32.ico), pointer;
}

#process .review {
	left: 0;
	background-position: 0 0;
}

#process .refine {
	left: 205px;
	background-position: -205px 0;
}

#process .revive {
	left: 410px;
	background-position: -410px 0;
}

#process .return {
	left: 615px;
	background-position: -615px 0;
}

#process .active.review {
	background-position: 0 -300px;
}

#process .active.refine {
	background-position: -205px -300px;
}

#process .active.revive {
	background-position: -410px -300px;
}

#process .active.return {
	background-position: -615px -300px;
}

#process dt,
#process dd {
	padding-left: 25px;	
	color: #7596ab;
	font-size: 13px;
	line-height: normal;
}

#process dd {
	display: none;
}

#process dt {
	margin-bottom: 42px;
	height: 23px;
}

dt.a { 
	background: url(../img/process-icons.png) no-repeat 0 0;
}

dt.b {
	background: url(../img/process-icons.png) no-repeat 0 -59px;
}

dt.c {
	background: url(../img/process-icons.png) no-repeat 0 -119px;
}

#process .active {
	border: solid #7a99ae 1px;
	width: 203px;
	height: 298px;
	background-color: #fff;
	padding: 0 10px;
	z-index: 2;
}

#process .active h2 {
	font-size: 42px;
	height: 31px; /* total 67px with padding */
	line-height: 31px;
	margin: 0 0 0 23px;
	padding: 6px 0 30px 0;
}

#process .active dt {
	color: #b30738;
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	margin: 0 0 0 -5px;
	padding: 0 0 0 30px;
}

#process .active dd {
	display: block;
	color: #235364;
	line-height: 14px;
	height: 50px;
	padding: 8px 0 0 0;
	margin: 0 0 0 23px;
}

.active dt.a { 
	background: url(../img/process-icons.png) no-repeat 0 -25px;
}

.active dt.b {
	background: url(../img/process-icons.png) no-repeat 0 -83px;
}

.active dt.c {
	background: url(../img/process-icons.png) no-repeat 0 -142px;
}

#process p.note {
	color: #ab4e51;
	text-transform: lowercase;
	margin-top: 15px;
	height: 21px;
	line-height: 21px;
	padding-left: 26px;
	background: url(../img/magnify.png) no-repeat;
}

/* styles for the Strategy page */

#strategy {
	position: relative;
	background: url(../img/strategy/branch-default.jpg) no-repeat 300px 30px;
	min-height: 444px;
}

#strategy h1 {
	position: relative;
	z-index: 2;
}

#strategy .more-info {
	right: 114px;
	z-index: 500;
	display: none;
}

#strategy .more-info.top {
	top: 35px;
}

#strategy .more-info.btm {
	top: 470px;
}

.original {
	display: none;
	background: url(../img/strategy/white-opt.png);
	width: 808px;
}

.original .close {
	background: url(../img/overlay-close.gif) no-repeat;
	position: absolute; 
	right: 33px; 
	top: 35px;
	cursor: pointer;
	height: 16px;
	width: 16px;
}

.original img {
	display: block;
	margin: 33px auto 0 auto;
}

.accordion-cue {
	font-size: 12px;
	line-height: normal;
	color: #b30738;
	text-transform: lowercase;
	font-weight: bold;
	width: 110%;
	position: relative;
	left: 19px;
}

#accordion h3 {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	height: 37px;
	line-height: 37px;
	background: url(../img/strategy/stars.png) no-repeat;
	padding-left: 49px;
}

#accordion > div {
	display: none;
	width: 220px;
	background: #fff;
}

#accordion h3.current a:link,
#accordion h3.current a:visited {
	color: #b30738;
}

#accordion h3.current {
	margin-bottom: 0;
}

#accordion h3 a:hover {
	text-decoration: none;
}

#accordion h3.first { background-position: 0 0; }
#accordion h3.second { background-position: 0 -37px; }
#accordion h3.third { background-position: 0 -74px; }
#accordion h3.fourth { background-position: 0 -111px; }

#accordion h3.first.current  { background-position: 0 -148px; }
#accordion h3.second.current { background-position: 0 -185px; }
#accordion h3.third.current { background-position: 0 -222px; }
#accordion h3.fourth.current { background-position: 0 -259px; }

#accordion p {
	font-size: 12px;
	text-transform: lowercase;
	line-height: normal;
	color: #231f20;
	padding-left: 49px;
	width: 95%;
}

#accordion h3 {
	margin-bottom: 30px;
}

#accordion .branch-detail {
	position: absolute;
	width: 555px;
	height: 444px;
	top: 30px;
	left: 300px;
	background: #fff;
}

.branch-detail .blank {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	cursor: pointer;
}

.info {
	display: none;
	position: absolute;
	z-index: 3;
}

.info h3 {
	font-size: 13px;
	margin: 0;
	text-transform: uppercase;
}

.info ul {
	margin-left: 0;
	padding-left: 0;
	font-size: 12px;
	color: #231f20;
}

.info li {
	list-style: none;
	display: block;
	margin: 2px 0 2px -10px;
	padding-left: 10px;
	background: url(../img/list-marker.gif) no-repeat 0 -11px;
	line-height: normal;
}

.info.transaction {
	background: url(../img/strategy/transaction-dots-bg.png) no-repeat right 5px;
	width: 360px;
	height: 90px;
	top: 119px;
	left: 266px;
}

.info.waiting {
	background: url(../img/strategy/waiting-dots-bg.png) no-repeat 20px 0;
	width: 270px;
	height: 90px;
	top: 219px;
	left: 300px;
	padding-top: 128px;
	padding-left: 20px;
}

.info.offices {
	background: url(../img/strategy/offices-dots-bg.png) no-repeat 20px 0;
	padding-top: 165px;
	padding-left: 45px;
	width: 200px;
	height: 90px;
	top: 244px;
	left: 411px;
}

.info.drive-up {
	background: url(../img/strategy/drive-up-dots-bg.png) no-repeat 0 23px;
	padding-left: 121px;
	width: 256px;
	height: 100px;
	top: 101px;
	left: 702px;
}

.info.back {
	background: url(../img/strategy/back-dots-bg.png) no-repeat 0 5px;
	padding-left: 115px;
	width: 155px;
	top: 187px;
	left: 712px;
}

.info.interior {
	background: url(../img/strategy/interior-dots-bg.png) no-repeat 0 0;
	padding-left: 215px;
	width: 150px;
	top: 289px;
	left: 590px;
}

.info.exterior {
	background: url(../img/strategy/exterior-dots-bg.png) no-repeat 0 0;
	padding-left: 128px;
	width: 150px;
	top: 371px;
	left: 648px;
}