/* Version: 1.0 Author: TargetScope Inc. Author URI: http://www.targetscope.com */ /*____________________________________________________________ Import other styles ____________________________________________________________*/ @import url(../styles/lib/typography.css); @import url(../styles/lib/forms.css); @import url(../styles/lib/tables.css); @import url(../styles/lib/styleguide.css); /*____________________________________________________________ Global ____________________________________________________________*/ body {font:11px Arial, Helvetica, sans-serif;color:#555;margin:0px;padding:0px;} img {border:none;} p, #column1 p {line-height:1.5em;font:12px Arial, Helvetica, sans-serif;color:#555;} #pageWrapper{width:1024px; margin:0px auto;padding:0px;} #headerWrapper { background-image:url(../images/headerBack.png); text-align:left; margin:0px auto; width:1024px; height:375px; padding:0px; } /*____________________________________________________________ Secondary Wrapper ____________________________________________________________*/ #secondaryWrapper {height:250px;text-align:left;margin:auto;width:1024px; background-repeat:no-repeat;background-position:top left;} .customers {width:100%;background-image:url(../images/banners/customerback.jpg);} .contactus {width:100%;background-image:url(../images/banners/contactback.jpg);} #secondaryFooter{background:url(../images/secondary_footer.jpg) center no-repeat;width:1024px;margin:0px auto;padding:40px 0px;text-align:center;} #secondaryFooter a {color:#333;text-decoration:none;font:11px Arial, Helvetica, sans-serif;padding:0px 16px;} #secondaryFooter a:hover {color:#B10C20;} #headerTop{position:relateve;top:0px;} #headerBottom{position:relative;top:0px;} embed{position:relative;top:35px;left:25px;} object{position:relative;top:35px;left:25px;} #logoImage{margin-left:88px;} #logoWrapper{float:left;} #actdemo{margin-left:-25px} .boldText{font-weight:bold;} .beginQuote{margin-top:-8px;} .endQuote{margin-bottom:-8px;} .floatLeft{float:left;} .clearBoth{clear:both;} .clearLeft{clear:left;} .totalWidth{width:780px;text-align:right;} #footerWrapper{} .divider{margin:3px 0px;text-align:left !important;} #footerBackImage{background:url(../images/footerBack.jpg) center no-repeat;height:200px;width:1024px;margin:auto;position:relative;left:50px;bottom:60px;} .footerLinkWrapper{width:100%;text-align:center;} /*NAVIGATION ELEMENTS AND BUCKETS*/ .headNavBucket{background:url(../images/headNavBucket.png) right no-repeat;width:100%;height:19px;text-align:right;padding:3px 16px 0px 0px;} .whiteNav{color:white;font-family:arial;font-size:11px;text-decoration:none;margin-right:7px;} #navHomeWrapper{width:594px;float:left;position:relative;top:20px;left:100px;} .mainNavDivider{position:relative;bottom:10px;float:left;} /*MAIN NAVIGATION BUTTONS*/ #whyCRM a {width:59px;float:left;height:14px;text-align:right;background:url(../images/NAVwhyCRM.gif) no-repeat 0px 0px;} #whyCRM a:hover{width:59px;float:left;height:14px;text-align:right;background:url(../images/NAVwhyCRM.gif) no-repeat 0px -26px;} #services a {width:48px;float:left;height:14px;text-align:right;background:url(../images/NAVservices.gif) no-repeat 0px 0px;} #services a:hover {width:48px;float:left;height:14px;text-align:right;background:url(../images/NAVservices.gif) no-repeat 0px -25px;} #solutions a {width:52px;float:left;height:14px;text-align:right;background:url(../images/NAVsolutions.gif) no-repeat 0px 0px;} #solutions a:hover {width:52px;float:left;height:14px;text-align:right;background:url(../images/NAVsolutions.gif) no-repeat 0px -25px;} #partners a {width:47px;float:left;height:14px;text-align:right;background:url(../images/NAVpartners.gif) no-repeat 0px 0px;} #partners a:hover {width:47px;float:left;height:14px;text-align:right;background:url(../images/NAVpartners.gif) no-repeat 0px -25px;} #expertise a {width:52px;float:left;height:14px;text-align:right;background:url(../images/NAVexpertise.gif) no-repeat 0px 0px;} #expertise a:hover {width:52px;float:left;height:14px;text-align:right;background:url(../images/NAVexpertise.gif) no-repeat 0px -25px;} #resources a {width:57px;float:left;height:14px;text-align:right;background:url(../images/NAVresources.gif) no-repeat 0px 0px;} #resources a:hover {width:57px;float:left;height:14px;text-align:right;background:url(../images/NAVresources.gif) no-repeat 0px -25px;} #contact a {width:63px;float:left;height:14px;text-align:right;background:url(../images/NAVcontactUs.gif) no-repeat 0px 0px;} #contact a:hover {width:63px;float:left;height:14px;text-align:right;background:url(../images/NAVcontactUs.gif) no-repeat 0px -25px;} /*HOMEPAGE CONTENT AREA*/ #contentWrapper{width:1024px;text-align:left;margin:0px auto;position:relative;left:110px;} /*____________________________________________________________ Content for Secondary ____________________________________________________________*/ #content{width:1024px;text-align:left;margin:0px auto;clear:both;} div#content.home {width:880px;} .common {padding:0px 51px;} #column1, #column2, #column3 {float:left;} #column1 {width:212px;margin-right:37px;} #column1 a.cta img {margin:0 0px 5px 20px;display:block;width:162px;height:46px;} #column2 {width:630px;} div#column2.form {width:433px;padding-right:21px;background:url(../images/formborderright.jpg) top right no-repeat;} div#column2.form .link {float:right;} div#column2.assessment {width:750px;padding-left:100px;} div#column2.demo {width:866px;} #column3 {padding-left:20px;padding-top:12px;width:190px;} .contactbucket { font-size:11px; background:url(../images/shorthr.jpg) bottom center no-repeat; padding:10px 0px; line-height:1.5em;} h1 {color:#B10C20;padding:0px;margin:0px;font-size:16px;} h3 {color:#B10C20;padding:0px;margin:0px;font-size:11px;} .contactbucket span {color:#64796E;font-weight:bold;} .contactbucket a {display:block;color:#555;text-decoration:none;} .contactbucket a:hover {text-decoration:underline;} ul {list-style:circle} ul ul {list-style:disc} /*____________________________________________________________ LongQuote ____________________________________________________________*/ #column2 .longquote { background:url(../images/quoteborder.jpg) bottom center no-repeat; width:100%; display:block; padding-bottom:15px; font:12px Arial, Helvetica, sans-serif; font-style:italic; color:#555; line-height:1.75em; margin-top:17px; } #column2 .longquote span {display:block;color:#B10C20;font-style:normal;} #column2 .longquote h2 {padding-bottom:0px;margin:0px;font-style:normal;} /*PREVIEW BUCKETS .previewBucket{width:200px;font-family:arial;font-size:11px;color:black;float:left;text-align:left;margin-right:10px;} .previewBucket p {} .previewBucket img {display:block;} .previewImageWrapper{/*text-align:center;padding:2px 0px;border:2px solid #dddddd;} .previewImage{border:1px solid #D9890F;width:188px;} END PREVIEW BUCKETS*/ /*stayling the red arrows .marginal{margin-top:6px;} /*END HOMEPAGE CONTENT AREA*/ /*STYLEING OF LINKS .beginComboLink{color:#D9890F;text-decoration:none;padding-left:2px;font-size:11px;} .endComboLink{color:#B10C20;font-size:11px;} .singleLink{color:#D9890F;text-decoration:none;padding-left:2px;} .blackLink{color:black;text-decoration:none;} /*END LINK STYLES #footerWebLinks { margin:10px 0px; } .webLink { margin:0px 25px; }*/ .bucket {width:202px;font-family:arial;font-size:11px;color:black;float:left;text-align:left;margin-right:19px;} .bucket.nomargin {margin-right:0px;} .bucket img {display:block;} .link {font-weight:bold;color:#D78200;background:url(../images/redarrow.gif) 0 .2em no-repeat;padding-left:8px;display:block;margin-top:9px;} .link a {color:#B10C20;text-decoration:none;font-weight:normal;} .link a:hover {text-decoration:underline;} h2 {color:#333;font-size:12px;font-weight:bold;} .bucket h2 {color:#161616;font-size:11px;margin-bottom:0px;} .news {margin-bottom:21px;} .news .link a {color:#D78200;font-weight:bold;} .news .link a:hover {color:#EBC282;text-decoration:none;} #logos {margin-top:25px;background:url(../images/title_oursolutions.gif) top left no-repeat;width:100%;padding-top:22px;padding-bottom:18px;} #logos .link {float:right;position:relative;top:-25px;left:-25px;} .logolist {clear:right;padding-left:10px;} .logolist img {padding:0px 60px 0px 0px;float:left;text-align:center;} .logolist img.nopad {padding:0px;} #callout {background:url(../images/homephotos/callout.gif); background-repeat:no-repeat; height:135px;} #callouttop {background:url(../images/homephotos/callout_01.gif); background-repeat:no-repeat; height:31px;} #calloutbottom {background:url(../images/homephotos/callout_02.gif); background-repeat:no-repeat; height:104px;} /*____________________________________________________________ LeftNav ____________________________________________________________*/ #LeftNavHeader { background:url(../images/leftnav/leftnavheader.jpg) top left no-repeat;padding:11px 0px 0px 0px;margin-bottom:15px;} #LeftNav { padding:0px 0px 6px 0px; width:212px; background:url(../images/leftnav/leftnavfooter.jpg) bottom left no-repeat; } #LeftNav ul { list-style-type:none; margin:0px auto; padding:0px; width:165px; } #LeftNav ul li { margin-bottom:5px; padding:0px; background-image:url(../images/leftnav/btn_back.png); display:block; height:28px; } * html #LeftNav ul li{ background-image:url(../images/leftnav/btn_back.gif); } /* ie fix */ * html #LeftNav ul li a{ background-image:url(../images/leftnav/btn_back.gif); } /* ie fix */ #LeftNav ul li a { display:block; height:28px; color:#fff; text-decoration:none; font:11px Arial, Helvetica, sans-serif; font-weight:normal; background-image:url(../images/leftnav/btn_back.png); } #LeftNav ul li a:hover { background-position:-165px 100%; display:block; height:28px; } #LeftNav ul li a span {padding-left:18px;display:block;padding-top:8px;} div#LeftNavHeader.noLeftNav {padding-top:30px;} /*____________________________________________________________ LeftQuote ____________________________________________________________*/ .bucket .quotebox {width:202px;margin:0px;padding:10px 0px 0px 0px;} .bucket .quotebox img {display:inline;} .quotebox { padding-top:5px; font:11px Arial, Helvetica, sans-serif; color:#555; font-style:italic; width:162px; line-height:1.75em; margin:20px 0px 5px 20px; } .bucket p {font-size:11px;line-height:1.4em;} .quoted {font-weight:bold;font-style:normal;padding-top:9px;color:#333;} /*____________________________________________________________ Footer ____________________________________________________________*/ .copyright { color:#6F83AB;font-size:10px;} .copyright a { color:#6F83AB;text-decoration:none;padding:0px 8px;} .copyright a:hover {color:#C9D0DF;} .copyright span {display:block;padding-top:10px;}