/******Table CSS [0]general / general [1]header / #header [2]navigation / #navigation [3]subheader / #subheader [4]content / #content [5]improve / #improve [6]footer / #footer *******/ /*********** [0]General ************/ body { background: #e3ddc3 url( ../images/bg_body.png) top center repeat-x; margin-top:0px; } .container { position:relative; background: url(../images/bg_stroke_shadow.png) center repeat-y; padding:17px 19px 46px 19px; } #inner.methodology .container {padding-bottom:26px;} #inner .container { background: url(../images/bg_stroke_shadow_inner.png) no-repeat top center; padding-bottom:120px; } #stroke_top { position:absolute; left:9px; z-index:2; top:0; _margin:0; border-top:5px solid #003768; margin:0 auto; width:810px; } span { font-weight:bold; } a:link, a:visited, a:active, a:focus {outline:none;} #inner #content a { text-decoration:none; color:#cb8315; font-weight:bold; } #inner #content a:hover { color:#b37921; } h4 { font: 12px/18px helvetica; font-weight:bold; color:#666; } img, div { behavior: url(iepngfix.htc); } /* *********** [1]Header ************/ #header div { float: left; } #header h2 { margin-left: -8px; margin-top: 20px; z-index: 100; margin-left: 0; width: 313px; height: 26px; overflow: hidden; } #header #logo img { margin-top: 12px; margin-left: 5px; z-index: 1; } #header #contact { float: right; margin-top: 20px; z-index: 1; } #header #contact h2 { margin: 0; *float: right; width: 176px; height: 18px; overflow: hidden; } #header #contact img { margin: 0; float: right; margin: 0;} #header #contact p a { color: #4da412; text-decoration: none; } /* *********** [2]Navigation ************/ #navigation ul { margin: 0; margin-top: -24px; _margin-top: 0; _float: left; _position: relative; _top: -23px; } #navigation ul li { list-style: none; float: left; font: 14px/16px arial; margin-bottom: 0; } #navigation ul li a { height:18px; text-indent:-9999px; overflow:hidden; background-position:top center; text-decoration: none; margin-right: 29px; color: #102956; display:block; } #navigation ul li a.link_home { background-image:url(../images/link_home.gif); background-repeat: no-repeat; width:47px; } #navigation ul li a.link_about { background-image:url(../images/link_about.gif); background-repeat: no-repeat; width:73px; } #navigation ul li a.link_contact { background-image:url(../images/link_contact.gif); background-repeat: no-repeat; width:73px; } #navigation ul li a.link_careers { background-image:url(../images/link_careers.gif); background-repeat: no-repeat; width:71px; } #navigation ul li .link_home:hover { background-position:center center; } #navigation ul li .link_about:hover { background-position:center center; } #navigation ul li .link_contact:hover { background-position:center center; } #navigation ul li .link_careers:hover { background-position:center center; } #navigation ul li .link_home:active { background-position:bottom center; } #navigation ul li .link_about:active { background-position:bottom center; } #navigation ul li .link_contact:active { background-position:bottom center; } #navigation ul li .link_careers:active { background-position:bottom center; } .home #navigation ul li .link_home { background-position:bottom center; } .about #navigation ul li .link_about { background-position:bottom center; } .contact #navigation ul li .link_contact { background-position:bottom center; } .careers #navigation ul li .link_careers { background-position:bottom center; } /* *********** [3]Subheader ************/ #subheader { margin-top: 22px; margin-left: -10px; *margin-top: 25px; _margin: 0; _margin-top: 6px; margin-left: -10px; _margin-left: -5px; } #inner #subheader img { _margin-top: 0px; } /* *********** [4]Content ***********/ #content h1 { font: 22px/150% arial; text-align: center; margin: 0 30px; margin-top: 22px; *margin-top: 23px; color: #102956; } #content h2 { font: 18px/150% arial; text-align: center; margin-top: 50px; *margin-top: 54px; margin-bottom: 6px; color: #4fa317; } #content p { font: 16px/16px arial; text-align: center; margin-top: 0; color: #535152; margin-bottom: 10px; *margin-bottom: 20px; } /*inner*/ #inner #content p { font: 13px/16px helvetica, arial; text-align: left; margin-top: 6px; *margin-top:9px; color: #3a3d40; margin-bottom: 16px; *margin-bottom: 20px; } #inner #content h2.first { margin-top:12px; *margin-top:14px; } #inner #content h2 { font: 16px/1em arial; margin-top:12px; *margin-top:14px;} #inner #content h3 { font: 12px/1em arial; margin-top:15px; *margin-top:17px; margin-bottom:5px; } #inner #primary-col ul { list-style: none; margin: 0; width:151px;} #inner #primary-col ul li { padding-left: 6px; background: url(../images/list-style-col.jpg) no-repeat center left; border-bottom: 1px solid #d2cba9; line-height: 23px; } #inner #primary-col ul li a { text-decoration: none; color: #cb8315; font: 11px helvetica; font-weight:bold; } #inner #primary-col ul .last-item { border-bottom: 0; } #inner #primary-col .how-do-we-do-it a { background: url(/domains/birchstone/assets/images/btn-green-left.png) no-repeat; width:166px; height:38px; margin-bottom:30px; margin-top:23px; *margin-top:17px; margin-right:13px; *margin-bottom:37px; display:block; text-align:center; font:11px/38px arial; font-weight:bold; color:#fff; text-decoration:none; } #inner #testimonial-sidebar { background:url(../images/bg-tetimonial.gif) no-repeat; margin-top:33px; padding-top:4px; padding-left:3px; width:179px;} #inner #primary-col p { color: #102956; font: 11px/16px arial; margin-top:0;} #inner #primary-col h3 { margin-left: 6px;} #inner #primary-col .testimonial-autor span { margin-bottom: 0; font-weight:bold; } #inner #primary-col p.testimonial-autor { margin-bottom: 0; } #inner #primary-col .more a { margin-top: 0; color: #cb8315; } #inner #primary-col .methodology { font-size:11px;} #inner #main h5, #inner #main label { font: 13px/18px helvetica; font-weight: bold; color: #3a3d40; } #inner #main .contact-adress { margin-bottom: 44px; margin-top: 11px; } #inner #main .contact-adress h5 { margin-bottom: 0; margin-top: 0; } #inner #main .contact-adress p { margin-bottom: 0; margin-top: 0; } #inner #main .phone h5 { float: left; } #inner #main .phone p { float: left; line-height: 18px; margin-left: 4px; } #inner #main textarea { width: 274px; height: 110px; background: url(../images/bkg-textarea.jpg) no-repeat top left; border: 0; overflow: auto; } #inner #main input { width: 274px; height: 20px; background: url(../images/bkg-textarea.jpg) no-repeat top left; border: 0; } #inner #main .button { width: 96px; height: 27px; background: url(../images/send-inquiry.jpg) no-repeat top left; border: 0; cursor: pointer; font: 11px/27px helvetica; color: #fff; margin-left: 100px; } #inner #main .download-button { width: 96px; height: 27px; background: url(../images/button-download.jpg) no-repeat top left; border: 0; cursor: pointer; font: 11px/27px helvetica; color: #fff; margin-left: 100px; } #inner #main .form-input { margin-bottom: 9px; } #inner #main h4 { margin-bottom: 5px; margin-top: 12px; } #inner #main img { margin-top: 5px; } #inner #main img.about-image { margin: 0; } #inner #main img.methodology-image { margin-top: 6px; } #inner #content .about h2 { margin-left:4px; margin-top:8px; margin-bottom: -8px; *margin-bottom: -9px; font-size:18px; } #inner #content .about p { font: 13px/18px helvetica; color: #666; margin-top: 0; } #inner #content .about p a { font: 13px/18px helvetica; color: #cb8315; } #inner #content ol { font: 13px/32px helvetica; color: #666; list-style: none; margin-top:0px; margin-left: 2px; margin-bottom:12px; } #inner #content ol li.about-1 { padding-left: 37px; line-height:35px; *line-height:31px;} #inner #content ol li.about-2 { padding-left: 37px; } #inner #content ol li.about-2 img { margin-top:2px; *margin-top:5px;} #inner #content ol li.about-3 img { margin-top:1px;*margin-top:7px;} #inner #content ol li.about-3 { padding-left: 37px; line-height:18px; margin-top:6px; padding-top:0; clear:both; } #inner #content ol li.about-3 img { *padding-top:0px; } #inner #content ol li img{ float:left; margin-left:-28px; *padding-top:5px; } #inner #content .marketing-col .spacer p { width: 154px; } #inner #main .professional { float:left; width:163px; margin-top: 20px; } #inner #main .professional p { font-size:11px; margin:0; padding: 0;} #inner #main .professional h3 { font-size:12px; color:#4ea328; margin-top:0px; margin-bottom:0; height:14px; padding:0;} #inner #main .professional img { margin: 0; padding: 0;} #inner #main .professional-details { margin-top: 26px;} #inner #main .testimonial { margin-top:8px; margin-left:-3px;padding-left:1px; width:395px; } #inner #main .testimonial .autor {background:url(../images/symbol.png) 79px 10px no-repeat; padding-top:3px; font-size:10px; font-family:arial, helvetica, verdana; text-align:right;} #inner #main .testimonial-orange {padding-top:2px; padding-left:146px; background: url(../images/testimonial-orange.png) no-repeat 0 0; height:149px; margin-bottom:3px; } #inner #main .testimonial-green { padding-top:2px; padding-left:146px; background: url(../images/testimonial-green.png) no-repeat 0 0; height:149px; margin-bottom:3px; } #inner #main .testimonial-gray { padding-top:2px; padding-left:146px; background: url(../images/tefl.png) no-repeat 0 0; height:149px; margin-bottom:3px; } #inner #main .testimonial-green p, #inner #main .testimonial-gray p { padding-top:17px; color:#fff; width:230px; margin:0; font-style:italic; line-height:16px; } #inner #main .testimonial-orange p { padding-top:17px; width:230px; color:#64410d; margin:0; font-style:italic; } #inner #main .assess { padding-left: 68px; margin-top: 4px; position:relative; } #inner #main .assess span { font-weight: bold; color:#cb8315; } #inner #main .develop { padding-left: 68px; margin-top: 32px; position:relative; } #inner #main .develop span { font-weight: bold; color:#cb8315; } #inner #main .execute { padding-left: 68px; margin-top: 32px; position:relative; } #inner #main .execute span { font-weight: bold; color:#cb8315; } #inner #main .meth-1, #inner #main .meth-2, #inner #main .meth-3 { position:absolute; left:0; top:-2px;} #inner #main #project-sucesses { margin-top: 12px; } #inner #main #project-sucesses span { color: #003768; font: 12px/16px helvetica; font-weight: bold; } #inner #main #project-sucesses p { margin-bottom: 10px; } #inner #main #project-sucesses .client { margin-bottom: 0; } #inner #main #project-sucesses img { margin-bottom: 10px; } #inner #main #project-sucesses #prev-next { color: #666; font: 10px/16px helvetica; float: right; } #inner #main #project-sucesses #prev-next a { color: #666; font: 10px/16px helvetica; text-decoration: underline; } #inner #main #project-sucesses #what-we-did { background: url(../images/box-what-we-did.jpg) no-repeat left top; width: 389px; height: 284px; padding-top: 14px; } #inner #main #project-sucesses #what-we-did div { margin-left: 12px; margin-right: 0px; } #inner #main #project-sucesses #what-we-did p { margin-bottom: 0px; } #inner #main #project-sucesses #what-we-did ul { list-style-image: url(../images/list-style-sucesses.jpg); } #inner #main #project-sucesses #what-we-did ul li { font: 13px/16px arial; color: #666; margin-bottom: 10px; } #inner #second-col { _overflow: hidden; _width:187px;} #inner #second-col .download-it a { background: url(../images/btn-orange.png) no-repeat; width:150px; height:38px; margin-bottom:30px; margin-top:23px; *margin-top:17px; margin-left:10px; *margin-bottom:37px; display:block; text-align:center; font:11px/38px arial; font-weight:bold; color:#fff; text-decoration:none; } #inner #second-col .how-do-we-do-it a { background: url(../images/btn-green.png) no-repeat; width:150px; height:38px; margin-bottom:30px; margin-top:23px; *margin-top:17px; margin-left:10px; *margin-bottom:37px; display:block; text-align:center; font:11px/38px arial; font-weight:bold; color:#fff; text-decoration:none; } #inner #second-col .how-do-we-do-it-below a { background: url(../../images/btn-green.png) no-repeat; width:150px; height:38px; margin-bottom:30px; margin-top:23px; *margin-top:17px; margin-left:10px; *margin-bottom:37px; display:block; text-align:center; font:11px/38px arial; font-weight:bold; color:#fff; text-decoration:none; } #inner #second-col .special-download a { margin-top: 10px; } #inner #second-col .spacer { margin-left: 8px; margin-right: 0; margin-top:10px; } #inner #second-col p { color: #102956; font: 11px/16px helvetica; font-weight:bold; margin-top:11px; width:187px; } #inner #second-col p a { color:#cb8315; font-weight: bold; } #inner #second-col .our-methodology { margin-top:32px; } #inner #second-col h3.number-3 { padding-left:23px; } #inner #second-col .number_3_image { position:absolute; width:20px; height:26px; z-index:20; margin-top:3px; *margin-top:10px; _margin-top:10px;} #inner #second-col h3.number-5 { padding-left:26px; } #inner #second-col .number_5_image { position:absolute; width:20px; height:26px; z-index:20; *padding-top:7px; margin-top:4px; _margin-top:3px; } #inner #second-col .stop { text-indent:64px; padding-top:4px; margin:0; } #inner #second-col .stop_image { position:absolute; width:59px; height:18px; z-index:20;} #inner #second-col h3.stop-under { margin:0; padding-left:7px; width:140px; margin-top:-4px; *margin-bottom:16px;} #inner #second-col .how-to-improve { margin-left: 8px; } #inner #second-col .become-our-next { margin-right: 15px; margin-bottom:37px; width:158px; } /*bottom*/ #inner #content #bottom-call { background:url(../images/box_bottom.png) no-repeat; height:94px; width:430px; position:relative; margin-top:20px; margin-left:-20px; _margin-right:-20px; } #inner #content #bottom-call p { text-align:center; font-size:18px; line-height:1em; padding-top:13px; *padding-top:3px; padding-bottom:15px; padding-left:30px; padding-right:39px; } #inner #content #bottom-call .first-frase { margin-bottom: 0; padding-bottom: 0; } #inner #content #bottom-call .last-frase { margin-top: -5px; padding-top: 0; } #inner #content #meth-call { background:url(../images/bg-meth-call.png) no-repeat; height:94px; width:430px; margin-top:20px; position:relative; margin-top:20px; margin-left:-20px; _margin-right:-20px; } #inner #content #meth-call p { text-align:center; font-size:18px; line-height:1em; padding-top:16px; *padding-top:3px; padding-bottom:15px; padding-left:35px; padding-right:35px; } #inner #content #careers-call { background:url(../images/bg-meth-call.png) no-repeat; height:94px; width:430px; position:relative; margin-top:20px; padding-top:17px; margin-left:-20px; _margin-right:-20px; } #inner #content #careers-call p, #inner #content #improve-sales p { text-align:center; font-size:18px; padding-left:13px; padding-right:13px; margin-bottom: 0; margin-top: 0; } #inner #content #improve-sales { background:url(../images/improve-sales.png) no-repeat; height:102px; width:430px; margin-top:26px; padding-top: 15px; margin-left:-20px; _margin-right:-20px; position:relative; } #inner #content #careers-call p { text-align:center; font-size:18px; padding-left:13px; padding-right:13px; margin-bottom: 0; margin-top: 0; } #inner #content #about-call-us { background:url(../images/box_bottom.png) no-repeat; height:94px; width:430px; position:relative; padding-top:10px; margin-top:24px; margin-left:-20px; _margin-right:-20px; } #inner #content #about-call-us p { text-align:center; font-size:18px; margin: 0 0 -5px 0; padding-left:30px; padding-right:30px; } /* *********** [5]Improve ***********/ #improve { margin: 14px 65px; } #improve img { margin-right: 15px; } #improve img.last { margin-right: 0px; } #inner #improve-sales { padding-top: 10px; font-size: 18px; *font-size: 18px; } /* *********** [6]Footer ************/ #footer { padding:35px 19px 0 19px; margin:0 auto; width:790px; background:url( ../images/bg_stroke_footer.png) top center repeat-x; } #footer p { font: 11px/16px helvetica; color: #636056; text-align: center; margin: 0; } #footer p a { font: 11px/16px helvetica; color: #636056; text-align: center; margin: 0; text-decoration: underline; }