/* CSS Document */ @import url(http://fonts.googleapis.com/css?family=Lato); @import url(http://fonts.googleapis.com/css?family=Play); @import url(http://fonts.googleapis.com/css?family=Gafata); @import url(http://fonts.googleapis.com/css?family=Droid+Sans); @import url(http://fonts.googleapis.com/css?family=Ubuntu); body{ margin:0px; padding:0px; background:url(../images/top_bg.jpg) repeat-x; } *{ margin:0px; padding:0px: } #wrapper{width:100%; float:left;} #top-header{max-width:1002px; margin:auto; border:0px solid #F9F9F9;} #smo-icons{width:200px; float:left; padding-top:10px; margin-left:35px; } #top-right-communication{width:500px; float:right; padding-top:14px; text-align:right; margin-right:15px;} #shadow-top{width:100%; float:left; background:url(../images/shadow.png) center no-repeat; height:20px; margin-top:5px;} #shadow-bottom{width:100%; float:left; background:url(../images/shadow-bottom.png) center no-repeat; height:49px; margin-top:0px;} #head{width:100%;float:left; margin-top:0px;} #logo{width:240px; float:left; margin-left:15px;} #links{width:635px; float:right; text-align:right; padding-top:12px; } #smalllogos{width:250px; padding:8px 5px 5px 5px; margin:auto; position:absolute; text-align:center; margin-top:372px; background:#ffffff; margin-left:380px;} #banner-inner{width:100%; float:left; margin-top:10px; height:260px; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #about-banner{width:100%; float:left; margin-top:15px; height:260px; background:url(../images/aboutus-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #company-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/company-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #services-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/services-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #support-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/support-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #consulting-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/consulting-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #projm-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/projm-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #development-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/development-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #testing-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/testing-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #maintenance-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/maintenance-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #clients-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/clients-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #partners-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/partners-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #careers-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/careers-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #contactus-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/contactus-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #technology-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/technology-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #analytics-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/analytics-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #mobile-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/mobile-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #database-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/database-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #it-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/it-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #cloud-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/cloud-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #training-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/training-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #disclaimer-banner{width:100%; float:left; margin-top:20px; height:260px; background:url(../images/disclaimer-banner.jpg) top center repeat; border-bottom:6px solid #dbe4e9; border-top:1px solid #dbe4e9;} #mid-subtext-bar{width:100%; float:left; border-bottom:0px solid #dcdcdc; } #mid-subtext-bar-content{width:1002px; margin:auto; text-align:center; margin-top:0px;} #ashcolor-bar-inner{width:100%; float:left; border-bottom:1px solid #dcdcdc; height:4px; background:#f6f6f6;} #middle-container{width:100%; float:left; } #main-middle-container{width:1002px; margin:auto;border:0px solid #cccccc; margin-top:25px; margin-bottom:45px;} #inner-left-panel{width:180px; float:left; margin-left:7px;} #inner-middle-container{width:545px; float:left; margin-left:25px; border:1px solid #e6e7e8; padding:20px 20px 20px 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} #inner-right-panel{max-width:180px; float:right; margin-left:20px;} #testmonials-ticker{width:100%; float:left; border:0px dashed #CCC; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color:#f9f9f9; font-family:Ubuntu; color:#999999; font-size:13px; line-height:18px; } #left-link{width:100%;float:left; border-bottom:1px solid #e6e7e8; line-height:20px; text-align:right; margin-right:10px; } #left-link-wb{width:100%;float:left; border-bottom:0px dashed #CCC; line-height:20px; text-align:right; } #right-university-lists{width:100%; float:left; border:1px solid #e6e7e8; text-align:center; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color:#f9f9f9; } #u-list-sub-bg{width:100%; float:left;line-height:35px; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#112860', endColorstr='#223c79'); background: -webkit-gradient(linear, left top, left bottom, from(#112860), to(#223c79)); background: -moz-linear-gradient(top, #112860, #223c79);*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top, #112860 0%, #223c79 44%, #223c79 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#112860), color-stop(44%,#223c79), color-stop(100%,#223c79)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #112860 0%,#223c79 44%,#223c79 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #112860 0%,#223c79 44%,#223c79 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #112860 0%,#223c79 44%,#223c79 100%); /* IE10+ */ background: linear-gradient(top, #112860 0%,#223c79 44%,#223c79 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#112860', endColorstr='#223c79',GradientType=0 ); /* IE6-9 */ } #u-list-content{width:100%; float:left; padding:10px 0px 10px 0px; text-align:center;} #spacer{width:100%; float:left; height:30px;} #ashcolor-services-box{width:100%; float:left; } #services-main-container{width:100%; float:left; padding-bottom:30px;} #services-boxes-container{width:1002px;margin:auto; padding-top:0px; padding-bottom:20px;} #service-box1{width:227px; float:left; background:#ffffff; border:1px solid #e6e7e8;} #service-pict1{width:100%; float:left; text-align:center; margin-top:10px;} #serv-subhead-text{width:90%; float:left; padding-left:15px; padding-bottom:10px; padding-top:10px;} #service-subhead{width:100%; float:left; border-bottom:1px solid #e6e7e8;} #service-writeup{width:90%; float:left; padding-top:15px; padding-left:13px;} #clients-box{width:100%; float:left; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#f2f4f6; margin-bottom:20px;} #clients-main-box{width:1002px; margin:auto;} #clients-main-box-container{width:100%; float:left; padding:20px 0px 20px 0px; text-align:center;} #service-box2{width:220px; float:left; margin-left:37px; margin-right:0px; background:#ffffff; border:1px solid #e6e7e8;} #service-box3{width:218px; float:left; margin-left:0px; background:#ffffff; border:1px solid #e6e7e8;} #service-box4{width:224px; float:right; margin-left:0px; background:#ffffff; border:1px solid #e6e7e8;} #footer{width:100%;float:left; background-color:#333333; margin-top:0px; background:url(../images/f-bg.jpg) top repeat-x;} #footer-container{width:1002px; margin:auto; padding-top:20px; } #f-left-box{width:330px; float:left; margin-left:10px;} #f-subhead{width:100%; float:left;} #f-bwlogo{width:100%; float:left;} #f-writeup{width:100%; float:left;} #f-smo{width:100%; float:left;} #f-wmap{width:100%; float:left; background:url(../images/wordl-map.png) no-repeat; height:127px;} #f-mid-box{width:250px; float:left; margin-left:50px;} #f-right-box{width:300px; float:right;} #link{width:100%; float:left; border-bottom:1px solid #444444; padding:4px 0px 4px 0px;} #copyrights{width:100%; float:left; margin-top:40px;} #copyrights-text{width:40%; float:left; margin-left:15px;} #copyrights-footerlinks{width:50%; float:right; text-align:right; padding:4px 15px 4px 0px;} #dev{width:100%; float:left;} #dev-seperator{width:100%; float:left; border-bottom:1px dashed #09C; height:25px; margin-bottom:25px;} #dev-space{width:100%; float:left; border-bottom:0px dashed #09C; height:40px; } #left-pict{width:140px; float:left; margin-top:10px;} #right-content{width:420px; float:right; margin-top:10px;} #inner-sub{width:100%; float:left; border-bottom:0px dashed #dbe4e9; line-height:40px; margin-bottom:15px;} /* classess */ .normal-text{font-family:Ubuntu; color:#999999; font-size:13px; line-height:18px;} .normal-text-dark{font-family:Lato; color:#333333; font-size:12px; line-height:18px;} .subhead{font-family: 'Lato', sans-serif; font-size:25px; font-weight:bold; line-height:30px; color:#282828; margin-top:0; margin-bottom:0; padding:0;} .blue-subhead{font-family: 'Lato', sans-serif; font-size:25px; font-weight:bold; line-height:30px; color:#213675; margin-top:0; margin-bottom:0; padding:0;} .p-ash-textmid{font-family:Gafata; font-size:14px; line-height:20px; color:#818181; margin-top:0; margin-bottom:0; font-weight:normal; padding:10px 0px 10px 0px; } .subhead-ash{font-family: 'Lato', sans-serif; font-size:14px; font-weight:bold; line-height:50px; color:#bebebe; margin-top:0; margin-bottom:0; padding:0;} .subhead-blue{font-family: 'Play', sans-serif; font-size:17px; font-weight:bold; line-height:18px; color:#213675; margin-top:0; margin-bottom:0; padding:0;} .subhead-white{font-family: 'Play', sans-serif; font-size:14px; font-weight:n; line-height:18px; color:#ffffff; margin-top:0; margin-bottom:0; padding:0;} .ptextnormal{font-family: 'Gafata', sans-serif; font-size:14px; line-height:21px; color:#575757; margin-top:0; margin-bottom:0; font-weight:normal; padding:0; } .ptextnormal-orangebold{font-family: 'Gafata', sans-serif; font-size:16px; line-height:40px; color:#cf7902; margin-top:0; margin-bottom:0; font-weight:bold; padding:0; } .ptextnormal-orangebold-nolh{font-family: 'Gafata', sans-serif; font-size:16px; line-height:20px; color:#cf7902; margin-top:0; margin-bottom:0; font-weight:bold; padding:0; } .ptextnormal-greenbold{font-family: 'Gafata', sans-serif; font-size:18px; line-height:20px; color:#009900; margin-top:0; margin-bottom:0; font-weight:bold; padding:0; } .blue-ptextnormal{font-family: 'Lato', sans-serif; font-size:11px; line-height:18px; color:#0e9ace; margin-top:0; margin-bottom:0; font-weight:normal; padding:0; } .ptextnormal-blue{font-family: 'Gafata', sans-serif; font-size:18px; line-height:18px; color:#0e9ace; margin-top:0; margin-bottom:0; font-weight:normal; padding:0; } .p-ash-textnormal{font-family:Gafata; font-size:14px; line-height:18px; color:#818181; margin-top:0; margin-bottom:0; font-weight:normal; padding:10px 0px 10px 0px; } .testimonials-textnormal-blue{font-family: 'Gafata', sans-serif; font-size:12px; line-height:18px; color:#0e9ace; margin-top:0; margin-bottom:0; font-weight:normal; padding:0; font-style:italic; } .ptextnormal-bg{font-family: 'Play', sans-serif; font-size:14px; line-height:18px; color:#333; margin-top:0; margin-bottom:0; font-weight:normal; padding:8px 8px 8px 8px; background:#F0F0F0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width:40%; border:1PX solid #CCC; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#e0e0e0'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e0e0e0)); /* for webkit browsers */ background: -moz-linear-gradient(top, #f4f4f4, #e0e0e0); /* for firefox 3.6+ */ } a.more{background:#3296d2; cursor:pointer; color:#fff; text-shadow:1px 1px 1px #3296d2; height:25px; line-height:50px; width:100px; border:1px solid #3296d2; text-align:center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family:"Ubuntu", "Arial", serif; font-size:13px; text-decoration:none; padding:5px 5px 5px 5px; font-size:11px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3296d2', endColorstr='#0563ab'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#3296d2), to(#0563ab)); /* for webkit browsers */ background: -moz-linear-gradient(top, #3296d2, #0563ab); /* for firefox 3.6+ */ } a.more:hover{background:#3296d2; cursor:pointer; color:#fff; text-shadow:1px 1px 1px #3296d2; height:25px; line-height:50px; width:100px; border:1px solid #3296d2; text-align:center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family:"Ubuntu", "Arial", serif; font-size:13px; text-decoration:none; padding:5px 5px 5px 5px; font-size:11px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0364c2', endColorstr='#3296d2'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#0364c2), to(#3296d2)); /* for webkit browsers */ background: -moz-linear-gradient(top, #0364c2, #3296d2); /* for firefox 3.6+ */ } a.footerlink{font-family: 'Ubuntu', sans-serif; font-size:12px; color:#bcbcbc; line-height:18px; text-decoration:none;} a.footerlink:hover{font-family: 'Ubuntu', sans-serif; font-size:12px; color:#2B9FFF; line-height:18px; text-decoration:none;} a.bluelink{font-family: 'Ubuntu', sans-serif; font-size:12px; color:#0e9ace; line-height:18px; text-decoration:none;} a.bluelink:hover{font-family: 'Ubuntu', sans-serif; font-size:12px; color:orange; line-height:18px; text-decoration:none;} a.sublink{font-family: 'Lato', sans-serif; font-size:12px; color:#1b90c0; line-height:18px; text-decoration:none; background:url(../images/arrow.jpg) no-repeat right; padding-right:15px;} a.sublink:hover{font-family: 'Lato', sans-serif; font-size:12px; color:orange; line-height:18px; text-decoration:none;} a.mainlinks{font-family: 'Lato', sans-serif; font-size:12px; color:#525252; line-height:18px; font-weight: normal; margin-top: 0px; margin-bottom:0px; text-decoration:none; padding:10px 10px 10px 10px; } a.mainlinks:hover{font-family: 'Lato', sans-serif; font-size:12px; color:#ffffff; line-height:18px; font-weight: normal; margin-top: 0px; margin-bottom:0px; text-decoration:none; padding:10px 10px 10px 10px; background-color:#e88e00; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88e00', endColorstr='#e88e00'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#e88e00), to(#e88e00)); /* for webkit browsers */ background: -moz-linear-gradient(top, #e88e00, #e88e00); /* for firefox 3.6+ */} a.mainlinks-active{font-family:"Ubuntu", "Arial", serif; font-size:13px; color:#ffffff; line-height:18px; font-weight: normal; margin-top: 0px; margin-bottom:0px; text-decoration:none; padding:10px 10px 10px 10px; background-color:#036; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8ca58', endColorstr='#d5be00'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#d8ca58), to(#d5be00)); /* for webkit browsers */ background: -moz-linear-gradient(top, #d8ca58, #d5be00); /* for firefox 3.6+ */} #demo { color: #666; width: 100%; border: 0px solid #111; list-style: none; height: 1.2em; overflow: hidden; height:50px; float:left; } .textfiled{ width:350px; border:1px solid #CCCCCC; background-color:#ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px; height:26px; text-align:left; color:#999; font-family:"Ubuntu", "Arial", serif; font-size:13px; padding-left:10px; box-shadow:1px 1px 1px #cccccc; } .messagefield{ width:350px; border:1px solid #CCCCCC; background-color:#ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px; height:120px; text-align:left; color:#999; font-family:"Ubuntu", "Arial", serif; font-size:13px; padding-left:10px; box-shadow:1px 1px 1px #cccccc; } .submit{ width:25px; border:0px solid #ccc; background:url(../images/search-button.jpg) no-repeat;; height:25px; padding-top:1px; font-family:"Ubuntu", "Arial", serif; font-size:13px; color:white; font-weight:bold; text-align:center; } .submit-button{ background:#0d52a4; cursor:pointer; color:#fff; text-shadow:1px 1px 1px #333; height:25px; width:70px; border:1px solid #0d52a4; text-align:center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family:"Ubuntu", "Arial", serif; font-size:13px; text-decoration:none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2997cc', endColorstr='#0d52a5'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#2997cc), to(#0d52a5)); /* for webkit browsers */ background: -moz-linear-gradient(top, #2997cc, #0d52a5); /* for firefox 3.6+ */ } /*** logos ticker ***/ #flexiselDemo1, #flexiselDemo2, #flexiselDemo3 { display:none; } .nbs-flexisel-container { position:relative; max-width:910px; margin:auto; } .nbs-flexisel-ul { position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center; } .nbs-flexisel-inner { overflow:hidden; float:left; width:100%; } .nbs-flexisel-item { float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px; } .nbs-flexisel-item img { width: 144px; cursor: pointer; position: relative; margin-top: 0px; margin-bottom: 0px; height:67px; } /*** Navigation ***/ .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 22px; height: 22px; position: absolute; cursor: pointer; z-index: 100; } .nbs-flexisel-nav-left { left: -35px; background: url(../images/button-previous.png) no-repeat; } .nbs-flexisel-nav-right { right: -35px; background: url(../images/button-next.png) no-repeat; } /*** logos ticker ***/ /*** left menus ***/ nav { font-family: Lato, Helvetica, Arial, "Lato", sans-serif; font-size: 12px; line-height: 1.5; margin: 0px auto; width: 100%; /* -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px rgba(0,0,0,0.2);*/ } .menu-item { background: ; width: 100%; text-align:left; } /*Menu Header Styles*/ .menu-item h4 { border-bottom: 1px solid #ffffff; border-top: 1px solid rgba(255,255,255,0.2); color: #ffffff; font-size: 13px; font-weight: 500; padding: 4px 7px; background:#0d52a4; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px; background: -moz-linear-gradient(#3296d2, #0563ab); /* FF3.6+ */ background: -webkit-gradient(#3296d2, #0563ab); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(#3296d2, #0563ab ); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(#3296d2, #0563ab ); /* Opera 11.10+ */ background: -ms-linear-gradient(#3296d2, #0563ab ); /* IE10+ */ background: linear-gradient( #3296d2, #0563ab ); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3296d2', endColorstr='#0563ab',GradientType=0 ); /* IE6-9 */ } .menu-item h4:hover { background: -moz-linear-gradient(top, #112860 0%, #0563ab 44%, #0563ab 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#112860), color-stop(44%,#223c79), color-stop(100%,#223c79)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #112860 0%,#223c79 44%,#223c79 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #112860 0%,#223c79 44%,#223c79 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #112860 0%,#223c79 44%,#223c79 100%); /* IE10+ */ background: linear-gradient(top, #112860 0%,#223c79 44%,#223c79 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#112860', endColorstr='#223c79',GradientType=0 ); /* IE6-9 */ } .menu-item h4 a { color: white; display: block; text-decoration: none; } /*ul Styles*/ .menu-item ul { background: #fff; font-size: 12px; line-height: 20px; height: 0px; list-style-type: none; overflow: hidden; padding: 0px; /*Animation*/ -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -o-transition: height 1s ease; -ms-transition: height 1s ease; transition: height 1s ease; } .menu-item:hover ul { height: auto; } .menu-item ul a { margin-left: 10px; margin-top:5px; text-decoration: none; color: #666666; display: block; } .menu-item ul a { margin-left: 10px; margin-top:5px; text-decoration: none; color: #666666; display: block; } /*li Styles*/ .menu-item li { border-bottom: 1px solid #eee; } .menu-item li:hover { background: #eee; } /*First Item Styles*/ .alpha p { color: #666666; line-height:25px; padding:3px 0px 0px 10px;; border-bottom: 1px solid #eee; } .alpha p a { color: #666666; font-style: normal; text-decoration:none; } .alpha p a:hover { color: #000033; } /*Menu Header 1 Styles*/ .menu-item1 h4 { border-bottom: 1px solid rgba(0,0,0,0.3); border-top: 0px solid rgba(255,255,255,0.2); color: #fff; font-size: 13px; font-weight: 500; padding: 4px 10px; /*Gradient*/ background: #223c79; /* Old browsers */ background: -moz-linear-gradient(top, #3296d2 0%, #0563ab 44%, #0563ab 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3296d2), color-stop(44%,#0563ab), color-stop(100%,#0563ab)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3296d2 0%,#3296d2 44%,#0563ab 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3296d2 0%,#3296d2 44%,#0563ab 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3296d2 0%,#3296d2 44%,#0563ab 100%); /* IE10+ */ background: linear-gradient(top, #3296d2 0%,#3296d2 44%,#0563ab 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3296d2', endColorstr='#0563ab',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px; text-align:left; } .menu-item1 h4 a { color: white; display: block; text-decoration: none; } .alpha1 p { color: #666666; line-height:25px; padding:3px 0px 0px 10px;; border-bottom: 1px solid #eee; text-align:left; text-decoration:none; } .alpha1 p a { color: #666666; font-style: normal; text-decoration:none; } .alpha1 p a:hover { color: #000033; } /*** left menus ***/