* {font-family:"Times New Roman", Times, serif; text-align:left; font-size:12px;} body {margin:0px; padding:0px;} a {color:#00ACEF; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif;} strong, b {font-size:12px; font-family:Arial, Helvetica, sans-serif;} a:hover {text-decoration:underline;} .mainCont {width:1000px; margin:0px auto; overflow:hidden; border:1px solid; background:url(images/body-bg.jpg) center center repeat-y;} .header {background:url(images/header-bg.jpg) no-repeat; height:101px; padding:0px 5px;} .header a.logo {margin:0px 0px 0px 0px; float:left;} .header a.logo img {margin:5px 0px 0px 20px;} /* Navigation */ .nav{width:756px; float:right; margin:45px 0px 0px 0px;} .home-button{background:url(images/home-button.jpg) no-repeat; width:80px; height:40px; display:block; float:left; } .home-button:link, .home-button:visited {background:url(images/home-button.jpg) no-repeat; width:80px; height:40px; display:block; float:left; } .home-button:hover{background:url(images/home-button-hover.jpg) no-repeat; width:80px; height:40px;} .about-button{background:url(images/about-button.jpg) no-repeat; width:90px; height:40px; display:block; float:left; } .about-button:link, .about-button:visited {background:url(images/about-button.jpg) no-repeat; width:90px; height:40px; display:block; float:left; } .about-button:hover{background:url(images/about-button-hover.jpg) no-repeat; width:90px; height:40px;} .service-button{background:url(images/services-button.jpg) no-repeat; width:96px; height:40px; display:block; float:left; } .service-button:link, .service-button:visited {background:url(images/services-button.jpg) no-repeat; width:96px; height:40px; display:block; float:left; } .service-button:hover{background:url(images/services-button-hover.jpg) no-repeat; width:96px; height:40px;} .port-button{background:url(images/portfolio-button.jpg) no-repeat; width:105px; height:40px; display:block; float:left; } .port-button:link, .port-button:visited {background:url(images/portfolio-button.jpg) no-repeat; width:105px; height:40px; display:block; float:left; } .port-button:hover{background:url(images/portfolio-button-hover.jpg) no-repeat; width:105px; height:40px; } .customer-button{background:url(images/customer-button.jpg) no-repeat; width:105px; height:40px; display:block; float:left; } .customer-button:link, .customer-button:visited{background:url(images/customer-button.jpg) no-repeat; width:105px; height:40px; display:block; float:left; } .customer-button:hover{background:url(images/customer-button-hover.jpg) no-repeat; width:105px; height:40px;} .support-button{background:url(images/support-button.jpg) no-repeat; width:94px; height:40px; display:block; float:left; } .support-button:link, .support-button:visited{background:url(images/support-button.jpg) no-repeat; width:94px; height:40px; display:block; float:left; } .support-button:hover{background:url(images/support-button-hover.jpg) no-repeat; width:94px; height:40px; } .contact-button{background:url(images/contact-button.jpg) no-repeat; width:115px; height:40px; display:block; float:left; } .contact-button:link, .contact-button:visited{background:url(images/contact-button.jpg) no-repeat; width:115px; height:40px; display:block; float:left; } .contact-button:hover{background:url(images/contact-button-hover.jpg) no-repeat; width:115px; height:40px;} .blog-button{background:url(images/blog-button.jpg) no-repeat; width:68px; height:40px; display:block; float:left; } .blog-button:link, .blog-button:visited{background:url(images/blog-button.jpg) no-repeat; width:68px; height:40px; display:block; float:left; } .blog-button:hover{background:url(images/blog-button-hover.jpg) no-repeat; width:68px; height:40px; } .testimonial-button{background:url(images/testimonials-button.jpg) no-repeat; width:146px; height:40px; display:block; float:left; } .testimonial-button:link, .testimonial-button:visited{background:url(images/testimonials-button.jpg) no-repeat; width:146px; height:40px; display:block; float:left; } .testimonial-button:hover{background:url(images/testimonials-button-hover.jpg) no-repeat; width:146px; height:40px;} .casestudy-button{background:url(images/casestudy-button.jpg) no-repeat; width:124px; height:40px; display:block; float:left; } .casestudy-button:link, .casestudy-button:visited{background:url(images/casestudy-button.jpg) no-repeat; width:124px; height:40px; display:block; float:left; } .casestudy-button:hover{background:url(images/casestudy-button-hover.jpg) no-repeat; width:124px; height:40px; } /*.home-button {background:url(images/home-button.png) no-repeat; width:80px; height:40px; display:block; float:left;} .home-button:hover {background:url(images/home-button-hover.png) no-repeat;} .about-button {background:url(images/about-button.png) no-repeat; width:90px; height:40px; display:block; float:left;} .about-button:hover {background:url(images/about-button-hover.png) no-repeat;} .service-button {background:url(images/services-button.png) no-repeat; width:96px; height:40px; display:block; float:left;} .service-button:hover {background:url(images/services-button-hover.png) no-repeat;} .port-button {background:url(images/portfolio-button.png) no-repeat; width:105px; height:40px; display:block; float:left;} .port-button:hover {background:url(images/portfolio-button-hover.png) no-repeat;} .customer-button {background:url(images/customer-button.png) no-repeat; width:105px; height:40px; display:block; float:left;} .customer-button:hover {background:url(images/customer-button-hover.png) no-repeat;} .support-button {background:url(images/support-button.png) no-repeat; width:94px; height:40px; display:block; float:left;} .support-button:hover {background:url(images/support-button-hover.png) no-repeat;} .contact-button {background:url(images/contact-button.png) no-repeat; width:115px; height:40px; display:block; float:left;} .contact-button:hover {background:url(images/contact-button-hover.png) no-repeat;} .blog-button {background:url(images/blog-button.png) no-repeat; width:68px; height:40px; display:block; float:left;} .blog-button:hover {background:url(images/blog-button-hover.png) no-repeat;} .testimonial-button {background:url(images/testimonials-button.png) no-repeat; width:146px; height:40px; display:block; float:left;} .testimonial-button:hover {background:url(images/testimonials-button-hover.png) no-repeat;} .casestudy-button {background:url(images/casestudy-button.png) no-repeat; width:124px; height:40px; display:block; float:left;} .casestudy-button:hover {background:url(images/casestudy-button-hover.png) no-repeat;} */ /* Navigation */ /* main banner */ .page_heading {margin:45px 0px 20px 90px;font: normal 28px Arial, Helvetica, sans-serif; color:#FFCD00; text-shadow:#000 1px 1px 1px;text-transform:capitalize;} .page_heading_sub {margin:0px;padding:45px 0px 0px 60px; *padding:45px 0px 20px 60px;font: normal 28px Verdana, Arial, Helvetica, sans-serif; color:#FFCD00; text-shadow:#000 1px 1px 1px;text-transform:capitalize;} .mainbanner {background:url(images/display-bg.png) no-repeat; height:542px; position:relative; padding:0px 0px 30px 0px;} .mainbanner h3 {float:left; width:630px; margin:75px 0px 20px 90px;} .mainbanner p {float:left; width:630px; margin:0px 0px 20px 90px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#FFF; line-height:20px;} .learn-button {float:left; background:url(images/learn-more-button.png) no-repeat left top; width:88px; height:22px; display:block; margin:0px 0px 20px 90px;} .learn-button:hover {background:url(images/learn-more-button.png) no-repeat left bottom;} .tag {background:url(images/tag.png) no-repeat; width:121px; height:229px; float:right; margin:0px 140px 0px 0px;} .livechat {background:url(images/live-chat.png) no-repeat; width:82px; height:19px; display:block; margin:180px auto 0px;} .banner {background:url(images/banner-bg.png) center no-repeat; height:287px; top:254px; margin:36px auto 0px; width:1000px; float:left;} /* main banner */ /* Content Section */ .content {background:url(images/content-bg.png) no-repeat; width:822px; overflow:hidden; margin:0px auto; height:350px;} .contentCONT {padding:25px 11px;} .contentbox {float:left; width:251px; margin:0px 7px;} .contentbox span {} .contentbox span.boxCont {padding:7px 0px; float:left;} .contentbox span.servicesWE {width:100%; height:33px; float:left;} .contentbox span.servicesWE img {float:left; margin-top:6px;} .contentbox span.servicesWE a {border-bottom:1px solid #DEDEDE; color:#434F56; float:left; font-size:13px; line-height:33px; margin-left:10px; width:86%; text-decoration:none;} .contentbox span.servicesWE a:hover {color:#757E82;} .contentbox span.ourPortfolio {width:100%; float:left; border-bottom:1px solid #DEDEDE; padding:10px 0px;} .contentbox span.ourPortfolio img {float:left; margin:0px 10px 8px 0px;} .contentbox span.ourPortfolio a {color:#434F56; float:left; font-size:13px; margin:0px 0px 2px 0px; text-decoration:none; float:left; width:175px; font-weight:bold;} .contentbox span.ourPortfolio p {color:#757E82; margin:0px; padding:0px; font-size:11px; line-height:13px;} .contentbox span.bloghome {width:100%; float:left; border-bottom:1px solid #DEDEDE; padding:5px 0px 10px;} .contentbox span.bloghome a {color:#434F56; float:left; font-size:13px; margin:0px 0px 2px 0px; text-decoration:none; float:left; width:100%; font-weight:bold;} .contentbox span.bloghome h6 {color:#434F56; float:left; font-size:11px; margin:0px 0px 2px 0px; text-decoration:none; float:left; width:100%; padding:0px; color:#E97943;} .contentbox span.bloghome p {color:#757E82; margin:0px; padding:0px; font-size:11px; line-height:13px;} /* Content Section */ .footer {background:url(images/footer-bg.png) no-repeat; height:298px; padding:0px 20px; position:relative;} .footerbox {float:left; width:278px; height:230px; padding:10px 10px 0; border-right:1px solid #38475E; margin:35px 10px 0px;} .footerbox a.heading {padding:5px 0px; font-size:18px; color:#B29D63; margin:0px; width:160px; float:left; text-decoration:none; font-weight:bold; font-family:"Times New Roman", Times, serif;} .footerbox p.links {padding:0px; color:#FFF; margin:0px; width:100%; float:left; line-height:14px;} .footerbox a {padding:0px; font-size:11px; color:#FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif;} .footerbox span {height:30px; padding:0px 10px 0px 40px; float:left;} .footerbox span img {float:left;} .footerbox h5 {float:left; padding:5px 10px; color:#A5B2C6; font-size:20px; font-family:"Times New Roman", Times, serif; margin:0px;} .footerbox label {width:70px; float:left; height:28px; line-height:33px; font-family:"Times New Roman", Times, serif; text-align:right; color:#FFF; margin:5px 0px; font-size:16px; font-weight:bold;} .footerbox input {width:190px; float:right; height:16px; padding:7px 5px; background:#0F1928; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#FFF; border:none; margin:5px 0px;} .footerbox textarea {width:190px; float:right; height:80px; padding:5px; background:#0F1928; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#FFF; border:none; margin:5px 0px;} .footerbox span input.submit {width:70px; float:right; height:auto; padding:7px 8px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#FFF; border:none; margin:0px; text-align:center; cursor:pointer;} .footerbox p.copyright {padding:5px 10px; color:#FFF; margin:0px; width:100%; float:left; line-height:18px; font-size:14px; font-family:"Times New Roman", Times, serif; color:#63738C;} .follow {float:left; padding-top:10px;} /* About */ .aboutbanner {background:url(images/display-bg-about.png) no-repeat; height:370px; position:relative; padding:0px 0px 30px 0px;} .aboutbanner h3 {width:520px; padding:55px 0px 15px 90px; margin:0px;} .aboutbanner img.aboutImage {padding:0px 10px 0px 0px; _margin:0px 10px 0px 0px;} .aboutbanner p {float:left; width:555px; padding:0px 0px 0px 90px; *padding:0px 0px 20px 90px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#FFF; line-height:16px; text-align:justify;} .aboutbanner ul {width:555px; margin:0px 0px 20px 125px; color:#FFF; line-height:14px; float:left;} .aboutbanner ul li {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFF; line-height:14px;} .aboutbanner p label {text-align:right; padding:0px 10px; font-size:11px; font-family:Arial, Helvetica, sans-serif;} .aboutbanner p input {text-align:left; font-family:Arial, Helvetica, sans-serif; margin-right:10px;} .requestbanner {background:url(images/display-bg-custumer-request.png) no-repeat; height:526px; position:relative; padding:0px 0px 30px 0px;} .requestbanner h3 {width:520px; padding:55px 0px 15px 90px; margin:0px;} .requestbanner img.aboutImage {padding:150px 20px 0px 0px;} .requestbanner p {float:left; width:555px; margin:0px 0px 20px 90px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#FFF; line-height:18px; text-align:justify;} .requestbanner p span {width:100%; float:left; padding:5px 0px;} .requestbanner p span label {width:125px; text-align:right; margin-right:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; float:left;} .requestbanner p span input {width:140px; text-align:left; font-family:Arial, Helvetica, sans-serif; float:left;} .requestbanner p span select {width:146px; text-align:left; font-family:Arial, Helvetica, sans-serif; float:left;} .requestbanner p span select option {font-family:Arial, Helvetica, sans-serif;} .requestbanner p span textarea {font-family:Arial, Helvetica, sans-serif; width:416px; height:100px;} /* About */ /* Portfolio */ .centerCont {overflow:hidden; width:100%; padding:20px 0px;} .container {overflow:hidden; padding:1px 62px; float:left;} .container span {width:208px; float:left; padding:5px;} .container span a.image {float:left; padding:1px;} .container span a.linktoURL {float:left; width:208px;color:#00AEEF; font-family:Arial,Tahoma; font-size:11px; font-weight:normal; text-decoration:none; padding:5px 0px 15px 0px;} .container span a.linktoURL:hover {text-decoration:underline;} .container .h1 { font-size: 28px; margin:0px; padding: 0px; font-weight:normal; font-family:Arial, Helvetica, sans-serif } .container p { font-family:Arial, Helvetica, sans-seri;f } /* Portfolio */ .contact {} .contact span {width:500px; float:left;} .contact span label {width:100px; text-align:right; float:left; margin-right:20px; font-size:14px; font-weight:bold; line-height:20px;} .contact span input {width:200px; height: 16px; float:left; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif;} .contact span textarea{width:200px; float:left; height:100px; font-family:Arial, Helvetica, sans-serif;} .error { display: block; color: red; font: bold 11px Verdana, Arial, Helvetica, sans-serif; } textarea.error, input.error { border: 2px solid red; } .testi {float:left; line-height:18px;margin:0 0 20px 90px;overflow:hidden;text-align:justify; width:555px;} .testibox {width:535px; border:1px solid #000; background:#FFF; margin:10px 0px; padding:10px; height:480px;} .commentheading {float:left; color:16px; text-align:left; width:535px; margin:5px 0px; padding:0px; color:#2A2118; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px;} .comment {float:left; background:#EFEFEF; padding:10px; margin:5px 0px 20px 0px; text-align:left; font-family:Arial, Helvetica, sans-serif; width:515px; color:#2A2118; font-size:11px; line-height:15px; position:relative; border:1px solid #DFDEDD; overflow:hidden;} .comment span.comment {background:url(images/comments.png) no-repeat; width:21px; height:11px; position:absolute; top:-16px; left:20px; border:medium none;} .comment p {float:left; margin:10px 0px 0px; font-size:12px; text-align:right; color:#FFBB00; width:515px; border:medium none; padding: 0;} .pagination { padding: 3px; margin: 3px; font: normal 11px Arial; line-height:30px; text-align:center; } .pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #6699CC; text-decoration: none; color: #0033FF; } .pagination a:hover { color: #000; } .pagination .disable { color: #666; margin: 2px; padding: 2px 5px 2px 5px; border: 1px solid #aaa; font: normal 11px Arial; } #reOrder {background:transparent !important;} * html img, * html .png{ azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/x.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true ); } .quote{ margin-left:10em; top: 12px; position:relative; } .code{ margin-top:8px; } /*============================*/ /*=== Custom Slider Styles ===*/ /*============================*/ #slider-wrapper { background:url(images/homeCarousel/slider.png) no-repeat; width:804px; height:392px; margin:0 auto; padding-top:74px; margin-top:50px; } #slider { position:relative; width:804px; height:246px; margin-left:0px; background:url(images/homeCarousel/loading.gif) no-repeat 50% 50%; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:block; } .nivo-controlNav { position:absolute; left:260px; bottom:-42px; } .nivo-controlNav a { display:block; width:22px; height:22px; background:url(images/homeCarousel/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } .nivo-controlNav a.active { background-position:0 -22px; } .nivo-directionNav a { display:block; width:30px; height:30px; background:url(images/homeCarousel/arrows.png) no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-30px 0; right:15px; } a.nivo-prevNav { left:15px; } .nivo-caption { text-shadow:none; font-family: Helvetica, Arial, sans-serif; } .nivo-caption a { color:#efe9d1; text-decoration:underline; } /*====================*/ /*=== Other Styles ===*/ /*====================*/