@charset "utf-8";
* {padding:0; margin:0;}
html {text-align:center; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; background-color:#fff; font-size:small; background-color:#ceba90;}
body {width: 900px; margin:5px auto; background-color:#9a0000; color: #fff; border:#fff 10px solid;}
address {font-style: normal;}
ol {margin-left: 1.5em;}
a:link, a:visited {color:#fff; text-decoration:none;}
a:hover {text-decoration: underline;}
a:focus, a:active {outline:none;}
#wrap {text-align:left; position:relative; padding:5px 0;}
li.active, a.active {font-weight:bold;}
ul {list-style:square;}
h1 {font-family:"Times New Roman", Times, serif;}
#content {margin-top: 200px; position:relative; z-index:100;}
#content p {line-height:1.5em; margin-bottom:1em;}
#home .gutter, #company .gutter, #wealth .gutter, #info .gutter, #contact .gutter, #driving-directions .gutter,
#donor-workshop .gutter, #professional-partners .gutter, #on-demand-consulting .gutter, #training .gutter,
#privacy .gutter, #terms .gutter, #sitemap .gutter, #innovision .gutter, #links .gutter, #gift .gutter {padding: 70px 20px 10px 20px;}
#home #events {width: 350px; background-color:#000; float: left;}
#home #events .gutter {padding: 5px;}
#home #events p, #home #events h4 {padding:0; margin:0; font-size:100%; color:#fff !important;}
#home #content .gutter p {color: #000;}
#home #events h3 {font-family:"Times New Roman", Times, serif; font-size:140%;}
#home #events h4 {margin-top:10px; color:#CC0000;}
#home #services-overview {width: 400px; float:right; background:url(i/puzzle-key.jpg) no-repeat top left; min-height: 273px;}
#home #services-overview h3, #home #services-overview ul {margin-left: 190px;}
#home #services-overview h3 {color:#000; font-family:"Times New Roman", Times, serif; margin-bottom: 20px; font-size: 140%;}
#home #services-overview li {list-style:none; border-left: #fff 9px solid;  margin-bottom: .5em; text-indent:5px; font-weight:bold;}
#info #services-overview li {list-style:none; border-left: #fff 9px solid;  margin-bottom: .5em; text-indent:5px; font-weight:bold;}


#services #content, #professional-partners #content, #on-demand-consulting #content,
#donor-workshop #content, #training #content {padding-top: 70px;}
#services #content .gutter, #professional-partners #content .gutter, 
#on-demand-consulting #content .gutter, #donor-workshop #content .gutter,
#training #content .gutter {background:#fff; padding: 20px; }
#services h2, #services #content .gutter p, #on-demand-consulting #content .gutter p, 
#on-demand-consulting #content .gutter, #donor-workshop #content .gutter, #training #content  {color: #000;}
#services #secondary-content {float:left; width:100%; clear:both; padding:20px 0;}
#professional-partners #content .gutter {color:#990000;}
#services #columns {width: 100%; float:left; background-color:#fff; padding:20px 0;}
#services .column {width: 33%; float:left; text-align:center;}
#services h4 {color:#900; font-size:130%;}

#mailing-address {background: url(i/bldg.jpg) top left no-repeat; padding-left: 275px; margin: 10px 0 30px 0;}
#contact-form {background-color:#000; width: 281px;  float:left; margin-right: 20px;}
#contact-form .gutter {padding: 20px;}
#secondary-content h4 {padding: 0 0 20px 0; font-size: 150%; font-family:"Times New Roman", Times, serif;}
#contact-form input[type="text"] , #contact-form textarea{width: 90%; margin:0 0 5px 0; background-color:#ceba90; border:none;}
#directions {float:left; width: 250px;}
#directions ul {margin-left: 1em;}
#maps {float:left; width: 300px;}
#donor .gutter, #info .gutter {padding: 70px 20px 10px 400px; }
#donor h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size: 150%;}
#donor #content .gutter p {color:#000;}
#donor strong {color:#fff;}
#donor ul strong {color: #000;}
#donor #secondary-content .gutter, #info #secondary-content .gutter {padding: 0 20px 0 20px !important;}
#donor #content h4 {font-size: 160%; color: #000;}
#donor #content h5 {font-size:120%;}
#donor #content .gutter ul {margin-left: 1em;}
#main-navigation {width:900px; margin:0 auto; text-align:center; position:relative; z-index:10000;}
#main-navigation li {display:inline;}
#banner {position: absolute; top: 85px; left:0;}
#company #team {background-color:#000; float:left; width: 100%;}
#company #team ul {list-style:none; height: 100px; float:left;}
#company #team ul li {display:inline; float: left; height:87px; padding-top: 5px;}
#company #team ul a {margin: 10px 0 0 95px; font-weight:bold;}
#company .greg {background:url(i/greg.jpg) no-repeat top left; height: 87px; margin-right: 140px; }
#company .scott {background:url(i/scott.jpg) no-repeat top left; height: 87px; margin-right: 140px;}
#company .kelly {background:url(i/kelly.jpg) no-repeat top left; height: 87px;}
#company h2 {font-family:"Times New Roman", Times, serif; color:#000; font-size:180%; margin-bottom: 10px;}
#wealth h2 {font-family: "Times New Roman", Times, serif;}
body#wealth {background-color: #d3d5e3; color:#000;}
body#wealth a {color: #000;}
body#wealth h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:130%; margin-bottom:10px;}
#wealth #content .gutter {margin: -210px 0 0 250px;}
.banner-image {position:absolute; top: 85px; left:0;}
#footer {margin-left: 20px; clear:both; font-weight:bold; padding-top:40px;}
#footer-images {z-index:10;}
#wealth #footer {padding-top: 60px;}

/*
Splash Page
------------------------------------------------------------------------------------*/
#enter-site {position:absolute; top: 40px; right:0; border-right: 30px #000 solid; height:40px; font-weight:bold;}
#enter-site p {line-height:40px; padding-right: 5px; font-family: "Times New Roman", Times, serif; text-transform:uppercase;}
#introPage h1, #services h1, #contact h1, #company h1, #team h1 {position:absolute; top: 0; left:-9000px;}
#introPage #wrap {height: 870px;}
#introPage #banner {width: 767px; background:url(i/banner.png) top left no-repeat; position:absolute; top: 317px; left:0; min-height:200px;}
#introPage #banner p {text-align:right; color: #fff; margin: 200px 10px 0 0; font-weight: bold;}
#introPage #footer {background-color:#900; color:#fff; position:absolute; left:13px; bottom:20px;}
#introPage #footer p {line-height: 31px; padding:0 10px; font-weight:bold;}


/*
Team Page
------------------------------------------------------------------------------------*/
body#team {background-color:#af9771;}
#team .gutter {padding: 20px; color: #000;}
#team #team-member-banner {background:#000; height:132px; position:relative; margin-top: -150px;}
#team #content .name {font-size: 600%; position:absolute; top: 10px; left: 10px; color: #fff;}
#team #content .image {position:absolute; top: 10px; left:273px;}
#team #quote {text-align:center; width: 550px; background:url(i/top-quote.png) no-repeat top left; margin:0 auto; padding-top: 50px;}
#team #quote p {background:url(i/bottom-quote.png) no-repeat bottom right; padding: 0 100px 40px 100px;}
