/* Rock & Load */ /* ----------------------------------------- */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} a:focus {-moz-outline-style: none;} .clear {clear: both;} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ .clear {clear: both;} body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #525252; background: url(images/bg.png) bottom fixed repeat-x #2d2d2c;} a {color: #224d93;} a:hover {color: #0000FF;} #wrapper {width: 960px; position:relative; margin: 0 auto;} #commentform {width: 600px;} #comment {width: 600px;} #edit_link {float: right; display: inline; font-size:12px; text-decoration: underline;} #edit_link a {color: #CC0000;} .alignleft {float: left; margin: 0 15px 15px 0;} .alignright {float: right; margin: 0 0 15px 15px;} /* Header */ #top-header {background: url(images/topheader_bg.png) 0 0 repeat-x; height: 58px;} /* LEVEL ONE */ ul.dropdown {position: relative; width: 660px; margin: 0 auto; z-index: 5; background: url(images/toplogobanner.jpg) no-repeat 38px 0; height: 58px; padding-left: 300px} ul.dropdown li {font-weight: bold; float: left; zoom: 1; text-decoration: none; margin: 20px 14px; width: 95px;} ul.dropdown a:hover { color: #fff; } ul.dropdown li a { color: #ecf0f6; text-decoration: none; font-size: 12px;} ul.dropdown li a:hover {color: #fff; text-decoration: underline;} ul.dropdown li.hover, ul.dropdown li:hover {position: relative; } ul.dropdown li.hover a { color: fff; } ul.dropdown ul li { display: inline; width: 100%; } /* LEVEL TWO */ ul.dropdown ul {width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 3; background: #2c2c2c; padding: 10px;} ul.dropdown ul li {font-weight: normal; color: #000; float: none; z-index: 3; margin: 0px;} /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a {border-right: none; width: 100%; display: inline-block; height: 20px; padding-top: 6px; text-indent: 7px; border-bottom: 1px solid #7f7f7f;} ul.dropdown ul li a:hover {background: #253349; text-decoration: none;} #page-content ul {margin-bottom: 20px;} #courtesy {position: absolute; z-index: 4000; bottom: 9px; right: 0; font-style: italic;} #courtesy a {color: #525252;} #nav a {color: #ecf0f6; font-weight: bold; text-decoration: none;} #header {width: 960px; height: 313px; position: relative;} #header img {position: absolute; z-index: 1;} #logo {background: url(images/logo.png) 0 0 no-repeat; position: absolute; width: 265px; height: 313px; left: 31px; top: 0px; z-index: 2;} #logo a {width: 259px; display: block; text-indent: -9999px; height: 150px;} #search {z-index: 3; position: absolute; bottom: 38px; left: 55px; width: 210px;} #rss-icon {color: #e6e6e6; font-size: 10px; text-transform: lowercase; float: right; text-decoration: none; margin-bottom: 8px; background: url(images/rss-icon.jpg) 100% 50% no-repeat; padding-right: 15px; display: block;} #rss-icon:hover {text-decoration: underline;} #searchform {background: #454545; padding: 10px; clear: both; display: inline-block;} #searchform #s {width: 128px;} #searchsubmit {width: 55px;} /* Featured */ .featured {width: 278px; height: 225px; position: relative; float: left; padding: 0 15px; margin-bottom: 40px;} .featured a {position: absolute; bottom: 7px; right: 7px;} .featured p {position: absolute; top: 117px;} .featured h2 {position: absolute; top: 4px;} #featured-left {margin-right: 20px;} /* Content */ #content {background: url(images/content_bg.jpg) repeat-y 0 0; width: 960px; position: relative; padding-top: 20px;} #content p {margin-bottom: 15px;} #page-content {width: 637px; right: 21px; float: right; position: relative;} #page-content h2, #page-content h2 a{color: #88271a; font-size: 15px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; text-decoration:none} #page-content p {margin-bottom: 15px;} #featured {height: 200px; background: #FFFFCC; margin-bottom: 40px;} #sfstest-page .client {font-style:italic; float: right; margin-bottom: 50px;} /* Contact */ #wpcf7-f1-p9-o1 {background: url(images/contact-form.jpg) 0 0 no-repeat; width: 294px; height: 437px; float: right; padding: 0 15px; color: #fff; margin-left: 15px;} #wpcf7-f1-p9-o1 h3 {font-size: 18px; margin-bottom: 71px;} #wpcf7-f1-p9-o1 textarea {width: 263px; height: 80px;} /* Sidebar */ #sidebar {position: relative; left: 55px; width: 210px; float: left; background: none;} #sidebar-nav {border-bottom: 1px solid #7f7f7f;} #sidebar-nav li {border-top: 1px solid #7f7f7f; text-indent: 10px;} #sidebar-nav a {color: #7f7f7f; text-decoration: none; font-size: 14px; letter-spacing: 2px; height: 20px; display: block; padding-top: 6px; background: url(images/dark_arrow.jpg) no-repeat 100% 50%;} #sidebar-nav a:hover {color: #fcfcfc; background: url(images/light_arrow.jpg) no-repeat 100% 50% #263349;} .readmore a {color: #525252; text-decoration: none;} .readmore a:hover {text-decoration: underline;} .sidebar_box {margin-top: 25px; background: #222; padding: 7px;} .side_bar_first {border-top: 1px solid #686868;} .sidebar_box li {border-bottom: 1px solid #686868; height: 20px; position: relative;} .sidebar_box h3 {font-size: 14px; color: #797979; text-transform:uppercase; margin-bottom: 8px;} .sidebar_box p {color: #f4f4f4;} .sidebar_box span {font-style:italic; float: right; margin-bottom: 20px;} .sidebar_box a {color: #c6c6c6; text-decoration: none; position: relative; top: 2px;} .sidebar_box a:hover {color: #fff;} .sidebar_box a:focus {text-decoration: underline;} .readmore {clear: right; margin-bottom: 10px; text-align:right; color: #797979; background: url(images/dark_arrow_sidebar.jpg) no-repeat 100% 5px; padding-right: 14px;} /* Testimonials */ #sfstest-page .text {margin-bottom: 20px; clear: right;} /* Footer */ #footer {clear: both; background: #070707; width: 960px; text-align: center;} #tagline {background: url(images/footer.jpg) no-repeat 0 0; width: 960px; height: 184px; text-indent: -9999px;} #footer-nav {position: relative; padding: 13px 0;} #footer-nav li {display: inline; padding: 0 8px;} #footer-nav a {color: #3b3a3a; text-decoration: none; font-size: 9.5px; font-weight: bold;} #footer-nav a:hover {color: #CCC;} #copy {color: #585757; font-size: 9.5px; font-weight: bold; padding-bottom: 30px;} #copy a {color: #999;} #copy a:hover {color: #CCC;}