/* RESET */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* 960 */ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} /* SPECIFIC */ body{background-color:#fff;font:13px/1.5em Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0;width:100%;display:table;} /* Structure --------------------------------------------- */ #header{height:50px;background: url(../media/nav-main-bg.png) repeat-x;} #content{/*height:485px;*/background:#fff url(../media/sunburst.jpg) bottom center no-repeat;/*overflow-y:auto;*/border-bottom:1px solid #c8daeb;position:relative;} #footer{background:#e9e9e9 url(../media/footer-bg.jpg) repeat-x 0 -3px;border-top:1px solid #fff;padding-bottom:10px;} #top-fade{position:absolute;width:100%;height:25px;top:0;left:0;background: url(../media/top-fade.png) repeat-x;z-index:100;} #bottom-fade{position:absolute;width:100%;height:25px;bottom:0;left:0;background: url(../media/bottom-fade.png) repeat-x;z-index:100;} #zoom{z-index:2001;} #zoom a#zoom_close{right:0 !important;} /* Type --------------------------------------------- */ a{color:#3E5C9A;} a:hover{color:#000;} p{color:#333;line-height:1.5em;font-size:14px;margin:0 0 1em;} h2{font-size:20px;letter-spacing:-.03em;line-height:1.1em;margin:1em 0 .5em;color:#335294;} .grid_6 h2{font-size:17px;} h3{font-size:17px;letter-spacing:-.01em;line-height:1.1em;margin:1em 0 .5em;color:#608626;} ul.bullet, ul.checkmark{margin:1em 0 1.5em;} ul.bullet li{list-style:disc;margin:0 0 .5em 1.5em;color:#333;font-size:14px;} ul.checkmark li{background: url(../media/icon_tick.png) no-repeat;padding-left:23px;margin-bottom:9px;font-size:14px;color:#333;} blockquote{padding:5px 45px;} blockquote p{font-size:19px;line-height:1.3em;font-style:normal;font-family:Georgia,Times,serif;text-align:center;letter-spacing:-.03em;} .highlight{background-color:#FBF23B;padding:2px 4px;border-bottom:1px solid #D8D133;} /* Required for slider --------------------------------------------- */ #slider{position:relative;} .scroll{width:960px;/*height:485px;overflow:auto;*/position:relative;clear:left;} .scrollContainer div.panel{/*height:485px;*/width:960px;/*overflow-y:auto;*/} .narrower .grid_10{width:530px;padding:0 30px 0 10px;} .narrower .grid_6{width:340px;} /* Nav --------------------------------------------- */ ul#main-nav{margin-left:10px;} ul#main-nav li{display:block;float:left;} ul#main-nav li a{display:block;height:45px;width:189px;overflow:hidden;text-indent:-9999px;background: url(../media/nav-sprite.jpg) no-repeat;} /* normal */ ul#main-nav li.home a{width:180px;background-position: 0 0;} ul#main-nav li.system a{background-position: -180px 0;} ul#main-nav li.industry a{background-position: -369px 0;} ul#main-nav li.about a{background-position: -558px 0;} ul#main-nav li.start a{width:195px;background-position: right 0;} /* hover */ ul#main-nav li.home a:hover{width:180px;background-position: 0 -45px;} ul#main-nav li.system a:hover{background-position: -180px -45px;} ul#main-nav li.industry a:hover{background-position: -369px -45px;} ul#main-nav li.about a:hover{background-position: -558px -45px;} ul#main-nav li.start a:hover{width:195px;background-position: right -45px;} /* active */ ul#main-nav li.home a:active{width:180px;background-position: 0 -90px;} ul#main-nav li.system a:active{background-position: -180px -90px;} ul#main-nav li.industry a:active{background-position: -369px -90px;} ul#main-nav li.about a:active{background-position: -558px -90px;} ul#main-nav li.start a:active{width:195px;background-position: right -90px;} /* selected */ ul#main-nav li.home a.selected{width:180px;background-position: 0 -135px;} ul#main-nav li.system a.selected{background-position: -180px -135px;} ul#main-nav li.industry a.selected{background-position: -369px -135px;} ul#main-nav li.about a.selected{background-position: -558px -135px;} ul#main-nav li.start a.selected{width:195px;background-position: right -135px;} /* Content - Home --------------------------------------------- */ #home{padding-bottom:20px;} #home h1,#home h2{display:block;text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;margin:0 0 8px;} #home h1{width:655px;height:74px;margin:20px auto 5px;background-image: url(../media/h1-home.png);} #home h2.step1{width:306px;height:46px;background-image:url(../media/h2-home-step1.png);} #home h2.step2{width:273px;height:46px;background-image:url(../media/h2-home-step2.png);} #home div.step1{text-align:center;position:relative;width:640px;height:291px;background: url(../media/home-step1-1.jpg) no-repeat;} #home div.step2{text-align:center;position:relative;width:280px;height:291px;background: url(../media/home-step2-1.jpg) no-repeat;} #home div.step1 a.button, #home div.step2 a.button{position:absolute;height:64px;display:block;text-indent:-9999px;overflow:hidden;background: url(../media/home-step-button-sprite.png) no-repeat;bottom:17px;left:17px;} #home div.step1 a.button{width:606px;background-position:0 0;} #home div.step1 a.button:hover{background-position:0 -64px;} #home div.step1 a.button:active{background-position:0 -128px;} #home div.step2 a.button{width:247px;background-position:-660px 0;} #home div.step2 a.button:hover{background-position:-660px -64px;} #home div.step2 a.button:active{background-position:-660px -128px;} #system h1{display:block;width:900px;height:89px;text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;margin:35px auto 25px;background: url(../media/h1-system.png) no-repeat;} #system .grid_6{padding-top:230px;} #system div.background{background: url(../media/system-mood.png) 100% 75px no-repeat;} #features h2{background:#000 url(../media/nav-main-bg.png) repeat-x 0 0;color:#fff;font-size:14px;margin:0;padding:8px 10px;text-align:center;border:1px solid #6687CA;text-shadow:0 1px 0 #000;} #features ul{border-bottom:1px solid #bbb;margin:0 0 15px;border-top:1px solid #444;} #features ul li{color:#555;font-size:13px;line-height:1.4em;border-top:1px solid #fff;border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;background: url(../media/feature-grad-bg.png) repeat-x;} #features ul li span{display:block;padding:18px 10px 14px 70px;background-repeat:no-repeat;background-position:10px 10px;} #features ul li strong{color:#000;display:block;font-size:14px;margin:0 0 1px;letter-spacing:-.01em;} #features ul li.landing span{background-image: url(../media/icon-48x48-template.png);} #features ul li.movies span{background-image: url(../media/movie.png);} #features ul li.marketing span{background-image: url(../media/icon-48x48-group.png);} #features ul li.capture span{background-image: url(../media/icon-48x48-dollar_sign.png);} #features ul li.contacts span{background-image: url(../media/icon-48x48-inbox_full.png);} #features ul li.emails span{background-image: url(../media/icon-48x48-email-creator.png);} #features ul li.activity span{background-image: url(../media/icon-48x48-graph.png);} #features ul li.phoneburner span{background-image: url(../media/icon-phoneburner.png);} #features ul li.training span{background-image: url(../media/icon-48x48-cursor.png);} #industry h1{display:block;width:845px;height:96px;text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;margin:30px auto 25px;background: url(../media/h1-industry.png) no-repeat;} #industry-video-wrapper{margin:0 auto;position:relative;} #industry-video-wrapper p{position:relative;font-size:10px;text-align:center;margin:-1px 0 0;z-index:2000;} #industry-video-wrapper span{position:relative;text-decoration:underline;color:#3E5C9A;cursor:pointer} #about h1{display:block;width:740px;height:57px;text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;margin:0 auto 0 0;background: url(../media/h1-me.png) no-repeat;} #about #networks h3{font-size:10px;color:#333;margin:0 0 10px;text-transform:uppercase;letter-spacing:2px;} #about #networks li{padding-left:24px;margin:0 0 4px;font-size:12px;} #about #networks li.twitter{background: url(../media/twitter.png) no-repeat 0 50%;} #about #networks li.facebook{background: url(../media/facebook.png) no-repeat 0 50%;} #about #networks li.linkedin{background: url(../media/linkedin.png) no-repeat 0 50%;} #about #profile-thumb-main{border:1px solid #e7e9ea;background-color:#f4f9fa;padding:5px;margin:0 0 5px;} #about h2.name{font-size:24px;margin:0 0 13px;padding-bottom:7px;border-bottom:1px solid #DBDFE8;} #about div.user-content{font-size:14px;color:#444;line-height:1.7em;} #about a#bt-contact-about{display:block;margin:0 auto 20px;height:34px;width:160px;text-indent:-9999px;overflow:hidden;background: url(../media/about-contact-button-sprite.png) no-repeat;} #about a#bt-contact-about:hover{background-position: 0 -34px;} #about a#bt-contact-about:active{background-position: 0 -69px;} #contact-form-box-inner h2{margin:0 0 15px;padding-bottom:5px;border-bottom:1px solid #e3e3e3;color:#608626;} #contact-form-box-inner table{width:100%;} #contact-form-box-inner table th,#contact-form-box table td{padding:5px;} #contact-form-box-inner table th{text-align:right;font-size:15px;line-height:1em;width:100px;padding:11px 0 0 5px;vertical-align:top;} #contact-form-box-inner table th label{line-height:1.1em;} #contact-form-box-inner td input{padding:4px;font-size:15px;width:95%;} #contact-form-box-inner a#CmdSubmit{display:block;margin:10px auto 5px;height:34px;width:160px;text-indent:-9999px;overflow:hidden;background: url(../media/bt-submit-sprite.png) no-repeat;border:0;} #contact-form-box-inner a#CmdSubmit:hover{background-position: 0 -34px;} #contact-form-box-inner a#CmdSubmit:active{background-position: 0 -69px;} #contact-form-box-inner p{font-size:10px;text-align:center;color:#777;} td.tl{background:transparent url(../media/tl.png) no-repeat; overflow:hidden;width:20px; height:20px;*height:10px;} td.tm{background:transparent url(../media/tm.png) repeat-x; overflow:hidden;height:20px;*height:10px;} td.tr{background:transparent url(../media/tr.png) no-repeat 100% 0; overflow:hidden; width:20px; height:20px;*height:10px;} td.ml{background:transparent url(../media/ml.png) repeat-y; overflow:hidden; width:20px;} td.mm{padding:0;background-color:#fff;vertical-align:middle;position:relative;} td.mr{background:transparent url(../media/mr.png) repeat-y 100% 0; overflow:hidden;width:20px;} td.bl{background:transparent url(../media/bl.png) no-repeat 0 100%; overflow:hidden;width:20px;height:20px;*height:10px;} td.bm{background:transparent url(../media/bm.png) repeat-x 0 100%; overflow:hidden;height:20px;*height:10px;} td.br{background:transparent url(../media/br.png) no-repeat 100% 100%; overflow:hidden;width:20px;height:20px;*height:10px;} /* Footer --------------------------------------------- */ #footer-inner{position:relative;} #footer h2{display:block;margin:20px auto 10px;width:637px;height:33px;overflow:hidden;text-indent:-9999px;background: url(../media/footer-h2.png) no-repeat;} #feature-nav{text-align:center;} #feature-nav ul li{display:block;float:left;} #feature-nav ul li a{display:block;width:233px;height:183px;text-indent:-9999px;overflow:hidden;background: url(../media/footer-nav-sprite.jpg) no-repeat;} /* normal */ #feature-nav ul li.system a{width:231px;background-position: 0 0;} #feature-nav ul li.industry a{width:231px;background-position: -231px 0;} #feature-nav ul li.about a{width:230px;background-position: -469px 0;} /* hover */ #feature-nav ul li.system a:hover{background-position: 0 -378px;} #feature-nav ul li.industry a:hover{background-position: -231px -378px;} #feature-nav ul li.about a:hover{background-position: -469px -378px;} /* active */ #feature-nav ul li.system a:active{background-position: 0 -189px;} #feature-nav ul li.industry a:active{background-position: -231px -189px;} #feature-nav ul li.about a:active{background-position: -469px -189px;} /* Profile */ #contact-profile{width:228px;background: url(../media/profile-bg.png) no-repeat;text-align:center;padding-top:20px;margin-top:-13px;position:absolute;right:15px;z-index:101;} #contact-profile-inner{width:228px;padding:0 0 10px 7px;background: url(../media/profile-ft.jpg) no-repeat bottom left;} #contact-profile h3{color:#fff;font-size:17px;line-height:1.1em;font-weight:normal;padding:0 10px;text-shadow:0 1px 0 #000;margin:0 0 10px;} #contact-profile img{display:block;margin:0 auto 10px;padding:5px;border:1px solid #29427b;background-color:rgba(0,0,0,.1);*background-color:none;} #contact-profile a#bt-contact-link{display:block;margin:0 auto;height:36px;width:167px;text-indent:-9999px;overflow:hidden;background: url(../media/contact-bt-sprite.png) no-repeat;} #contact-profile a#bt-contact-link:hover{background-position: 0 -36px;} #contact-profile a#bt-contact-link:active{background-position: 0 -72px;} #legal{text-align:center;background: url(../media/legal-top-shadow.jpg) top center no-repeat;padding-top:20px;} #legal img{display:block;margin:0 auto 5px;} #legal p, #legal a{display:inline;color:#555;font-size:11px;} #legal p{padding-right:7px;} #legal a:hover{color:#000;} /* Contact --------------------------------------------- */ body#contact{height:100%;background:transparent;} /* Secondary Page --------------------------------------------- */ body#secondary{height:100%;background:#fff url(../media/sunburst.jpg) no-repeat scroll center bottom;border-top:5px solid #345497;} body#secondary div.wrapper{height:420px;padding:15px 10px;border-top:2px solid #688ACA;} body#secondary div.header{border-bottom:1px solid #E5E8EB;padding-bottom:10px;margin-bottom:10px;} body#secondary div.header img{float:right;} body#secondary p{font-size:11px;color:#555;margin:0 0 1em;} body#secondary h1{font-size:22px;color:#608626;float:left;letter-spacing:-.03em;line-height:1em;} body#secondary h2{font-size:14px;} /* Opt box special offer */ #bt-optbox { position: absolute; left: 0; top: 0; display: block; height: 125px; width: 125px; background: url(/specialoffer.png) no-repeat; text-indent: -999em; z-index:34444; text-decoration: none;} /* misc. --------------------------------------------- */ hr,.hide{display:none;} a img{border:none;} /* self-clear floats */ .group {display: inline-block} * html .group{height: 1%} .group {display: block} .group:after{content:".";display:block;height:0;clear:both;visibility:hidden;}