/* Author : Sonora DesignWorks Website : SonoraDesignWorks.com */ @import url("reset.css"); /* GENERAL -----------------------------------------------------------------------------*/ html {background: #4e4339;} body { font-family:Arial, Helvetica, sans-serif; background:url(../images/pageBack.jpg) top repeat-x #fff; color: #303030; font-size:12px } .main-title {text-indent:-9999px} h2 {font-size:22px; line-height:30px; border-bottom:1px dotted #ccc; padding-bottom:15px; margin-bottom:20px} /* LINKS -----------------------------------------------------------------------------*/ a:link {color:#36C; text-decoration:none} a:visited {color:#36C; text-decoration:none} a:hover {color:#36C; text-decoration:underline} a:active {color:#36C; text-decoration:underline} /* CONTAINER ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #container { width: 960px; background: #FFF; margin: 0 auto; text-align: left; } /* HEADER ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #header { background:url(../images/headBack.jpg) no-repeat; height:101px; width:960px; } #header h1 { text-indent:-9999px; } /* MAIN NAV -----------------------------------------------------------------------------*/ #navBox {width:960px; height:31px; background:url(../images/navBack.jpg) no-repeat} /* leftCol ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #leftCol { float: left; width: 545px; } #leftCol ul {list-style-type:disc; margin-left:20px;} #leftCol li {margin-left:11px; *margin-left:12px} #testimonials {} #testimonials p {border-bottom:1px dotted #ccc; padding-bottom:20px; background:url(../images/nav/quote.png) top left no-repeat; padding-top:15px} /* MAINCONTENT ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #mainContent { margin: 0px; min-height:315px; background:url(../images/contentBack.jpg) bottom repeat-x; line-height:18px; padding-bottom:20px; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } /* MAIN Inner ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #mainInner { padding:25px 30px 0 30px } /* RIGHT COL ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #rightCol { float: right; width: 290px; } .rightInterior {padding-top:50px} .rightInteriorT {padding-top:77px} #rightBox {width:290px; background:url(../images/rightBoxBack.jpg) repeat-x; border:2px solid #f6f6f6; padding-bottom:20px; -webkit-box-shadow: 0px 0px 3px #999; -moz-box-shadow: 0px 0px 3px #999; margin-top:15px; *padding-top:20px} #rightCol p {text-align:center} #rightBox ul { font-weight:bold; color:#67594a; line-height:15px} #rightBox li {padding-left:14px; background:url(../images/arrow.png) 0 4px no-repeat; margin:0 5px 15px 10px} #rightBox span {color:#d5142f} .phone {font-size:12px; color:#c5112d} .R-BoxTitle {font-size:15px; font-weight:bold} #rightBox img {border:2px solid #CCC; } .call {background:#fff; border:2px solid #f6f6f6; padding:10px; -webkit-box-shadow: 0px 0px 3px #ccc; -moz-box-shadow: 0px 0px 3px #ccc } .subTitle {color:#c5112d; font-size:13px; font-weight:bold} .questions { font-size:16px; line-height:30px; padding:30px 0; color:#c5112d} /* FOOTER ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #footer-background {height:78px; width:100%; background:url(../images/footerBack.gif) repeat-x #4e4339} #footer { padding-top:20px; color:#ccc; line-height:17px; margin:0 auto; width:960px } #footer p { margin: 0; font-size:11px } #footer ul {padding-left:30px; width:60%; float:left} #footer li {display:inline; margin-right:20px} #copy {float:right; margin:0px; color:#fff; text-shadow:2px 2px 2px #2a231d; padding-right:25px; text-align:right; text-transform:uppercase} #copy span {text-transform:none; color:#d4c1ad;} /* FOOTER LINKS -----------------------------------------------------------------------------*/ #footer a:link, #footer a:visited {color:#d4c1ad; text-decoration:none; text-shadow:2px 2px 2px #2a231d} #footer a:hover, #footer a:active {color:#fff; text-decoration:none; text-shadow:2px 2px 2px #2a231d} /* interior banners -----------------------------------------------------------------------------*/ #banner {width:960px; height:118px} #contact-page #banner {background:url(../images/headers/contact2.jpg) no-repeat} #specialty-page #banner, #software-page #banner, #remote-page #banner, #onsite-page #banner, #hardware-page #banner, #audits-page #banner, #it-page #banner {background:url(../images/headers/specialty2.jpg) no-repeat} #how-page #banner {background:url(../images/headers/how2.jpg) no-repeat} #testimonials-page #banner {background:url(../images/headers/testimonials.jpg) no-repeat} #about-page #banner {background:url(../images/headers/about2.jpg) no-repeat} #clients-page #banner, #insurance-page #banner {background:url(../images/headers/clients2.jpg) no-repeat} #banner h1{font-size:24px; color:#fff; font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; position:relative; top:35px; left:30px; font-weight:normal; text-shadow:2px 2px 2px #041942} /* Contact Table -----------------------------------------------------------------------------*/ .c-out { background:#f7f5f5; border:2px solid #bebebe } #contact-table .head {background:#fff; padding:8px 8px} #contact-table textarea {width:400px; height:100px} #contact-table td {padding:4px 8px} .submit {cursor:pointer} /* sidebar contact form */ .side-contact {background:#4d4339; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width:100%; min-height:200px; color:#fff} .side-contact form {padding:20px; padding-top:0px} .side-contact form input {float:right; width:147px} .side-contact form textarea {float:right; width:147px; height:30px; resize: none; overflow: auto; } .side-contact form td {padding:4px 8px; vertical-align:top} .side-contact span {float:right; clear:right} .side-head {color:#fff; text-transform:uppercase; text-align:center; font-size:16px; font-weight:bold; padding-top:15px; margin-bottom:10px} .but {padding:8px; background:#D30020; border:1px solid #890F24; cursor:pointer; font-size:14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:150px; margin-right:15px; float:left; color:#FFF; text-align:center; font-weight:bold; text-shadow: 0px 1px 1px #000; } .but:hover {background:#890F24}