/* main */ body { margin: 0px; padding: 0px; } body, p, td, th, li, input, textarea, select { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #999; } body { font-size: .7em; line-height: 140%; } input, textarea, select { font-size: 100%; } p { margin: 0px 0px 15px 0px; padding: 0px; } a, a:active, a:visited { text-decoration: none; color: #196ABB; } a:hover { text-decoration: underline; } /* headings*/ h1 { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #196ABB; font-size: 250%; font-weight: normal; margin: 0px 0px 20px 0px; line-height: normal; } h2 { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #196ABB; font-size: 180%; font-weight: normal; margin: 0px 0px 10px 0px; line-height: normal; } h3 { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #196ABB; font-size: 130%; font-weight: bold; margin: 0px 0px 10px 0px; padding-bottom: 8px; line-height: normal; padding-left: 18px; background: url(../Images/Common/h3Grey.png) no-repeat left bottom; } h4 { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #196ABB; font-size: 120%; font-weight: bold; margin: 0px 0px 10px 0px; line-height: normal; } h5 { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #196ABB; font-size: 110%; font-weight: bold; margin: 0px 0px 10px 0px; line-height: normal; } h3.plan { padding-left: 18px; background: url(../Images/Common/h3Plan.png) no-repeat left bottom; } h3.design { padding-left: 18px; background: url(../Images/Common/h3Design.png) no-repeat left bottom; } h3.build { padding-left: 18px; background: url(../Images/Common/h3Build.png) no-repeat left bottom; } h3.promote { padding-left: 18px; background: url(../Images/Common/h3Promote.png) no-repeat left bottom; } h3.plain { padding-left: 0px; background: url(../Images/Common/DashHorz.png) repeat-x left bottom; } h1 a, h1 a:link, h1 a:active, h1 a:visited, h2 a, h2 a:link, h2 a:active, h2 a:visited, h3 a, h3 a:link, h3 a:active, h3 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline; } /* misc*/ form { margin: 0px; } hr { color: #CCCCCC; height: 1px; } .bold { font-weight: bold; } .hidden, .notImp { display: none; } img { border: 0px; } .floatL { float: left; display: inline; } .floatR { float: right; display: inline; } .clrLft { clear: left; } .clrRgt { clear: right; } .clrBoth { clear: both; } input.txtBox, textarea.txtBox { border: 1px solid #196ABB; padding: 2px; color: #000; width: 120px; line-height: normal; } select.txtBox { border: 1px solid #196ABB; padding: 2px; color: #000; } div.button { text-align: center; padding-top: 10px; } .inlineBlock { display: inline-block; } .centered { text-align: center; } .tv td div { height: 20px !important; } /* treeview (sitemap etc) */ ul { padding: 0px; margin: 0px 0px 10px 15px; } ul li { list-style-type: none; background: url(../Images/Bullet.png) no-repeat left 7px; margin: 0px; padding: 0px 0px 0px 15px; } .noBg { background: #fff; } /* margins and padding */ .noMrg { margin: 0px; } .noPad { padding: 0px; } .mrgL5 { margin-left: 5px; } .mrgL10 { margin-left: 10px; } .mrgL15 { margin-left: 15px; } .mrgL20 { margin-left: 20px; } .mrgR5 { margin-right: 5px; } .mrgR10 { margin-right: 10px; } .mrgR15 { margin-right: 15px; } .mrgR20 { margin-right: 20px; } .mrgT5 { margin-top: 5px; } .mrgT10 { margin-top: 10px; } .mrgT15 { margin-top: 15px; } .mrgT20 { margin-top: 20px; } .mrgB5 { margin-bottom: 5px; } .mrgB10 { margin-bottom: 10px; } .mrgB15 { margin-bottom: 15px; } .mrgB20 { margin-bottom: 20px; } .padL5 { padding-left: 5px; } .padL10 { padding-left: 10px; } .padL15 { padding-left: 15px; } .padL20 { padding-left: 20px; } .padR5 { padding-right: 5px; } .padR10 { padding-right: 10px; } .padR15 { padding-right: 15px; } .padR20 { padding-right: 20px; } .padT5 { padding-top: 5px; } .padT10 { padding-top: 10px; } .padT15 { padding-top: 15px; } .padT20 { padding-top: 20px; } .padB5 { padding-bottom: 5px; } .padB10 { padding-bottom: 10px; } .padB15 { padding-bottom: 15px; } .padB20 { padding-bottom: 20px; } /* common header */ #hdr { width: 900px; margin: 0px auto; line-height: normal; } #contentLnk { display: none; } #hdr h1 { float: left; display: inline; margin: 0px; padding: 54px 0px 0px 20px; } #hdr h2 { float: right; display: inline; margin: 0px; padding: 67px 20px 0px 0px; } #hdr h2 a { display: block; width: 367px; height: 25px; background: url(../Images/Common/HdrStrap.png) no-repeat; } #hdr h2 span { display: none; } #hdr a.vac { clear: both; float: none; display: block; width: 166px; height: 130px; position: absolute; top: 0; margin-left: 290px; background: url(../Images/Common/HdrVacancies.jpg) no-repeat; } #hdr a.vac span { display: none; } #hdrNav { clear: both; background: url(../Images/Common/HdrNavBg.png) no-repeat; width: 900px; height: 36px; color: #fff; margin-top: 29px; } #hdrLinks { float: left; padding: 0px 0px 0px 15px; } #hdrSrch { float: right; margin-top: 0px; padding: 7px 20px 0px 0px; } #qSrch { width: 161px; font-size: 12px; border: 0px; background: url(../Images/Common/QSrchBg.png) no-repeat left top; padding: 4px 0px 5px 5px; line-height: 12px; vertical-align: middle; } #hdrSrch a { display: inline-block; width: 56px; height: 22px; background: url(../Images/Buttons/Search.png) no-repeat left top; vertical-align: middle; margin: -1px 0px 0px 0px; padding: 0px; } #hdrSrch a span { display: none; } /* header nav menu - positioning */ .hdrNav { margin: 0; padding: 0; font-size: 11px; line-height: normal; } .hdrNav ul { position: absolute; top: -999em; width: 160px; margin: 0px; padding: 0px; /* left offset of submenus need to match (see below) */ } .hdrNav ul li { width: 100%; margin: 0px; padding: 0px; background-image: none; } .hdrNav li { float: left; position: relative; list-style: none; } .hdrNav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .hdrNav li:hover ul, .hdrNav li.sfHover ul { left: 0; top: 29px; /* match top ul list item height */ z-index: 99; } ul.hdrNav li:hover li ul, ul.hdrNav li.sfHover li ul { top: -999em; } ul.hdrNav li li:hover ul, ul.hdrNav li li.sfHover ul { left: 159px; /* match ul width */ top: -2px; } ul.hdrNav li li:hover li ul, ul.hdrNav li li.sfHover li ul { top: -999em; } ul.hdrNav li li li:hover ul, ul.hdrNav li li li.sfHover ul { left: 160px; /* match ul width */ top: 0; } .hdrNav a { display: block; position: relative; } /* header nav menu - style */ .hdrNav { margin: 3px 0px 0px 0px; padding: 0px; line-height: normal; } .hdrNav a, .hdrNav a:link, .hdrNav a:active, .hdrNav a:visited { text-decoration: none; } .hdrNav a { border-left: 1px solid #fff; padding: 8px 10px 9px 10px; } .hdrNav .first a { border-left: none; } .hdrNav ul { margin: 1px 0px 0px 0px; padding: 0px; border-top: 1px solid #fff; } .hdrNav li { background: #165BA0; padding: 0px; } .hdrNav ul li { padding: 0px; } .hdrNav ul li a { text-decoration: none; padding: 5px 10px 6px 10px; } .hdrNav li li a { border: 1px solid #fff; border-top: none; text-decoration: none; } .hdrNav a, .hdrNav a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #fff; text-decoration: none; } .hdrNav li:hover, .hdrNav li.sfHover, .hdrNav a:focus, .hdrNav a:hover, .hdrNav a:active { background: #09d; outline: 0; } /* header nav menu - arrows */ .hdrNav a.sf-with-ul { padding-right: 25px; } .sf-sub-indicator { position: absolute; display: block; right: 10px; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../Images/Common/HdrNavArrows.png') no-repeat -10px -99px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 9px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } .hdrNav ul .sf-sub-indicator { background-position: -12px 0; } /* point right for anchors in subs */ .hdrNav ul a > .sf-sub-indicator { background-position: 0 -2px; } /* point right for anchors in subs */ .hdrNav ul a:focus > .sf-sub-indicator, .hdrNav ul a:hover > .sf-sub-indicator, .hdrNav ul a:active > .sf-sub-indicator, .hdrNav ul li:hover > a > .sf-sub-indicator, .hdrNav ul li.sfHover > a > .sf-sub-indicator { background-position: -10px -2px; /* arrow hovers for modern browsers*/ } /* breadcrumbs*/ #bc { margin: 0px 35px; background: url(../Images/Common/BCrumbBg.png) no-repeat left top; padding: 6px 0px 0px 0px; color: #fff; line-height: normal; vertical-align: middle; } #bc p { background: url(../Images/Common/BCrumbBg.png) no-repeat left bottom; margin: 0px; padding: 0px 20px 6px 20px; color: #fff; line-height: normal; vertical-align: middle; font-weight: bold; } #bc a, #bCrumb a:link, #bCrumb a:active, #bCrumb a:visited { text-decoration: none; color: #fff; line-height: normal; } #bc a:hover { text-decoration: underline; } /* left nav */ #lftNav p { display: none; } #lftNav ul.lv1, #lftNav ul.lv2, #lftNav ul.lv3 { margin: 0px 0px 0px 10px; padding: 0px; list-style: none; line-height: normal; } #lftNav ul.lv1 li, #lftNav ul.lv2 li, #lftNav ul.lv3 li { margin: 0px; padding: 0px; list-style: none; background-image: none; } #lftNav ul.lv1 { width: 170px; } #lftNav ul.lv1 li { background: url(../Images/Common/DashHorz.png) repeat-x left bottom; } #lftNav ul.lv1 a { padding: 3px 5px 5px 12px; display: block; text-decoration: none; background: url(../Images/Common/ArwRgt.png) no-repeat 0px 6px; } #lftNav ul.lv1 li a, #lftNav ul.lv1 li a:visited { color: #196ABB; } #lftNav ul.lv1 li.s a { font-weight: bold; } #lftNav ul.lv1 li.p.s a { background: url(../Images/Common/ArwDwn.png) no-repeat 0px 5px; } #lftNav ul.lv1 a:hover, #lftNav ul.lv1 li a:hover { text-decoration: underline; } #lftNav ul.lv2 { margin-left: 10px; font-size: 90%; width: 160px; } #lftNav ul.lv2 li { background: none; } #lftNav ul.lv2 a, #lftNav ul.lv1 li.p.s ul.lv2 a { padding: 3px 5px 5px 12px; display: block; text-decoration: none; background: url(../Images/Common/ArwRgt.png) no-repeat 0px 5px; } #lftNav ul.lv2 a, #lftNav ul.lv1 li.s ul.lv2 a { font-weight: normal; color: #999; } #lftNav ul.lv1 li.s ul.lv2 li.s a { font-weight: bold; } #lftNav ul.lv2 a:hover, #lftNav ul.lv1 li.p.s ul.lv2 a:hover { text-decoration: underline; } #lftNav ul.lv3 { margin-left: 10px; font-size: 100%; width: 150px; } #lftNav ul.lv3 li { background: none; } #lftNav ul.lv3 a, #lftNav ul.lv1 li.p.s ul.lv2 li.p.s ul.lv3 a { padding: 3px 5px 5px 12px; display: block; text-decoration: none; background: url(../Images/Common/ArwRgt.png) no-repeat 0px 5px; } #lftNav ul.lv3 a, #lftNav ul.lv1 li.s ul.lv2 li.s ul.lv3 a { font-weight: normal; color: #999; } #lftNav ul.lv1 li.s ul.lv2 li.s ul.lv3 li.s a { font-weight: bold; } #lftNav ul.lv3 a:hover, #lftNav ul.lv1 li.p.s ul.lv2 li.p.s ul.lv3 a:hover { text-decoration: underline; } #lftNav ul li.txt { padding: 5px 10px; } #lftNav ul li.txt strong { display: block; } #lftSvcs {} #lftSvcs p { display: none; } #lftSvcs ul, #lftSvcs ul li { margin: 0px; padding: 0px; list-style: none; line-height: normal; background-image: none; } #lftSvcs ul { width: 170px; margin: 50px auto 0px auto; } #lftSvcs ul li { padding-left: 5px; margin-top: 6px; } #lftSvcs ul li a { display: block; height: 25px; padding: 0px 5px; font-size: 16px; font-weight: bold; color: #fff; line-height: 24px; } #lftSvcs ul li.a { background: url(../Images/SvcTitles/PlanBg.png) no-repeat left top; } #lftSvcs ul li.a a { background: url(../Images/SvcTitles/PlanBg.png) no-repeat right top; } #lftSvcs ul li.b { background: url(../Images/SvcTitles/DesignBg.png) no-repeat left top; } #lftSvcs ul li.b a { background: url(../Images/SvcTitles/DesignBg.png) no-repeat right top; } #lftSvcs ul li.c { background: url(../Images/SvcTitles/BuildBg.png) no-repeat left top; } #lftSvcs ul li.c a { background: url(../Images/SvcTitles/BuildBg.png) no-repeat right top; } #lftSvcs ul li.d { background: url(../Images/SvcTitles/PromoteBg.png) no-repeat left top; } #lftSvcs ul li.d a { background: url(../Images/SvcTitles/PromoteBg.png) no-repeat right top; } /* common footer*/ #ftr { width: 900px; margin: 0px auto; font-size: 11px; line-height: 140%; } #ftrNav { clear: both; background: url(../Images/Common/FtrNavBg.png) no-repeat; width: 900px; height: 52px; color: #fff; } #ftrNav p { display: none; } #ftrNavL { float: left; height: 52px; padding: 0px 0px 0px 15px; } #ftrNavR { float: right; padding: 0px 20px 0px 0px; } #ftrNavL ul, #ftrNavR ul { margin: 0px; padding: 0px; list-style: none; } #ftrNavL ul li, #ftrNavR ul li { display: inline; margin: 0px; list-style: none; background: url(../Images/Common/FtrNavDiv.png) no-repeat left center; padding-left: 1px; } #ftrNavL ul li.first, #ftrNavR ul li.first { background: none; padding: 0px; } #ftrNavL ul li a, #ftrNavR ul li a { display: inline-block; margin: 3px 0px 0px 0px; padding: 7px 5px 9px 5px; color: #fff; text-decoration: none; font-size: 11px; } #ftrNavL ul li a:hover, #ftrNavR ul li a:hover { background: url(../Images/Common/FtrNavHoverBg.png) no-repeat; } #ftrBot { font-size: 10px; color: #999; width: 860px; margin: 0px auto; } #ftrL { float: left; background: url(../Images/Common/FtrDiv.png) no-repeat right 10px; width: 345px; } #ftrL p { display: none; } #ftrL b { color: #c4c4c4; } #ftrL div { color: #333; margin-top: 5px; } #ftrL ul { margin: 0px; padding: 0px; list-style: none; } #ftrL ul li { display: inline; margin: 0px; list-style: none; padding: 0px 6px 0px 0px; font-size: 10px; background-image: none; } #ftrL p.w3c { display: block; margin: 15px 0px 0px 0px; height: 31px; } #ftrL p.w3c img { margin: 0px 10px 0px 0px; } #ftrC { float: left; margin-top: 10px; text-align: center; width: 240px; } #ftrC b { display: block; background: url(../Images/Common/FtrSBTitle.png) no-repeat; width: 127px; height: 16px; margin: 0px auto; } #ftrC b span { display: none; } #ftrC table { border-collapse: collapse; margin: 10px auto 0px auto; } #ftrC td { padding: 5px 3px 0px 3px; vertical-align: top; text-align: center; } #ftrR { float: right; background: url(../Images/Common/FtrDiv.png) no-repeat left 10px; text-align: right; margin: 0px; padding: 25px 10px 25px 42px; vertical-align: middle; } #ftrR img { margin-left: 15px; vertical-align: middle; } #ftrR img.first { margin-left: 0px; } /* boxes */ div.box { width: 100%; } div.box div.a { background: url(../Images/Common/BoxBg.png) no-repeat left top; padding-left: 20px; } div.box div.a div.b { background: url(../Images/Common/BoxBg.png) no-repeat right top; padding: 20px 20px 0px 0px; } div.box div.c { background: url(../Images/Common/BoxBg.png) no-repeat left bottom; padding-left: 20px; clear: left; } div.box div.c div.d { background: url(../Images/Common/BoxBg.png) no-repeat right bottom; padding: 0px 20px 20px 0px; font-size: 0px; line-height: 0px; } /* div layout forms*/ div.row { padding: 3px 0px; } div.row div.label { float: left; width: 130px; text-align: right; margin-right: 5px; padding: 3px 0px; } div.row div.labelW { float: left; width: 180px; text-align: right; margin-right: 5px; padding: 3px 0px; } div.row div.field { float: left; text-align: left; } /* form validation */ .valSum { background: url(../Images/Common/BoxBgSm.png) no-repeat; margin: 0px 0px 10px 0px; border: none; padding: 0px; font-weight: bold; text-align: left; font-size: 11px; line-height: normal; } .valSum span.s1 { display: block; color: #e00; background: url(../Images/Warning.gif) no-repeat 5px 15px; margin-left: 10px; padding: 15px 15px 0px 50px; min-height: 32px; height: auto !important; height: 32px; } .valSum span.s2 { color: #000; font-weight: normal; display: block; margin-top: 5px; } .valSum ul { margin: 0px; padding: 10px 0px 15px 25px; background: #fff url(../Images/Common/BoxBgSm.png) no-repeat left bottom; } .valSum ul li { margin: 0px 0px 0px 50px; padding: 0px; color: #000; font-weight: normal; line-height: 16px; background-image: none; } /* alert boxes */ .mBox { background: url(../Images/Common/BoxBgSm.png) no-repeat left top; padding-top: 10px; color: #f00; font-weight: bold; line-height: 16px; margin-bottom: 10px; } .mBox .body { background: url(../Images/Common/BoxBgSm.png) no-repeat left bottom; padding: 0px 10px 10px 10px; } .mBox .body .warn { color: #c00; background: #fff url(../Images/Warning.gif) no-repeat 5px 5px; padding: 5px 5px 10px 50px; margin: 0px; min-height: 24px; height: auto !important; height: 24px; } .mBox .body .ok { color: #e00; background: url(../Images/Ok.gif) no-repeat 5px 5px; padding: 5px 5px 10px 50px; min-height: 24px; height: auto !important; height: 24px; } .mBox .body .msg { margin-top: 5px; font-weight: normal; color: #000; } .mBox .body a { color: #e00; font-weight: bold; margin: 0px; } .mBox .body p strong { color: #e00; font-weight: bold; margin: 0px; } /* home page */ #hmTabs { background: url(../Images/Common/BoxBg.png) no-repeat left top; line-height: normal; font-size: 12px; text-align: left; } #hmTabs ul { margin: 0px; padding: 0px; } #hmTabs ul li { float: left; display: inline; list-style: none; width: 222px; background: url(../DynamicContent/Images/HmTabBg.png) no-repeat left top; margin: 3px 0px 0px 2px; padding: 0px; } #hmTabs ul li.first { margin-left: 3px; padding: 0px; } #hmTabs ul li a, #hmTabs ul li a:visited { color: #fff; display: block; width: 222px; font-weight: bold; } #hmTabs ul li a span { display: block; padding: 5px 10px; } #hmTabs ul li.active { background-position: right top; } #hmTabs ul li a:hover { text-decoration: none; } .hmTab { background: #fff url(../Images/Common/BoxBg.png) no-repeat left bottom; padding: 0px 20px 15px 20px; min-height: 70px; height: auto !important; height: 70px; } .hmTab strong { display: block; padding: 0px; } .hmTab ul { margin: 0px; padding: 0px; list-style: none; } .hmTab ul li { display: inline-block; list-style: none; margin: 0px; padding: 0px; background-image: none; } .hmTab .cont1, .hmTab .cont2, .hmTab .cont3, .hmTab .cont4 { float: left; display: inline; margin: 0px; padding: 0px; width: 140px; height: 70px; background: url(../Images/Common/DashVert.png) no-repeat left top; } .hmTab .cont2 strong, .hmTab .cont3 strong, .hmTab .cont4 strong { color: #196ABB; } .hmTab .cont1 { background: none; } #hmTab1 .cont1 { width: 445px; } #hmTab1 .cont2 { width: 145px; } #hmTab1 .cont3 { width: 160px; } #hmTab1 .cont4 { width: 110px; } #hmTab2 .cont1 { width: 385px; } #hmTab2 .cont2 { width: 170px; } #hmTab2 .cont3 { width: 155px; } #hmTab2 .cont4 { width: 150px; } #hmTab3 .cont1 { width: 380px; } #hmTab3 .cont2 { width: 155px; } #hmTab3 .cont3 { width: 175px; } #hmTab3 .cont4 { width: 150px; } #hmTab4 .cont1 { width: 650px; } #hmTab4 .cont2 { width: 210px; } #hmTab4 ul ul { margin: 5px 0 ; } #hmTab4 ul ul li { display: block; padding-left: 15px; background: url(../Images/Common/ArwRgt.png) no-repeat 1px 3px; } .hmTab strong, .hmTab ul { margin-left: 20px; } .hmTab .cont1 strong, .hmTab .cont1 ul { margin-left: 0px; margin-right: 10px; } .hmTab ul li { display: block; list-style: none; margin: 0px; padding: 0px; background-image: none; } #hmRow1 { margin-top: 10px; } #hmBox1 { float: left; display: inline; width: 370px; } #hmBox2 { float: left; display: inline; width: 340px; margin-left: 10px; } #hmBox2 img { float: right; display: inline; margin-left: 15px; } #hmBox3 { float: right; display: inline; width: 170px; } #hmBox1 div.b, #hmBox2 div.b, #hmBox3 div.b { height: 195px; overflow: hidden; } #hmRow2 { margin-top: 10px; } #hmBox4 { float: left; display: inline; width: 610px; height: 180px; } #hmBox4 .hmSvcSect { float: left; display: inline; background: url(../Images/Common/DashVert.png) repeat-y left top; padding-left: 15px; margin-left: 10px; } #hmBox4 .first { margin-left: 0px; padding-left: 0px; background: none; } #hmBox4 .hmSvcSect h2 { } #hmBox4 .hmSvcSect h2.plan a { color: #FE6601; } #hmBox4 .hmSvcSect h2.design a { color: #98CBFF; } #hmBox4 .hmSvcSect h2.build a { color: #FF3299; } #hmBox4 .hmSvcSect h2.promote a { color: #9c3; } #hmBox4 .hmSvcSect ul, .hmSvcSect ul li { margin: 0px; padding: 0px; width: 123px; list-style: none; background-image: none; } #hmBox4 .hmSvcSect ul.design, #hmBox4 .hmSvcSect ul.design li { width: 93px; } #hmBox4 .hmSvcSect ul.build , #hmBox4 .hmSvcSect ul.build li { width: 133px; } #hmBox4 .hmSvcSect ul.promote , #hmBox4 .hmSvcSect ul.promote li { width: 143px; } #hmBox4 .hmSvcSect a { color: #999; } #hmBox5 { float: right; display: inline; width: 280px; } #hmBox4 div.hmSvcSect, #hmBox5 div.b { height: 145px; overflow: hidden; } #hmBox5 .article { padding-top: 5px; background: url(../Images/Common/DashHorz.png) repeat-x left top; margin-top: 5px; font-size: 90%; line-height: normal; } #hmBox5 .article img { float: right; margin: 0px 0px 10px 10px; } #hmBox5 .article p { margin: 2px 0px 0px 0px; } #hmBox5 .first { padding-top: 0px; background: none; margin-top: 0px; } /* quote boxes */ #tbQuotes {} #tbQuotes h3 { display: none; } #tbQuotes .quote { background: url(../Images/Common/QuoteBg.png) no-repeat left top; padding-top: 25px; margin-bottom: 15px; } #tbQuotes .quote .c { background: url(../Images/Common/QuoteBg.png) no-repeat left bottom; padding: 0px 15px 45px 15px; text-align: left; } #tbQuotes .quote .c p { font-weight: bold; margin: 0px; } #tbQuotes .quote .c p .client { display: block; margin: 10px 0px 0px 0px; } #tbQuotes .quote .c p .client strong { color: #196ABB; font-weight: normal; } /* site search */ .searchHighlight { background: #ff0; } .pinRankHead { float: left; display: inline; margin-top: 10px; padding: 0px; margin: 0px; margin-top: -1px; font-size: 85%; line-height: normal; } .pinRankHold { float: left; display: inline; width: 50px; height: 9px; border: 1px solid #036; } .pinRankHold .score { display: none; } .pinRank { display: block; height: 9px; background-color: #1975d1; } /* common paging */ div.pageNumbers { text-align: right; padding: 0px; font-size: 0px; line-height: 0px; } div.pageNumbers a, div.pageNumbers a:visited { margin: 2px; padding: 2px; border: 1px solid #DFDFDF; text-decoration: none; color: #666; font-size: 11px; line-height: 11px; } div.pageNumbers a:hover, div.pageNumbers a:active { margin: 2px; padding: 2px; border: 1px solid #1975D1; color: #000; font-size: 11px; line-height: 11px; } div.pageNumbers span.s { margin: 2px; padding: 2px; font-weight: bold; border: 1px solid #1975D1; background-color: #1975D1; color: #FFF; font-size: 11px; line-height: 11px; } div.pageNumbers span.d { margin: 2px; padding: 2px; border: 1px solid #f0f0f0; color: #DFDFDF; font-size: 11px; line-height: 11px; } /* news */ .newsList {} .newsList img { float: right; margin: 0px 0px 0px 10px; } .newsList p.ftr { background: url(../Images/Common/DashHorz.png) repeat-x left bottom; padding-bottom: 2px; font-size: 0px; line-height: 0px; margin: 10px 0px 30px 0px; } #newsSubNav { text-align: left; width: 185px; line-height: normal; } #newsSubNav strong { display: block; background: url(../Images/Common/DashHorz.png) repeat-x left bottom; padding-bottom: 5px; margin-bottom: 3px; } #newsSubNav strong span { display: block; color: #196ABB; background: url(../Images/Common/ArwRgt.png) no-repeat 0px 3px; padding-left: 15px; } #newsSubNav strong.b span { background: url(../Images/Common/ArwDwn.png) no-repeat 0px 2px; } #newsSubNav ul, #newsSubNav ul li { list-style: none; padding: 0px; margin: 0px; } #newsSubNav ul li { display: block; background: url(../Images/Common/DashHorz.png) repeat-x left bottom; padding: 0px 0px 5px 13px; margin-bottom: 3px; } #newsSubNav ul li a { display: block; color: #999; } #newsSubNav ul li a span { display: block; padding-left: 15px; background: url(../Images/Common/ArwRgt.png) no-repeat 1px 3px; } #newsSubNav ul li.active a span { display: block; padding-left: 15px; background-image: url(../Images/Common/ArwDwn.png); } /* meet the team page */ #theTeam {} #theTeam h3.plan, #theTeam h3.design, #theTeam h3.build, #theTeam h3.promote { padding-left: 18px; color: #fff; line-height: 23px; padding-left: 10px; margin: 0px; } #theTeam h3.plan { background: url(../Images/SvcTitles/PlanBg.png) no-repeat left top; } #theTeam h3.design { margin-top: 15px; background: url(../Images/SvcTitles/DesignBg.png) no-repeat left top; } #theTeam h3.build { margin-top: 15px; background: url(../Images/SvcTitles/BuildBg.png) no-repeat left top; } #theTeam h3.promote{ margin-top: 15px; background: url(../Images/SvcTitles/PromoteBg.png) no-repeat left top; } #theTeam .item { float: left; display: inline; width: 328px; height: 145px; overflow: hidden; margin-top: 15px; margin-right: 16px; background: url(../DynamicContent/Images/Team/Bg.png) left top; } #theTeam .noMrg { margin-right: 0px; } #theTeam .item .detail { margin: 3px 3px 0px 3px; } #theTeam .item img { float: right; display: inline; margin-left: 10px; } #theTeam .item .name { margin: 0px 0px 0px 20px; width: 142px; padding-top: 20px; line-height: normal; } #theTeam .item .name strong { font-size: 18px; color: #666; font-weight: normal; } #theTeam .item .title { margin: 5px 0px 0px 20px; width: 142px; height: 32px; overflow: hidden; } #theTeam .plan .title { color: #FE6601; } #theTeam .design .title { color: #98CBFF; } #theTeam .build .title { color: #FF3299; } #theTeam .promote .title { color: #9c3; } #theTeam .item .quote { margin: 30px 0px 0px 10px; background: url(../Images/Common/QuoteStart.png) no-repeat left top; width: 152px; } #theTeam .item .quote span { display: block; background: url(../Images/Common/QuoteEnd.png) no-repeat right bottom; padding: 0px 10px; } #theTeam .item .likes { margin: 10px 0px 0px 20px; width: 142px; } #theTeam .item .likes span { display: none; } #theTeam .item .likes div { padding: 2px 0px; } #theTeam .item .likes .a { padding-left: 20px; background: url(../Images/ThumbUp.gif) no-repeat left 1px; } #theTeam .item .likes .b { padding-left: 20px; background: url(../Images/ThumbDown.gif) no-repeat left 2px; } /* portfolio page */ #portfolio {} #portfolio .item { float: left; display: inline; width: 328px; height: 165px; overflow: hidden; margin-right: 16px; background: url(../DynamicContent/Images/Portfolio/Bg.png) left top; } #portfolio .noMrg { margin-right: 0px; } #portfolio .item .detail { margin: 3px 3px 0px 3px; } /* #portfolio .item .thumb { float: right; display: inline; margin-left: 10px; width: 103px; height: 159px; overflow: hidden; } #portfolio .item .thumb img { position: relative; margin-top: -40px; } */ #portfolio .item img { float: right; display: inline; margin-left: 10px; } #portfolio .item img.slide { float: right; display: inline; position: absolute; margin: 0px 0px 0px 0px; } #portfolio .item .name { margin: 0px 0px 0px 10px; width: 199px; padding-top: 10px; line-height: normal; } #portfolio .item .name strong { font-size: 18px; color: #196ABB; font-weight: normal; } #portfolio .item .type { margin: 10px 0px 0px 10px; width: 199px; font-weight: bold; } #portfolio .item .desc { margin: 15px 0px 0px 10px; width: 199px; height: 48px; overflow: hidden; font-size: 10px; } #portfolio .alt .desc { margin: 10px 0px 0px 10px; width: 199px; height: 31px; overflow: hidden; font-size: 10px; } #portfolio .btns { margin: 10px 0px 0px 10px; width: 199px; } #portfolio .btns img { float: left; display: inline; margin: 0px 10px 0px 0px; } /* clients page */ #clientLogos {} #clientLogos .c { float: left; display: inline; width: 140px; height: 95px; overflow: hidden; margin: 20px 0px 0px 15px; text-align: center; background: url(../DynamicContent/Images/Clients/Bg.png) repeat-x left top; } #clientLogos .first { margin-left: 0px; } #clientLogos .c img { margin-top: 8px; } #clientLogos .c .dv { display: none; } #clientLogos .c .name { display: block; width: 129px; margin: 9px auto 0px auto; overflow: hidden; } /*partners page */ #partners {} #partners small { display: block; margin-top: 3px; } /* contact us page */ #contactUs {} #contactUs .a { float: left; display: inline; width: 140px; margin: 20px 0px 0px 0px; padding: 0px; } #contactUs .b { float: left; display: inline; width: 121px; margin: 20px 0px 0px 15px; padding: 0px; text-align: center; } #contactUs .c { float: left; display: inline; width: 122px; margin: 20px 0px 0px 52px; padding: 0px; } #findUs {} #findUs .a { float: left; display: inline; width: 140px; margin: 20px 0px 0px 0px; padding: 0px; } #findUs .b { float: left; display: inline; width: 230px; margin: 20px 0px 0px 75px; padding: 0px; text-align: center; } /* lightbox */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* services page */ #services {} #services .plan, #services .design, #services .build, #services .promote { width: 159px; float: left; display: inline; margin-left: 10px; } #services h2 a { color: #fff; display: block; width: 159px; font-size: 18px; line-height: 34px; text-indent: 10px; } #services p { padding: 0px 5px; } #services ul { margin-left: 5px; line-height: 11px; } #services ul li { background: url(../Images/Common/DashHorz.png) repeat-x left bottom; padding: 5px 0px 6px 0px; } #services .plan { margin-left: 0px; background: url(../DynamicContent/Images/Services/h3PlanBg.png) no-repeat; } #services .plan li a { display: block; padding: 0px 0px 0px 12px; background: url(../Images/BulletPlan.png) no-repeat left 5px; color: #FE6601; } #services .design { background: url(../DynamicContent/Images/Services/h3DesignBg.png) no-repeat; } #services .design li a { display: block; padding: 0px 0px 0px 12px; background: url(../Images/BulletDesign.png) no-repeat left 5px; color: #98CBFF; } #services .build { background: url(../DynamicContent/Images/Services/h3BuildBg.png) no-repeat; } #services .build li a { display: block; padding: 0px 0px 0px 12px; background: url(../Images/BulletBuild.png) no-repeat left 5px; color: #FF3299; } #services .promote { background: url(../DynamicContent/Images/Services/h3PromoteBg.png) no-repeat; } #services .promote li a { display: block; padding: 0px 0px 0px 12px; background: url(../Images/BulletPromote.png) no-repeat left 5px; color: #9c3; }