* {margin:0; padding:0; } img a {border:none; outline:none; } li {list-style:none; padding:0; margin:0; } a, img {text-decoration:none; border:none; outline:none; } h1, h2, h3, h4, h5 {font-weight:normal; padding:0; margin:0; } /*GLOBAL, TYPOGRAPHY, BASIC STRUCTURE*/ body {font:14px 'trebuchet ms', sans-serif; color:#454444; background: #fff; } h1, h2, h3 {font-family: arial, sans-serif; } h2 {font-family: arial, sans-serif; font-weight:bolder; font-size:18px; padding:5px 0 5px 0 ; color:#79c8f7; text-transform:uppercase; } h3 {font-size:14px; color:#528caf; font-weight:bold; padding-bottom:5px; line-height:20px; } h4 {font:16px arial, sans-serif; color:#02a2f2; font-weight:bold; } p {line-height:19px; padding: 0 0 5px 0;} a {color:#79c8f7;} a:hover {color:#bfbfbf; } a.button {color:#2778a8; margin: 10px 0 0 50px; background:url(images/button.png) no-repeat; width:188px; height:52px; display:block; padding:15px 0 0 38px; font-weight:bold; font-size:14px; vertical-align:middle;} .clear {clear:both;} .left {float:left; } .right {float:right; } .green {color:#93ca4b; } .red {color:#d4361c; } .orange {color:#E7901F; } #page-wrap {width:1000px; margin:0 auto; } /*HEADER*/ #header {background: url(images/header-bg.png) repeat-x; height:187px; min-width:1000px; margin:0 auto; } #header-wrap, #header-wrap-green, #header-wrap-red, #header-wrap-blue, #header-wrap-orange {padding:12px 0 0 0 ; width:1000px; margin:auto; position:relative; } #header-wrap {background:url(images/header-image.png) no-repeat; } #header-wrap-green {background:url(images/header-image-green.png) no-repeat; } #header-wrap-red {background:url(images/header-image-red.png) no-repeat; } #header-wrap-blue {background:url(images/header-image-blue.png) no-repeat; } #header-wrap-orange {background:url(images/header-image-orange.png) no-repeat; } h1 a {text-indent:-9999px; background:url(http://americanipsolutions.com/images/AIPSC-logo.png) no-repeat; width:319px; height:168px; display:block; float:left; position:relative; z-index:100; } /*NAVIGATION*/ #nav {width:654px; height:29px; float:left; position:relative; top:89px; left:15px;} #nav li {float:left; display:inline; margin: 0 0px; } #nav li a {height:45px; background: url(images/nav-sprite.png); display:block; text-indent:-9999px; } #nav li.seo-nav a { float:left; width:165px; background-position:0 0; } #nav li.security-nav a { float:left; width:150px; background-position:-162px 0; } #nav li.design-nav a { float:left; width:95px; background-position:-314px 0; } #nav li.it-nav a { float:left; width:132px; background-position:-409px 0; } #nav li.contact-nav a { float:left; width:105px; background-position:-534px 0; } #nav li.seo-nav a:hover {background-position:0 45px; } #nav li.security-nav a:hover {background-position:-162px 45px; } #nav li.design-nav a:hover {background-position:-314px 45px; } #nav li.it-nav a:hover {background-position:-409px 45px; } #nav li.contact-nav a:hover {background-position:-534px 45px; } #sub-nav {top:120px; left:20px; position:relative; font-size:14px; } #sub-nav li {float:left; margin:0 10px; } #sub-nav li a {color:white; padding:3px 2px 3px 2px } #sub-nav li a:hover {text-decoration:underline; } #sub-nav li.cur a { color:#333; } #sub-nav li.cur a:hover {text-decoration:none; cursor:default; } h1.intro {color:#335b84 } #boxes {margin-top:35px; float:left; margin:5px 0px; padding-top:5px; } #boxes a h2 {color:#3e3e3e; font-size:28px;line-height:34px; margin: 0 0 0 14px; } #boxes a:hover h2 {color:#F2F2F2; } #boxes h3 {margin-top:3px; font-size:22px; color:#333; line-height:26px; margin-left:15px; } .seo-list {background:url(images/greenbox.jpg) no-repeat; width:240px; display:block; float:left; } .security-list {background:url(images/redbox.jpg) no-repeat; width:240px;float:left; margin-left:9px; } .design-list {background:url(images/bluebox.jpg) no-repeat; width:240px; float:left; margin-left:9px;} .it-list {background:url(images/orangebox.jpg) no-repeat; width:240px; float:left; margin-left:9px; } .sub-list {width:200px; font-size:14px; line-height:18px; margin:20px 0 0 25px; } .sub-list li {list-style-image:url(images/star.png); color:#454444; } .sub-list li a { } .sub-list a:hover { } #logos {width:900px; margin: 0 auto; } #logos2 {width:900px; margin: 0 auto; } #logos li {float:left; margin:20px 30px 0px 36px; } #main-content {margin: 10px 0 0 0 ; } #side-content {width:318px; float:left;/*background:url(images/content-bg.png) no-repeat;*/ padding:5px 0 0 10px; } #side-content p {width:300px; } #side-form {width:260px; } #content {float:right; width:625px; padding:10px 30px 0 5px; } .clickhere-green, .clickhere-blue {color:white; font-size:16px; font-weight:bold; padding:9px 0 0 17px;display:block; width:127px; height:40px; float:left; } .clickhere-green a, .click-here-blue a {display:block; width:127px; height:40px; } .clickhere-green {background:url(images/clickhere.png) no-repeat; } .clickhere-blue {background:url(images/clickhere-blue.png) no-repeat; } a.clickhere-green:hover, a.clickhere-blue:hover {color:#1f1f1f} .checkmark {margin:5px 20px 0px 0; } .checkmark li {padding:0 0 6px 6px; font-size:14px; } .checkmark li img {vertical-align:middle; padding:0px 5px 3px 0;} /*DESIGN*/ #featured { padding:10px } #gallery {border:5px solid #528caf;} #gallery-nav {margin:4px 0 25px 0;padding: 0;list-style: none;} #gallery-nav li { display: inline; margin:0;padding:4px 2px; background:#a0c7de;} #gallery-nav li.current {background: #528caf; } #gallery-nav li.current a {color:#fff} #gallery-nav li a {color:#fff;font-weight: bold; border: none; padding:5px} #latestwork li {float:left; margin:5px 35px 0 10px} /*IT OUR CUSTOMERS PAGE*/ #customer-logos li {margin:5px 20px 10px 0; float:left; } #customer-logos h3 {margin-top:15px; } #customer-logos a img, #customer-logos a { opacity:.9} #customer-logos a:hover { opacity:1 } #customer-logos a:hover img {opacity:1 } #sub-content {background:#000; padding:10px 0 0 0; } #sub-boxes {padding:15px 0 0 0 ; width:1000px; margin:0 auto; } #sub-boxes li h2 {padding: 25px 0 0 15px; } #sub-boxes li h3 {font-size:13px; padding: 0 0 0 15px; color:#507479; } #sub-boxes p {color:#79c8f7; width:280px; padding: 15px 0 0 15px; } #sub-boxes li {margin:0 5px 0 5px; float:left; width:320px; height:250px; background:url(images/sub-box-bg.png) no-repeat; } #sub-boxes li.professional p {margin-top:-25px; } .form {float:left; width:620px; margin-left:30px; } #articles {border-top:1px solid #2b2b2b; width:1000px; margin:0 auto; padding: 0px 0 40px 35px; } #articles p {color:#999; } h3.articles-header {color:white; text-transform:uppercase; margin:10px 0 5px 0; } #articles-list li {background:url(images/star.png) no-repeat; float:left; padding:0px 0 0 20px; margin:0 45px 0 0px; } #articles-list li a {color:white; } #articles-list li a:hover {border-bottom:1px solid white; } #icons {position:relative; left:90px; } #icons li {float:left; margin:0 3px 0 3px; } #footer {background:#09324a; border-top:1px solid gray; padding:30px 0 20px 10px; color:white; } .footer-wrap {width:1000px; margin:0 auto; } #footer-nav {width:1000px; margin:0 auto; padding:0 0 0 0px; font-size:14px;} #footer-nav li {float:left; margin:0px 5px 5px; } #footer-nav li a {float:left; } #footer-nav li a:hover {text-decoration:underline; } .creditcards {position:relative; left:50px}