@blue: #326798; @red: #c20e40; @serif: Times, Georgia, serif; @sans: Helvetica, Arial, sans-serif; .rad(@radius:0px 0px 0px 0px) { border-radius: @radius; -moz-border-radius: @radius; -webkit-border-radius: @radius; } body {background: url(../images/bg-body.jpg) center top no-repeat #589dd8; font-size: 11pt;} section {width: 850px; margin: 0 auto;} .right {float:right;margin:0em 0em 1em 1em;} .clear {clear: both;} header {background: url(../images/bg-header.png) center top no-repeat; font-family: @serif; font-size: 13.2pt; section {overflow: hidden; padding-top: 12px; h1 {text-indent: -9999px; a {display: block; height: 118px; width: 381px; float: left; background: url(../images/logo.png) center center no-repeat;} } aside {display: block; float: left; width: 437px; height: 82px; background: url(../images/bg-tag.png) center center no-repeat; padding: 23px 0 0 30px;} } nav {background: url(../images/bg-nav.png) center top no-repeat; padding: 13px 0 32px 0; margin-top: -13px; position: relative; z-index: 9998; > ul {width: 860px; margin: 0 auto; list-style: none; > li {float: left; position: relative; a {display: block; float: left; padding: 15px 28px; text-decoration: none; color: @blue; text-shadow: 0 1px 1px rgba(0,0,0,.3); &:hover {color: @red;} } > ul { width: 250px; left: 17px; top: 44px; position: absolute; margin-top: -2px; background: #dadada; border: 1px solid #fff; .rad(0 0 5px 5px); border-top: none; box-shadow: 0 17px 15px rgba(0,0,0,.5); > li {margin: 0; a {padding: 4px 0 4px 10px; display: block; float: none; &:hover {background: #ededed;} } } } } } } } #content { section { width: 813px; margin: -35px auto 0; background: #fff; .rad(0 0 10px 10px); box-shadow: 0 8px 10px rgba(0,0,0,.3); padding: 20px 20px 0px 20px; line-height: 1.4em; font-family: Arial, helvetica, sans-serif; color: #444; } footer {font-size: 8pt; font-style: normal; padding: 30px 0 15px 0; clear: both; a {color: #999; text-decoration: none; font-style: normal;} } p {margin: .2em 0 .8em 0;} h2 { img {margin-left: -11px;} } h3 {font-size: 24pt; line-height: 28pt; color: @red; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 13px; font-family: @serif; font-weight: normal; letter-spacing: -.01em; margin-top: 1em;} a.header-link {background: url(../images/ico-link.png) left 4px no-repeat; text-indent: 27px; padding-top: 0px; display: block;line-height: 24pt;} ul {margin-left: 3em; list-style: none; margin-right: 3em; li {margin-bottom: .3em; background: url(../images/ui-bullet.jpg) left top no-repeat; padding-left: 30px; p {margin: 0; padding: 0;} } } a {color: @blue; text-decoration: none; &:hover {color: @red; text-decoration: underline;} } .section-group {clear: both;} ul.questions {border: 1px solid #ccc; background: #f8f8f8; .rad(5px); padding: 10px 13px; margin:0; li {background: none; padding-left: 0; margin-bottom: 0;} } dl.qna {margin-top: 15px; padding-top: 15px; border-top: 3px dotted #ccc; dt {border: 1px solid lighten(@red, 20%); .rad(3px); padding: 8px 11px; background: url(../images/bg-q.png) left top no-repeat; background-color: lighten(@red, 50%); box-shadow: 0 2px 3px rgba(0,0,0,.2); position: relative; z-index: 90;} dd {border: 1px solid @blue; .rad(0 0 3px 3px); padding: 8px 11px; background: url(../images/bg-a.png) left top no-repeat; background-color: lighten(@blue, 55%); border-top: none; margin: 0 5px 30px 30px; position: relative; z-index: 80;} } } .lcol {width: 515px; float: left; h2 {font-size: 44pt; color: @red; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; font-family: @serif; font-weight: normal; letter-spacing: -.03em; margin-top:.5em;} } .rcol {width: 288px; float: right;} .serv-col {overflow: hidden; li {width: 42.5%; float: left; margin-bottom: .5em!important; font-size: 10pt;} } .mailform-plugin { label {display: block; color: @blue; clear: both; padding-top: 8px;} input[type=text], select, textarea {width: 99%; padding: 4px 2px; font-family: @sans; .rad(3px); border: 1px solid #ccc; font-size: 11pt; box-shadow: inset 0 1px 2px rgba(0,0,0,.3);} input[type=image] {float: right;} } .required-note {font-size: 8pt; font-style: italic} .testimonial { .rad(3px); border: 1px solid #ccc; padding: 15px 18px; margin: 0 0 1.5em 0; background: #f8f8f8;} .thirdnav { position:absolute;left: 50px;width: auto;background: #DADADA; border: 1px solid #FFF; } .thirdnav li { width: 225px; } h1 {font-size: 1.5em;} .quick-links { background: #fcfcfc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 272px; border:1px solid #ddd; margin-left: 7px; padding-bottom: 5px; margin-top: 5px; } .quick-links h2 { font-size: 24px; color: #D32256; border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom: 10px; font-family: Times, Georgia, serif; font-weight: normal; letter-spacing: -0.03em; margin-top: .5em; margin-left:10px; margin-right:10px; } .quick-links ul li{ list-style-image: url(../images/list-arrow.png) !important; background:none !important; padding:0 !important; }