/* CSS Document */ /*@import url("nav.css"); @import url("side.css");*/ * { margin: 0 auto; padding: 0; } html { overflow-y: scroll !important; } html,body { margin:0 auto; padding:0; height:100%; } body { font: 73% Arial, Helvetica, sans-serif; text-align:center; background: #d6d6d6 url(../images/Global/bg-main.gif) repeat-x; background-position:center top; color: #333; } p, #pagebody ul { font: 1em/1.8em Arial, Helvetica, sans-serif; margin:5px 0 10px 0; } #pagebody ul { list-style: outside; margin-left: 20px; } input, label { font-size: 1em; line-height: 2em; } h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; padding: 5px 0 5px 0; line-height: 1.75em; display: block; color: #999; font-weight: bold; } h1 { font-size: 1.8em; color: #ff6000; } h2 { font-size: 2.3em; color: #222; } h3 { font-size: 1.6em; color: #333; } h4 { font-size: 1.4em; color: #333; } h5 { font-size: 1.1em; color: #333; } a { color: #f87000; text-decoration: underline;} a:hover { color: red; text-decoration: none; } /* PAGE ELEMENTS ==============================================================*/ #outer-wrapper { width:952px; background: url(../images/Global/bg-shadow-vertical.gif) repeat-y center top;} #shadow-wrapper { width:952px; background: url(../images/Global/bg-shadow.gif) no-repeat center top;} #wrapper { /*width:1006px; background: url(../images/Structure/PageElements/bg-main.gif) repeat-y; background-position:center bottom;*/ width:930px; border-top: none; padding-bottom: 15px; background: #eeeeee url(../images/Global/bg-content.gif) repeat-x center top; border: solid 1px #fff; border-top: none;} #container { width:910px; } #container-portfolio { width: 910px; background-color: #c7c7c7; } #wrapper:after, #container:after, #container-portfolio:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* HEADER ==============================================================*/ #header { width: 910px; height:79px; background: #980101 url(../images/Global/header.gif) repeat-y center bottom; } #header h1 { text-indent: -5000px; } #mini-nav { display: block; width: 240px; float: right; margin-top: -32px; font-size: .9em; color: #fff; } #mini-nav ul { list-style: none; margin: 0; } #mini-nav li { display: inline; float: left; } #mini-nav li a { color: #fff; text-decoration: none; } #mini-nav li a:hover { color: #ffffff; } /* TOP NAVIGATION ==============================================================*/ #nav { display:block; float: right; width: 910px; height: 40px; background: #980101 url(../images/Global/nav/bg-nav.gif) no-repeat; background-position:center 0;} #nav ul { float: right; } #nav ul#home-link { float: left;} #nav li { list-style: none; display: inline; } #nav li a { display: block; float: left; text-indent: -3000px; overflow: hidden; position:relative; } #nav li a:hover { background-position: 0 -32px; } #nav-home a { width: 36px; height: 32px; background: transparent url(../images/Global/nav/nav-home.gif) no-repeat 0 0; } #nav-aboutus a { width: 128px; height: 32px; background: transparent url(../images/Global/nav/nav-about.gif) no-repeat 0 0; } #nav-services a { width: 108px; height: 32px; background: transparent url(../images/Global/nav/nav-services.gif) no-repeat 0 0; } #nav-software a { width: 111px; height: 32px; background: transparent url(../images/Global/nav/nav-software.gif) no-repeat 0 0; } #nav-portfolio a { width: 121px; height: 32px; background: transparent url(../images/Global/nav/nav-portfolio.gif) no-repeat 0 0; } #nav-contact a { width: 114px; height: 32px; background: transparent url(../images/Global/nav/nav-contact.gif) no-repeat 0 0; } #nav-home-active a { width: 36px; height: 32px; background: transparent url(../images/Global/nav/nav-home.gif) no-repeat 0 -64px; } #nav-aboutus.active a { width: 128px; height: 32px; background: transparent url(../images/Global/nav/nav-about.gif) no-repeat 0 -64px; } #nav-services.active a { width: 108px; height: 32px; background: transparent url(../images/Global/nav/nav-services.gif) no-repeat 0 -64px; } #nav-software.active a { width: 111px; height: 32px; background: transparent url(../images/Global/nav/nav-software.gif) no-repeat 0 -64px; } #nav-portfolio.active a { width: 121px; height: 32px; background: transparent url(../images/Global/nav/nav-portfolio.gif) no-repeat 0 -64px; } #nav-contact.active a { width: 114px; height: 32px; background: transparent url(../images/Global/nav/nav-contact.gif) no-repeat 0 -64px; } /* BREADCRUMB ==============================================================*/ #breadcrumb { display: block; clear: both; width : 910px; height: 30px; text-align: left; background: #ffffff url(../images/Global/bg-breadcrumb.gif) no-repeat 0 top; z-index: 1; padding-top: 8px;} #breadcrumb span { display: block; padding-left: 95px; padding-top: 7px; font-size: .9em; line-height: 1.2em; color: #b70005; } #breadcrumb a { color: #3c0e0e; text-decoration: underline; } #breadcrumb a:hover { color: red; text-decoration: underline; } /* PAGECONTENT ==============================================================*/ #content { float: left; width: 910px; } #content-portfolio { float: left; width:872px; padding-top: 10px; } #pagecontent { width: 910px;} #pagebody { display: block; width: 662px; text-align: left; float: left; margin-top: 1px; margin: 10px 0 0px 0; display: inline; border: solid 1px #cfc6c6; background-color: #fff; min-height: 638px; padding-bottom: 10px; } /*#pagebody-portfolio { width: 908px; text-align: left; margin: 10px 0 0 0; height:570px; border: solid 1px #cfc6c6; background-color: #fff; }*/ #pagebody-text.index { display: block; width: 863px; text-align: left; margin-top: 1px; margin: 0px 0 0px 0; display: inline; min-height: 638px; border: none;} #pagebody-text { padding: 0 20px 20px 24px; } #pagebody-text h2{ margin-top: 0; } #homepage h2 { /*background: url(../images/Global/dotted-h.gif) repeat-h; background-position: right top;*/ } /* MAIN-PANEL ==============================================================*/ #mainimage { height: 245px; } /* PAGE ELEMENTS */ /* RIGHT-PANEL ==============================================================*/ #side { display: inline; float: right; width: 232px; } #services { text-align: left; width : 232px; font-weight: bold; margin-top: -15px;} #services h3 { width : 232px; background: url(../images/Global/side/title-services-panel.gif) no-repeat; background-position: 10px 0; height: 25px; color: #f87000; padding: 0; } #services h3 span { display: none; } #services ul { list-style: none; margin: 0; } #services li { display: block; width : 232px; height: 35px;font-size: 1em ; line-height: 2.8em ; text-decoration: none; color: #5c5a5a; margin-bottom: 2px; } #services li a { display: block; width : 232px; height: 35px; text-decoration: none; color: #5c5a5a; background: url(../images/Global/side/bg-sidenav.gif) no-repeat 0px top;} #services li a span{ display: block; width : 200px; margin: 0 0 0 10px; } #services li a:hover { display: block; width : 232px; height: 35px; cursor:pointer; color: #ff7713; background: url(../images/Global/side/bg-sidenav-over.gif) no-repeat 0px top; } /* SIDE AD ===============================================*/ #side-ad {margin-top: 15px;} /* REQUEST CALLBACK ===============================================*/ #callback { display: block; width: 232px; margin: 20px 0 20px 0; } #callback form{ padding: 5px 15px 10px 0; text-align: right;} #callback h3 { width : 232px; background: url(../images/Global/side/title-callback-panel.gif) no-repeat; background-position: left 0; height: 33px;color: #f87000; padding: 0; } #callback h3 span { display: none; } #callback div{ display: block; width: 230px; height: 107px; border: solid 1px #cfc6c6; background-color: #fff;} #callback label{ display: none;} input.form-input { background:#fff url(../images/Global/form_bg.jpg) repeat-x; border:1px solid #7f9db9; font-size:1em; color:#333333; padding:3px 5px 0 5px; height: 18px; line-height: 1.2em; margin-top: 5px; font-family:tahoma, arial, sans-serif;} #callback input.form-input { width: 190px; } .input-button-small { font-size:.9em; font-weight:bold; font-family:Tahoma, Verdana, Arial, Sans-Serif; background-color: #db6600; padding:0 6px 2px 6px; margin: 5px 0 0 0; height: 25px; color: #ffffff; border:1px solid #db6600; background-image: url(../images/Global/button_bg.jpg);} .input-button-small:hover { background-color: #000000; border:1px solid #000000; background-image: url(../images/Global/button_bg_over.jpg);} /* FEATURED PRODUCT ===============================================*/ #testimonials { margin: 0; } #testimonials h3 { } #testimonials h3 span { } #testimonials-img { } #testimonials-descrip { } #testimonials-link { } #testimonials a { display: block; width: 194px; height: 307px; background: url(../images/Global/side/featured-proj1.gif) no-repeat; background-position: 0 0; text-decoration: none; } #testimonials a:hover { background: url(../images/Global/side/featured-proj1-over.gif) no-repeat; background-position: 0 0; } #testimonials span { display: none; } /* LOCATION MAP ==============================================================*/ #location-map-panel { display: block; width: 194px; } #location-map-panel h3 { display: block; width: 194px; height: 18px; background: url(../images/Global/side/title-location-map.gif) no-repeat; background-position: 7px 0; margin-top: 15px; } #location-map-panel h3 span { display: none; } #location-map-panel img { display: block; margin-top: 5px; } #location-map-link a { background: transparent url(../images/Global/orange.gif) no-repeat; background-position: 175px 6px; display: block; height: 15px; text-align: right; padding: 5px 10px 5px 0; font-size: .9em; color: #8a8989; text-decoration: none; } #location-map-link a:hover { color: #f45f00; text-decoration: underline; } /* SOFTWARE PAGE ===============================================*/ .software-row {display: block; clear: both; background-color: #f2f2f2; padding: 10px 20px 10px 20px; margin-bottom: 20px; min-height: 100px; height: auto !important; height: 100px; } .software-image {float: left; width: 95px; margin: 5px 30px 0 20px;} .software-content { float: left; width: 400px;} .software-content h4 {color: #686666; } .software-content h5 {padding: 0; margin: 0;} .software-content p {line-height: 2em;} .software-row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .find-out-more, .request-demo { display: block; float: right; background: url(../images/PageElements/button-left.gif) no-repeat left 0; background-color: #ccc; margin-left: 10px; height: 26px; padding: 0 0 0 0; margin-top: 10px; margin-bottom: 10px; } .find-out-more a, .request-demo a {display: block; color: #fff; font-size: .9em; font-weight: bold; text-decoration: none; background: url(../images/PageElements/button-bg.gif) no-repeat right 0; padding: 5px 20px 7px 0; margin: 0 0 0 10px; } .find-out-more a:hover, .request-demo a:hover {color: #fff; background: url(../images/PageElements/button-bg-over.gif) no-repeat right 0; } .software-row .find-out-more, .software-row .request-demo { background: url(../images/PageElements/button-left-grey.gif) no-repeat left 0; } .software-row .find-out-more a, .software-row .request-demo a {background: url(../images/PageElements/button-bg-grey.gif) no-repeat right 0; } .software-row .find-out-more a:hover, .software-row .request-demo a:hover {color: #353535; background: url(../images/PageElements/button-bg-grey-over.gif) no-repeat right 0; } /* CONTACT FORM ===============================================*/ #contact-form{ } #contact-form form{ } #contact-form input.form-input { background-image:url(../images/Global/form_bg.jpg); background-repeat:repeat-x; border:1px solid #7f9db9; font-size:1em; color:#333333; padding:3px 5px 0 5px; height: 18px; line-height: 1.2em; margin-top: 5px; font-family:tahoma, arial, sans-serif;} .contact-form-row input.form-input { width: 200px; padding: 0;} #contact-form {width: 610px; height: 350px; border: dotted 1px #8b8a8a; padding: 20px 0 15px 0; margin: 0 0 20px 0; } .contact-form-row { margin-bottom: 5px; margin: 5px 0 0 40px; } #contact-form #left{ float: left; width: 260px; padding-right: 0px; display: inline;} #contact-form #right{ float: left; width: 280px; display: inline; padding: 0 20px 0 0px; text-align: left;} .contact-form-row label { display: block; text-align: left; padding: 4px 0 4px 0; } select { width: 263px; padding:3px 5px 5px 5px; font-size: 1em; } #contact-form .input-button-small { font-size:10px; font-weight:bold; font-family:Tahoma, Verdana, Arial, Sans-Serif; background-color: #db6600; padding:2px 6px 2px 6px; margin: 5px 0 0 0; color: #ffffff; border:1px solid #db6600; background-image: url(../images/Global/button_bg.jpg);} #contact-form .input-button-small:hover { background-color: #000000; border:1px solid #000000; background-image: url(../images/Global/button_bg_over.jpg);} .req {color: red;} #business-starter-pack h4 {line-height: 1em; margin-bottom: -5px;} #business-starter-pack .table-row { display: block; width: 613px; margin-left: -1px; clear: both;} #business-starter-pack .table-row-last { display: block; width: 613px; border-bottom: solid 1px #d3d3d3; margin-left: -1px; clear: both; } #business-starter-pack .table-column1 { display: block; width: 560px; height: 60px; float: left; border: solid 1px #d3d3d3; padding: 5px 0 0 10px; border-bottom: none;} #business-starter-pack .table-column2 { display: block; width: 30px; height: 55px; float: left; border: solid 1px #d3d3d3; padding: 10px 0 0 10px; border-bottom: none; border-left: none; } #business-starter-pack .table-column2 img { padding-top: 10px; } #business-starter-pack .table-row-last:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* PORTFOLIO ===============================================*/ #pagebody-portfolio { } /* Set above */ #portfolio-nav { width: 300px; height: 25px; margin-left: 135px; margin-top: 30px; } #portfolio-nav span { float: left; margin-left: 0; text-align: center; } #portfolio-nav span a { display: block; float: left; color: #92a9b3; background-color: white; border: solid 1px #92a9b3; border-bottom: none; width: 100px; height: 18px; padding: 3px 0 3px 0; margin-right: 3px; text-decoration: none; } #portfolio-nav span a:hover { border-color: #92a9b3; background-color: #bbced7; border-bottom: none; color: white; } #portfolio-nav span.active a { border-color: #92a9b3; background-color: #92a9b3; color: white; border-bottom: none; } /* PORTFOLIO PANEL ==============================================================*/ #portfolio-panel { display: block; margin-left: 135px; width: 620px; height: 481px; border: solid 1px #c7c7c7; border: solid 1px #92a9b3; } /* FOOTER ==============================================================*/ #footer-wrapper { display: block; width: 952px; height: 60px; text-align: right; background: url(../images/Global/bg-footer.gif) no-repeat center top; color: #555555; } #footer { display: block; clear:both; width: 932px; text-align: right; padding-top: 14px; color: #555555;} #footer a { color: #ffffff; } #copyright { float: left; width: 310px; padding : 7px 0px 5px 20px; text-align: left; font-size: .9em; } #phone-number { float: right; width: 298px; height: 20px; padding : 7px 10px 5px 0px; text-align: right; font-size: .9em; background: transparent url(../images/Global/phone-number.gif) no-repeat 0 5px;} #phone-number span { display: none; } #footer-links { display: block; width: 784px; height: 15px; font-size: .8em; background-color: #666666; color: #cccccc; padding: 5px 0 2px 0; } #footer-links a { color: #cccccc; text-decoration: none; } #footer-links a:hover { color: #f45f00; text-decoration: underline; } #validation-links { width: 770px; text-align: right; margin-top: -30px; } #validation-links img { } .style3 { font-size: 16px; font-weight: bold; } /* Feedburner Styles */ #creditfooter {display: none;}