@charset "utf-8"; body { color: #2a2a2a; margin: 0; padding: 0 0 0 10px; background: #000 url(../images/background.jpg) repeat-x top left; } /* Links ***********************************************************************************************/ a { outline: none; color: #000; text-decoration: underline; } a:link { color: #2874a9; text-decoration: underline; } a:visited { color: #2874a9; text-decoration: underline; } a:hover { color: #2874a9; text-decoration: underline; } a:active { color: #2874a9; text-decoration: underline; } sup { vertical-align: super; font-size: 77%; } /* Layout elements ************************************************************************************/ #wrapper { width: 980px; padding-top: 15px;}/*Padding added to offset selector removal. See next line*/ /*hide selector section. added padding above and display:none below.*/ #selector { text-align: right; color: #fff; margin: 6px 0 0 0; display: none; } #selector form { display: inline; } #selector select { width: 110px; color: #ccc; background-color:#111; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 85%; border: solid #ccc 1px; } #selector select option { font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 2px; } #header { background: #000 url(../images/header_background.jpg) no-repeat top left; height: 146px; width: 980px; } #topNav { position: relative; width: 980px; height: 66px; border: solid red 0px; } #topNav ul { margin: 0; padding: 0; list-style: none; } #topNav ul li { border: solid red 0px; position: absolute; top: 19px; } #topNav ul li a { height: 39px; text-indent: -3000px; display: block; background-position: bottom left; background-repeat: no-repeat; } #topNav ul li a:hover { background-position: top left; } #topNav ul li#navHome { top: 0px; left: 0px; border: solid red 0px; } #topNav ul li#navHome a { width: 246px; height: 120px; } li#navPortfolio { left: 300px; } li#navPortfolio a { width: 123px; background-image: url(../images/topnav_portfolio.jpg); } li#navAbout { left: 444px; } li#navAbout a { width: 89px; background-image: url(../images/topnav_about.jpg); } li#navArticles { left: 556px; } li#navArticles a { width: 112px; background-image: url(../images/topnav_articles.jpg); } li#navLinks { left: 692px; } li#navLinks a { width: 79px; background-image: url(../images/topnav_links.jpg); } li#navContact { left: 794px; } li#navContact a { width: 104px; background-image: url(../images/topnav_contact.jpg); } body#portfolio li#navPortfolio a, body#about li#navAbout a, body#articles li#navArticles a, body#links li#navLinks a, body#contact li#navContact a, body#home #icon a { background-position: top left; } #icon { position: absolute; top: 19px; right: 16px; } #icon a { width: 39px; height: 39px; background: url(../images/header_icon_home.jpg) no-repeat bottom left; display: block; text-indent: -3000px; } #icon a:hover { background-position: top left; } /*#home #icon { background-image: url(../images/header_icon_home.jpg); } #portfolio #icon{ background-image: url(../images/header_icon_portfolio.jpg); } #about #icon { background-image: url(../images/header_icon_about.jpg); } #articles #icon { background-image: url(../images/header_icon_articles.jpg); } #links #icon { background-image: url(../images/header_icon_links.jpg); } #contact #icon { background-image: url(../images/header_icon_contact.jpg); } #services #icon { background-image: url(../images/header_icon_services.jpg); }*/ #subNav { position: absolute; top: 70px; left: 230px; z-index: 2; font-size: 85%; color: #ccc; letter-spacing: .15em; } #subNav a { color: #ccc; text-decoration: underline; } #subNav a:hover { color: #fff; text-decoration: underline; } #topNav h1 { position: absolute; top: 70px; z-index: 1; width: 964px;/*left: 705px; right: 16px; */ text-align: right; font-size: 93%; font-style: italic; color: #fff; font-weight: bold; letter-spacing: .15em; } #content { background: url(../images/main_background.gif) repeat-y top left; float: left;} #sideNav { margin-left: 5px; float: left; display: inline; } #sideNav h3 { background: url(../images/services_title.gif) top left no-repeat; } #sideNav h3 a { display: block; width: 250px; height: 109px; text-indent: -3000px; } #sideNavContent1 { background: url(../images/services_background.jpg) repeat-y top left; } #sideNavContent2 { background: url(../images/services_background_gradient.jpg) no-repeat top left; padding: 0 27px 0 23px; width: 233px; display: block;} /*1 of 2 adjust width to shift*/ h4#testimonial { width: 164px; height: 140px; padding: 55px 20px 30px 28px; color: #003366; font-family: "Times New Roman", Times, serif; background: url(../images/testimonial_background.jpg) no-repeat top left; } /*Testimonial AJAX Ticker Code*/ #ajaxticker1{ width: 168px; height: 140px; padding: 55px 20px 30px 24px; color: #003366; font-family: "Times New Roman", Times, serif; background: url(../images/testimonial_background.jpg) no-repeat top left; } #ajaxticker1 div{ }/*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/ .someclass{ } /*class to apply to your scroller(s) if desired*/ #sideNavFooter {background: url(../images/services_footer.gif) no-repeat top left; width: 250px; height: 16px; } #mainContent { float: right; width: 667px; padding-top: 18px; padding-right: 25px; } /* 2 of 2 adjust padding-right to shift*/ /*One wide column span*/ .container3col { background: url(../images/content_3col_back.jpg) repeat-y top left; margin-bottom: 10px; } .container3col span { background: url(../images/content_3col_bottom.jpg) no-repeat bottom left; width: 667px; display: block; padding: 0 0 25px 0; } .container3col span h2 { width: 667px; height: 41px; text-indent: -3000px; background-image: url(../images/title_blank.jpg); background-position: top left; background-repeat: no-repeat; } body#home .container3col h2 { } /*add bg-image if a 3 column container is put on homepage that needs title*/ body#services .container3col h2 { background-image: url(../images/title_services.jpg); } body#portfolio .container3col h2{ background-image: url(../images/title_portfolio.jpg); } body#about .container3col h2 { background-image: url(../images/title_about.jpg); } body#articles .container3col h2 { background-image: url(../images/title_articles.jpg); } body#links .container3col h2 { background-image: url(../images/title_links.jpg); } body#contact .container3col h2 { background-image: url(../images/title_contact.jpg); } #container3colContent { margin: 0 30px; } /*Two columns*/ #mainContent2Col { float: left; width: 406px; } .container2col { background: url(../images/content_2col_back.jpg) repeat-y top left; margin-bottom: 10px;} .container2col h2 { width: 406px; height: 41px; text-indent: -3000px; } .container2col h2.latestAnnouncements { background: url(../images/title_latest-announcements.jpg) no-repeat top left; } .container2col h2.tipsAndTutorials { background: url(../images/title_tips-and-tutorials.jpg) no-repeat top left; } .container2col span { background: url(../images/content_2col_bottom.jpg) no-repeat bottom left; width: 406px; display: block; padding: 0 0 15px 0; } dl#latestAnnouncements { float: left; width: 340px; margin: 10px 30px; padding: 0; display: inline; } dl#latestAnnouncements dt { background: url(../images/hrule_2col.jpg) no-repeat top center; width: 100%; float: left; margin: 0 0 10px 0; padding: 15px 0 0 0; font-size: 93%; color: #363738; border: solid green 0px;} dl#latestAnnouncements dt strong { font-size: 108%; color: #2874a9; font-weight: bold; display: block; } dl#latestAnnouncements dd { width: 235px; float: left; font-size: 85%; color: #363738; margin: 0 0 0 5px; display: inline; } dl#latestAnnouncements dd p { margin-bottom: 5px; } dl#latestAnnouncements dd.img { margin: 0; width: 100px; float: left; } dl#latestAnnouncements dd.img img { float: left; margin: 0; padding: 0px; border: 1px solid #ccc; border-bottom-color:#333; border-right-color:#666; } dl#latestAnnouncements a { color: #2874a9; text-decoration: none; } dl#latestAnnouncements a:hover { text-decoration: underline; } #mainContent1Col { float: right; width: 229px; } .container1col { background: url(../images/content_1col_back.jpg) repeat-y top left; margin-bottom: 10px; } .container1col h2 { width: 229px; height: 41px; text-indent: -3000px; } .container1col h2.featuredClient { background: url(../images/title_featured-client.jpg) no-repeat top left; } .container1col h2.announcements { background: url(../images/title_announcements.jpg) no-repeat top left; } /****Home Page Elements *****************/ .featuredClientThumb { margin: 10px 0 0 35px; background: url(../images/featuredclient_thumb_background.jpg) no-repeat bottom left; padding-bottom: 30px; } .featuredClientThumb img {border: solid #ccc 1px; border-bottom-width: 0px; } .featuredClientDesc { width: 169px; text-align: center; margin: 0 30px; } .featuredClientDesc dt { color: #2874a9; font-weight: bold; } .featuredClientDesc dd { margin: 0; padding: 0; font-size: 93%; } .designTipsIndTip { width: 169px; text-align: center; margin: 0 30px; } .designTipsIndTip dt { color: #2874a9; font-weight: bold; font-style: italic; margin-top: 5px; } .designTipsIndTip dd.designTipsThumb {} .designTipsIndTip dd { margin: 10px 0 0 0; padding: 0; font-size: 93%; } .container1col h2.designTips { background: url(../images/title_design-tips.jpg) no-repeat top left; } .container1col span { background: url(../images/content_1col_bottom.jpg) no-repeat bottom left; width: 229px; display: block; padding: 0 0 15px 0; } .container1col span p { margin: 0 30px; } #footer { width: 980px; background: url(../images/footer_background.gif) no-repeat top left; text-align: center; color: #fff;} #footer a {color: #3399cc; } #footer a:hover { color: #66ccff;} #footerLinks { margin: 0px 0 0 293px; padding-top: 50px; } #footerLegal { margin: 5px 0 0 293px; padding-bottom: 30px; } /****Services Page Elements*****************/ #servicesContent {} #servicesContent p { } #servicesContent h4 { font-size: 131%; font-weight: bold; margin: 10px 0;} p.serviceIntro { background-color: #; margin: 0; color: #2874a9; } p.serviceQuoteL { background: url(../images/services_quote-left_background.jpg) no-repeat top left; padding: 10px 0 25px 20px; margin: 10px 0 0 0; font-style: italic; color: #336699; font-size: 123.1%; font-weight: bold; font-family:"Times New Roman", Times, serif;} p.serviceQuoteR { text-align: right; background: url(../images/services_quote-right_background.jpg) no-repeat top right; padding: 10px 20px 25px 0px; margin: 10px 0 0 0; font-style: italic; color: #336699; font-size: 123.1%; font-weight: bold; font-family:"Times New Roman", Times, serif;} p.serviceInfo { margin: 0 90px 0 20px; padding: 0 0 0 100px; } p.iconEye { background: url(../images/services_icon_eye.jpg) no-repeat top left; } p.iconMGlass { background: url(../images/services_icon_mglass.jpg) no-repeat top left; } p.iconHourGlass { background: url(../images/services_icon_hourglass.jpg) no-repeat top left; } p.iconPuzzle { background: url(../images/services_icon_puzzle.jpg) no-repeat top left; } p.iconMonitors { background: url(../images/services_icon_monitors.jpg) no-repeat top left; } p.iconGoogleList { background: url(../images/services_icon_googleList.jpg) no-repeat top left; } p.iconPaintBucket { background: url(../images/services_icon_paintbucket.jpg) no-repeat top left; } p.iconInstruction { background: url(../images/services_icon_instruction.jpg) no-repeat top left; } p.iconAddProduct { background: url(../images/services_icon_addproduct.jpg) no-repeat top left; } p.iconBaton { background: url(../images/services_icon_baton.jpg) no-repeat top left; } p.iconCamera { background: url(../images/services_icon_camera.jpg) no-repeat top left; } p.iconPhotoStudio { background: url(../images/services_icon_photostudio.jpg) no-repeat top left; } p.iconMultimedia { background: url(../images/services_icon_multimedia.jpg) no-repeat top left; } p.competitiveResearch { background: url(../images/services_icon_competitiveresearch.jpg) no-repeat top left; } p.targetResearch { background: url(../images/services_icon_targetresearch.jpg) no-repeat top left; } p.promotionalResearch { background: url(../images/services_icon_promotionalresearch.jpg) no-repeat top left; } p.xyzinc { background: url(../images/services_icon_xyzinc.jpg) no-repeat top left; } p.mediaBuying { background: url(../images/services_icon_mediabuying.jpg) no-repeat top left; } p.publicRelations { background: url(../images/services_icon_publicrelations.jpg) no-repeat top left; } p.directMarketing { background: url(../images/services_icon_directmarketing.jpg) no-repeat top left; } p.copyWriting { background: url(../images/services_icon_copywriting.jpg) no-repeat top left; } p.iconPrintDesign { background: url(../images/services_icon_printdesign.jpg) no-repeat top left; } p.iconPrintProduction { background: url(../images/services_icon_printproduction.jpg) no-repeat top left; } p.iconPrintPress { background: url(../images/services_icon_printingpress.jpg) no-repeat top left; } p.serviceSummary { margin: 20px 0 0 0; color: #2874a9; font-weight: bold;} p.serviceNav { text-align: right; margin: 10px; } ul.servicesSEOList { } ul.servicesSEOList li {border-bottom: solid #2874a9 1px; padding: 10px 0;} ul.servicesSEOList li p {margin: 10px 0;} .sampleContent { background-color: #fff; padding: 15px; color:#2874a9; margin: 15px; } /****Links Page Elements*****************/ #mainContentLinks { padding-top: 20px; } #mainContentLinks h3 { font-weight: bold; font-style: italic; margin-top: 15px; clear: both; border-bottom: solid #3399CC 1px; } #mainContentLinks ul {} #mainContentLinks ul li { clear: both; margin: 0; padding-left: 15px; } #mainContentLinks ul li a img { border: solid #ccc 1px; border-right-color: #666; border-bottom-color: #999; padding: 1px; float: left; margin: 10px 8px 10px 0; } #mainContentLinks ul li a:hover img { border: solid #3399CC 1px; border-right-color: #336699; border-bottom-color: #336699; } #mainContentLinks ul li p { padding: 15px 20px 0 0; } #mainContentLinks ul li p a { text-decoration: none; } #mainContentLinks ul li p a:hover { text-decoration: underline; } ul#linksProducts {} ul#linksColleagues {} ul#linksSocial {} /****Portfolio Page*****************/ #clientHolder2x { width: 590px; float: left; } .clientHolder { width: 290px; float: left; border: solid red 0px; } /*#clientHolder { width: 600px; }*/ .clientHolder dl { clear: left; margin: 0px 0px 0 40px; border-top: solid #999 0px; padding: 10px 0; background: url(../images/hrule_portfolio_client.gif) no-repeat top left; } .clientHolder dl dt { margin-bottom: 3px; font-style: italic; } .clientHolder dl dt a { font-weight: bold; text-decoration: none; font-style: normal; } .clientHolder dl dt a:hover{ text-decoration: underline; } .clientHolder dl dd {} .clientHolder dl dd.clientThumb img{ border: solid #ccc 1px; border-bottom-color: #999999; border-right-color: #999999; margin-bottom: 5px; } .clientHolder dl dd.img{ float: left; } .clientHolder dl dd.clientIcons { padding-left: 45px;} .clientHolder dl dd.clientIcons img { margin-right: 5px; } #portfolioCategoryIntro {} #portfolioCategoryThumbs{ float: left; } /*Caution, this following Title style is reused on the portfolio homepage*/ #portfolioTypeTabs { margin: 10px; display: inline; width: 540px; padding-right: 35px; padding-left: 10px; border-bottom: solid #2874a9 0px; float: left; background: url(../images/portfolio_client_title_background.jpg) no-repeat top right; } #portfolioTypeTabs a.portfolioType { padding: 4px 10px 4px 12px; float: left; display:block; font-size: 93%; font-style: italic; color: #fff; font-weight: bold; letter-spacing: .15em; text-decoration: none; background: url(../images/portfolio_client_title_background.jpg) no-repeat top left; } #portfolioFeatureIntro { margin-bottom: 25px; padding-top: 10px; } #portfolioClientTitle { margin: 10px;} #portfolioClientTitle h3 { padding: 4px 5px; font-size: 93%; font-style: italic; color: #fff; font-weight: bold; letter-spacing: .15em; background: url(../images/portfolio_client_title_background.jpg) no-repeat top right; } #portfolioClientTitle h4 { margin-left: 10px; margin-top: 5px; font-weight: normal; font-style: italic; } #portfolioClientInfo { border: solid red 0px; width: 220px; float: left; padding-bottom: 30px; /*background: url(../images/featuredclient_info_background.jpg) no-repeat bottom right;*/ } #portfolioIcons { font-style: normal; text-align: left; font-size: 93%; margin-bottom: 25px; } #portfolioIcons a{ text-decoration: none; color: #666666;} #portfolioIcons a:hover { color: #2874a9; } #portfolioIcons a.featuredCurrent { text-transform: uppercase; color: #2874a9; } #portfolioIcons img { margin: 8px 2px -3px 6px; } /*#portfolioComprehensiveIcons { font-style: normal; text-align: left; color: #2874a9; font-size: 93%; margin-bottom: 25px; } #portfolioComprehensiveIcons a { text-decoration: none; } #portfolioComprehensiveIcons img { margin: 8px 2px -3px 6px; }*/ #portfolioClientInfo dl { margin-left: 10px; } #portfolioClientInfo dl dt { color: #3f9ac7; margin-top: 10px; font-weight: bold; font-style: italic; padding: 3px 0 3px 30px; margin-bottom: 3px; } #portfolioClientInfo dl dt.portfolioWorkPerformed { background: url(../images/icon_work.gif) no-repeat center left; } #portfolioClientInfo dl dt.portfolioVisitSite { background: url(../images/icon_finger.gif) no-repeat center left; } #portfolioClientInfo dl dt.portfolioView { background: url(../images/icon_glasses.gif) no-repeat center left; } #portfolioClientInfo dl dt.portfolioTestimonial { background: url(../images/icon_chat.gif) no-repeat center left; } #portfolioClientInfo dl dt.portfolioReturn { background: url(../images/icon_arrowreturn.gif) no-repeat center left; } #portfolioClientInfo dl dt.portfolioReturn a { color: #3f9ac7; text-decoration: none; } #portfolioClientInfo dl dt.portfolioReturn a:hover { text-decoration: underline; } #portfolioClientInfo dl dd { color: #333; padding-left: 10px; } #portfolioClientInfo dl dd a{ color: #333; text-decoration: none; } #portfolioClientInfo dl dd a:hover { color: #333; text-decoration: underline; } .portfolioClientTestimonial {font-style: italic; } #portfolioClientThumbs { width: 365px; float: right; padding-top: 10px; margin-top: 0px; } .portThumb { float: left; width: 181px; height: 150px; padding-bottom: 38px; display: inline; background: #eff0f1 url(../images/thumbnail_reflection.jpg) no-repeat bottom left; } .portThumb img {border: solid #ccc 1px; border-right-color:#999999; border-bottom-color: #999999; } .portThumbSingle { float: right; width: 181px; height: 150px; margin-right: 100px; padding-bottom: 38px; display: inline; background: #eff0f1 url(../images/thumbnail_reflection.jpg) no-repeat bottom left; } .portThumbSingle img {border: solid #ccc 1px; border-right-color:#999999; border-bottom-color: #999999; } .portThumb a img { } .portThumb a:hover img { } /*Featured Clients Thumbnail Display Page*/ /*.featuredClientTitle { margin: 3px; border-bottom: solid #000 1px;} h3.featuredClientsWeb { padding: 3px 0 4px 20px; border-top: solid #666 1px; margin: 10px 0 5px 0; color: #2874a9; font-weight: bold; background: url(../images/icon_web.gif) no-repeat center left; } h3.featuredClientsPrint { padding: 3px 0 4px 20px; border-top: solid #666 1px; margin: 10px 0 5px 0; color: #2874a9; font-weight: bold; background: url(../images/icon_print.gif) no-repeat center left; }*/ .featuredClients { margin-top: 20px;} .featuredClientInd { float: left; text-align: center; margin: 0 0 10px 35px; display: inline; } .featuredClientInd img { border: solid #ccc 1px; border-bottom-color: #999999; border-right-color: #999999; } .featuredClientInd p { margin-top: 5px; text-align: right; } .featuredClientInd p a img{ margin-bottom: -3px; margin-left: 0px; border: 0px; } .featuredClientInd p a { text-decoration: none; margin-right: 0px; color: #999; } .featuredClientInd p a:hover{ text-decoration: none; color: #2874a9; } .featuredClientInd p a.thumbZoom { margin-right: 5px; } .featuredClientInd p a.clientInfo { margin-right: 2px; } /****Resume Page*****************/ #mainContentResume {} p.resumeIntro { margin: 20px 0 0 0; border: solid #ccc 1px; padding: 3px 5px; background-color: #FFFFCC; } #mainContentResume h3 { text-indent: -3000px; height: 54px; margin-top: 30px; } #mainContentResume h3#resumeObjective { background: url(../images/resume_title_objective.jpg) no-repeat center left; } #mainContentResume h3#resumeWorkExperience { background: url(../images/resume_title_workexperience.jpg) no-repeat center left; } #mainContentResume h3#resumeEducation { background: url(../images/resume_title_education.jpg) no-repeat center left; } #mainContentResume h3#resumeComplementarySkills { background: url(../images/resume_title_complementaryskills.jpg) no-repeat center left; } #mainContentResume h3#resumeInterestsActivities { background: url(../images/resume_title_interestsactivities.jpg) no-repeat center left; } #mainContentResume dl { padding-left: 10px; } #mainContentResume dl dt{ margin: 5px 0; border-bottom: solid 1px #ccc; color: #2874a9; font-style: italic; } #mainContentResume dl dd{ padding-left: 60px; } #mainContentResume dl dd h4 { float: right; text-align: right; font-weight: bold; color: #2874a9; } #mainContentResume dl dd h5 { float: left; font-weight: bold; } #mainContentResume dl dd ul { clear: both; } #mainContentResume dl dd ul li { padding: 2px 50px 8px 23px; list-style:none; margin: 0px 0; background: url(../images/bullet_bluedash.jpg) no-repeat top left; } /****Article Page*****************/ #articleContent { padding: 20px;} #articleContent h4 { font-weight: bold; color: #2874a9; margin-bottom: 10px;} #articleContent h5 { font-weight: bold; color: #333; border-bottom: solid #333 0px; font-style: italic; margin-bottom: 10px;} #articleContent p { margin-bottom: 10px; } #articleContent ul { margin-top: 10px; margin-bottom: 10px; } dl#tipsAndTutorialsItems { padding: 0px 30px 10px 30px;} dl#tipsAndTutorialsItems dt { font-size: 100%; color: #2874a9; font-weight: bold; display: block; margin-top: 20px;} dl#announcementsItems { padding: 0px 30px 10px 30px;} dl#announcementsItems dt { font-size: 100%; color: #2874a9; font-weight: bold; display: block; margin-top: 20px;} /****About Page*****************/ #mainContentAbout {} #mainContentAbout h4 { font-size: 123.1%; color: navy; font-family: "Times New Roman", Times, serif; font-style: italic; margin: 10px 0; } #mainContentAbout p.aboutCDesign { padding-left: 75px; } ul.aboutServices { padding-left: 75px; } ul.aboutServices li { padding: 12px 30px 12px 60px; list-style:none; margin: 0px 0; } ul.aboutServices li.aboutWeb { background: url(../images/about_services_web.jpg) no-repeat center left; } ul.aboutServices li.aboutPrint { background: url(../images/about_services_print.jpg) no-repeat center left; } ul.aboutServices li.aboutIdentityBranding { background: url(../images/about_services_identitybranding.jpg) no-repeat center left; } ul.aboutServices li.aboutMultimedia { background: url(../images/about_services_multimedia.jpg) no-repeat center left; } ul.aboutServices li.aboutMarketing { background: url(../images/about_services_marketing.jpg) no-repeat center left; } ul.aboutServices li.aboutPhotography{ background: url(../images/about_services_photography.jpg) no-repeat center left; } /****Contact Page*****************/ #contactIntro { border-bottom: solid #003366 1px; padding-bottom: 10px; margin: 10px;} table#contactFormLayout { } table#contactFormLayout tr td {padding: 2px;} .contactNameReq {text-align: right; vertical-align: middle; font-weight: bold;} .contactName {text-align: right; vertical-align: middle;} .contactInput { margin-left: 5px; width: 220px; } .contactInputHalf { margin-left: 5px; width: 69px; } .contactTextArea {margin-left: 5px; width: 220px; height: 80px; } .contactSubmit {margin-left: 5px; background-color:#003366; color: #fff; font-weight: bold; padding: 1px 3px;} .captchaImage { border: solid #cccccc 1px; padding: 0px; margin-top: 8px;} .captchaIcons { border: solid #cccccc 1px; } /*SiteMap*/ body#sitemap ul.smL1 li { margin: 5px 0; font-weight: bold;} body#sitemap ul.smL1 li a { text-decoration: none; } body#sitemap ul.smL1 li a:hover { text-decoration: underline; } body#sitemap ul.smL2 li, body#sitemap ul.smL2 li a { color: #333333; } body#sitemap ul.smL3 li a { font-style: italic; font-weight: normal; color: #2874a9; } /* Miscellaneous classes for reuse ********************************************************************/ .flR { float: right; margin-left: 8px; } .flL { float: left; margin-right: 8px; } .flClear { clear:both; height:0; font-size: 1px; line-height: 0px; } /*placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ /* Content elements ***********************************************************************************/ h1 { } h2 { } h3 { } h4 { } h6 { } p { } strong { font-weight: bold; } em { font-style: italic; } dl { } dt { } dd { } ol.list,ul.list { margin-left:2em; } ol.list li { list-style: decimal outside; } ul.list li { list-style: disc outside; } pre {} code { font-size: 12px; color: #660000; display: block; padding: 10px 10px 30px 10px; background: #fff url(../images/code_background.gif) no-repeat bottom left; margin: 10px 0 15px 0; width: 570px; }