/* ########################################################################################################### Global CSS style sheet for Northstar Investment Advisors website Created by Ballas Creative (www.ballascreative.com) Copyright (C) 2010 Northstar Investment Advisors. ########################################################################################################### */ /* GLOBAL SETTINGS */ body { width:100%; padding:0; margin:0; color:#000; background:#606c88 url(../images/back-main.gif) repeat-x; font:12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } p { line-height:1.4em; } h1 { color:#003366; font:2.50em Georgia, "Times New Roman", Times, serif; letter-spacing:-1.2px; line-height:normal; font-weight:normal; font-style:normal; text-shadow:#fff 0 2px 0; } h2 { color:#000; font:normal normal 1.50em/normal "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing:-1.2px; text-shadow:#fff 0 2px 0; } h3 { color:#fff; font-weight:normal; font-style:normal; margin-bottom:-5px; margin-top:30px; font:2.2em Georgia, "Times New Roman", Times, serif; } h4 { color:#660000; font:normal normal 1.50em/normal "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing:-1.2px; text-shadow:#fff 0 2px 0; } a { color:#003399; text-decoration:none; } a:hover { color:#000; text-decoration:none; } img { border:0; } hr { width: 100%; height: 1px; border-style: none; border-width: thin; border-top-style: solid; border-top-color: #ccc; padding-top: 2px; } .clear { clear:both; } /* HEADER WRAPPER & GLOBAL NAV */ #wrapper-header { width:972px; margin:40px auto 0 auto; clear:both; position:relative; } #wrapper-header #nav { width:100%; height:60px; float:right; #margin:35px 0 10px 0;; } #wrapper-header #nav .logo { width:211px; height:53px; background:url(../images/logo.gif) no-repeat; float:left; margin-left:2px; } #wrapper-header #nav .nav-main { float:right; text-align:right; padding-right:10px; } #wrapper-header #nav .nav-main a { height:56px; color:#5e5e5e; text-transform:uppercase; font:13px Georgia, "Times New Roman", Times, serif; background:url(../images/devider-back.jsp) no-repeat; } #wrapper-header #nav .nav-main a:hover { color:#0268af; } #wrapper-header #nav .nav-main a.visit { color:#0268af; } #wrapper-header #nav .nav-main a.visit:hover { color:#000; } #wrapper-header #nav .nav-main ul { list-style-position:outside; } #wrapper-header #nav .nav-main ul li { display:inline; list-style-position:inside; } #wrapper-header #nav .nav-main ul li.devider { display:inline; list-style-position:inside; background:url(../images/devider-nav.jpg) no-repeat 13px; padding:28px 15px; text-align:right; } /* HOMEPAGE FOCALPOINT + ROTATOR */ #wrapper-header #focalpoint { width:100%; height:auto; padding:0; } #wrapper-header #focalpoint #rotator { position:relative; left:0; } #wrapper-header #focalpoint #rotator ul li { float:left; position:absolute; left:-1px; list-style:none; } #wrapper-header #focalpoint #rotator ul li img { background:#FFF; } #wrapper-header #focalpoint #rotator ul li.show { z-index:500; } #wrapper-header #focalpoint #fp-content { width:237px; height:348px; padding-left:30px; padding-right:20px; background:url(../images/back-fpcontent-home.jpg) no-repeat; float:right; } #wrapper-header #focalpoint #fp-content p { letter-spacing:0em; color:#fff; line-height:18px; margin-top:20px; } /* HOMEPAGE CONTENT WRAPPER */ #wrapper-content { width:100%; height:auto; margin-top:10px; background:#e0e8ec url(../images/back-home-content.jpg) repeat-x; } #wrapper-content .content-main { width:972px; height:auto; margin:auto; clear:both; } #wrapper-content .content-main ul { list-style-position:outside; margin-left:-53px; #margin-left:-13px; padding-top:30px; padding-bottom:30px; } #wrapper-content .content-main ul li { display:inline; list-style-position:inside; margin-left:10px; margin-right:-1px; } #wrapper-content .content-main ul li:hover { filter:alpha(opacity=80); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; } /* SECONDARY FOCALPOINT + SUBNAV */ #wrapper-header #focalpoint #fp-content-secondary { width:237px; height:220px; #height:310px; color:#fff; padding-right:50px; padding-top:20px; background:url(../images/back-fpcontent-secondary1.jpg) no-repeat; float:right; font-weight:normal; font-style:normal; } #wrapper-header #focalpoint #fp-content-secondary a { color:#fff; font:18px Georgia, "Times New Roman", Times, serif; line-height:normal; } #wrapper-header #focalpoint #fp-content-secondary a:hover { color:#7afff4; } #wrapper-header #focalpoint #fp-content-secondary a.visit { color:#7afff4; font-size:18px; line-height:normal; background:url(../images/back-arrow-subnav.gif) no-repeat 1px 8px; padding-left:12px; } #wrapper-header #focalpoint #fp-content-secondary a.visit:hover { color:#fff; } #wrapper-header #focalpoint #fp-content-secondary ul li { list-style:none; } #wrapper-header #focalpoint #fp-content-secondary .devider { position:relative; left:-20px; padding-top:8px; padding-bottom:8px; } #wrapper-header #focalpoint { width:100%; height:auto; padding:0; } #wrapper-header #focalpoint #img { position:relative; left:0; } #wrapper-header #focalpoint #img ul li { float:left; position:absolute; left:-1px; list-style:none; } #wrapper-header #focalpoint #fp-content-secondary1 { width:237px; height:220px; #height:310px; color:#fff; padding-right:50px; padding-top:20px; background:url(../images/back-fpcontent-secondary2.jpg) no-repeat; float:right; font-weight:normal; font-style:normal; } #wrapper-header #focalpoint #fp-content-secondary1 a { color:#fff; font:18px Georgia, "Times New Roman", Times, serif; line-height:normal; } #wrapper-header #focalpoint #fp-content-secondary1 a:hover { color:#7afff4; } #wrapper-header #focalpoint #fp-content-secondary1 a.visit { color:#7afff4; font-size:18px; line-height:normal; background:url(../images/back-arrow-subnav.gif) no-repeat 1px 8px; padding-left:12px; } #wrapper-header #focalpoint #fp-content-secondary1 a.visit:hover { color:#fff; } #wrapper-header #focalpoint #fp-content-secondary1 ul li { list-style:none; } #wrapper-header #focalpoint #fp-content-secondary1 .devider { position:relative; left:-20px; padding-top:8px; padding-bottom:8px; } #wrapper-header #focalpoint #fp-content-secondary2 { width:237px; height:220px; #height:310px; color:#fff; padding-right:50px; padding-top:20px; background:url(../images/back-fpcontent-secondary3.jpg) no-repeat; float:right; font-weight:normal; font-style:normal; } #wrapper-header #focalpoint #fp-content-secondary2 a { color:#fff; font:18px Georgia, "Times New Roman", Times, serif; line-height:normal; } #wrapper-header #focalpoint #fp-content-secondary2 a:hover { color:#7afff4; } #wrapper-header #focalpoint #fp-content-secondary2 a.visit { color:#7afff4; line-height:normal; background:url(../images/back-arrow-subnav.gif) no-repeat 1px 8px; padding-left:12px; } #wrapper-header #focalpoint #fp-content-secondary2 a.visit:hover { color:#fff; } #wrapper-header #focalpoint #fp-content-secondary2 ul li { list-style:none; } #wrapper-header #focalpoint #fp-content-secondary2 .devider { position:relative; left:-20px; padding-top:8px; padding-bottom:8px; } /* FNRI FOCALPOINT + SUBNAV */ #wrapper-header #focalpoint #fnri { width:685px; height:450px; position:absolute; left:0; padding-bottom:100px; #padding:20px; background: url(../images/back-fnri.jpg) no-repeat; } #wrapper-header #fnri-controls { width:685px; height:103px; position:relative; left:-1px; top:305px; #top:-80px; font-size:11px; background:#fff url(../images/back-fnri-controls.jpg) no-repeat; } #wrapper-header #focalpoint #fnri ul li { float:left; position:absolute; left:15px; list-style:none; } #wrapper-header #focalpoint #fp-content-fnri { width:257px; height:380px; color:#fff; padding-right:30px; padding-top:20px; background:url(../images/back-fpcontent-home.jpg) no-repeat; float:right; font-weight:normal; font-style:normal; } #wrapper-header #focalpoint #fp-content-fnri a { color:#fff; font:18px Georgia, "Times New Roman", Times, serif; line-height:normal; } #wrapper-header #focalpoint #fp-content-fnri a:hover { color:#7afff4; } #wrapper-header #focalpoint #fp-content-fnri a.visit { color:#7afff4; line-height:normal; background:url(../images/back-arrow-subnav.gif) no-repeat 1px 8px; padding-left:12px; } #wrapper-header #focalpoint #fp-content-fnri ul li { list-style:none; } #wrapper-header #focalpoint #fp-content-fnri .devider { position:relative; left:-20px; padding-top:8px; padding-bottom:8px; } /* SECONDARY CONTENT */ #wrapper-content-secondary { width:100%; height:auto; margin-top:20px; #margin-top:-75px; background:#fff url(../images/back-secondary-content.jpg) repeat-x; } #wrapper-content-secondary .content-secondary { width:972px; height:auto; padding:10px 0 50px 5px; margin:auto; clear:both; } #wrapper-content-secondary .content-secondary ul li { list-style:none; list-style-image:url(../images/back-ul-right.gif); list-style-position:outside; list-style-type:disc; margin-left:-28px; line-height:18px; } #wrapper-content-secondary .content-secondary .left { width:667px; height:auto; padding-right:25px; float: left; } #wrapper-content-secondary .content-secondary .right { width:270px; float:left; padding:10px 0 0 10px; } #wrapper-content-secondary .content-secondary .right ul li { list-style:none; list-style-image:url(../images/back-ul-right.gif); list-style-position:outside; list-style-type:disc; margin-left:-28px; line-height:18px; } #wrapper-content-secondary .content-secondary .right hr { background:url(../images/back-hr.jpg) no-repeat; width:255px; margin-left:0; } #wrapper-content-secondary .content-secondary .right .hr { background:url(../images/back-hr.jpg) repeat-x; width:96%; height:2px; position:relative; top:-15px; margin-bottom:-15px; } #wrapper-content-secondary .content-secondary .float-left { width:50%; float:left; } #wrapper-content-secondary .content-secondary .img-bios { border:2px solid #ccc; margin:0 0 20px 20px; float:right; } /* FOOTER */ #wrapper-footer { width:100%; margin-top:-30px; background:#606c88 url(../images/back-footer.jpg) repeat-x; color:#ccc; } #wrapper-footer .content-footer p { line-height:1em; } #wrapper-footer .content-footer { width:972px; height:auto; margin:auto; padding:40px 0 20px 0; text-align:center; font-size:0.9em; } #wrapper-footer .content-footer a { color:#fff; padding-right:10px; padding-left:10px; } #wrapper-footer .content-footer a:hover { color:#99ccff; } #wrapper-footer .content-footer .star { color:#8995b2; } /* FOOTER SECONDARY */ #wrapper-footer-secondary { width:100%; margin-top:-30px; background:#606c88 url(../images/back-footer-secondary.jpg) repeat-x; color:#ccc; } #wrapper-footer-secondary .content-footer p { line-height:1em; } #wrapper-footer-secondary .content-footer { width:972px; height:auto; margin:auto; padding:40px 0 20px 0; text-align:center; font-size:0.9em; } #wrapper-footer-secondary .content-footer a { color:#fff; padding-right:10px; padding-left:10px; } #wrapper-footer-secondary .content-footer a:hover { color:#99ccff; } #wrapper-footer-secondary .content-footer .star { color:#8995b2; }