/* ==============================================================================

main stylesheet for Core•Continuum website

============================================================================== */


/* ==== RESET ===========================================================
Resets default HTML element styles, which differ from browser to browser
========================================================================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}





/* ==== BASE LAYOUT =====================================================
Sets basic structure and layout for site templates
========================================================================= */

body {
	width: 100%;
	text-align: center;
	font: 62.5% "helvetica neue", helvetica, arial, verdana, sans-serif;
	background: #39120E url(/images/footer-bck.png) repeat-y center top;
}
#headwrap {
	width: 100%;
	float: left;
	background: #FFF url(/images/headwrap-bck.png) repeat-x left top;
}
#header {
	width: 960px;
	height: 140px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(/images/header-bck.gif) repeat-x left top;
}
#splashwrap {
	width: 100%;
	float: left;
	height: 85px;
}
#splash {
	width: 100%;
	height: 85px;
}
#splash-head {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#mainwrap {
	width: 100%;
	float: left;
	background: #FFF url(/images/main-bck.png) repeat-x left top;
	padding-bottom: 30px;
}
#maincenter {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#main {
	width: 960px;
	padding-top: 30px;
	float: left;
	position: relative;
}
#content {
	float: left;
}
#footwrap {
	width: 100%;
	float: left;
	background: transparent url(/images/footwrap-bck.png) repeat-x center top;
}
#footer {
	width: 960px;
	height: 230px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(/images/footer-circles.png) no-repeat center top;
}





/* ==== HEADER AND MAIN NAVIGATION ======================================
Styles and graphics for header and navigation throughout the site
========================================================================= */

#header h1 {
	float: left;
	height: 59px;
	width: 220px;
	margin: 44px 0 0 10px;
	background: transparent url(/images/logo-corecontinuum.gif) no-repeat left top;
	text-indent: -999em;
}
#header h1 a {
	display: block;
	height: 59px;
	width: 220px;
	background: transparent url(/images/logo-corecontinuum.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
}
#nav {
	float: right;
	margin-top: 59px;
	width: 594px;
}
#nav li {
	float: left;
	display: inline;
	margin-left: 12px;
}
#nav li a {
	display: block;
	height: 30px;
	text-indent: -999em;
	overflow: hidden;
}
#nav-services a {
	width: 83px;
	background: transparent url(/images/nav-services.gif) no-repeat left top;
}
#nav-ideas a {
	width: 60px;
	background: transparent url(/images/nav-ideas.gif) no-repeat left top;
}
#nav-products a {
	width: 86px;
	background: transparent url(/images/nav-products.gif) no-repeat left top;
}
#nav-giving a {
	width: 106px;
	background: transparent url(/images/nav-giving.gif) no-repeat left top;
}
#nav-company a {
	width: 88px;
	background: transparent url(/images/nav-company.gif) no-repeat left top;
}
#nav-contact a {
	width: 99px;
	background: transparent url(/images/nav-contact.gif) no-repeat left top;
}
#nav-services a:hover, #nav-ideas a:hover, #nav-products a:hover, #nav-giving a:hover, #nav-company a:hover, #nav-contact a:hover {
	background-position: left bottom;
}
#services #nav-services a, #ideas #nav-ideas a, #products #nav-products a, #giving #nav-giving a, #company #nav-company a, #contact #nav-contact a {
	background-position: left center;
}





/* ====FOOTER STYLES ====================================================
Styles and graphics for footers throughout the site
========================================================================= */

#footer {
	color: #B9A3A1;
}
#footer .description {
	float: left;
	width: 400px;
	margin-top: 35px;
	padding-left: 10px;
	font-size: 1.6em;
	line-height: 1.6em;
}
#footer .description strong {
	font-weight: bold;
}
#footer ul {
	float: left;
	margin-top: 40px;
	padding-left: 440px;
}
#footer ul a {
	display: block;
	width: 100px;
	height: 21px;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
}
#flink-contact a {
	background: transparent url(/images/footlink-contact.gif) no-repeat left top;
}
#flink-careers a {
	background: transparent url(/images/footlink-careers.gif) no-repeat left top;
}
#flink-contact a:hover, #flink-careers a:hover {
	background-position: left bottom;
}
#footer .copyright {
	float: right;
	margin-top: 90px;
	text-align: right;
	padding-right: 80px;
	color: #875F5B;
	font-size: 1.1em;
	line-height: 1.6em;
}
#footer .copyright strong {
	display: block;
}





/* ==== TYPOGRAPHY ======================================================
Typographic styles for basic content tags (in #main div)
========================================================================= */

#main {
	color: #656058;
}
#main #content {
	padding-left: 10px;
}
#main p {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: .7em;
}
#main p a, #main li a {
	font-weight: bold;
	color: #A75829;
}
#main a:hover {
	color: #FDC056;
}
#main p strong, #main li strong  {
	font-weight: bold;
}
#main p em, #main h3 em, #main h4 em, #main h5 em, #main h6 em, #main li em {
	font-style: italic;
}
#main h3, #main h3 a, #main h4, #main h4 a, #main h5, #main h5 a {
	color: #A75829; /* Should change for each section */
}
#main h3 {
	font-size: 2.0em;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: .5em;
}
#main h4 {
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: bold;
	padding-top: 1.6em;
	margin-bottom: .5em;
}
#main h5 {
	font-size: 1.4em;
	line-height: 1.1em;
	font-weight: bold;
	padding-top: 1.2em;
	margin-bottom: .4em;
}
#main h6 {
	font-size: 1.2em;
	line-height: 1.3em;
	padding-top: 1.0em;
	margin-bottom: .4em;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #333;
}
#main h6 a {
	color: #333;
}
#main ol, #main ul {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 1.3em;
}
#main li {
	margin-bottom: .3em;
}
#main ol {
	list-style-type: decimal;
	padding-left: 3em;
}
#main ul {
	padding-left: 1.7em;
}
#main ul li {
	padding-left: 1.3em;
	background: transparent url(/images/listbullet.gif) no-repeat 0 .5em;
}
#main acronym, #main abbr {
	border-bottom: .1em dotted;
	cursor: help;
}
#main blockquote {
	background-color: #FDE8D2;
	padding: 15px 15px 7px 15px;
	margin-bottom: 1em;
	margin-top: 1em;
}
#main small {
	font-size: .8em;
}
#main .dot {
	color: #FDC056;
	font-weight: bold;
}





/* ==== HOME PAGE STYLES ================================================
Styles and graphics specific to the Home Page
========================================================================= */

#home #headwrap {
	background: #FFF url(/images/headwrap-bck-home.png) repeat-x left top;
}
#home #header {
	height: 379px;
}
#home #headquotes {
	float: left;
	width: 960px;
	margin-top: 17px;
}
#home #headquotes #headquote {
	float: left;
	margin-left: 10px;
	width: 480px;
	background-repeat: no-repeat;
	font-family: "Georgia";
	color: #111111;
}

#home #headquotes #headquote h2 {
	font-size: 32px;
}

#home #headquotes #headquote ul {
	margin-top: 20px;
	font-size: 16px;
}

#home #headquotes #headquote li {
	padding: 5px;
}

#home #headquotes .headimage {
	width: 470px;
	height: 240px;
	float: right;
}

/* Header Message */
#home #headermessage {
	margin-left: 100px;
	font-size: 24px;
	color: #A75829;
}

#home #headermessage ul {
	margin-left: 50px;
	font-size: 16px;
	list-style: circle;
}

#home #headermessage h3 {
	margin: 10px;
	font-size: 14px;
	color: #111;
}

#home #headermessage p {
	font-size: 12px;
	color: #A75829;
}

#home #headerquestions {
	margin-left: 100px;
	margin-top: 10px;
	font-size: 16px;
	color: #A75829;
	line-height: 1.2em;
}

#home #headerquestions a {
	color: #476992;
}

#home #headerquestions a:visited {
	color: #476992;
}

/* ----- HOME SPLASH BOXES ---- */
#home #splashwrap {
	width: 100%;
	float: left;
	height: 265px;
	background: #FDC056 url(/images/homesplash-bck.gif) repeat-x left top;
}
#home #splash {
	width: 100%;
	height: 265px;
	background: transparent url(/images/homesplash-bck2.gif) no-repeat center top;
}
#home #splashboxes {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#home .splashbox {
	width: 230px;
	height: 230px;
	background: transparent url(/images/splashbox-bck.png) no-repeat left top;
	margin: 18px 5px 0;
	float: left;
	display: inline;
	position: relative;
}
#home .splashbox h2 {
	width: 230px;
	height: 83px;
	background: transparent no-repeat left top;
	text-indent: -999em;
}
#home .sb-services h2 {
	background-image: url(/images/splashbox-header-services.gif);
}
#home .sb-ideas h2 {
	background-image: url(/images/splashbox-header-ideas.gif);
}
#home .sb-products h2 {
	background-image: url(/images/splashbox-header-products.gif);
}
#home .sb-giving h2 {
	background-image: url(/images/splashbox-header-giving.gif);
}
#home .splashbox p {
	position: absolute;
	top: 100px;
	left: 24px;
	width: 180px;
	height: 110px;
	background: transparent no-repeat left top;
	/* text-indent: -999em; */
}

.intro-text {
	font-family: "helvetica neue", helvetica, arial, verdana, sans-serif;
	font-size: 14px;
}

#home .sb-services p {
	/* background-image: url(/images/splashbox-text-services.gif); */
}
#home .sb-ideas p {
	/* background-image: url(/images/splashbox-text-ideas.gif); */
}
#home .sb-products p {
	/* background-image: url(/images/splashbox-text-products.gif); */
}
#home .sb-giving p {
	/* background-image: url(/images/splashbox-text-giving.gif); */
}
#home .splashbox p a.more {
	position: absolute;
	top: 88px;
	left: 120px;
	width: 66px;
	height: 24px;
	background: transparent no-repeat left top;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
}
#home .sb-services p a.more {
	background-image: url(/images/splash-more-services.gif);
}
#home .sb-ideas p a.more {
	background-image: url(/images/splash-more-ideas.gif);
}
#home .sb-products p a.more {
	background-image: url(/images/splash-more-products.gif);
}
#home .sb-giving p a.more {
	background-image: url(/images/splash-more-giving.gif);
}




/* ----- HOME SIDEBAR CONTENT ---- */
#home #sidebar {
	float: right;
	width: 470px;
	padding-right: 5px;
}




/* ----- SUCCESS QUOTE BOX ---- */
#sidesuccess {
	color: white;
	float: left;
	margin-left: 5px;
	display: inline;
	width: 460px;
	background: #87837b url(/images/sidesuccess-bck.png) no-repeat left top;
	margin-bottom: 10px;
}
#sidesuccess blockquote {
	background-color: transparent;
	padding: 0px;
}
#successbck {
	float: left;
	width: 460px;
	background: transparent url(/images/successbck-bck.png) no-repeat left bottom;
}
#sidesuccess img {
	float: left;
	margin: 15px 15px 14px 15px;
	padding: 5px;
	background: transparent url(/images/projectimg-bck.png) no-repeat left top;
}
#sidesuccess blockquote {
	color: #FFF;
 	font-size: 1.1em;
	line-height: 1.2em;
	padding: 17px 20px 5px 0px;
	margin: 0;
}
#sidesuccess blockquote strong {
	display: block;
	color: #FDC056;
	font-weight: bold;
	margin-top: 10px;
}
#sidesuccess blockquote em {
	display: block;
	color: #FDC056;
}
/* ----- CAN WE HELP BOX ---- */
#canwe {
	float: left;
	width: 470px;
	background: #FFF url(/images/canwe-bck.png) no-repeat left top;
	padding-top: 20px;
}
#canwebck {
	float: left;
	width: 470px;
	background: transparent url(/images/canwebck-bck.png) no-repeat left bottom;
	padding-bottom: 20px;
}
#canwe h4 {
	margin: 0 20px 5px;
	padding: 0;
	width: 163px;
	height: 30px;
	background: transparent url(/images/canwe-head.gif) no-repeat left top;
	text-indent: -999em;

}
#canwe p {
	padding: 0 20px;
	font-size: 1.4em;
	line-height: 1.3em;
}
#canwe .contact {
	margin: 40px 0 0 0;
	padding: 0 0 0 331px;
}
#canwe .contact a {
	display: block;
	width: 109px;
	height: 24px;
	background: transparent url(/images/canwe-button.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
	
}




/* ==== BLOG FEED STYLES ================================================
Blog Feed appears on Home Page and Ideas Page
========================================================================= */

#blogfeed {
	float: left;
	width: 450px;
	padding-left: 10px;
	padding-bottom: 30px;
}
#blogfeed .story {
	padding-bottom: 2em;
}
#blogfeed h4 {
	width: 315px;
	height: 55px;
	background: transparent url(/images/blog-header.gif) no-repeat left top;
	text-indent: -999em;
	padding: 0;
	margin: 0;
}
#blogfeed h5 {
	text-transform: none;
	letter-spacing: normal;
	padding: 0;
	margin: 0 0 .4em;
	font-size: 1.8em;
}
#blogfeed h5 a {
	text-decoration: none;
}
#blogfeed p {
	font-size: 1.4em;
	line-height: 1.3em;
	padding: 0;
	margin: 0;
}
#blogfeed p a.more {
	text-decoration: none;
	margin-left: .8em;
	padding-right: 18px;
	background: transparent url(/images/more-arrow.gif) no-repeat right center;
}
#blogfeed p a.more:hover {
	background: transparent url(/images/more-arrow-over.gif) no-repeat right center;
}
#blogfeed .meta {
	color: #B3ADA6;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: .1em;
	margin-top: .6em;
}
#blogfeed ul {
	padding: 0;
	margin: 0;
}
#blogfeed ul li {
	padding: 0;
	margin: 0 4px 0 0;
	background-image: none;
	float: left;
}
#blogfeed ul li a {
	display: block;
	height: 24px;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
}
#blogfeed #previous a {
	width: 198px;
	background: transparent url(/images/blog-button-prev.gif) no-repeat left top;
}
#blogfeed #future a {
	width: 177px;
	background: transparent url(/images/blog-button-future.gif) no-repeat left top;
}





/* ==== SUBPAGE SPLASH STYLES ===========================================
Section headers and subnavs for the subpages
========================================================================= */

/* ----- SECTION HEADERS ---- */
#splash h2 {
	height: 85px;
	background: transparent no-repeat left top;
	text-indent: -999em;
	float: left;
}
#services #splashwrap {
	background: #334B68 url(/images/splashbck-services.png) repeat-x left top;
}
#services #splash {
	background: transparent url(/images/splashbck-services2.jpg) no-repeat center top;
}
#services #splash h2 {
	width: 210px;
	background-image: url(/images/splashhead-services.gif);
}
#ideas #splashwrap {
	background: #5A412A url(/images/splashbck-ideas.png) repeat-x left top;
}
#ideas #splash {
	background: transparent url(/images/splashbck-ideas2.jpg) no-repeat center top;
}
#ideas #splash h2 {
	width: 135px;
	background-image: url(/images/splashhead-ideas.gif);
}
#products #splashwrap {
	background: #422F4A url(/images/splashbck-products.png) repeat-x left top;
}
#products #splash {
	background: transparent url(/images/splashbck-products2.jpg) no-repeat center top;
}
#products #splash h2 {
	width: 215px;
	background-image: url(/images/splashhead-products.gif);
}
#giving #splashwrap {
	background: #274227 url(/images/splashbck-giving.png) repeat-x left top;
}
#giving #splash {
	background: transparent url(/images/splashbck-giving2.jpg) no-repeat center top;
}
#giving #splash h2 {
	width: 290px;
	background-image: url(/images/splashhead-giving.gif);
}
#company #splashwrap {
	background: #B96A17 url(/images/splashbck-company.png) repeat-x left top;
}
#company #splash {
	background: transparent url(/images/splashbck-company2.jpg) no-repeat center top;
}
#company #splash h2 {
	width: 290px;
	background-image: url(/images/splashhead-company.gif);
}
#contact #splashwrap {
	background: #CA9A45 url(/images/splashbck-contact.png) repeat-x left top;
}
#contact #splash {
	background: transparent url(/images/splashbck-contact2.jpg) no-repeat center top;
}
#contact #splash h2 {
	width: 290px;
	background-image: url(/images/splashhead-contact.gif);
}



/* ----- SECTION SUBNAVIGATION ---- */
#splash #subnav {
	padding-top: 30px;
	float: right;
}
#splash #subnav li {
	float: left;
	margin-right: 10px;
}
#splash #subnav a {
	display: block;
	height: 24px;
	background: transparent no-repeat left top;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
}
#splash #subnav a:hover {
	background-position: left bottom;
}
#splash #snav-planning a {
	width: 146px;
	background-image: url(/images/snav-planning.gif);
}
#splash #snav-patterns a {
	width: 146px;
	background-image: url(/images/snav-patterns.gif);
}
#splash #snav-stories a {
	width: 133px;
	background-image: url(/images/snav-stories.gif);
}
#splash #snav-library a {
	width: 65px;
	background-image: url(/images/snav-library.gif);
}
#splash #snav-regex a {
	width: 142px;
	background-image: url(/images/snav-regex.gif);
}
#splash #snav-name a {
	width: 86px;
	background-image: url(/images/snav-name.gif);
}
#splash #snav-location a {
	width: 99px;
	background-image: url(/images/snav-location.gif);
}
#splash #snav-people a {
	width: 92px;
	background-image: url(/images/snav-people.gif);
}
.planning #splash #snav-planning a,
.patterns #splash #snav-patterns a,
.stories #splash #snav-stories a,
.library #splash #snav-library a,
.name #splash #snav-name a,
.location #splash #snav-location a,
.people #splash #snav-people a
{
	background-position: left center;
}





/* ==== SUBPAGE CONTENT WIDTHS/PADDING ==================================
Controls the widths/padding of the #content div
========================================================================= */
#content {
	width: 460px; /* 1/2 page - default */
}
.planning #content,
.solution #content,
.project #content,
.development #content,
.envision #content,
.stories #content,
.people #content {
	width: 620px; /* 2/3 page */
}
.library #content,
.patterns #content {
	width: 940px;
}
.casestudy #content {
	width: 950px;
}
.company #content {
	padding-bottom: 20px;
}
.location #content {
	width: 340px; /* 3/8 page */
}





/* ==== SUBPAGE IMAGES ==================================================
Main images on the primary section pages
========================================================================= */

.services #main {
	background: transparent url(/images/img-services.jpg) no-repeat right 20px;
}
.ideas #main {
	background: transparent url(/images/img-ideas.jpg) no-repeat right 30px;
}
.products #main {
	background: transparent url(/images/img-products.jpg) no-repeat right 30px;
}
.giving #main {
	background: transparent url(/images/img-giving.jpg) no-repeat right 30px;
}
.company #main {
	background: transparent url(/images/img-company.jpg) no-repeat right 30px;
}
.contact #main {
	background: transparent url(/images/img-contact.jpg) no-repeat right 30px;
}





/* ==== SUBPAGE HEADLINES ==================================================
Headline images on the primary section pages
========================================================================= */
#main #content h3 {
	background: transparent no-repeat left top;
	margin-bottom: 20px;
}
.services #main #content h3 {
	background-image: url(/images/headline-services.gif);
	width: 460px;
	height: 92px;
	text-indent: -999em;
}
.planning #main #content h3 {
	background-image: url(/images/headline-planning.gif);
	width: 460px;
	height: 30px;
	text-indent: -999em;
}
.solution #main #content h3 {
	background-image: url(/images/headline-solution.gif);
	width: 620px;
	height: 30px;
	text-indent: -999em;
}
.project #main #content h3 {
	background-image: url(/images/headline-project.gif);
	width: 620px;
	height: 30px;
	text-indent: -999em;
}
.development #main #content h3 {
	background-image: url(/images/headline-development.gif);
	width: 620px;
	height: 30px;
	text-indent: -999em;
}
.envision #main #content h3 {
	background-image: url(/images/headline-envision.gif);
	width: 620px;
	height: 60px;
	text-indent: -999em;
}
.patterns #main #content h3 {
	background-image: url(/images/headline-patterns.gif);
	width: 460px;
	height: 30px;
	text-indent: -999em;
}
.stories #main #content h3 {
	background-image: url(/images/headline-stories.gif);
	width: 460px;
	height: 30px;
	text-indent: -999em;
}
.casestudy #main #content h3 {
	background-image: url(/images/headline-casestudy.gif);
	width: 460px;
	height: 30px;
	text-indent: -999em;
}
.ideas #main #content h3 {
	background-image: url(/images/headline-ideas.gif);
	width: 460px;
	height: 225px;
	text-indent: -999em;
}
.library #main #content h3 {
	background-image: url(/images/headline-library.gif);
	width: 460px;
	height: 30px;
	text-indent: -999em;
}
.products #main #content h3 {
	background-image: url(/images/headline-products.gif);
	width: 460px;
	height: 130px;
	text-indent: -999em;
}
.giving #main #content h3 {
	background-image: url(/images/headline-giving.gif);
	width: 460px;
	height: 165px;
	text-indent: -999em;
}
.company #main #content h3 {
	background-image: url(/images/headline-company.gif);
	width: 460px;
	height: 130px;
	text-indent: -999em;
}
.name #main #content h3 {
	background-image: url(/images/headline-name.gif);
	width: 460px;
	height: 30px;
	text-indent: -999em;
}
.location #main #content h3 {
	background-image: url(/images/headline-location.gif);
	width: 340px;
	height: 30px;
	text-indent: -999em;
}
.people #main #content h3 {
	background-image: url(/images/headline-people.gif);
	width: 460px;
	height: 30px;
	margin-bottom: 0;
	text-indent: -999em;
}
.contact #main #content h3 {
	background-image: url(/images/headline-contact.gif);
	width: 460px;
	height: 165px;
	text-indent: -999em;
}





/* ==== SUBPAGE ELEMENTS ================================================
Additional assorted subpage elements
========================================================================= */

/* ----- LEARN MORE BOXES ---- */
#learnmore {
	float: right;
}
#learnmore h4 {
	width: 122px;
	height: 22px;
	margin: 15px 0px .5em 20px;
	padding: 0;
	background: transparent no-repeat left top;
	text-indent: -999em;
}
#learnmore ul {
	margin: 0;
	padding-bottom: 15px;
	padding-right: 15px;
}
#learnmore li {
	margin-bottom: 0;
}
#learnmore li a {
	color: #656058;
	text-decoration: none;
}
#learnmore li a:hover {
	color: #A75829;
}
#services #learnmore h4 {
	background-image: url(/images/learnmore-services.gif);
}
.services #learnmore {
	width: 399px;
	background: #DBE3ED url(/images/lmbox-services-top.gif) no-repeat left top;
	margin: 250px 10px 0 0;
}
.solution #learnmore,
.project #learnmore,
.development #learnmore,
.envision #learnmore {
	position: absolute;
	right: 10px;
	top: 85px;
	width: 299px;
	background: #DBE3ED url(/images/lmbox-planning-top.gif) no-repeat left top;
}
.envision #learnmore {
	top: 110px;
}
.solution #learnmore ul,
.project #learnmore ul,
.development #learnmore ul,
.envision #learnmore ul {
	background: #DBE3ED url(/images/lmbox-planning-foot.gif) no-repeat left bottom;
}
#ideas #learnmore h4 {
	background-image: url(/images/learnmore-ideas.gif);
}
.ideas #learnmore {
	width: 399px;
	background: #F2EBE5 url(/images/lmbox-ideas-top.gif) no-repeat left top;
	margin: 340px 10px 0 0;
}
.ideas #learnmore ul {
	background: #F2EBE5 url(/images/lmbox-ideas-foot.gif) no-repeat left bottom;
}
.company #learnmore {
	float: none;
	clear: both;
	width: 460px;
	background: #FDE8D2 url(/images/lmbox-companyleft-top.gif) no-repeat left top;
	margin: 20px 0 10px 10px;
}
#company #learnmore h4 {
	background-image: url(/images/learnmore-company.gif);
	background-position: left 15px;
	height: 35px;
}
.company #learnmore ul {
	background: #FDE8D2 url(/images/lmbox-companyleft-foot.gif) no-repeat left bottom;
}
.name #learnmore {
	width: 399px;
	background: #FDE8D2 url(/images/lmbox-companyright-top.gif) no-repeat left top;
	margin: 50px 10px 0 0;
}
.name #main #learnmore h4 {
	background-position: left top;
	height: 22px;
}
.company #learnmore ul {
	background: #FDE8D2 url(/images/lmbox-companyright-foot.gif) no-repeat left bottom;
}



/* ----- SERVICES SUBSECTION BOXES ---- */
#subsectionboxes {
	float: left;
}
#subsectionboxes ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 960px;
}
#main #subsectionboxes li {
	float: left;
	background-image: none;
	margin: 30px 5px 20px;
	padding: 0;
}
#main #subsectionboxes li a {
	display: block;
	background: transparent no-repeat top left;
	width: 310px;
	height: 219px;
	color: #FFF;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
}
#main #subsectionboxes #ssb-planning a {
	background-image: url(/images/subbox-planning.jpg);
}
#main #subsectionboxes #ssb-patterns a {
	background-image: url(/images/subbox-patterns.jpg);
}
#main #subsectionboxes #ssb-stories a {
	background-image: url(/images/subbox-stories.jpg);
}



/* ----- SERVICES SECTION TYPE AND CHART STYLES ---- */ 
#services h3, #services h3 a, #services h4, #services h4 a, #services h5, #services h5 a {
	color: #476993; /* Should change for each section */
}
#services #nextlink {
	float: left;
	display: inline;
	width: 620px;
	margin-left: 10px;
	padding-top: 20px;
}
#services #nextlink a {
	text-decoration: none;
	font-size: 1.3em;
	padding-right: 20px;
	background: transparent url(/images/more-arrow.gif) no-repeat right .3em;
}
#services #nextlink a:hover {
	background-image:  url(/images/more-arrow-over.gif);
}
.inlisthead {
	display: block;
	font-weight: bold;
	margin: .7em 0;
}
#services .chart {
	width: 940px;
	margin: 10px 0;
}
.solution .chart {
	padding-top: 20px;
}
.solution #main h4 {
	padding-top: .8em;
	margin-bottom: .2em;
}
.envision .chart {
	padding-top: 80px;
}
.project p a.more {
	text-decoration: none;
	margin-left: .8em;
	padding-right: 18px;
	background: transparent url(/images/more-arrow.gif) no-repeat right center;
}
.project p a.more:hover {
	background: transparent url(/images/more-arrow-over.gif) no-repeat right center;
}
.patterns #main #content h3 {
	margin-bottom: 0;
}
.patterns #content h4, .patterns #content h5, .patterns #content p, .patterns #content ul, .patterns #content ol {
	padding-right: 330px;
}
.patternlist strong, .devlist strong {
	color: #476993;
}



/* ----- STORIES OF SUCCESS PAGE STYLES ---- */ 
.stories #main #content h3 {
	margin-bottom: 0;
}
.feature {
	padding: 20px 0 10px;
	float: left;
}
.featureimg {
	float: left;
	border: 1px solid #86888B;
}
.feature h5, #main .feature ul {
	float: right;
	width: 445px;
}
#main .feature h5 {
	padding-top: 0;
	margin-top: 0;
	text-transform: none;
	font-size: 1.8em;
}
#main .featurelinks,
#main .featuredesc {
	display: block;
}
#main .featurelinks {
	width: 400px;
	margin: 0;
	padding-bottom: 10px;
}
#main .featurelinks li {
	float: left;
	margin-right: 10px;
	padding-left: 0;
	background: none
}
#main .featurelinks li a {
	display: block;
	height: 19px;
	background: transparent no-repeat left top;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
}
#main .featurelinks .featurevisit a {
	width: 96px;
	background-image: url(/images/button-visitsite.gif);
}
#main .featurelinks .featurestudy a {
	width: 91px;
	background-image: url(/images/button-casestudy.gif);
}
#pastprojects {
	position: absolute;
	right: 10px;
	top: 90px;
	width: 299px;
	background: #DBE3ED url(/images/lmbox-planning-top.gif) no-repeat left top;
}
#pastprojects h4 {
	width: 140px;
	height: 22px;
	margin: 15px 0px .5em 20px;
	padding: 0;
	background: transparent url(/images/pastprojects-head.gif) no-repeat left top;
	text-indent: -999em;
}
#pastprojects ul {
	margin: 0;
	padding-bottom: 15px;
	padding-right: 15px;
	background: #DBE3ED url(/images/lmbox-planning-foot.gif) no-repeat left bottom;
}
#main #pastprojects li {
	margin-bottom: 5px;
	padding-left: 0;
	background: none;
}
#pastprojects li a {
	text-decoration: none;
}
#pastprojects li a:hover {
	color: #A75829;
}
#pastprojects li .meta {
	display: block;
	color: #6E90B9;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: .1em;
}



/* ----- CASE STUDY PAGE STYLES ---- */
.casestudy #main #content h4 {
	float: left;
	width: 620px;
	padding-top: 0;
	margin-top: 0;
}
#main .studyvisit {
	float: right;
	padding-right: 10px;
}
#main .studyvisit a {
	display: block;
	height: 19px;
	width: 96px;
	background: transparent url(/images/button-visitsite.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
}
#study {
	float: left;
	width: 950px;
}
.casestudyimg {
	float: right;
}
#casestudytext {
	float: left;
	width: 400px;
}
#main #casestudytext blockquote {
	background: none;
	color: #476993;
	padding: 15px 0;
	font-weight: bold;
}
#main #casestudytext blockquote .client {
	text-align: right;
}



/* ----- IDEAS SECTION STYLES ---- */ 
#ideasfeatures {
	width: 950px;
	float: left;
	padding-top: 30px;
}
#librarylist {
	width: 399px;
	float: right;
}
#librarylist h4 {
	width: 315px;
	height: 55px;
	background: transparent url(/images/librarylist-header.gif) no-repeat left top;
	text-indent: -999em;
	padding: 0;
	margin: 0;
}
#librarylist .libraryitem {
	padding-bottom: .8em;
}
#librarylist h5 {
	text-transform: none;
	letter-spacing: normal;
	padding: 0;
	margin: 0 0 .4em;
	font-size: 1.8em;
}
#librarylist h5 a {
	text-decoration: none;
}
#librarylist .meta, .library #main .meta {
	color: #B3ADA6;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: .1em;
	margin-top: .4em;
}
#librarylist ul {
	padding: 0;
	margin: 0;
}
#librarylist ul li {
	padding: 0;
	margin: 0 4px 0 0;
	background-image: none;
	float: left;
}
#librarylist ul li a {
	display: block;
	height: 24px;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
}
#librarylist #morelibrary a {
	width: 198px;
	background: transparent url(/images/library-button-more.gif) no-repeat left top;
}
.library #main h4 {
	text-transform: none;
	font-size: 2.0em;
	letter-spacing: normal;
	width: 580px;
}
.library #main h5 {
	font-size: 1.6em;
}
.libraryitem {
	width: 940px;
	float: left;
}
.librarydesc {
	float: left;
	width: 580px;
}
.librarylinks {
	width: 300px;
	margin-top: 40px;
	float: right;
	background: #F2EBE5 url(/images/dlbox-top.gif) no-repeat left top;
}
.librarylinkbox {
	width: 270px;
	padding: 10px 15px 10px;
	background: transparent url(/images/dlbox-foot.gif) no-repeat left bottom;
}
#main .librarylinks p a {
	font-size: .9em;
	text-decoration: none;
	font-weight: normal;
}
#main .librarylinks h5 {
	padding-top: 5px;
}



/* ----- PRODUCTS PAGE STYLES ---- */
.products #content p strong {
	color: #725281;
	font-size: 1.2em;
}
.products #content p em {
	font-weight: bold;
	font-style: normal;
}

#content-wide {
	width: 950px;
}


/* ----- GIVING BACK PAGE STYLES ---- */
.giving #main {
	padding-bottom: 30px;
}
.giving #content {
	padding-bottom: 30px;
}
.giving #project {
	float: left;
	clear: both;
	width: 460px;
	margin-left: 10px;
	background: #DBE5DB url(/images/pbox-giving-foot.gif) no-repeat left bottom;
padding-bottom: 15px;
}
.giving #main #project h4 {
	text-transform: none;
	color: #4a7f4a;
	margin: 0;
	font-size: 1.9em;
	background: #DBE5DB url(/images/pbox-giving-top.gif) no-repeat left top;
	padding: 15px 15px 0;
}
.giving #project img {
	float: left;
	margin: 15px 15px 0 15px;
	padding: 5px;
	background: transparent url(/images/projectimg-bck.png) no-repeat left top;
}
.giving #project p.desc {
	margin: 15px 15px 14px 0px;
}
.giving #project p.more a {
	display: block;
	width: 66px;
	height: 24px;
	background: transparent no-repeat left top;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
	background-image: url(/images/splash-more-giving.gif);
	float: right;
	margin-right: 20px;
}



/* ----- LOCATION MAP ---- */
#map {
	float: right;
	/* background-color: #FDE8D2;*/ /* JUST TO SHOW PLACEMENT - REMOVE ONCE MAP IS FUNCTIONAL */
	margin: 55px 10px 30px 0;
	width: 550px;
	height: 400px;
}



/* ----- CONTACT FORM ---- */
.contact #content {
	padding-bottom: 10px;
}
.contact form {
	padding-top: 20px;
}
.contact form p {
	float: left;
}
.contact form label {
	float: left;
	display: block;
	width: 150px;
	font-weight: bold;
	margin-right: 20px;
}
.contact .req {
	color: #A75829;
}
.contact .subbtn {
	margin-left: 170px;
}