/* *** css attempt by SodiumHalogen.com *** */ /* ----------main elements-------------- */ * { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } img {border: 0px;} body { margin: 0; padding: 0; background: #ffffff url(images/pageBg.jpg) repeat-x center top; font: 12px Helvetica, Verdana, Arial, sans-serif; min-width: 800px; color: #333333;} a {color: #bb4e27; font-weight: bold; border: 0;} a:visited a:active {color: #bb4e27; font-weight: bold;} a:hover {color: #B0CF36; font-weight: bold; text-decoration: none;} address {font: normal;} /* ----------header for logo-------------- */ #header, #header img { padding: 0; margin: 0; } #logo { float: left; width: 292px; padding: 0; margin: 0;} /* ----------navigation-------------- */ #nav { float:right; margin: 0; width: 751px; height: 36px;} #nav a:hover { background-position: 0 -36px; color: #049;} #nav2 { float: right; margin: 0; width: 117px; height: 40px;} #nav2 a:hover { background-position: 0 -40px; color: #049;} #nav ul { list-style: none; padding: 0; margin: 0; } #nav ul li { float: left; display: inline; margin: 0; } #nav span, #nav2 span { display: none; } /* ----------nav2-------------- */ .rollHome a { display:block; width: 43px; color:#333; background: url(images/bHome.jpg) no-repeat 0 0; text-decoration: none; float:left; padding:0; height:40px;} .rollContact a { display:block; width: 52px; color:#333; background: url(images/bContact.jpg) no-repeat 0 0; text-decoration: none; float:left; padding:0; height:40px;} /* ----------nav-------------- */ .rollPurpose a { display:block; width: 79px; color:#333; background: url(images/bPurpose.jpg) no-repeat 0 0; text-decoration: none; float:left; padding:0; height:31px; } .rollMarket a { display:block; width: 168px; color:#333; background: url(images/bMarketplace.jpg) no-repeat 0 0; text-decoration: none; float:left; padding:0; height:31px; } .rollCommunity a { display:block; width: 133px; color:#333; background: url(images/bCommunity.jpg) no-repeat 0 0; text-decoration: none; float:left; padding:0; height:31px; } .rollFinance a { display:block; width: 127px; color:#333; background: url(images/bFinancial.jpg) no-repeat 0 0; text-decoration: none; float:left; padding:0; height:31px; } .rollWhoWeAre a { display:block; width: 93px; color:#333; background: url(images/bWhoWeAre.jpg) no-repeat 0 0; text-decoration: none; float:left; padding:0; height:31px; } .rollSynergy a { display:block; width: 70px; color:#333; background: url(images/bSynergy.jpg) no-repeat 0 0; text-decoration: none; float:left; padding:0; height:31px; } .rollAlliance a { display:block; width: 80px; color:#333; background: url(images/bAlliance.jpg) no-repeat 0 0; text-decoration: none; float:left; padding:0; height:31px; } /* ---------on nav------------- */ .rollHomeOn a { display:block; width: 43px; color:#333; background: url(images/bHome.jpg) no-repeat; background-position: 0 -40px; text-decoration: none; float:left; padding:0; height:40px;} .rollContactOn a { display:block; width: 52px; color:#333; background: url(images/bContact.jpg) no-repeat; background-position: 0 -40px; text-decoration: none; float:left; padding:0; height:40px;} .rollPurposeOn a { display:block; width: 79px; color:#333; background: url(images/bPurpose.jpg) no-repeat; background-position: 0 -36px; text-decoration: none; float:left; padding:0; height:31px; } .rollMarketOn a { display:block; width: 168px; color:#333; background: url(images/bMarketplace.jpg) no-repeat; background-position: 0 -36px; text-decoration: none; float:left; padding:0; height:31px; } .rollCommunityOn a { display:block; width: 133px; color:#333; background: url(images/bCommunity.jpg) no-repeat; background-position: 0 -36px; text-decoration: none; float:left; padding:0; height:31px; } .rollFinanceOn a { display:block; width: 127px; color:#333; background: url(images/bFinancial.jpg) no-repeat; background-position: 0 -36px; text-decoration: none; float:left; padding:0; height:31px; } .rollWhoWeAreOn a { display:block; width: 93px; color:#333; background: url(images/bWhoWeAre.jpg) no-repeat; background-position: 0 -36px; text-decoration: none; float:left; padding:0; height:31px; } .rollSynergyOn a { display:block; width: 70px; color:#333; background: url(images/bSynergy.jpg) no-repeat; background-position: 0 -36px; text-decoration: none; float:left; padding:0; height:31px; } .rollAllianceOn a { display:block; width: 80px; color:#333; background: url(images/bAlliance.jpg) no-repeat; background-position: 0 -36px; text-decoration: none; float:left; padding:0; height:31px; } /* ---------- typography -------------- */ p, ul { margin: 0 0 15px 0; } h1 { color: #575757; font-size: 32px; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; margin: 20px 18px 0 20px; } h2 { color: #575757; font-size: 28px; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; margin: 0px 20px 0 20px; } h3 { color: #575757; font-size: 22px; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; margin: 0px 20px 0 20px; } h4 { color: #666; } h6 { display: none; } /* ---------- images -------------- */ .quote { margin: 20px 0 0 0;} /* ----------container to center the layout-------------- */ #container { width: 751px; margin: 0 auto 10px auto;} #inside { border; 1px; background: url(images/insideBg.gif) no-repeat left top; } #inside p { line-height: 18px; margin: 10px 10px 0 0;} /* --------------left content------------- */ #left { float: left; width: 360px; margin: 0px 20px 0 0; padding: 0px; } #left p, #left2 p { margin-left: 20px;} #left2 ul {margin-left: 50px; list-style: url(images/bullet.gif); list-style-position: outside;} #left2 li {margin: 6px 0 0 4px; } #left2 { float: left; width: 370px; margin: 10px 0 0 0; padding: 0px; } #left2 h2 { margin: 20px 10px 0 20px;} #address { margin: 10px 50px 0 20px; padding: 10px; border-top: 1px dotted #d4d4d4; border-bottom: 1px dotted #d4d4d4;} #address h4, #address p { margin: 0; padding: 0;} .hr { border-top: 1px dotted #d4d4d4; margin: 10px 20px 10px 20px; } /* ----------------- right content--------------------- */ #right { float: right; width: 370px; padding: 0; margin: 20px 0 0 0;} #right2 { float: right; width: 350px; background: url(images/bgRight.gif) top left no-repeat; padding: 0 0 20px 10px; margin: 20px 0 0 0; } #right2 p, #right2 h3 { padding: 0 10px 0 0;} #right2 h3 { margin: 10px 10px 0 0;} .imgWrap { float: right; padding: 10px; margin-right: 14px;} #who {margin: 10px 0 0 20px;} #who p {margin: 0 0 20px 0;} .center { text-align: center; margin: 15px;} /* ----------------- clear the floats--------------------- */ .clearFloat { clear: both; height: 1px; overflow: hidden;} /* Footer -------------------------------------------------------------------------------------------------------------------------------*/ #footer { font-size: 11px; line-height: 18px; clear: both; padding: 30px 0 10px 20px; margin: 0; background: url(images/footer.gif) top left no-repeat; } #footer span { float: left; margin: 0; padding: 0; } #footer a { color: #707070; text-decoration: none; font-weight: normal;} #footer a:hover { color: #af6314; text-decoration: underline; font-weight: normal; }