/* == -------------------------GENERAL DEFAULTS ------------------------- == */ body {padding:0px; margin:0px; font:12px Lucida Sans, Lucida Sans Unicode, Lucida Grande, sans-serif; color:#333; background:url(../images/bg_page.jpg) repeat-x #666666;} img {border:0px;} form {margin:0px;} .right {float:right;} .left {float:left;} .clearall {clear:both; height:1px; overflow:hidden;} .clf {clear:left;} a {outline:none; text-decoration:none;} a:link, a:visited {color:#666; text-decoration:none;} a:hover, a:active {color:#000; text-decoration:underline;} .jitsu {color:#666;} .lab {color:#8BB129;} /* == -------------------------MAIN INTERFACE------------------------- == */ #container {width:865px; margin:0px auto;} #maintop {background:url(../images/maintop.png) no-repeat; height:15px; overflow:hidden;} #mainmid {background:url(../images/mainmid.png) repeat-y;} #mainbottom {background:url(../images/mainbottom.png) no-repeat; height:15px; overflow:hidden;} #header {height:79px; overflow:hidden; position:relative; width:850px; margin:0px 7px; background:url(../images/headerbg.jpg) repeat-x; } #logo_jt {position:absolute; top:10px; left: 15px;} #header_jl {position:absolute; top:10px; right: 15px; width:504px; height:57px; overflow:hidden;} #header_jl img {width:504px; height:57px;} #header_jl h1 {visibility:hidden;} /* == -------------------------- NAVIGATION ------------------------- == */ #toplinks {height:24px; padding-right:10px; overflow:hidden;} #toplinks ul {float:right; margin:0px; padding:0px; height: 24px; overflow:hidden; list-style:none;} #toplinks li {float:left; margin:0px; padding:0px; font-size:14px; color:#444; padding-top:0px;} #toplinks li.call {padding-top:50px; background:url(../images/toplink_call.gif) no-repeat top right; width:160px;} #toplinks a {padding-top:50px; display:block; float:left; height:24px; background-repeat:no-repeat; } #toplinks a:link, #toplinks a:visited {text-decoration: none; background-position:0px 0px;} #toplinks a:hover, #toplinks a:active {text-decoration: none; background-position:0px -40px;} a#about {width:129px; background-image:url(../images/toplink_about.gif); } a#contact {width:81px; background-image:url(../images/toplink_contact.gif);} #mainnav {position:relative; width:850px; margin:0px 7px; height:29px; overflow:hidden; background:url(../images/mainnavbg.png) repeat-x #96B92C; } #navtabs {} #navtabs ul {position:absolute; top:0px; left:0px; margin:0px; padding: 0px; height:41px; overflow:hidden; list-style:none;} #navtabs ul li {display:block; float:left; margin:0px; padding:0px; height:33px; overflow:hidden; } #navtabs ul li a {display:block; overflow:hidden; text-decoration:none; background-repeat:no-repeat; height:40px; padding-top:50px;} #navtabs ul li a:link, #navtabs ul li a:visited {background-position:0px 0px;} #navtabs ul li a:active, #navtabs ul li a:hover {background-position:0px -50px;} #navtabs ul li a.current:link, #navtabs ul li a.current:visited,#navtabs ul li a.current:active, #navtabs ul li a.current:hover {background-position:0px -100px;} #navconsulting {width:175px; background-image:url(../images/navconsulting.png); } #navfeatures {width:148px; background-image:url(../images/navfeatures.png); } #navpricing {width:144px; background-image:url(../images/navpricing.png); } #mainnav #login {position:absolute; top:5px; right:5px; padding:0px; width:87px;} /* == -------------------------FOOTER ------------------------- == */ #footer {font-size:11px; margin:0px 8px 10px 8px; text-align:center; color:#000;} #footer a {margin:0px 3px;} #footer a:link, #footer a:visited {text-decoration:none; color:#000;} #footer a:hover, #footer a:active {text-decoration:underline; color:#000;} /* == -------------------------HOMEPAGE ------------------------- == */ #hometop {height:310px; overflow:hidden; position:relative; width:850px; margin:0px 7px; background:url(../images/hometop2k12.jpg) no-repeat;} #hometop a {position:absolute; display:block; top:235px; height:35px; background-repeat:no-repeat;} #hometop a:link, #hometop a:visited {background-position:0px 0px;} #hometop a:hover, #hometop a:active {background-position:0px -60px;} a#demo {left:61px; width:139px; background-image:url(../images/button_demo.png);} a#testimonialslink {left:217px; width:189px; background-image:url(../images/button_testimonials.png);} #homecontent {background:url(../images/homecontent.jpg) no-repeat; margin:0px 7px;} #homecontent #content {margin:0px 20px 0px 20px;} #homecontent #content h1 {font-size:16px; margin-top:0px; color:#333;} .homefeature {margin:0px 10px 30px 5px; padding-left:25px; position:relative; height:85px; background:url(../images/homefeature.png) no-repeat} #cdn{margin:0px 10px 30px 5px; padding-left:25px; height:90px; position:relative; background:url(../images/cdnflag.png) no-repeat} .homefeature strong, .tf strong {display:block; padding:10px 0px 5px 0px;} .homefeaturecolumn {float:left; width:260px; height:240px; overflow:visible; border-right:1px solid #CCCCCC;} .homefeature a.more {position:absolute; top:95px; right:10px; display:block; width:38px; height:13px; background:url(../images/arrow.gif) no-repeat right 50%; font-size:11px; font-weight:bold;} .homefeature a:link.more, .homefeature a:visited.more{color:#666; text-decoration:none;} .homefeature a:hover.more, .homefeature a:active.more{color:#222; text-decoration:none;} .last {border-width:0px; position:relative; width:285px; /*background:url(../images/twbg.png) no-repeat bottom center;*/ height:250px;} .last .tb {} .last .homefeature {} .last .tf {float:right; margin:18px 3px 40px 0px; width:180px; height:80px; border-width:0px; overflow:hidden; /*position:absolute; top:5px; right:13px;*/} .homefeaturecolumn .jl {background-image:none;} .last .tf .twtr-tweet {border-width:0px!important;} /* == ---TWITTER FEED---== */ .twtr-hd, .twtr-ft {display:none;} .twtr-tweet-text {font-size:11px;} #autf {margin-top:20px; } #autf .twtr-hd{display:block;} /* == -------------------------PAGES ------------------------- == */ #pagetop {height:100px; overflow:hidden; position:relative; width:850px; margin:0px 7px; background:url(../images/pagetop.jpg) no-repeat;} #pagetop .title {position:absolute; top:35px; left:40px;} #contentmain {margin:10px 80px 0px 80px; padding-bottom:20px; position:relative;} #contentmain.wide {margin:10px 30px 0px 30px; padding-bottom:20px; position:relative;} #contentmain h1 {font-size:16px; color:#016A9D; margin-bottom:6px; margin-top:22px;} #contentmain a:link, #contentmain a:visited {color:#8BB129; text-decoration:none;} #contentmain a:hover, #contentmain a:active {color:#8BB129; text-decoration:underline;} a.iclink {display:block; float:left; margin-right:20px; font-size:13px; background:url(../images/arrow.gif) no-repeat right 50%; font-weight:bold; padding-right:7px;} a.iclink:link, a.iclink:visited {} a.iclink:hover, a.iclink:active {} #contentmain, #contentmain p, #contentmain ol, #contentmain li {font:12px Lucida Sans, Lucida Sans Unicode, Lucida Grande, sans-serif; } .inset1 {float:right; width:250px; padding:20px; margin: 0px 20px 20px 20px; font:bold 15px helvetica, arial; color:#777; background-color:#EFEFEF;} .inset1 .small {font-size:12px; line-height:13px;} .featuredetails li {margin-bottom:5px;} #pricing {text-align:center; margin:0px auto;} #pricing .top {background:url(../images/pricing_top.png) no-repeat; height:38px; overflow:hidden;} #pricing .mid {background:url(../images/pricing_mid.png) repeat-y; position:relative; height:230px;} #pricing .bottom {background:url(../images/pricing_bottom.png) no-repeat; height:38px; overflow:hidden;} #price1 {width:210px; height:235px; overflow:hidden; margin:0px; padding:0px; position:absolute; top:0px; left:10px; text-align:center;} #price2 {width:230px; height:270px; overflow:hidden; margin:0px; padding:0px; position:absolute; top:-15px; left:235px; text-align:center;} #price3 {width:210px; height:235px; overflow:hidden; margin:0px; padding:0px; position:absolute; top:0px; left:480px; text-align:center;} #pricing h1 {margin-top:0px; color:#000; font:bold 20px/24px arial; text-align:center;} #pricing #price2 h1 {margin-top:0px; color:#000; font:bold 26px/24px arial; text-align:center;} #pricing h2 {margin-top:0px; color:#000; font:bold 10px/1px arial; text-align:center; padding-bottom:5px; border-bottom:1px solid #999; color:#016A9D;} #pricing h2 span {display:block; font-size:14px; color:#333;} #pricing strong {color:#FF8D10;} #pricing strong.nc {color:#333;} #pricing span.note {font-size:11px;} #pricing .features {font:13px/20px arial;} #pricing #price2 .features {font:15px/22px arial;} #pricing a.contact {background-image:url(../images/pricing_contact.png); } #pricing a.signup {background-image:url(../images/pricing_signup.png); } #pricing a.contact, #pricing a.signup {display:block; overflow:hidden; width:128px; height:41px; background-repeat:no-repeat; position:absolute; bottom:0px; left:50%; margin-left:-64px;} #pricing a.contact:link, #pricing a.contact:visited, #pricing a.signup:link, #pricing a.signup:visited{background-position:0px 0px;} #pricing a.contact:hover, #pricing a.contact:active, #pricing a.signup:hover, #pricing a.signup:active{background-position:0px -50px;} table.compare {border-collapse:collapse; width:100%} table.compare td {border:1px solid #DDD; font-size:11px; text-align:center; padding:3px;} table.compare td.label {text-align:right;} fieldset {position:relative; padding:5px 10px; border:1px solid #87C5D2; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:10px 0px 10px 0px; background:url(../images/fielsdsetbg.jpg) repeat-x #D5EAEE;} legend {padding:0px 5px; background-color: #46A5B9; color:#fff; -moz-border-radius: 2px; -webkit-border-radius: 2px;} .testimonial {margin:10px 0px; background-color:#EFEFEF; padding:20px; font:italic 15px helvetica, arial; color:#444; text-align:center; } .testperson {text-align:right; font:normal 12px helvetica, arial; color:#444; margin-top:20px;} #testimonials {height:267px; width:200px; float:right; border-left:1px dotted #ccc;} #testimonials .testimonial {padding:20px; font:italic 15px helvetica, arial; color:#444; text-align:center; margin:0px; background:transparent;} a#signup {display:block; overflow:hidden; width:700px; height:72px; background-repeat:no-repeat; margin:15px auto; background-image:url(../images/signup.png);} a#signup:link, a#signup:visited {background-position:0px 0px;} a#signup:hover, a#signup:active {background-position:0px -90px;} /* == -------------------------CONTACT------------------------- == */ #contactform {width:370px; margin-left:-10px; overflow:hidden;} #contactform label {width:130px;} #contactform .fieldChoice {width:370px;} /* == -------------------------CONSULTING------------------------- == */ ul.tabs {margin: 0; padding: 0; float: left; list-style: none; width:300px; font-size:11px!important; font-weight:bold;} ul.tabs li {padding: 0px; /*border:solid #FFF; border-width:1px 0px;*/ font-size:11px!important; } ul.tabs li a {padding: 6px 10px 6px 0px; text-decoration: none; color: #000; outline: none; font-size:11px; display:block; font-weight:bold;} ul.tabs li a:hover {} html ul.tabs li.active {/*border:solid #ACACAC; border-width:1px 0px;*/ background:url(../images/arrow.gif) 100% 50% no-repeat;} html ul.tabs li#nl {border-width:0px; background:none;} html ul.tabs li.active a:link, html ul.tabs li.active a:visited{text-decoration:none!important; color:#016A9D!important;} html ul.tabs li.active a:hover {text-decoration:none!important;} .tab_container {width:500px; float:right; min-height:400px;} .tab_content {padding: 0px 20px;} .tab_content h2 {font-size:14px; padding:0px; margin:0px; color:#016A9D;} .references p {font:10px/13px arial!important; color:#444; margin:0px 0px 8px 0px;} a.contactlink {white-space:nowrap} a.contactlink:link, a.contactlink:visited {color:#006DA8!important;} a.contactlink:hover, a.contactlink:active {color:#006DA8!important;} /* == -------------------------ABOUT US------------------------- == */ .aboutus p{line-height:18px;} .aboutus ul.tabs {width:250px;} .aboutus h2 {margin-top:0px; color:#000; font-size:14px; color:#016A9D;} .abouttabs {} .abouttabs p{line-height:18px!important;} a.biglink {white-space:nowrap; font-size:14px; line-height:16px; font-weight:bold;} a.biglink:link, a.biglink:visited {color:#006DA8!important;} a.biglink:hover, a.biglink:active {color:#006DA8!important;} .abouttabs ul {list-style-type:none; margin-left:0px; padding-left:0px;} .abouttabs ul li {padding:6px 0px 6px 25px; background:url(../images/jlpoint.png) 0px 0px no-repeat;} .aboutus h2 {margin-top:0px; color:#000; font-size:13px; color:#016A9D;} h2.cdn {padding:3px 0px 6px 25px; background:url(../images/cflag.png) 0px 0px no-repeat;} .aboutus hr {margin:30px 0px; color:#CCC;}