/*-------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------- NB Info -----------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------*/ /* Website: Cubedroute Website Module: Main::Stylesheet . Copyright: 2009 Cubedroute Initials: JK Creation Date: 29-Apr-2009 Last update: 29-Apr-2009 Notes: Design: Grid 960 Colour Pal: /*------------------------------------------- Eliminate chance spacing issues by reset -------------------------------------------*/ html, body, div, span, object, h1, h2, h3, h4, p, a, address, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, thead, tr, th, td, blockquote {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit; font-family:inherit;vertical-align:baseline;} body {line-height:1.5; margin: 0; padding: 0; background:#fff;} table {border-collapse:separate;border-spacing:0; margin-bottom:40px;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:top;} a img {border:none;} ul {list-style:none;} /*------------------------------------------------------------ GENERAL PAGE DECLARATIONS/ Typography (Style & Colour) --------------------------------------------------------------*/ body { color: #444444; font:13px Arial, Helvetica, sans-serif; line-height: 18px; background: #fff url(/m/cr/img/bgs/top.jpg) repeat-x top left;} h1, h2, h3, h4, h5, h6 {font-family: Georgia, "Times New Roman", Times, serif; color:#333333; font-weight: normal; } h1 {font-size:26px; line-height:1.2em;} h2 {font-size: 26px; line-height:1.2em; } h3{font-size:28px; line-height:32px; margin-bottom:12px;} h4{font-size:20px; line-height:32px;} li {font-size:13px; line-height: 1.7em; margin: 0 0 0 0; } p { font-size:13px; padding: 0; margin:0 0 1.5em; line-height: 1.5em; } .serif{font-family: Georgia, "Times New Roman", Times, serif; } .lucida{font-family:"Lucida Grande",Tahoma;color:#CCC} a:focus, a:hover {color:#000000; padding: 0; text-decoration: none; outline:none;} a{color:#00a2c8; text-decoration: none;} /*-------------------------------------- Core structure (Grid in mind) ---------------------------------------*/ #wrap{ margin-left: auto; margin-right: auto; width: 940px;} #header { position:relative; height:180px;} #banner { position:relative; height:205px; background:url(/m/cr/img/generic/dots.gif) repeat-x bottom left; margin-bottom:30px;} #cont { width:500px; margin-left:19px; margin-right:26px;} #footer {position: relative; padding:0 0 0 0; text-align:left; font-size:11px; width:100%; background:#333333; margin-top:30px;} #partnerPanel {position: relative; display:none; padding:0 0 0 0; height:400px; overflow: hidden; text-align:left; font-size:11px; width:100%; background:#252525;} #bannerExt { position:relative; background: url(/m/cr/img/generic/dots.gif) repeat-x bottom left; margin-bottom:30px;} /*-------------------------------------- Custom Headings ---------------------------------------*/ #banner h2, #bannerExt h2, h2.sifrH2 { font-size:50px; line-height:50px; padding-top:45px;} h3.filter { margin-bottom:10px; font-size:22px;} h2.projectName { font-size:38px; margin-top:18px; margin-bottom:18px;} h2.newsPostTitle { font-size:40px; margin-bottom:10px;} h2.newsPostTitleDetail { font-size:40px; margin-bottom:10px; width:450px; float:left; margin-right:20px;} div.tweetmemeBtn {width: 50px; float:right; margin-top:10px;} h3.newsH3 { font-size:17px;} #contactTitle { margin-bottom:30px; font-size:50px;} /*-------------------------------------- GRID (Manages core content) ---------------------------------------*/ #cont{ margin-left: auto; margin-right: auto; width: 940px; padding-bottom:20px; margin-top:0; } .col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_11,.col_12,.col_13,.col_14,.col_15,.col_16, .workFlow {display:inline; float:left; margin-left:10px; margin-right:10px;} .first { margin-left: 0;} .last { margin-right: 0;} #cont .col_1 {width: 40px;} #cont .col_2 {width: 100px;} #cont .col_3 {width: 160px;} #cont .col_4, #cont .workFlow {width: 220px;} #cont .col_5 {width: 280px;} #cont .col_6 {width: 340px;} #cont .col_7 {width: 400px;} #cont .col_8 {width: 460px;} #cont .col_9 {width: 520px;} #cont .col_10 {width: 580px;} #cont .col_11 {width: 640px;} #cont .col_12 {width: 700px;} #cont .col_13 {width: 760px;} #cont .col_14 {width: 820px;} #cont .col_15 {width: 880px;} #cont .col_16 {width: 940px;} /*-------------------------------------- Misc Classes ---------------------------------------*/ /*Left Side*/ .padL_1Col {padding-left: 40px;} .padL_2Col {padding-left: 100px;} .padL_3Col {padding-left: 160px;} .padL_4Col {padding-left: 220px;} .padL_5Col {padding-left: 280px;} .padL_6Col {padding-left: 340px;} .padL_7Col {padding-left: 400px;} .padL_8Col {padding-left: 460px;} .padL_9Col {padding-left: 520px;} .padL_10Col {padding-left: 580px;} .padL_11Col {padding-left: 640px;} .padL_12Col {padding-left: 760px;} .padL_13Col {padding-left: 700px;} .padL_14Col {padding-left: 820px;} .padL_15Col {padding-left: 880px;} .padL_16Col {padding-left: 940px;} /*right Side*/ .padR_1Col {padding-right: 40px;} .padR_2Col {padding-right: 100px;} .padR_3Col {padding-right: 160px;} .padR_4Col {padding-right: 220px;} .padR_5Col {padding-right: 280px;} .padR_6Col {padding-right: 340px;} .padR_7Col {padding-right: 400px;} .padR_8Col {padding-right: 460px;} .padR_9Col {padding-right: 520px;} .padR_10Col {padding-right: 580px;} .padR_11Col {padding-right: 640px;} .padR_12Col {padding-right: 760px;} .padR_13Col {padding-right: 700px;} .padR_14Col {padding-right: 820px;} .padR_15Col {padding-right: 880px;} .padR_16Col {padding-right: 940px;} /*right Side*/ .margTop_10 {margin-top:10px;} .margTop_18 {margin-top:18px;} .margTop_20 {margin-top:20px;} .margTop_25 {margin-top:25px;} .margTop_30 {margin-top:30px;} .margTop_40 {margin-top:40px;} .margTop_50 {margin-top:50px;} .margTop_60 {margin-top:60px;} .margBtm_20 {margin-bottom:20px;} .margBtm_60 {margin-bottom:60px;} .margLeft_20 {margin-left:20px;} .margLeft_40 {margin-left:40px;} .margRight_20 {margin-right:20px;} /*-------------------------------------- Header ---------------------------------------*/ #logo { float:left; width:222px; height:68px; overflow: hidden; margin:0 0 0 0; background: url(/m/cr/img/logo.jpg) top left no-repeat; margin-top:61px; margin-right:18px; } #logo { text-indent:-5000px;} #logo a{ display:block; height:68px; width:222px;} /*-------------------------------------- Nav ---------------------------------------*/ #nav {float:left; width:700px; } #nav ul{ width:640px; margin-left:60px; } #nav ul li { text-transform:lowercase; line-height:34px; margin-bottom:11px; float:left; margin-top:72px; font-size:26px; margin-left:19px;} #nav ul li a {text-decoration:none; color:#E99A98; display:block; outline:none; } #nav ul li a:hover {text-decoration:none; color:#fff; display:block;} #nav ul li a.on{ color:#fff; } #nav ul li{ text-indent:-5000px;} #nav ul li a {height:34px;display:block;} #nav ul li.home {margin-left:0;} #nav ul li.home a {width:76px;background:transparent url(/m/cr/img/nav/nav-sprite.gif) 0 0 no-repeat;} #nav ul li.home a:hover, #nav ul li.home a#navOn{background:transparent url(/m/cr/img/nav/nav-sprite.gif) 0 -34px no-repeat;} #nav ul li.about a {width:79px;background:transparent url(/m/cr/img/nav/nav-sprite.gif) -97px 0 no-repeat;} #nav ul li.about a:hover, #nav ul li.about a#navOn{background:transparent url(/m/cr/img/nav/nav-sprite.gif) -97px -34px no-repeat;} #nav ul li.work a {width:117px;background:transparent url(/m/cr/img/nav/nav-sprite.gif) -196px 0 no-repeat;} #nav ul li.work a:hover, #nav ul li.work a#navOn{background:transparent url(/m/cr/img/nav/nav-sprite.gif) -196px -34px no-repeat;} #nav ul li.news a {width:71px;background:transparent url(/m/cr/img/nav/nav-sprite.gif) -333px 0 no-repeat;} #nav ul li.news a:hover, #nav ul li.news a#navOn{background:transparent url(/m/cr/img/nav/nav-sprite.gif) -333px -34px no-repeat;} #nav ul li.blog a {width:62px;background:transparent url(/m/cr/img/nav/nav-sprite.gif) -424px 0 no-repeat;} #nav ul li.blog a:hover, #nav ul li.blog a#navOn{background:transparent url(/m/cr/img/nav/nav-sprite.gif) -424px -34px no-repeat;} #nav ul li.contact a {width:122px;background:transparent url(/m/cr/img/nav/nav-sprite.gif) -507px 0 no-repeat;} #nav ul li.contact a:hover, #nav ul li.contact a#navOn{background:transparent url(/m/cr/img/nav/nav-sprite.gif) -507px -34px no-repeat;} /*-------------------------------------- Elements on home page ---------------------------------------*/ ul#newsNav { clear:both; margin-bottom:10px;} ul#newsNav li {font-size:28px; float:left; margin-right:8px;} ul#newsNav li a.active {text-decoration:none; color:#333; } ul#newsNav li a.inactive {text-decoration:none; color:#00a2c8; } a.getInTouch {font-style:italic; margin-top:-20px; background: url(/m/cr/img/generic/chevron.gif) no-repeat top right; padding-right:20px;} div.aboutCubedroute {background:url(/m/cr/img/generic/dots.gif) repeat-x top left; padding-top:40px; margin-top:20px; margin-bottom:0; padding-bottom:0;} div.aboutCubedroute p { background:#f2f2f2; text-align:center; font-size:15px; padding:20px 80px 20px 80px; margin-bottom:0; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#747474;} div.aboutCubedroute a.bold, div.aboutCubedroute a.bold:hover, div.aboutCubedroute a.bold:focus {font-weight:bold; text-decoration:none; color:#747474; } /*-------------------------------------- Breadcrumb ---------------------------------------*/ div.crumby, div.crumbyNews {height:55px; margin-top:30px;} div.crumbyNews { margin-bottom:30px; background:url(/m/cr/img/generic/dots.gif) repeat-x bottom left; } div.crumby p, div.crumbyNews p { float:left; display:inline; margin-top:5px; font-size:16px;} div.crumby p.right, div.crumbyNews p.right{ float:right} div.crumby a.darkLink, div.crumbyNews a.darkLink { color:#444;} /*-------------------------------------- About us page ---------------------------------------*/ span.workFlow { display:block; width:220px; height:192px; background:#f1f1f1 ; background:url(/m/cr/img/bgs/about.png) no-repeat top left} span.workFlow h3 { margin-top:75px; text-align:center;} span.workFlow.callToAction { border-top:6px solid #D33431;} ul#methodsLinks {list-style: none; margin: 70px 0 0 0; padding-top: 16px; background:url(/m/cr/img/generic/dots.gif) repeat-x top left} ul#methodsLinks li { font-size:18px;} ul#methodsLinks li.active a { color:#333;} ul.sList li{ font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:8px;} /*-------------------------------------- Showcase ---------------------------------------*/ div.profile { float:left;} ul.filterList li a{ color:#333333; font-size:11px;} ul.filterList li a.bold{ color:#333333; font-weight:bold; font-size:12px;} a.showcaseLink { display:block;} a.showcaseLink:hover { cursor:pointer;} span.showcaseItem { position:relative; display:block; background-color:#fff;} span.showcaseItem span.itemTitle { position:absolute; display:block; bottom:0; left:0; height:60px; width:220px; color:#fff; background-color:#333; } span.showcaseItem span.itemTitle p { display:block; text-transform: capitalize; margin-left:15px; margin-top:10px; color:#fff; font-size:15px; font-weight:bold;} span.showcaseItem span.itemTitle a { display:block; height:60px; width:220px; text-transform: capitalize; margin-left:15px; margin-top:10px; color:#fff; font-size:15px; font-weight:bold;} span.showcaseItem span.itemTitle a:hover { background:green;} /* div.showcaseItem div.itemLayer { position:absolute; bottom:0; left:0; height:60px; background:#333333; width:220px; opacity: 0.9; } */ h4#servicesUtil{ margin-top:15px;} ul#servicesUtilized { padding-bottom:15px;} ul#servicesUtilized li{ font-size:11px} span.spantags {color:#bbbbbb; text-transform:uppercase; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif;} span.spantags a {text-decoration: none; color:#bbbbbb; } span.spantags a:hover {text-decoration: none; color:#9c9d9d; } .workList { position:relative; display:block; height:225px; background:url(/m/cr/img/generic/dots.gif) repeat-x bottom left; margin-bottom:20px; } ul.showcase { margin-bottom:30px;} ul.showcase li{ width:220px; float:left; margin:0 20px 40px 0; } ul.showcase li img {border-bottom:1px solid #ccc;} ul.showcase li.rowEnd { margin-right:0;} /* Showcase Detail*/ div.workPics img { height:350px; width:640px;} div#picContainer { border-top:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB;} div#picControls{position:absolute; top:320px; right:15px; background:none; z-index:50;} div#picControls a {display:block; float:left; height:11px; width:14px; border: 1px solid #e99a98; background: #e99a98; text-indent:-5000px; text-decoration: none; margin: 3px;} div#picControls a.activeSlide {border: 1px solid #D33431; background: #D33431; } div#picControls a:focus { outline: none; } a.visitSite { font-style:italic; margin-top:-20px; background: url(/m/cr/img/generic/chevron.gif) no-repeat top right; padding-right:20px;} blockquote { border-left: 1px solid #ddd; margin-top:20px; padding-left:20px; font-style:italic;} blockquote p:after {content: '"'} blockquote p:before {content: '"'} blockquote p{font: normal normal 18px Georgia, "Times New Roman", Times, serif; color: #8D8D8D;} p.quoteby { float:right; text-align:right; font-weight:bold;} /*-------------------------------------- News & blog Posts ---------------------------------------*/ /* News Home Page*/ div.latestLists { } div.post{ position:relative; float:left; width:220px; margin-right:20px; } div.post p { font-size:12px;} div.post p a{ color:#333; border-bottom:1px dotted #333; } div.post p a:focus, div.post p a:hover {color:#1D96C4;} div#news_list { clear:both;} span.postDate { display:block; color:#999999; background:#fff; position:absolute; top:132px; right:0; padding:0 3px 0 3px;} /* News Section & Sub Pages*/ div.newsPost {background:url(/m/cr/img/generic/dots.gif) repeat-x bottom left; padding-bottom:20px;} div.newsPost img { margin-bottom:20px;} div.newsPost object { margin-bottom:20px;} div.newsPostMeta {font-family: Arial, Helvetica, sans-serif;font-size:11px;font-weight:lighter;font-variant:normal;text-transform:uppercase;color:#bbbbbb;text-align:left; letter-spacing:0.3em;margin-bottom:16px;} div.newsPost h3 { font-size:22px; margin-top:10px;} /* News Section & Blog Side links*/ .blogSideLinks ul, .blogSideTags ul { padding-bottom:20px; margin-bottom:20px;} .blogSideLinks li{ padding:5px 5px 5px 5px; border-bottom:1px dotted #ccc; font-size:11px;} .blogSideLinks li a { color:#747474; } .blogSideLinks li a:hover { color:#00a2c8;} .blogSideLinks li.last { border-bottom:none;} .blogSideTags li{ padding:5px 5px 5px 5px; font-size:15px; font-weight:bold;} p.footLine { margin:0 0 0 0;} p.footLine a.continueReading { float:right; font-style:italic; margin-top:-20px; background: url(/m/cr/img/generic/chevron.gif) no-repeat top right; padding-right:20px;} div.comment { background: url(/m/cr/img/generic/commentArr.png) no-repeat top left; margin-bottom:20px;} div.commentInner { margin-left:34px; background:#EEEEEE; padding:15px 15px 15px 15px; } div.commentDetails { background:#fff; padding:7px 7px 7px 7px;} div.commentMeta { position:relative;} div.commentMeta h4 { border-bottom:1px dashed #DBDFCD; padding-bottom:5px; margin-bottom:5px; } div.commentMeta p { position:absolute; top:5px; right:5px; color: #bbbbbb;} #comment_anchor { /*background:url(/m/cr/img/generic/dots.gif) repeat-x top left; */margin-top:20px; padding-top:10px;} /*-------------------------------------- Twitter Feed ---------------------------------------*/ .twitter { margin-bottom:20px;} ul#twitter_update_list li {border-top: 1px solid #e0e0e0; padding:10px 8px 20px 8px; font-size:11px; line-height:13px; margin-bottom:10px; background: #f7f7f7 url(/m/cr/img/generic/twitterSpeak.gif) no-repeat bottom left; } a#twitter-link { padding-left:25px;background: url(/m/cr/img/generic/twitterBird.gif) no-repeat top left; font-style:italic;} /*-------------------------------------- Forms ---------------------------------------*/ #contactForm div.errorBox {display: inline-block;margin:0 0 20px 0; border: 1px solid #D33431; background: #D33431; padding: 10px; color:#E99A98; font-weight:bold; width:560px;} #contactForm div.errorBox div {padding: 10px; } #contactForm div.successBox { display: inline-block;margin:0 0 20px 0; border: 1px solid #D33431; background: #E99A98; padding: 10px; color:#333} #contactForm div.successBox div{ padding: 10px;} #contactForm { position:relative; margin-bottom:30px;} fieldset { margin:0 0 0 0; padding:0 0 0 0; width:280px; display:inline; float:left;} fieldset.message { margin:0 0 0 0; padding:0 0 0 0; width:460px; display:inline; float:left;} fieldset label { float:left; width:280px; padding-top:5px; display:block; font-family:Georgia, "Times New Roman", Times, serif;} fieldset span.errors { display: block; margin-bottom:5px; color:#E99A98; font-weight:normal; font-style:italic;} fieldset input{ font-size:13px; height:2.25em;line-height:1.5em; padding:8px 5px 0 5px; width:270px; margin-top:5px; margin-bottom:15px; border: none !important; background:#EEEEEE;} fieldset textarea {font-size:13px; font-weight:normal; width:450px; margin:3px 0 8px 0; padding:8px 5px 0 5px; border:1px solid #fff; background:#EEEEEE;} div.submitBtn { position:absolute; bottom:25px; right:0; width:100px; height:40px;} input.submit {background-color: #333;border: medium none;vertical-align: middle;color: #fff;margin: 1em 0 0 0;padding: 0;font-size: 1.2em;font-family: Georgia,Palatino,"Palatino Linotype",serif;width: 100px;height: 40px;cursor: pointer;} #commentForm { position:relative; margin-bottom:30px;} #commentForm fieldset textarea {font-size:13px; font-weight:normal; height:130px; width:340px; margin:3px 0 8px 0; padding:8px 5px 0 5px; border:1px solid #fff; background:#EEEEEE;} div.submitComment { position:absolute; bottom:25px; right:0; width:100px; height:40px;} #newsletter input.submit {background-color: #333;border: medium none;vertical-align: middle;color: #fff;margin: 1em 0 0 0;padding: 0;font-size: 1.2em;font-family: Georgia,Palatino,"Palatino Linotype",serif;width: 80px;height: 30px;cursor: pointer;} /*-------------------------------------- Footer ---------------------------------------*/ #footerInner { position:relative; color:#747474; margin-left: auto; margin-right: auto; width: 940px; overflow:hidden; height:430px;} #footerInner h2 { font-size:30px; color:#fff; margin-top:55px; margin-bottom:50px; background:#333;} ul.copyright { display:block; position:relative; margin-top:30px;} div.footer6_col { float:left; width: 340px; margin-right:20px; margin-top:10px;} div.footer4_col { float:left; width: 220px; margin-right:20px; margin-top:10px;} div.footer13rdSplit { float:left; width: 300px; margin-top:10px;} div.footer13rdSplit h4 { color:#fff; font-size:26px; margin-bottom:15px;} div.footer13rdSplit form input { width:180px; padding:7px 5px 0 5px; background:#444444; border:none !important; color:#888888; height:2.25em;line-height:1.5em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} .footerMeta { padding-left:46px; color:#fff; font-size:18px;} a.hello { color:#fff; font-size:18px; text-decoration:underline;} ul.copyright { border-top:1px solid #444444; height:70px; margin-top:70px;} ul.copyright li { float:left; margin-right:20px; margin-top:15px;} ul.copyright li a { color:#fff; border-bottom:1px solid #fff;} #partnerPanelInner { position:relative; margin-left: auto; margin-right: auto; width: 940px; overflow:hidden; height:400px;} #partnerPanelInner h2 { font-size:60px; color:#fff; margin-bottom:50px; width:460px; font-style:italic; margin-right:20px; float:left; line-height:1.2em; margin-top:75px;} div#dev_active {position:absolute; top:0; right:0; } ul.partnerPaths { margin-top:60px;} ul.partnerPaths li { float:left; width:220px; height:200px; background:#333333; text-align:center;} ul.partnerPaths li a { display:block; width:220px; height:150px; color:#fff; font-size:30px; line-height:1.2em; } ul.partnerPaths li.designer {margin-right:20px;} /*-------------------------------------- Buttons ---------------------------------------*/ .button {display: block; width: 300px; height: 125px; background-position: 0 0; background-repeat: no-repeat; border: none; text-indent: -5000px;} .button:hover { background-position: 0 -125px;} .button.static:hover, .partnerBtn.static:hover { background-position: 0 0;} .partnerBtn {display: block; width: 200px; height: 35px; background-position: 0 0; background-repeat: no-repeat; border: none; text-indent: -5000px;} .partnerBtn:hover { background-position: 0 -35px;} #btn_partner { width: 200px; background-image: url(/m/cr/img/btns/partner.gif); position:absolute; bottom:0; right:0;} #btn_projectPlanner { width: 300px; background-image: url(/m/cr/img/btns/projectPlanner.png); } button#btn_signup { margin: 0 0 0 0; padding: 0; background: transparent; outline: none; cursor: pointer; float:left; display:inline; width: 102px; height: 37px; background-position: 0 0; background-repeat: no-repeat; border: none; text-indent: -5000px;} #btn_signup:hover { background-position: 0 -37px; } #btn_signup.static:hover { background-position: 0 0;} button#btn_signup {width: 102px; background-image: url(/m/cr/img/btns/signUp.png);} table th{ border-top:1px solid #e0e0e0; padding:6px 0 6px 0; background:#f7f7f7; font-weight:bold;} table td { border-top:1px solid #e0e0e0; padding:3px 0 3px 0;} table td.wd40 { width:40%; font-weight:bold; padding-right:20px;} ul.blogList li ul {margin-bottom:20px; margin-top:10px;} ul.blogList li ul li { margin-left:30px; list-style:disc;} ul.blogListNorm li { margin-left:30px; list-style:disc; margin-bottom:10px; } ul.blogListNorm li ul li{ margin-left:30px; list-style: circle; margin-bottom:10px; margin-top:10px; font-weight:normal;} /*-------------------------------------- Random Heights ---------------------------------------*/ .applyH100 { height:100px;} .applyH110 { height:110px;} .applyH120 { height:120px;} .applyH130 { height:130px;} .applyH140 { height:140px;} .applyH150 { height:150px;} .applyH160 { height:160px;} .applyH170 { height:170px;} /*-------------------------------------- Misc ---------------------------------------*/ p.introPar { font-size: 17px; font-weight: normal; line-height:25px; padding-bottom: 15px;} span.optional { color:#ccc; font-style:italic;} span.helptext { font-size:90%; color:#999; font-style:italic;} .topDots { background:url(/m/cr/img/generic/dots.gif) repeat-x top left} .bottomDots { background:url(/m/cr/img/generic/dots.gif) repeat-x bottom left} .tinyText { font-size:11px; color:#747474; font-family:Georgia, "Times New Roman", Times, serif;} .intro { margin-top:40px; margin-bottom:30px;} .happyTxt {font-size:16px;} .italic{ font-style:italic;} .relative {position:relative;} .padtop {padding-top:20px;} div.flLeft { float:left; width: 460px; margin-right:20px;} div.flRight { float:right; width: 460px;} div.flL{ float:left;} div.flR { float:right;} .callto { text-align:center; font-style:italic;} .callto h3{ font-size:26px; margin-top:15px;} .callto p{ font-size:15px;} a.vall { font-style:italic; background: url(/m/cr/img/generic/chevron.gif) no-repeat top right; padding-right:20px; position:absolute; bottom:33px; left:0;} a.chevronBg { font-style:italic; background: url(/m/cr/img/generic/chevron-grbg.gif) no-repeat top right; padding-right:20px; } a.chevronBg:hover { font-style:italic; background: url(/m/cr/img/generic/chevron-grbg.gif) no-repeat top right; padding-right:20px; } div.noRightMarg { margin:0 0 0 0; } .bold { font-weight:bold;} .cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;} /*clearfix*/ .cf:after {content: ".";display: block; clear: both;visibility: hidden; line-height: 0; height: 0;} .cf {display: inline-block;} html[xmlns] .cf {display: block;} * html .cf {height: 1%;} /*end clearfix*/ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;} .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } .sIFR-active #banner h2, .sIFR-active h2#contactTitle, .sIFR-active h2.sifrH2, .sIFR-active h4#servicesUtil { font-family:Georgia,Palatino,"Palatino Linotype",serif; visibility: hidden; display:block;} .sIFR-active #bannerExt h2{ font-family:Georgia,Palatino,"Palatino Linotype",serif; visibility: hidden; display:block;} .sIFR-active h3.rowTitle{ font-family:Georgia,Palatino,"Palatino Linotype",serif; visibility: hidden; display:block;} .sIFR-active h4.titles{ font-family:Georgia,Palatino,"Palatino Linotype",serif; visibility: hidden; display:block;} .sIFR-active h2.projectName{ font-family:Georgia,Palatino,"Palatino Linotype",serif; visibility: hidden; display:block;} .sIFR-active #footerInner h2 { font-family:Georgia,Palatino,"Palatino Linotype",serif; visibility: hidden; display:block;} /* ---------- TM > additions for blog - code snippets etc ---------- */ .code-snippet { /*margin: 0 0 .75em;*/ font-family: monospace; font-size: 11px; border-left: solid 5px #d33431; margin: 5px; margin-left: 20px; padding-left: 20px; margin-bottom:30px; line-height: 1.8em; background: #ffffff; overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/ overflow-Y: hidden; /*--Hides vertical scroll created by IE--*/ } .info-box-note { background:#fffdcc; border: solid 1px #a64c00; margin: 30px; padding-left: 20px; padding-right: 20px; /*line-height: 1.8em;*/ } .info-box-note h3 { color: a64c00; } .info-box-tip { background:#ebf5ff; border: solid 1px grey; margin: 30px; padding-left: 20px; padding-right: 20px; /*line-height: 1.8em;*/ } .info-box-tip h3 { color: 435261; }