/* Body Styles */
html {
overflow: -moz-scrollbars-vertical;
overflow: scroll;
}
img, div {
behavior: url(iepngfix.htc)
}
body {
margin: 0;
font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
background: #bbcfe7 url('images/bg.jpg') repeat-x center 0;
}
img, div {
behavior: url(iepngfix.htc)
}
.fontstyle1 {
font: 11px verdana;
}
.fontstyle2 {
font: 12px verdana;
}
.fontstyle2_contact {
font: 11px verdana;
}
.fontstyle3 {
font: 13px verdana;
}
#container {
margin: 0px auto;
width: 830px;
}
#upperHeader {
width: 830px;
height: 23px;
float: left;
display: inline;
}
.noborder {
border: none;
}
.fontstyle1 {
font: 12px tahoma;
color: #fff;
}
.fontstyle2 {
font: 14px verdana;
color: #294553;
}
#header {
width: 840px;
height: 117px;
float: left;
display: inline;
}
#logo {
width: 283px;
height: 117px;
float: left;
display: inline;
margin-left: 8px;
}
#logo img {
margin-top: 12px;
}
#upperMenu {
width: 530px;
height: 102px;
float: right;
margin-top: 7px;
margin-right: 10px;
display: inline;
background: url('images/upperNavMock.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
#middleContainer {
width: 830px;
float: left;
display: inline;
}
#lowerContainer {
width: 830px;
height: 334px;
margin-top: 15px;
float: left;
display: inline;
}
#paragraph1Header {
width: 539px;
height: 30px;
float: left;
display: inline;
}
#paragraph1 {
width: 532px;
height: 182px;
float: right;
margin-right: 10px;
margin-top: 15px;
display: inline;
}
#paragraph1Copy {
width: 532px;
height: 149px;
float: left;
display: inline;
margin-top: 7px;
}
#paragraph1Copy p {
font-color: #fff;
padding: 0px;
margin: 0px;
margin-left: 10px;
line-height: 22px;
}
#paragraphBreak {
width: 1px;
height: 140px;
margin-top: 8px;
float: left;
display: inline;
background-color: #7faeba;
}
#footer {
width: 830px;
height: 60px;
float: left;
margin-top: 25px;
display: block;
}
#landingNavPanel {
width: 480px;
float: left;
display: inline;
margin-top: 15px;
margin-left: 10px;
}
#navPanelHeader {
width: 460px;
height: 18px;
float: left;
display: inline;
background: url('images/lowerContentHeader.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
padding: 3px 10px 5px;
}
#navPanelHeader strong, #navPanelHeader a {
color: #7f070c;
font: 11px verdana;
text-decoration: none;
}
#navPanelHeader a img {
border: none;
vertical-align: middle;
}
#navPanelFooter {
width: 480px;
height: 15px;
float: left;
display: inline;
background: url('images/lowerNavFooter.gif');
background-repeat: no-repeat;
}
#navContentContainer {
width: 480px;
float: left;
display: inline;
background-color: #d8dde0;
}
#navButtonContainer {
width: 155px;
height: 262px;
float: left;
display: inline;
margin-top: 7px;
margin-left: 8px;
background-color: #b1c1cb;
}
#lowerRightPanel {
width: 322px;
height: 310px;
float: right;
margin-top: 15px;
display: inline;
background-repeat: no-repeat;
overflow: hidden;
}
/***************** What we do video button************************/
#what-we-do-video a{
background: url('images/what-we-do-video.png') top center no-repeat;
width:322px;
height:45px;
text-indent:-9999px;
display:block;
margin-bottom:5px;
}
#what-we-do-video a:hover{
background-position:bottom center;
width:322px;
height:45px;
}
#peaceLogo {
width: 300px;
height: 82px;
float: left;
display: inline;
margin-top: 7px;
margin-left: 9px;
background: url('images/peaceLogo.gif');
background-repeat: no-repeat;
}
#lowerNavCopyContainer {
width: 300px;
height: 170px;
float: left;
margin-top: 10px;
margin-left: 10px;
display: inline;
margin-bottom:1px;
}
#lowerNavCopyContainer p {
margin: 0;
padding: 0px;
color: #6f6f6f;
line-height: 18px;
text-align: justify;
}
#lowerNavCopyContainer a {
margin: 0px;
padding: 0px;
color: #6f6f6f;
line-height: 18px;
text-align: justify;
}
#nav2Top {
width: 156px;
height: 4px;
float: left;
display: inline;
}
.landingButtons {
width: 149px;
height: 25px;
float: left;
margin-left: 3px;
margin-top: 3px;
display: inline;
}
/* navigation */
#home {
width: 62px;
height: 102px;
float: left;
display: inline;
}
a.home {
display: block;
width: 62px;
height: 102px;
text-decoration: none;
background: url('images/nav/upperHome.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.home {
background-position: -62px;
}
#mission {
width: 82px;
height: 102px;
float: left;
display: inline;
}
a.mission {
display: block;
width: 82px;
height: 102px;
text-decoration: none;
background: url('images/nav/upperMission.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.mission {
background-position: -82px;
}
#ourTeam {
width: 92px;
height: 102px;
float: left;
display: inline;
margin-left: 2px;
}
a.ourTeam {
display: block;
width: 92px;
height: 102px;
text-decoration: none;
background: url('images/nav/upperOurTeam.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.ourTeam {
background-position: -92px;
}
#workshops {
width: 106px;
height: 102px;
float: left;
display: inline;
margin-left: 2px;
}
a.workshops {
display: block;
width: 106px;
height: 102px;
text-decoration: none;
background: url('images/nav/upperWorkshops.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.workshops {
background-position: -106px;
}
#media {
width: 100px;
height: 102px;
float: left;
display: inline;
margin-left: 2px;
position:relative;
}
a.media{
display: block;
width: 100px;
height: 102px;
text-decoration: none;
background: url('images/nav/upperMedia.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
/*------------------------Drop down for Media Button-----------------------*/
#media ul {
float:none;
position:absolute;
top:60px;
left:-60px;
width:190px;
height:81px;
display:none;
z-index:200;
padding:0;
border: 10px solid #285678;
opacity:0.8;
}
#media:hover ul{
display:block;
}
#media ul li {
float:none;
text-indent:0;
display:block;
padding:5px 0;
margin:0;
text-align:center;
font-size:11px;
width:190px;
height:15px;
background:#E9F4E4;
border:1px solid #375E7B;
font-weight:bold;
}
#media ul li a{
background:#E9F4E4;
color:#313A3E;
text-decoration:none;
text-transform:uppercase;
font-family:Century Gothic, Lucida Grande, Lucida Sans, Arial, sans-serif;
padding:0;
margin:0;
height:25px;
}
#media ul li a:hover{
color:#0D6CA4;
}
/*---------------------------------------------------------------*/
a:hover.media{
background-position: -97px;
}
#tv {
width: 65px;
height: 102px;
float: left;
display: inline;
margin-left: 2px;
}
a.tv {
display: block;
width: 65px;
height: 102px;
text-decoration: none;
background: url('images/nav/upperTV.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.tv {
background-position: -72px;
}
#contact {
width: 80px;
height: 102px;
float: left;
display: inline;
margin-left: 2px;
}
a.contact {
display: block;
width: 80px;
height: 102px;
text-decoration: none;
background: url('images/nav/upperContact.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.contact {
background-position: -80px;
}
/* Lower Nav */
a.investorQuizLower {
display: block;
width: 148px;
height: 25px;
text-decoration: none;
background: url('images/nav/investorQuiz.jpg');
background-repeat: no-repeat;
}
a:hover.investorQuizLower {
background-position: -148px;
}
a.initialConsultationLower {
display: block;
width: 148px;
height: 25px;
text-decoration: none;
background: url('images/nav/initialConsultation.jpg');
background-repeat: no-repeat;
}
a:hover.initialConsultationLower {
background-position: -148px;
}
a.cvpLower {
display: block;
width: 148px;
height: 25px;
text-decoration: none;
background: url('images/nav/cvp.jpg');
background-repeat: no-repeat;
}
a:hover.cvpLower {
background-position: -148px;
}
a.FindAnInvestorCoach {
display: block;
width: 148px;
height: 25px;
text-decoration: none;
background: url('images/nav/findAnInvestorCoach.jpg');
background-repeat: no-repeat;
}
a:hover.FindAnInvestorCoach {
background-position: -148px;
}
a.investingMistakesLower {
display: block;
width: 148px;
height: 25px;
text-decoration: none;
background: url('images/nav/investingMistakes.jpg');
background-repeat: no-repeat;
}
a:hover.investingMistakesLower {
background-position: -148px;
}
a.investorEducationLower {
display: block;
width: 148px;
height: 25px;
text-decoration: none;
background: url('images/nav/investorEducation.jpg');
background-repeat: no-repeat;
}
a:hover.investorEducationLower {
background-position: -148px;
}
a.faqLower {
display: block;
width: 148px;
height: 25px;
text-decoration: none;
background: url('images/nav/faq.jpg');
background-repeat: no-repeat;
}
a:hover.faqLower {
background-position: -148px;
}
a.ourTeamLower {
display: block;
width: 148px;
height: 25px;
text-decoration: none;
background: url('images/nav/ourTeam.jpg');
background-repeat: no-repeat;
}
a:hover.ourTeamLower {
background-position: -148px;
}
a.investorCoachingShowLower {
display: block;
width: 148px;
height: 25px;
text-decoration: none;
background: url('images/nav/investorCoachingRadio.jpg');
background-repeat: no-repeat;
}
a:hover.investorCoachingShowLower {
background-position: -148px;
}
#footerLeft {
width: 400px;
height: 42px;
float: left;
display: inline;
margin-top: 10px;
margin-left: 10px;
}
#footerRight {
width: 350px;
height: 22px;
float: right;
display: inline;
margin-top: 33px;
margin-right: 10px;
text-align: right;
}
#footerRight a {
font: 12px tahoma;
color: #698fa7;
}
.footerText {
font: 12px tahoma;
color: #728C9D;
margin: 0px;
padding: 0px;
float: left;
}
#galleryHeader {
width: 322px;
height: 21px;
float: left;
display: inline;
background: url('images/galleryHeader.gif');
background-repeat: no-repeat;
}
#topPromo {
width: 550px;
height: 23px;
float: left;
display: inline;
text-align: center;
}
#topPromo p {
color: #ffd461;
padding: 0px;
margin: 0px;
}
#contentHeader {
width: 810px;
height: 157px;
float: left;
display: inline;
margin-left: 10px;
margin-top: 10px;
}
#headerImage {
width: 550px;
height: 125px;
float: left;
display: inline;
margin-top: 10px;
}
#contentNav {
width: 250px;
height: 157px;
float: right;
display: inline;
margin: 19px 0 0 0;
}
#contentClear {
width: 810px;
height: 10px;
float: left;
margin-left: 10px;
margin-top: 10px;
display: inline;
}
#lowerPromos {
width: 248px;
float: right;
display: inline;
margin-top: 20px;
}
#promoContainer {
width: 248px;
float: right;
display: inline;
margin-right: 10px;
}
#shadowRight {
width: 248px;
height: 285px;
float: right;
display: inline;
margin-top: 10px;
background: url('images/shadowRight.jpg');
background-repeat: no-repeat;
}
#contentCopy {
width: 550px;
float: left;
margin-left: 10px;
margin-top: 20px;
display: inline;
}
#contentCopy p {
color: #294553;
text-align: justify;
margin-left: 10px;
margin-right: 10px;
}
.copyList {
font-family: tahoma;
font-size: 12px;
color: #294553;
text-align: justify;
margin-left: 10px;
margin-right: 10px;
}
#contentCopy h1 {
font: 18px tahoma;
color: #739D89;
width: 550px;
text-align: center;
}
#copyPicture {
width: 114px;
height: 94px;
float: left;
display: inline;
margin-top: 10px;
margin-left: 10px;
padding-right: 10px;
}
#contentInvestorQuiz {
width: 250px;
height: 13px;
float: left;
display: inline;
}
a.contentInvestorQuiz {
display: block;
width: 250px;
height: 13px;
text-decoration: none;
background: url('images/nav/contentInvestorQuiz.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.contentInvestorQuiz {
background-position: -250px;
}
#contentInitialConsultation {
width: 250px;
height: 13px;
float: left;
display: inline;
margin-top: 5px;
}
a.contentInitialConsultation {
display: block;
width: 250px;
height: 13px;
text-decoration: none;
background: url('images/nav/contentInitialConsultation.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.contentInitialConsultation {
background-position: -250px;
}
#contentCVP {
width: 250px;
height: 13px;
float: left;
display: inline;
margin-top: 5px;
}
a.contentCVP {
display: block;
width: 250px;
height: 13px;
text-decoration: none;
background: url('images/nav/contentCVP.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.contentCVP {
background-position: -250px;
}
#contentFindAnInvestorCoach {
width: 250px;
height: 13px;
float: left;
display: inline;
margin-top: 5px;
}
a.contentFindAnInvestorCoach {
display: block;
width: 250px;
height: 13px;
text-decoration: none;
background: url('images/nav/contentFindAnInvestorCoach.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.contentFindAnInvestorCoach {
background-position: -250px;
}
#contentInvestingMistakes {
width: 250px;
height: 13px;
float: left;
display: inline;
margin-top: 5px;
}
a.contentInvestingMistakes {
display: block;
width: 250px;
height: 13px;
text-decoration: none;
background: url('images/nav/contentInvestingMistakes.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.contentInvestingMistakes {
background-position: -250px;
}
#contentInvestorEducation {
width: 250px;
height: 13px;
float: left;
display: inline;
margin-top: 5px;
}
a.contentInvestorEducation {
display: block;
width: 250px;
height: 13px;
text-decoration: none;
background: url('images/nav/contentInvestorEducation.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.contentInvestorEducation {
background-position: -250px;
}
#contentFAQ {
width: 250px;
height: 13px;
float: left;
display: inline;
margin-top: 5px;
}
a.contentFAQ {
display: block;
width: 250px;
height: 13px;
text-decoration: none;
background: url('images/nav/contentFAQ.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.contentFAQ {
background-position: -250px;
}
#contentOurTeam {
width: 250px;
height: 13px;
float: left;
display: inline;
margin-top: 5px;
}
a.contentOurTeam {
display: block;
width: 250px;
height: 13px;
text-decoration: none;
background: url('images/nav/contentOurTeam.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.contentOurTeam {
background-position: -250px;
}
#contentInvestorCoachingShow {
width: 250px;
height: 13px;
float: left;
display: inline;
margin-top: 5px;
}
a.contentInvestorCoachingShow {
display: block;
width: 250px;
height: 13px;
text-decoration: none;
background: url('images/nav/contentInvestorCoachingShow.png');
behavior: url(iepngfix.htc);
background-repeat: no-repeat;
}
a:hover.contentInvestorCoachingShow {
background-position: -250px;
}
#icLowerPromo {
width: 531px;
height: 38px;
float: left;
display: inline;
margin-left: 20px;
text-align: center;
}
#icLowerPromo p a {
font: 14px tahoma;
color: #316481;
font-weight: bold;
}
#teamPhotos {
width: 430px;
height: 100px;
float: left;
display: inline;
margin-top: 10px;
margin-left: 68px;
}
#paulPhoto {
width: 100px;
height: 100px;
float: left;
display: inline;
}
#individualPhotos {
width: 100px;
height: 100px;
float: left;
display: inline;
margin-left: 10px;
}
#formfieldsname input
{ width: 250px; }
#formfieldscompany input
{ width: 250px; }
#formfieldsphone input
{ width: 250px; }
#formfieldsemail input
{ width: 250px; }
#contactform
{ width: 415px; height: 315px; float: left; margin-left: 70px; }
#formtext
{ width: 100px; height: 20px; font-family: tahoma; font-size: 13px; color: #294553; vertical-align: top;}
#result
{ width: 200px; font-family: tahoma; font-size: 13px; color: #3B6E89; margin-top: 15px; float: left; }
#findInvestorExplain {
width: 550px;
height: 113px;
float: left;
display: inline;
margin-top: 10px;
}
.coachingShowCopy {
color: #294553;
text-align: justify;
margin-left: 10px;
margin-right: 10px;
}
.episode_date {
padding: 0;
margin: 0;
margin-top: 10px;
font: 12px tahoma;
color: #316783;
}
.episode {
clear:both;
font-size:1em;
padding:0;
margin:0;
margin-top: 30px;
padding-bottom:20px;
border-top: 1px solid #C2C6CF;
text-align: left;
}
.episode_title a {
color: #316783;
padding:0;
padding-bottom:0.2em;
padding-top:0.8em;
margin:0;
}
.episode_imgdesc {
list-style:none;
text-decoration:none;
margin:0;
padding:0;
margin-top:15px;
font: 12px tahoma;
color: #4C8EAF;
}
.episode_imgdesc a {
list-style:none;
text-decoration:none;
margin:0;
padding:0;
margin-top:15px;
font: 12px tahoma;
color: #595B5F;
}
.episode_imgdesc li {
padding-left:10px;
line-height:1.2em;
}
#socialBox {
display: inline;
margin-top: 10px;
clear:both;
}
.socialIcon {
float: left;
margin-top: 6px;
margin-left: 2px;
display: inline;
}
.socialText {
float: left;
display: inline;
margin-left: 8px;
text-align: left;
padding-right:15px;
}
.socialText p {
font: 14px tahoma;
color: #407998;
padding: 0px;
margin: 0px;
margin-top: 11px;
text-decoration: underline;
}
.socialText a {
font: 14px tahoma;
color: #407998;
padding: 0px;
margin: 0px;
text-decoration: underline;
}
#address {
width: 540px;
float: left;
display: inline;
margin-left: 15px;
margin-top: 8px;
}
.addressParagraph {
float: left;
margin-left: 27px;
}
.locationTitle {
font: 12px color: #327180;
text-align: left;
}
.googleMap {
width: 240px;
float: left;
display: inline;
margin-top: 10px;
margin-left: 25px;
}
#googleMapMB {
margin-left: 160px;
}
.googleMapCopy {
color: #12455F;
float: left;
padding-bottom: 3px;
}
#player {
float: left;
margin-top: 10px;
}
p.podcast-nav
{
color: #c2c6cf;
font-weight: bold;
float: right;
margin: 0;
padding: 0 0 6px 0;
text-transform: uppercase;
}
p.podcast-nav a
{
color: #316783;
padding: 5px;
text-decoration: none;
}
p.podcast-nav img
{
vertical-align:middle;
}
p.episode_info
{
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 5px solid #407998;
clear: both;
}
#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
display: inline;
}
/*------ Video Blog Headers ------*/
.vblog-headers{
width:755px;
float:left;
margin:20px 0 0 40px;
}
.vblog-headers img{
width:755px;
margin:0;
padding:0;
}
#vblogPromo {
width: 550px;
height: 23px;
float: right;
text-align: center;
margin:0 35px 0 0;
}
#vblogPromo p {
color: #ffd461;
padding: 0px;
margin: 0px;
}