/* CSS Document */ /** * SVN $Id: screen.css 16 2006-03-06 10:50:59Z psiska $ * * KMO Development Website. * Copyright (C) 2006 by KMO Development Group, Inc. * * Global css file for screen media and more sophisticated browsers. */ /****************************************************************************** * GLOBAL *******************************************************************************/ * {margin:0;padding:0;} body{font-family:Arial, Helvetica, sans-serif;font-size:12px;background:#d8d5ce;} /*d2cfc7 for IE*/ .clear{clear:both;} div.clear{height:1px;line-height:1px;font-size:0px;} a{color:#916b0f;} /* WAI 508 Skip Navigation http://www.access-board.gov/sec508/guide/1194.22.htm#(o) */ #skiplink { display:none; } /****************************************************************************** * Wrappers *******************************************************************************/ #pageWrapper{width:711px;margin:40px auto;} #headerWrapper{width:711px;height:107px;background-repeat:no-repeat;} #navWrapper{width:711px;height:30px;background:url(images/bg-nav-bar.png) repeat-y;} #contentWrapper{width:711px;background:url(images/bg-content-bar.png) repeat-y;padding-bottom:15px;} #footerWrapper{font:9px Verdana, Arial, Helvetica, sans-serif;width:711px;height:85px;background-repeat:no-repeat;} /****************************************************************************** * Header Bar *******************************************************************************/ h1{float:left;display:inline;margin:26px 0 0 34px;width:121px;height:59px;} #headerNav{float:left;display:inline;margin:50px 0 0 229px;width:165px;list-style:none;} #headerNav li{display:inline} .clientLogin{width:75px;height:13px;} .kmoLogin{width:71px;height:13px;margin-left:10px;} /* search form */ #frmSearch{float:left;display:inline;margin:48px 0 0 3px;} #headerWrapper p.searchform {line-height:16px;} #headerWrapper #keywords{color:#999999;height:16px;width:100px;padding:1px 2px 0 2px;border:0;font:9px Verdana, Arial, Helvetica, sans-serif;background-color:transparent;background-repeat:no-repeat;} #headerWrapper .submit {vertical-align:top;height:16px;margin-top:1px;} /***************************************************************************** * Nav Bar ******************************************************************************/ #active{background-position:20px 0;} /***************************************************************************** * Left Column ******************************************************************************/ #leftColumn{float:left;display:inline;width:210px;} /* latest news */ #latestNews{margin:30px 0 0 35px;background:url(images/latest-news.png) no-repeat;width:94px;height:12px;text-indent:-3000px;overflow:hidden;} dl{margin:15px 25px 25px 35px;} dt{color:#f97e30;font-size:11px;} dd{margin:2px 0 16px 0;} dd p{color:#8e9090;font-size:11px;line-height:1.15em;} dd a{width:73px;color:#aaa;font-weight:bold;font-size:11px;margin-top:3px;display:block;background:url(images/bullet-arrow2.gif) 62px 50% no-repeat;} #hbpagestop {font:bold 9px Tahoma;text-align:right;} #hbpagestop ul {margin:0px;padding:0px;} #hbpagestop ul li {list-style-type:none;display:inline;} #hbpagestop ul li a {color:#666;} #hbpagestop p {font:normal 10px Verdana;color:#666;margin-top:0px;padding-top:5px;} #hbpagestop ul li a:hover {color:#000;} #hbpagestop ul li em {list-style-type:none;display:inline;font:bold 9px Tahoma;color:#000;letter-spacing:-1px;margin-right:3px;} #hbpagestop ul li a.prev {list-style-type:none;text-transform:uppercase;text-decoration:none;display:inline;border-right:1px solid #666;padding-right:4px;margin-right:2px;} #hbpagestop ul li a.next {list-style-type:none;text-transform:uppercase;text-decoration:none;display:inline;border-left:1px solid #666;padding-left:5px;margin-left:2px;} /* growth plan */ table#growthPlan{width:450px;} table#growthPlan tr{width:450px;height:70px;background-color:#f6f6f6;} table#growthPlan tr td#left{width:70px;height:70px;border-top:10px solid #fff;} table#growthPlan tr td#left img{width:70px;height:70px;} table#growthPlan tr td#center{width:160px;height:70px;background-color:#f6f6f6;border-top:10px solid #fff;} table#growthPlan tr td#center h2{font:14px Arial;color:#738ba1;margin:0 10px;} table#growthPlan tr td#right{width:220px;height:70px;background-color:#f6f6f6;border-top:10px solid #fff;} table#growthPlan tr td#right p{font:10px Arial;color:#afafaf;margin:5px 10px 5px 0;line-space:3px;letter-spacing:.25px;} /* featured work */ #featuredWork{margin:0 0 0 25px;width:173px;border:1px dotted #979797;padding-bottom:12px;} #featuredWork h2{margin:12px 0 0 10px; background:url(images/featured-work.png) no-repeat;height:12px;width:107px;text-indent:-3000px;overflow:hidden;} #featuredWork p{margin-top:6px;line-height:1.1em;padding:2px 10px;background:#f3f4f4;color:#9c9c9c;font-size:10px;} /* case study */ #caseStudy{margin:0 0 0 25px;width:173px;border:1px dotted #979797;padding-bottom:2px;} #caseStudy h2{margin:12px 0 0 10px;background:url(images/case-studies.png) no-repeat;height:12px;width:93px;text-indent:-3000px;overflow:hidden;} #caseStudy p{margin-top:6px;line-height:1.1em;padding:2px 10px;background:#f3f4f4;color:#9c9c9c;font-size:10px;} #caseStudy img{margin:5px 0 0 140px;} /* subnav */ .subnavHeader{margin:30px 0 0 28px;background-repeat: no-repeat;width:180px;height:20px;text-indent:-3000px;overflow:hidden;} #subnav-our-services{background-image:url(images/subnav-our-services.png)} #subnav-our-work{background-image:url(images/subnav-our-work.png)} #subnav-our-company{background-image:url(images/subnav-our-company.png)} #subnav-our-clients{background-image:url(images/subnav-our-clients.png)} #subnav-available-properties{background-image:url(images/subnav-available-properties.png)} #subnav{list-style:none;margin:0 0 40px 25px;border-top:1px dotted #e0e0e0;width:173px;} #subnav li{border-bottom:1px dotted #e0e0e0;} #subnav li a{font:10px Verdana, Arial, Helvetica, sans-serif;width:153px;color:#8a8a86;display:block;padding:6px 2px 6px 18px;text-decoration:none;background:url(images/nav-menu-bullet-arrow.gif) 5px 50% no-repeat;} #subnav li a:hover, #subnav li.selected{color:#555;background-color:#f9f9f9;} #subnav li ul{list-style:none;} #subnav li ul li{border-bottom:0;padding-left:15px;background:none;} #subnav li ul li a{width:123px;color:#8a8a86;display:block;padding:3px 2px 3px 18px;text-decoration:none;background:url(images/nav-menu-bullet-arrow-grey.gif) 5px 50% no-repeat;} #subnav li ul li a:hover, #subnav li ul li.active{color:#555;background-color:#f9f9f9;} /***************************************************************************** * Right Column ******************************************************************************/ #rightColumn{float:right;display:inline;width:484px;margin:0 8px 0 0;} #fullColumn{width:627px;margin:0 auto;padding-top:10px;} /* home */ #bw-home{width:483px;height:301px;} #copy-home{margin:25px 25px 0 0;} #copy-home p{letter-spacing:-.01em;padding-left:10px;text-align:right;font:12px "Trebuchet MS",Verdana,Arial,Sans-serif;color:#a6a49b;font-weight:bold;} /* content */ #bw-content{height:186px;width:483px;} #breadcrumb,#breadcrumb-cs{float:left;display:inline;list-style:none;font-size:9px;margin:20px 0 0 9px;font:Verdana, Arial, Helvetica, sans-serif;color:#6f9ccd;} #breadcrumb li,#breadcrumb-cs li{display:inline;} #breadcrumb a,#breadcrumb-cs a{color:#6f9ccd;text-decoration:none;} #breadcrumb a:hover,#breadcrumb-cs a:hover{text-decoration:underline;} #copy-content{margin:0 25px 50px 8px;color:red;} #copy-content h3{color:#916b0f;font:24px "Trebuchet MS",Verdana,Arial,Sans-serif;margin:4px 0 5px 0;} #copy-content h4{text-transform:uppercase;color:#00718f;letter-spacing:0.085em;font:13px "Trebuchet MS",Verdana,Arial,Sans-serif;margin:0 0 5px 0;} #copy-content p{ margin-bottom:15px; line-height:1.55em; color:#4198ab; letter-spacing:0.025em; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #copy-content ol, #copy-content ul{margin:10px 60px 0 20px;} #copy-content ol li,#copy-content ul li{color:#918f8f;} #hbpagination{color:#918f8f} /* #copy-content ul{color:#918f8f;list-style:none;} #copy-content ol{color:#918f8f;margin-left:20px;} #copy-content ol li{margin-bottom:6px;} #copy-content ul li{padding:2px 0 2px 20px;background:url(images/nav-menu-bullet-arrow-grey.gif) 5px 10px no-repeat;} */ a.activeLink:link,a.activeLink:visited{font-size:10px;border:1px solid #c5a975;text-decoration:none;color:#999;padding:1px 12px 1px 22px;background:url(images/active-link-bullet.png) 5px 50% no-repeat;} a.activeLink:hover{background-color:#c5a975;color:#fff;} /* related resources */ ul#resources{list-style:none;margin:10px 0 0 0;} ul#resources li{background:none;padding:0} /* client list table */ #clientList {width:430px;} #clientList td{width:50%;text-align:center;padding-bottom:22px;color:#4198ab;text-transform:uppercase;font-weight:bold;} #clientList td img{border:1px solid #d9d9d9;margin-bottom:4px} #clientList td a{color:#4198ab} /* employee list table */ #employeeList { width:400px; } #employeeList td{width:50%;text-align:center;padding-bottom:22px;} #employeeList td img{border:1px solid #d9d9d9;margin-bottom:4px;padding:2px;} #employeeList td a{color:#4198ab} #employeeList td p{margin-top:-5px;} /* testimonials list */ ul#quoteListing{margin-top:15px;} ul#quoteListing li{background:0;padding-left:0;margin-left:0;margin-bottom:15px;} /* case studies */ #frmCats{float:right;display:inline;margin:8px 0 0 0;} #frmCats p{font-size:10px;margin:0} #frmCats select{width:155px;font:11px Verdana, Arial, Helvetica, sans-serif;margin-top:2px;} /***************************************************************************** * Footer Bar ******************************************************************************/ #contactButton{float:left;display:inline;margin:14px 0 0 26px;} #contact{float:left;display:inline;margin:18px 0 0 8px} #contact a{margin-top:4px; display:block;} #footerNav{margin:18px 25px 0 0;list-style:none;float:right;display:inline;} #footerNav li{line-height:10px;display:inline;border-left:1px solid #aa957d;padding-left:7px;margin-left:7px;} #footerNav #first{border:0;padding-left:0;margin-left:0} #footerNav a,#copyright a{text-decoration:none;} #footerNav a:hover,#copyright a:hover{text-decoration:underline;} #copyright{text-align:right;margin:4px 25px 0 0;float:right;display:inline;} /***************************************************************************** * Themes ******************************************************************************/ /* header */ .header-brown{background-image:url(images/Header-brown.png);} .header-green{background-image:url(images/Header-green.png);} .header-orange{background-image:url(images/Header-orange.png);} .header-purple{background-image:url(images/Header-purple.png);} .header-red{background-image:url(images/Header-red.png);} .header-tan{background-image:url(images/Header-tan.png);} .header-blue{background-image:url(images/Header-blue.png);} /* clientLogin */ #clientLogin-brown{background-image:url(images/client-login-brown.png)} #clientLogin-tan{background-image:url(images/client-login-tan.png)} #clientLogin-blue{background-image:url(images/client-login-blue.png)} #clientLogin-green{background-image:url(images/client-login-green.png)} #clientLogin-purple{background-image:url(images/client-login-purple.png)} #clientLogin-red{background-image:url(images/client-login-red.png)} #clientLogin-orange{background-image:url(images/client-login-orange.png)} /* kmoLogin */ #kmoLogin-brown{background-image:url(images/kmo-login-brown.png)} #kmoLogin-tan{background-image:url(images/kmo-login-tan.png)} #kmoLogin-blue{background-image:url(images/kmo-login-blue.png)} #kmoLogin-green{background-image:url(images/kmo-login-green.png)} #kmoLogin-purple{background-image:url(images/kmo-login-purple.png)} #kmoLogin-red{background-image:url(images/kmo-login-red.png)} #kmoLogin-orange{background-image:url(images/kmo-login-orange.png)} /* search box */ .searchfield-brown{background-image:url(images/search-brown.png);} .searchfield-blue{background-image:url(images/search-blue.png);} .searchfield-green{background-image:url(images/search-green.png);} .searchfield-red{background-image:url(images/search-red.png);} .searchfield-orange{background-image:url(images/search-orange.png);} .searchfield-purple{background-image:url(images/search-purple.png);} .searchfield-tan{background-image:url(images/search-tan.png);} /* footer */ .footer-brown{background-image:url(images/footer-brown.png);} .footer-green{background-image:url(images/footer-green.png);} .footer-orange{background-image:url(images/footer-orange.png);} .footer-purple{background-image:url(images/footer-purple.png);} .footer-red{background-image:url(images/footer-red.png);} .footer-tan{background-image:url(images/footer-tan.png);} .footer-blue{background-image:url(images/footer-blue.png);} .footer-brown a,.footer-brown p{color:#aa957d} .footer-orange a,.footer-orange p{color:#6c7345} .footer-blue a,.footer-blue p{color:#96905c} .footer-tan a,.footer-tan p{color:#8d939a} .footer-red a,.footer-red p{color:#986b61} .footer-green a,.footer-green p{color:#808c53} .footer-purple a,.footer-purple p{color:#8f8e93}