* { margin: 0; padding: 0; }
html, body { height: 100%; margin: 0; padding: 0; }
body {color: #231f20; text-align: center; font: 16px/1.4 Verdana, Arial, Helvetica, sans-serif; background: #5c0e24 url(../images/bg-body.gif) repeat 0 0; }
a { color: #992135; background-color: transparent; }
h1, h2, h3, h4, h5 { margin: 0; font-size: .75em; }
h6 { margin: 0 0 1em 0; font-weight: normal; font-style: italic; font-size: .625em; }
img { border: 0; }
p { margin: 0 0 1em 0; font-size: .75em; }
/* General page background; stretch PNG shadow frame fullpage. See IE alternates.
------------------------------------------------------------------------------- */
#page-wrapper { float: left; position: relative; margin: 0px; padding: 0; width: 100%; min-height: 100%; z-index: 0; }
/* The gradient image is an alpha transparent PNG file, simulating a background image, stretched out to fit the page. */
/*
#the-gradient-image { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 0; }
*/
#content-wrapper { position: relative; margin: 0 auto 0 auto; width: 934px; height: 603px; text-align: left; background: url(../images/bg-content-wrapper.gif) no-repeat top left; z-index: 1; }
/* MASTHEAD
------------------------------------------------------------------------------- */
#masthead { position: relative; margin: 0 auto 0 auto; width: 934px; text-align: left; z-index: 1; }
#masthead h1 { margin: 44px 0 4px 64px; padding: 42px 0 0 0; width: 398px; overflow: hidden; height: 0px !important; height /**/:42px; /* for IE5/Win only */ background: url(../images/marshall-sullivan.gif) no-repeat 0 0; }
#masthead a { cursor: pointer; }
/* CONTENT-BODY
------------------------------------------------------------------------------- */
#content-body { position: relative; padding: 140px 54px 0 232px; z-index: 1; }
#content-body ul { margin: 0 0 1em 16px; }
#content-body ul li { font-size: .75em; }
/* Professionals page - the span contains a person's title. */
#content-body h2 span { font-weight: normal; }
/* Contact Us page - pseudo-microformat address layout */
#content-body .vcard { margin: 0; font-size: .75em; }
#content-body .vcard * { line-height: 1.5; }
#content-body .vcard .org { color: #992135; font-weight: bold; }
#content-body .vcard .adr { margin-bottom: 1em; }
#content-body .vcard .email { margin-top: 1em; }
/* Philosophy page - move the image so it underlaps the headers. */
img#investment-objective { margin: 10px 0 0 129px; }
/* Resources page layout and design elements. */
#newsletter { float: left; width: 52%; }
#newsletter h2, #documents h2 { color: #992135; }
#newsletter h3 { color: #000000; }
#newsletter div { float: left; margin-right: 0px; width: 49%; }
#newsletter div ul { margin-left: 0; padding-left: 0; list-style-type: none; }
#documents { float: right; width: 41%; }
#documents ul { margin-left: 0; padding-left: 0; list-style-type: none; }
/* Form layout and design elements. */
form { margin: 1em 0 0 0; }
form p#email-alert { color: #992135; }
form fieldset { border: 0 none; }
form fieldset#info p { width: 250px; padding-botom: .75em; }
form fieldset#info p label { float: left; }
form fieldset#info p input { float: right; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
form fieldset#unsubscribing p label { display: block; }
form fieldset#unsubscribing p input { display: block; margin-top: 5px; font-size: 110%; }
/* PAGE FOOTER
------------------------------------------------------------------------------- */
#footer { position: relative; margin: 28px auto; width: 934px; text-align: left; color: #cccccc; z-index: 1; }
#footer p { float: left; font-size: .625em; line-height: 21px; vertical-align: middle; }
#footer a { color: #cccccc; text-decoration: none; }
#footer a:hover { color: #cccccc; text-decoration: underline; }
#footer p#motto { float: right; padding: 21px 0 0 0; width: 391px; overflow: hidden; height: 0px !important; height /**/:21px; /* for IE5/Win only */ background: url(../images/experience-discipline-integrity.gif) no-repeat 0 0; }
/* MAIN NAVIGATION MENU
------------------------------------------------------------------------------- */
#main-nav { position: absolute; top: 58px; z-index: 5; }
#main-nav h2 { position: absolute; left: -5000px; width: 4000px; }
#main-nav ul { margin-left: 18px; padding-left: 209px; width: 691px; height: 37px; list-style-type: none; background: url(../images/bg-nav.gif) repeat-x 0 100%; }
/* apply common styles to the menu's elements. */
#main-nav ul li { display: inline; list-style-type: none; height: 37px; background-color: transparent; }
#main-nav li a { float: left; padding: 37px 0 0 0; overflow: hidden; height: 0px !important; height /**/:37px; /* for IE5/Win only */ }
/* :Hover, :active and .selected states */
#main-nav li a:hover, #navigation li a:active { background-position: 0 -37px; }
/* Select the button ON state based on Body ID. */
#p-about #n-about a, #p-about #n-about a:hover,
#p-resources #n-resources a, #p-resources #n-resources a:hover,
#p-contact #n-contact a, #p-contact #n-contact a:hover { background-position: 0 -74px; }
/* Set backgrounds for each anchor element. Fix IE with backgrounds on list items. */
#n-about, #n-about a { margin-right: 75px; width: 70px; background: url(../images/n-about.gif) no-repeat 0 0; }
#n-resources, #n-resources a { margin-right: 75px; width: 121px; background: url(../images/n-resources.gif) no-repeat 0 0; }
#n-contact, #n-contact a { margin-right: 0px; width: 131px; background: url(../images/n-contact.gif) no-repeat 0 0; }
/* The home link is ripped out of the list and put to the right and shifted up into the file folder tab. */
/* Restyle the anchor to undo the above image replacement routine. */
#main-nav ul li#n-home { position: absolute; top: -50px; right: 0; margin-right: 0px; }
#main-nav ul li#n-home a { color: #666666; padding: 5px; height: auto !important; font-size: 1em; font-family: "Times New Roman", Times, serif; text-decoration: none; }
#main-nav ul li#n-home a:hover { color: #000000; }
#p-home #main-nav ul li#n-home a { display: none; }
/* TOUT + SECONDARY NAVIGATION MENU
------------------------------------------------------------------------------- */
#secondary-tout { position: absolute; left: 0; top: 0; z-index: 5; width: 221px; height: 100%; }
#secondary-tout h2 { position: absolute; left: -5000px; width: 4000px; }
/* Set backgrounds for each section based on class. */
.tout-bridge { background: url(../images/bg-tout-bridge.jpg) no-repeat bottom left; }
.tout-flyfisherman { background: url(../images/bg-tout-flyfisherman.jpg) no-repeat bottom left; }
.tout-kayak { background: url(../images/bg-tout-kayak.jpg) no-repeat bottom left; }
.tout-lighthouse { background: url(../images/bg-tout-lighthouse2.jpg) no-repeat bottom left; }
.tout-roadrunner { background: url(../images/bg-tout-roadrunner.jpg) no-repeat bottom left; }
.tout-sailboat { background: url(../images/bg-tout-sailboat2.jpg) no-repeat bottom left; }
/* Create the secondary navigation menu */
#secondary-tout ul { margin: 132px 0 0 33px; padding: 0; list-style-type: none; }
#secondary-tout li { list-style-type: none; height: 32px; width: 161px; }
#secondary-tout li a {
float: left;
padding: 32px 0 0 0;
overflow: hidden;
width: 161px;
height: 0px !important;
height /**/:32px; /* for IE5/Win only */
}
/* :Hover, :active and .selected states */
#secondary-tout li a:hover, #secondary-tout li a:active, #secondary-tout li a.selected { background-position: 0 -32px; }
/* Set backgrounds for each anchor element. Fix IE with backgrounds on list items. */
#sn-advantages, #sn-advantages a { background: url(../images/sn-advantages.gif) no-repeat 0 0; }
#sn-philosophy, #sn-philosophy a { background: url(../images/sn-philosophy.gif) no-repeat 0 0; }
#sn-professionals, #sn-professionals a { background: url(../images/sn-professionals.gif) no-repeat 0 0; }
/* Create blockquote for pages without a secondary navigation menu. */
#secondary-tout blockquote { margin: 132px 0 0 33px; width: 137px; padding: 144px 0 0 0; overflow: hidden; height: 0px !important; height /**/:144px; /* for IE5/Win only */ background: url(../images/quote-disclosure.gif) no-repeat 0 0; }
#p-about #secondary-tout blockquote { display: none; }
/* MISCELLANEOUS
------------------------------------------------------------------------------- */
.clearfix:after, form p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, form p { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix, * html form p { height: 1%; }
.clearfix, form p { display: block; }
/* End hide from IE-mac */