/* grids */ .row { clear: both; overflow: hidden; margin: 0 0 10px; } .grid_940 { float: left; width: 940px; } .grid_700 { float: left; width: 700px; } .grid_620 { float: left; width: 620px; } /* special case */ .grid_640 { float: left; width: 640px; } .grid_300 { float: left; width: 300px; } .grid_460 { float: left; width: 460px; } .grid_220 { float: left; width: 220px; } .spacer_20 { float: left; width: 20px; } .grid_320 { float: left; width: 320px; } .grid_660 { float: left; width: 660px; } /* default settings */ body{ font-family:Helvetica, Helvetica Neue, Arial, sans-serif; font-size:12px; line-height:18px; margin: 0 auto; color:#464646 } /*body{ font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:12px; line-height:18px; margin: 0 auto; color:#464646 }*/ h3 { font-size: 18px; font-weight: normal; line-height: 20px; } h4 { font-size: 16px; font-weight: normal; line-height: 19px; } table {border-collapse:collapse;border-spacing:0; } fieldset,img{border:none;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} caption,th {text-align:left;} q:before,q:after{content:'';} abbr,acronym{border:0;} p {margin:0;padding:0;} a { text-decoration:none; color:#2459a1; cursor:pointer;} a:hover{text-decoration:underline;} .blue {color:#2459a1;} .dotted {background:url(../img/dotted.gif) no-repeat;width:580px;height:11px;clear:both;} .hidden {display:none;} input { padding:5px; border:1px solid #ccc; -webkit-border-radius:5px;-moz-border-radius:5px; } textarea { padding:5px; border:1px solid #ccc; -webkit-border-radius:5px;-moz-border-radius:5px; } #contact-submit { background: url(../img/contactus-button.png) no-repeat; width: 150px; height: 44px; /*text-indent: -9999px; */ border:none; } input, textarea { outline: none; } .clear {clear:both; overflow: hidden; } /* placement */ /*#wrapper{ margin:0 auto; width:940px; clear: both; overflow: hidden; }*/ #wrapper { margin: 0 auto; width: 940px; text-align: left; } /*#header { height:120px; clear: both; overflow: hidden;z-index: 9999; }*/ #header {padding-bottom: 6px; position: relative; z-index: 9999;} .header-l { float: left; width:377px; } .header-l2 { float: left; width:213px; } .header-r { float: right; width:563px; } .header-r2 { float: right; width:727px; } #body{clear:both; overflow: hidden; } /* seo-tagline */ .seo-tagline {clear: both; overflow: hidden; text-align: right; margin: 10px 0; } .seo-tagline h1 {font-size: 14px; text-shadow: 1px 1px #fff; margin: 0 0 10px} .tagline-l { float: left; padding-right: 20px } .tagline-r { float: left; } /* main menu */ .mainmenu { /*clear: both; overflow: hidden;*/ } /* home banner */ .home-banner { clear: both; overflow: hidden; text-align: center; margin:0 auto; height:300px;} .home-banner h2 { font-size: 36px; color:#fff; text-shadow: 1px 1px #000; padding-top: 20px; font-weight: normal; } .home-banner h3 { font-size: 24px; color:#fff; text-shadow: 1px 1px #000; padding-top: 20px; font-weight: normal; } .home-banner .googleapps-button { clear: both; overflow: hidden; margin: 20px auto; } .home-banner .googleapps-button ul { padding: 0; margin: 0; } .home-banner .googleapps-button li { padding: 0; margin: 0; list-style: none; display: inline; } /* breadcrumb */ .breadcrumb { padding:5px 0; clear: both; overflow: hidden; font-size: 11px; color:#fff; } .breadcrumb a { color:#fff; } #contact {font-size:90%; text-align:right; } #contact h1 { font-size:14px; margin:0; padding:0; color:#194A96; font-weight:bold; letter-spacing:-0.1em; } #contact h2 { font-size:11px; margin:0; padding:0; color:#194A96; } /* Hide from IE-mac */ * html .box .head,* html .col .head,* html .scrollable .head{height:1%;width:auto;} .box .head,.col .head,.scrollable .head{display:table;} /* End hide from IE-mac */ #portslide .border{border:1px solid #ccc;margin:0 10px 0 0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:url(../img/bg-col.jpg) top left repeat-x;} #portslide .border:hover{border-color:#194a96;} #portslide .borderlast{margin-right:0;} .col-content {padding:5px 10px;} #upbar{margin-top:10px;border-top:3px solid #fff;background:#4D4D4D;height:10px;padding:0;} #up{position:absolute;bottom:0;right:25px;width:75px;height:42px;background:url(../img/goupp.png) no-repeat;} #copyline{margin-top:20px;} .r {clear:both;font-size:120%;} .r li{margin-right:.2em;display:inline;margin-right:.5em;} .r li a{white-space:nowrap;} .r h4{float:left;width:100px;font-weight:bold;font-size:120%;} .r .c {margin-left:110px;} #client-detail{width:500px;padding:0 0 20px 35px;border-top:1px solid #ccc;} #client-detail strong{font-size:140%;color:#666;padding-right:1em;} #client-detail p{padding-top:10px;width:400px;} #client-detail #launch{font-size:11px;background:#2c4f89;float:right;padding:4px 7px;} #launch a{color:#fff;} .post{padding-bottom:1em;} .post-head img,.avatar{float:left;margin:0 10px 10px 0;} .comment p {clear:both; overflow: hidden; } #content .post h1{font-size:150%;font-weight:bold;letter-spacing:-2px;line-height:1.1em;margin:0;color:#FF6517;} #content .post h1 a{font-size:150%;font-weight:bold;letter-spacing:-2px;line-height:1.1em;margin:0;color:#FF6517;} .post-head .meta{color:#999;} .post-head,.post-status{background:url(../img/dotted.jpg) bottom left repeat-x;padding-bottom:2px;} .post-status{margin-top:1em;padding:6px 0;background-position:top left;} .post .date{font-weight:bold;color:#30538B;padding:5px 0;} .post .content {margin:0;} .post .comment {padding-left:22px;background:url(../img/comment.gif) 0 2px no-repeat; padding-bottom: 20px; } .nav .head{margin:0 15px 5px;} .nav *{color:#666;}.nav h2{font-size:16px;} .nav li{padding:6px 0;} .nav li ul{padding-top:.5em;} .nav li li{padding-left:15px;background:url(../img/bullettr.gif) 2px 9px no-repeat;border-bottom:1px dotted #ccc;} .nav .current_page_item{font-weight:bold;} .nav .current_page_item li{font-weight:normal;} #portslide p{padding:0;} #portslide .c p{font-size:92%;} #sidebar li{list-style-type:none;} #fb-content,#fb-content #content{width:100%!important;} .fbconnect_miniprofile p{font-size:10px;} .invitebutton p{margin-bottom:.5em;} .xfbconnect_LastUsers{background-color:#D5D6D7;margin-top:5px!important;padding:3px!important;} input.button{padding:5px 10px;background:#98C908;color:#fff; border:none; height:30px; } p.alignright{text-align:right;} #content div.wpcf7-validation-errors{margin:0;padding:.4em;border:1px solid #F4B859;background:#FFFAD4;} #cu-captcha{border:1px solid #666;}.wpcf7-form-control-wrap{display:block;} #content .content .wpcf7-form p{clear:both;padding:5px 0 10px; line-height:normal;} .wpcf7-form label{display:block;float:left;/*width:29%;*/clear:both;height:2.2em;} .wpcf7-form span{display:block;float:left;width:60%;} .wpcf7-form input,.wpcf7-form textarea{border:1px solid #ccc;width:100%;-moz-border-radius:5px;-html-border-radius:5px;} #cu-submit{width:7em;-moz-border-radiusx:0; border:none; height:40px; cursor:pointer; } #cu-submit:hover { background:#323232; } .ajax-loader{clear:both;display:none!important;} /* #sect-header{position:relative;} #sect-header .content{margin:0 15px;background:#194B92;padding:0 20px;} #sect-header .guideme{padding-top:20px;}#sect-header .guideme div{display:block;height:30px;} #sect-header .guideme a span{text-indent:-999em;}#guideme{background:url(../img/bg-guideme.jpg) no-repeat;} #sect-header h2{font-size:20px;color:#fff;} */ #contact{position:absolute;top:20px;right:20px;} #contact h2 { padding-top: 10px; } #hiring{position:absolute;top:10px;right:20px;} #menu { float:right; margin-right:5px; margin-top:18px; z-index:99;} #menu li { float:left; list-style: none; } #toolbox{clear:both;height:40px;margin:0 15px;} #toolbox-content{padding:9px 5px 0 20px;} #toolbox-left { float:left; } #toolbox-right { float:right; padding-top:5px; padding-right:20px; } #newsticker,#labs,#searchbox{ height:26px;line-height:26px;} #newsticker { float:left;} #newsticker h3{float:left;} #newsticker .ticker a{color:#FFF;} #newsticker .ticker a:hover{color:#FFF;text-decoration:none;} #labs,#searchbox{float:right;} #newsticker{width:500px;} #searchbox{width:200px;padding-top:4px;} #labs{width:74px;} #labs a{display:block;width:100%;height:26px;} #bigsplashX{height:406px;background:url(../img/bg-splash.jpg) top left no-repeat;} #body-content { clear: both; overflow: hidden; } #body-content .left{float:left;width:280px;} #body-content .right{float:right;width:280px;} #body-content .left2{float:left;width:100px;} #body-content .right2{float:right;width:450px;} #body-content .left3a{float:left;width:100px;} #body-content .left3b{float:left;width:150px;} #body-content .left4{float:left;width:353px;} #body-content .right4{float:right;width:207px;} #body-content .col-wrapper{background:url(../img/spacer_grey.gif) repeat-y;} #body-content .spacer{background:url(img/spacer_grey.gif) repeat-y;width:20px;float:left;} #body-content .clear{clear:both;} #content{float:left;width:700px; } #home #content{width:100%;} #sidebar{margin:0 0 0 620px;align:top; background:white;} #sidebar .content{margin:0 20px 0 15px;} #sect-header{clear:both;margin-bottom:20px;} #sect-header .content{height:70px;} #sect-header h2{float:left;width:650px;} #guideme x{position:absolute;width:132px;height:45px;left:700px;} #guideme{float:right;margin-top:-25px;width:132px;height:45px;} #sect-header #guideme x{top:10px;} #guideme a{display:block;width:100%;height:57px;} #guideme span{display:none;}#upbar{text-align:center;} /* #footer-content{width:855px;margin:0 auto;padding-top:20px;text-align:left;} */ #upbar-content{width:855px;margin:0 auto;position:relative;} #portfolio #content{width:580px;} #portfolio #sidebar{margin-left:590px;} .content{margin:0 20px;} .box .box-content{padding:10px;} .four-cols .col{width:25%;} .col{float:left;margin:10px 0;} #up a{display:block;width:100%;height:48px;} #up span{display:none;} #bluebox {width:580px;clear:both; background:#194b92; -webkit-border-radius: 10px;-moz-border-radius: 10px; overflow:hidden; margin-bottom:5px; } /* #bluebox:hover { background:#323232; cursor:pointer; } */ #bluebox .content { padding:20px;} #bluebox p, #bluebox h1 {color:#FFF;} #bluebox h1 {font-size:18px; font-weight:bold; padding:0; margin:0;} #bluebox p {font-size:15px; font-weight:bold; padding:0; margin:0; } #bluebox a {color:#FFF;} #bluebox a:hover {color:#FFF;text-decoration:underline;} #quotebox-right {float: right; width:280px; clear:both; background:#008800; -webkit-border-radius: 10px;-moz-border-radius: 10px; overflow:hidden; margin:7px;} #quotebox-right .content {padding:10px} #quotebox-right .content p {font-size:18px; color: #FFF; font-weight:normal; padding:0; margin:0; line-height:1.8em; text-align:center;} .sf,.sf *{margin:0;padding:0;list-style:none;} .sf{line-height:1.0;} .sf ul{position:absolute;top:-999em;width:14em;border:1px solid #ddd;border-top:none;} .sf ul li{width:100%;border:none;line-height:1.5em;} .sf li:hover{visibility:inherit;}.sf li{float:left;position:relative;} .sf a{display:block;position:relative;font-size:11px;} .sf li:hover ul,.sf li.sfHover ul{left:0;top:1.8em;z-index:99;} ul.sf li:hover li ul,ul.sf li.sfHover li ul{top:-999em;} ul.sf li li:hover ul,ul.sf li li.sfHover ul{left:14em;top:0;} ul.sf li li:hover li ul,ul.sf li li.sfHover li ul{top:-999em;} ul.sf li li li:hover ul,ul.sf li li li.sfHover ul{left:14em;top:0;} .sf{float:left;} .sf a{border-left:1px solid #ddd;padding:6px 14px;text-decoration:none;} .sf ul a{border:none;} .sf a,.sf a:visited{color:#13a;} .sf li li{background:#fff;} .sf li:hover,.sf li.sfHover,.sf a:focus,.sf a:hover,.sf a:active{outline:0;} .sf li a{border-top:1px solid transparent;} .sf li li a{border-top:none;} .sf li.sfHover a{background:#fff;border-top:1px solid #ddd;} .sf li.sfHover li a,.sf li.sfHover a:focus{background:transparent;border-color:transparent;} .sf li.sfHover li a:hover{background:#E7F5FF;} .sf a.sf-with-ul{padding-right:2.25em;min-width:1px;} .sf-sub-indicator{position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../img/arrows-ffffff.png') no-repeat -10px -100px;} a>.sf-sub-indicator{top:.8em;background-position:0 -100px;} a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator{background-position:-10px -100px;} .sf ul .sf-sub-indicator{background-position:-10px 0;} .sf ul a>.sf-sub-indicator{background-position:0 0;} .sf ul a:focus>.sf-sub-indicator,.sf ul a:hover>.sf-sub-indicator,.sf ul a:active>.sf-sub-indicator,.sf ul li:hover>a>.sf-sub-indicator,.sf ul li.sfHover>a>.sf-sub-indicator{background-position:-10px 0;} .sf .sep{border-bottom:1px solid #ddd;height:1px;} .ac_results{padding:0;background-color:#fff;overflow:hidden;z-index:99999;text-align:left;} .ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0;} .ac_results li{cursor:pointer;margin:0;padding:4px 5px;display:block;line-height:16px;overflow:hidden;} .ac_results li div{padding-left:60px;}.ac_results h3 a{color:#333;padding:2px;} .ac_results a:hover{text-decoration:none;background:#ddd;} .ac_results p{font-size:90%;color:#666;padding:2px;} .ac_results .sep{border-top:1px solid #ddd;} .ac_loading{background:white url('../img/indicator.gif') 95% center no-repeat;} div.scrollable{padding:8px 8px 1px;} div.horizontal{width:100%;height:68px;} div.vertical{width:85px!important;height:218px;} div.noitems{padding-top:0;} div.noitems div.__scrollable{margin-top:8px;} div.horizontal div.items{height:66px;margin:0 8px;float:left;} div.item{height:200px;width:96px;float:left;} div.double div.items a{float:none;margin-bottom:10px;cursor:default;} div.items a.active,div.noitems a.active{ background-position:-174px 0;color:#555;cursor:default;} /* prev xback */ div.vertical a{margin-bottom:10px;} div.vertical .items{margin:10px 0;} div.vertical div.items div{width:100%;} div.vertical div.items a{float:none;display:block;width:100%;} div.vertical .prev,div.vertical a.next{float:none;margin:0 auto;} a.prev,a.next{background:url(../img/arrow-l.png) no-repeat 0 0;display:block;width:30px;height:29px;float:left;margin:22px 0 0 0;cursor:pointer;} a.next{background-image:url(../img/arrow-r.png);} a.prev:hover{ background-position:-18px 0;} /* prev xback */ a.next:hover{ background-position:-18px 0;} /* prev xback */ div.vertical a.prev{background-image:url(../img/up.gif);width:22px;height:22px;} div.vertical a.next{background-image:url(../img/down.gif);width:22px;height:22px;} div.vertical a.prev:hover{background-position:-22px 0;} div.vertical a.next:hover{background-position:-22px 0;} div.double a.prev,div.double a.next{margin-top:50px;} div.vertical div.navi{left:75px;width:60px;} div.navi span{width:8px;height:8px;float:left;margin:3px;background:url(../img/dots.png) 0 0 no-repeat;cursor:pointer;} div.navi span:hover{background-position:0 -16px;} div.navi span.active{background-position:0 -16px;} #clients .scrollable,#scrolling-works div.noitems a{width:217px!important;} #clients .scrollable{padding:0;height:350px!important;} #clients .scrollable .items a{margin-bottom:10px;height:65px!important;} #clients .items{min-height:76px;}#clients .items img{border:2px solid #bbb;} #portslide {clear:both; overflow:hidden;} #portslide a.prev,#portslide a.next{position:absolute;z-index:333;top:25px;} #portslide a.next{left:850px; }#portslide a.prev{left:-10px;} #portslide, #portslide .items,#portslide .item{min-height:180px;} #portslide .border{height:120px;}#portslide .c{clear:both;} #portslide .item{width:216px;padding-top:1px;} #portslide2 { clear:both; overflow:hidden; padding:8px 8px 0; } #portslide2 h2 { color:#FF6517; } #portslide3 { clear:both; overflow:hidden; padding:8px 8px 0; } .caption { width:422px; float:left; margin-right:10px; } .caption p { padding:30px 10px 0; } .caption ul { padding:0px; margin:0; } .caption li { list-style:none; padding: 10px 10px ; margin:0; float:left; } .caption2 { width:422px; float:left; } .caption2 p { padding:30px 10px 0; } .caption2 ul { padding:0px; margin:0; } .caption2 li { list-style:none; padding: 10px 5px ; margin:0; float:left; } #googleapps-reseller { width:422px; float:left; background:url(../img/gapps-banner.gi) no-repeat top left; min-height:180px; margin-right:10px; } #googleapps-reseller p { padding:5px; } #googleapps-reseller ul { padding:0px; margin:0; } #googleapps-center { padding-left:40px; } #googleapps-reseller li { list-style:none; padding: 10px; margin:0; float:left; } #googleapps-reseller h2 { padding:15px 0 10px; text-align:center; font-size:180%; letter-spacing: -1px; font-weight:bold; line-height:1.1em; color:#990000;} #googleapps-reseller a {color:#173055;} #googleapps-reseller h2 a { color:#FF6517; } #googleapps-reseller h2:hover { text-decoration:none; } #googleapps-reseller h3 {padding: 0 0 10px; font-size:14px; font-weight:bold;} #sip-grant { width:422px; float:left; background:url(../img/sip-banner.gi) no-repeat top left; min-height:180px; } #sip-grant h2 { padding: 15px 0px 10px 0px; font-size:180%; letter-spacing: -1px; font-weight:bold; line-height:1.1em; text-align:center; } #sip-grant a {color:#173055;} #sip-grant h2 a { color:#FF6517; } #sip-grant h2:hover { text-decoration:underline; } #sip-grant p { padding: 5px; } #sip-grant h3 {padding: 0 0 10px; font-size:14px; font-weight:bold;} #screenshots .items a{background:yellow;width:500px!important;height:300px!important;} #screenshots .scrollable,#screenshots .items{height:360px!important;} #screenshots .scrollable{width:580px;} #screenshots div.items{width:500px!important;} #screenshots a.prev,#screenshots a.next{margin-top:140px;} #bigsplash { height:240px;position:relative; } #bigsplash .items,#bigsplash .item {height:230px;width:854px;} #bigsplash .navi{position:absolute;height:auto;top:360px;left:750px;width:75px;} #bigsplash .navi span{height:15px;width:16px;} #wn-posts{width:100%!important;border:0;background:none;} *{padding:0;margin:0;}#TB_window{font:12px Arial,Helvetica,sans-serif;color:#333;} #TB_secondLine{font:10px Arial,Helvetica,sans-serif;color:#666;} #TB_window a:link{color:#666;} #TB_window a:visited{color:#666;} #TB_window a:hover{color:#000;} #TB_window a:active{color:#666;} #TB_window a:focus{color:#666;} #TB_overlay{position:fixed;z-index:101009;top:0;left:0;height:100%;width:100%;} .TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat;} .TB_overlayBG{background-color:#000;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;} #TB_overlay{z-index:100;} * html #TB_overlay{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight? document.body.scrollHeight:document.body.offsetHeight+'px');} #TB_window{position:fixed;background:#fff;z-index:101010;color:#000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%;} * html #TB_window{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');} #TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border:none;} #TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;} #TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;} #TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;} #TB_title{background-color:#e8e8e8;height:27px;} #TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;} #TB_ajaxContent.TB_modal{padding:15px;} #TB_ajaxContent p{padding:5px 0 5px 0;} #TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;} * html #TB_load{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');} #TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;} * html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');} #TB_iframeContent{clear:both;border:none; margin-bottom:-1px; margin-top:1px;} /* extra */ div.navigation div { float: left; width: 48%; margin: 40px 0; font-size: 2em; } div.navigation div a { font-size: 12px; line-height: 20px;} div.navigation .alignright { float: right; text-align: right; } .nocomments { padding: 20px 0; } .button { background:#194A96 none repeat scroll 0 0; color:#FFFFFF; padding:5px 10px; } a.hiring { text-transform: uppercase; margin-right: 1em; text-decoration: underline;} /* #portfolio #content { width: 100%;} #clients .client {float:left; border:10px solid white; height:180px; width:225px; overflow:hidden;} #clients .client .portfolio-img { width:225px; height: 65px; overflow: hidden; border:1px solid #CCC; padding:5px;} #clients .client h4 {font-size:160%; margin:5px 0 0; line-height: 1em; color: #008800; font-weight:bold; margin:5px 0px; padding:0px;} */ .legend { line-height: 0.9em; font-family: helvetica, arial, sans-serif; color: #888; text-transform:uppercase; font-size: 9px;} #TB_secondLine { margin-top: 5px; } #TB_Title, #TB_caption { padding:7px 30px 0 15px !important; } #TB_Title h3 { margin: 0; padding: 0; color: #666; font-size: 110%;} #TB_Title h3 a { color: #194993 !important; } a.disabledClass { display: none !important; } #TB_window {border:20px solid #CCCCCC; !important; -webkit-border-radius:10px;-moz-border-radius:10px; } #TB_window {border:5px solid #CCCCCC; !important; -webkit-border-radius:5px;-moz-border-radius:5px; } /* Begin Images */ .content p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ .content img.centered { display: block; margin-left: auto; margin-right: auto; } .content img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } .content img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .content .alignright { float: right; width:100%; margin:0 150px 2px 7px; display:inline; } .content .alignleft { float: left; } /* End Images */ #topheader { background:url(../img/header-pattern.gif) repeat-x top left; height:45px; margin:0 5px 0; padding:10px 0; text-align:center; } #topheader p { font-size:11px; font-weight:bold; } /* homepage section */ #home-features { width:854px; clear:both; overflow:hidden; padding-left:15px;background:url(../img/features-bg.jpg) no-repeat; margin:0px 7px 10px; } #home-features ul { display:inline; padding:0; margin:0 ;} #home-features li { padding:0; margin:0 10px 10px 0 ; float:left; list-style:none; } .features-side { width:400px; float:left; margin:20px 20px 40px 0; } .features-side h1 { font-size:180%; letter-spacing:-1px; font-weight:bold; line-height:1.2em; color:#194A96; text-align:center;} .features-side2 { width:400px; float:left; margin:20px 0 40px; } .features-side2 h1 { font-size:180%; letter-spacing:-1px; font-weight:bold; line-height:1.2em; color:#194A96; text-align:center;} .features-box { width:410px;float:left; height:160px; } .features-box h2 { font-size:120%; letter-spacing:-1px; font-weight:bold; line-height:1.2em; } .features-box p { margin-top:10px; } .features-box a {color:#98C908; } .features-box-icon { width:100px; margin-right:5px; float:left; } .features-box-title { width:285px; float:left; } .solutions-finder { width:814px; clear:both; overflow:hidden; -webkit-border-radius:10px;-moz-border-radius:10px; background-color:#f2f2f2; padding:20px; } .solutions-finder h4 { font-size:120%; letter-spacing:-1px; font-weight:bold; line-height:1.2em; color:#194A96; } .solutions-finder p { margin-top:10px; } .solutions-finder-category {clear:both; margin-top:15px; } .solutions-finder-category li{margin-right:.2em;display:inline;margin-right:.5em; } .solutions-finder-category li a{white-space:nowrap;} .solutions-finder-category h4{ float:left;width:100px;font-size:120%; letter-spacing:-1px; font-weight:bold; line-height:1.2em; color:#194A96;} .solutions-finder-category .c { margin-left:110px; font-size:12px;} /*Following CSS Added For MultiPage Navigation*/ span.contentjumplink { font-size: 14px; color: #aaa; vertical-align:middle; font-weight: normal; padding: 0 3px 0px 3px} a.contentjumplink { font-size: 14px; color: #2459a1; vertical-align:middle; font-weight: normal; padding: 0 3px 0px 3px} a.contentjumpall { } span.contentjumpall { } span.contentjumptitle { vertical-align: middle ; color: #aaa; font-weight: normal; border:1px #ddd solid ; border-top-color: #a7a7a7; padding: 3px 3px 3px 3px } a.contentjumptitle { vertical-align: middle; border:1px #ddd solid ; border-top-color: #a7a7a7; padding: 3px 3px 3px 3px} select.contentjumpddl { vertical-align: middle; margin: 0px 0px 0px 0px ; color: #25A; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; width: 160px } ol.contentlist { background-color:#f5f5f5; width: 20%; text-align:left; line-height: 3px; padding: 0px; } ol.contentlist li { padding: 0px; } span.contentlist { color: #aaa; font-weight: bold; } a.contentlist { padding: 0px; } li.contentlistall { } span.contentjumpnumber { vertical-align: middle ; color: #ccc; font-weight: bold; border:1px #ddd solid ; border-top-color: #a7a7a7; background-color: #25a; padding: 3px 3px 3px 3px } a.contentjumpnumber { vertical-align: middle; border:1px #ddd solid ; border-top-color: #a7a7a7; padding: 3px 3px 3px 3px} a.contentjumpnumber:hover { border-top-color: #25a; } /* awesome css3 button */ .awesome{ background: #222 url(/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; } .large.awesome { font-size: 14px; padding: 8px 14px 9px; } .red.awesome { background-color: #e33100; } .awesome a { text-decoration: none; } .awesome a:hover { text-decoration: none;} /* top nav */ ul#topnav { margin: 0; padding: 0; float:left; width: 100%; list-style: none; font-size: 12px; } ul#topnav li { float: left; margin: 0; padding: 0; position: relative; } ul#topnav li a { float: left; padding:6px 13px; text-align:center; text-decoration:none; } ul#topnav li:hover a, ul#topnav li a:hover { background-color: #fff; color:#2459a1; } ul#topnav a.home { background: none; } ul#topnav a.about { background:none; } ul#topnav a.approach { background:none; } ul#topnav a.products { background: none; } ul#topnav a.services { background: none; } ul#topnav a.portfolio { background: none; } ul#topnav a.store { background:none; } ul#topnav a.contact { background: none; } ul#topnav a.blog { background: none; } ul#topnav li .row { clear: both; float: left; width: 100%; margin-bottom: 10px; } ul#topnav li .sub-rt { position: absolute; top: 30px; right: 0; background: #fff; padding: 20px 0 20px 20px; float: right; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; border: 1px solid #ccc; border-top: none; } ul#topnav li .sub-rt { width: 220px; } ul#topnav li .sub-rt ul { margin: 0; padding: 0; width: 200px; float: left; } ul#topnav li .sub-rt li { width: 100%; color: #2459a1; list-style: none; padding: 0; margin: 0; } ul#topnav li .sub-rt li a { text-indent: 0; height: auto; display: block; text-decoration: none; color: #2459a1; text-align:left; } ul#topnav li .sub-rt li a:hover {color: #2459a1; text-decoration: underline; } ul#topnav li .sub-approach { position: absolute; top: 30px; left: 0; background: #fff; padding: 20px 0 20px 20px; float: left; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; border: 1px solid #ccc; border-top: none; } ul#topnav li .sub-approach { width: 220px; } ul#topnav li .sub-approach ul { margin: 0; padding: 0; width: 200px; float: left; } ul#topnav li .sub-approach li { width: 100%; color: #2459a1; list-style: none; padding: 0; margin: 0; } ul#topnav li .sub-approach li a { text-indent: 0; height: auto; display: block; text-decoration: none; color: #2459a1; text-align:left; } ul#topnav li .sub-approach li a:hover {color: #2459a1; text-decoration: underline; } /* sub menu services */ ul#topnav li .sub-service { position: absolute; top: 30px; left: -300px; background: #fff; padding:0 20px 20px; float: right; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; border: 1px solid #ccc; border-top: none; } ul#topnav li .sub-service { width: 640px; } ul#topnav li .sub-service ul { margin: 0; padding: 0; width: 150px; float: left; } ul#topnav li .sub-service li { width: 100%; color: #2459a1; list-style: none; padding: 0; margin: 0; } ul#topnav li .sub-service li h2 { padding:20px 0 10px; margin: 0; font-size: 14px; font-weight: bold; color:#464646; } ul#topnav li .sub-service li a { text-indent: 0; height: auto; display: block; text-decoration: none; color: #2459a1; text-align:left; } ul#topnav li .sub-service li a:hover {color: #2459a1; text-decoration: underline; } /* sub menu products */ ul#topnav li .sub-prod { position: absolute; top: 30px; left: -180px; background: #fff; padding:0 20px 20px; float: right; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; border: 1px solid #ccc; border-top: none; } ul#topnav li .sub-prod { width: 490px; } ul#topnav li .sub-prod ul { margin: 0; padding: 0; width: 150px; float: left; } ul#topnav li .sub-prod li { width: 100%; color: #2459a1; padding: 0; margin: 0; } ul#topnav li .sub-prod li h2 { padding:20px 0 10px; margin: 0; font-size: 14px; font-weight: bold; color:#464646; } ul#topnav .sub-prod li a { text-indent: 0; height: auto; display: block; text-decoration: none; color: #2459a1; text-align:left; } ul#topnav .sub-prod li a:hover {color: #2459a1; text-decoration: underline; } /* sub menu about */ ul#topnav li .sub-about { position: absolute; top: 30px; left: -70px; background: #fff; padding: 20px; float: right; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; border: 1px solid #ccc; border-top: none; } ul#topnav li .sub-about { width: 490px; } ul#topnav li .sub-about ul { margin: 0; padding: 0; width: 150px; float:left; } ul#topnav li .sub-about li { color: #2459a1; list-style: none; padding: 0; margin: 0; width: 100%; } ul#topnav li .sub-about li h2 { padding:0 0 0 10px; margin: 0; font-size: 14px; font-weight: bold; color:#464646; } ul#topnav .sub-about li a { text-indent: 0; height: auto; display: block; text-decoration: none; color: #2459a1; text-align:left; } ul#topnav .sub-about li a:hover {color: #2459a1; text-decoration: underline; } /* lin */ /*-----------------------------------------------------------------------------------------------*/ /* TOOLTIP STYLES */ /*-----------------------------------------------------------------------------------------------*/ .tip { width: 212px; padding-top: 37px; overflow: hidden; display: none; position: absolute; z-index: 500; background: transparent url(../theme/images/tipTop.png) no-repeat top;} .tipMid {background: transparent url(..//theme/images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;} .tipBtm {background: transparent url(../theme/images/tipBtm.png) no-repeat bottom; height: 32px;} .prev { float:left; /*height:300px;*/ padding:133px 0px; /*left: 160px;*/ /*margin:0 auto;*/ } .next { float:left; padding:133px 0; /*top: 265px;*/ /*left: 1059px;*/ /*float:left;*/ } .slide { float:left; height: 300px; text-align: center; /*width:940px;*/ width:855px; margin: 0px; } .slide_over { height: 300px; margin:0px; width:855px; float:left; overflow: hidden; } /*****Testimonial Page******/ .testimonial-menubar{ width:940px; margin:0 auto; } .testimonial-menubar .testimonial-submenu{ width: 460px; margin:0 auto;} .testimonial-submenu ul { padding: 0; margin: 0; } .testimonial-submenu li { padding: 0; margin: 0 1px 0; list-style: none; display: inline; float: left; } .testimonial-submenu a { display: block; padding: 5px 10px; } .testimonial-submenu li a { color:#fff; } .testimonial-submenu li a:hover { background-color:#b1007b; color:#fff; text-decoration: none; } .testimonial-submenu li .on { background-color:#b1007b; color:#fff;} .testimonial-content{ width:940px; margin:20px auto; float:left; } .test-logo { width:100px; padding:10px; float:left;} .test-info { width:800px; padding:10px; float:left;} .firstcol { width:300px; float:left; margin-right:10px;} .seccol { width:300px; float:left; margin-right:10px;} .thirdcol { width:300px; float:left; margin-right:10px;}