/* Rivenhall Construction CSS Document by Liam Jay of Love Creative UK http://www.lovecreativeuk.co.uk/ */ * { margin: 0; padding: 0; } html, body { height: 100%; font: 14px "Arial Black", arial, sans-serif; background: #445d77 url(../images/bg.jpg) fixed no-repeat; margin: 0; width: 100%; } a { text-decoration: none; } a img { border: 0; } #page-wrap { width: 940px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -331px; } .push { height: 331px; } #main-content { font-size: 21px; color: #ffffff; background-color: #0a2e53; border: solid medium #000; margin-bottom: 25px; padding: 0 0 0 0; overflow:hidden; width: 934px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */ } #main-content a { color: #ffffff; } #main-content a:hover { color: #7d7d7d; text-decoration: underline; } #main-content li { font: 15px "Arial", sans-serif; list-style: none; padding-top: 5px; } .contenthead { margin: 0 0 0 0; padding: 11px 20px 13px 20px; background-color: #0b588f; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; } .formhead { margin: 0 0 0 0; padding: 11px 20px 13px 20px; color: #fff; } #main-left { width: 304px; float: left; margin: 0; padding: 5px 25px 5px 40px; } #main-middle { width: 300px; margin: 0 212px 0 352px; padding: 5px 15px 5px 0px; } #main-right { width: 214px; float: right; margin: 0; padding: 5px 19px 5px 0px; } #main-double { width: 520px; float: right; margin: 0 0 0 3px; padding: 5px 1px 5px 0px; } #main-left li { font: 15px "Arial", arial, sans-serif; list-style: none; padding-top: 5px; } .body-site_map #main-left li { list-style: square; } .body-site_map #main-left ul ul li { list-style: circle; } .circle { list-style: circle; padding-left: 20px;} #header { width: 100%; height: 253px; background: #0f4780 url(../images/rivenhall_header.jpg) repeat-x; margin: 0 auto 0 auto; } #centering { width: 100%; margin: 0 0 0 0; } #centering-inside { width: 100px; margin: 0 auto; padding: 0; } #sidearea { width: 310px; margin: 0; float: left; margin-top: 6px; padding: 15px 30px 0 15px; } #sidearea-list { width: 310px; margin: 0; float: left; margin-top: 6px; padding: 15px 30px 0 15px; } #sidearea-list li { list-style: none; padding-top: 16px; padding-bottom: 4px; } #sidearea-list p { font: 15px "Arial", sans-serif; } #sidearea p { font: 18px "Arial Black", arial, sans-serif; } #sidearea h2 { font: 22px "Arial Black", arial, sans-serif; letter-spacing: 0.25px; margin: 0 0 0 0; } .widgit { width: 538px; height: 174px; float: right; background: url(../images/widgit_bg.png) no-repeat; border: solid medium #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */ margin: 6px 0 5px 0; padding: 16px 12px 0 14px; font: 13px Arial, sans-serif; color: #ffffff; } .widget-text { width: 353px; padding: 7px 0 5px 0; } #lineoff { width: 940px; height: 5px; float: left; background: url(../images/blue_line.png) no-repeat; margin: 0 0 20px 0; } #menu { width: 940px; padding: 25px 0 35px 0; white-space: nowrap; } #main-nav { list-style: none; font-size: 25px; padding: 0 0 0 0; } #main-nav li { display: inline; padding: 0 3px; text-align: left; } #main-nav li a { background-color: #0a2e53; padding: 10px 12px; color: #ffffff; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; /* future proofing */ -khtml-border-radius: 7px; /* for old Konqueror browsers */ } #main-nav li a:hover { background-color: #25bfe0; } #social-bar { width: 910px; margin: 0 auto; padding: 7px 0 10px 30px; } #social-bar ul { list-style-type: none; width: 940px; } #social-bar li { display: block; float: left; width: 213px; height: 79px; padding: 0 7px; } #action { width: 860px; height: 150px; padding: 35px 0 0 0; font: 35px "Arial Black", sans-serif; text-align: center; padding: 0 40px; } #action a { color: #e2001a; } #action a:hover { color: #0a2e53; text-decoration: underline; } #left_action { width: 150px; height: 155px; float: left; } #middle_action { width: 490px; height: 155px; margin: 0 160px; } #right_action { width: 150px; height: 155px; float: right; } #footer { width: 100%; height: 300px; background-color: #0f4780; text-align: left; margin: 0 0 0 0; } #footer-inside { width: 940px; margin: 0 auto; padding-top: 35px; } #left_footer { width: 140px; height: 220px; float: left; padding-left: 173px; } #middle_footer { width: 243px; height: 220px; margin: 0 300px; padding-left: 70px; background-color: #0f4780; } #right_footer { width: 270px; height: 220px; float: right; padding-right: 5px; } #footer-inside ul li { list-style-type: none; } #footer-inside ul li a { color: #ffffff; } #footer-inside ul li a:hover { color: #7d7d7d; } #back2top { width: 100px; height: 31px; background-color: #0f4780; font: 22px "Arial Black", sans-serif; text-align: center; margin: 0 auto; padding: 0 0 0 0; -moz-border-radius-topleft: 21px; -moz-border-radius-topright: 21px; -webkit-border-top-left-radius: 21px; -webkit-border-top-right-radius: 21px; } #back2top:hover { background-color: #0f1a5a; } #back2top a { color: #ffffff; } /* TYPOGRAPHY */ h1 { font: 33px "Arial Black", sans-serif; margin: 0 0 0 0; line-height: 40px; } h2 { font: 19px "Arial Black", sans-serif; letter-spacing: 1.25px; margin: 0 0 0 0; } h3 { font: 18px "Arial Black", sans-serif; margin: 0 0 0 0; } .orange_h2 { font: 19px "Arial Black", sans-serif; letter-spacing: 1.25px; margin: 0 0 0 0; color: #f19820; } .orange_h2 a { color: #f19820; } .orange_h2 a:hover { color: #7d7d7d; text-decoration: underline; } #main-content .orange_h2 a { color: #f19820; } #main-content .orange_h2 a:hover { color: #7d7d7d; text-decoration: underline; } .main-text { font: 15px "Arial", sans-serif; color: #ffffff; } .main-orange-text { font: 15px "Arial", sans-serif; color: #f19820; } .lrg-main-text { font: 17px "Arial Black", sans-serif; color: #ffffff; letter-spacing: 0.5px; padding: 9px 0 10px 0;} .standard_text { font: 11px "Arial Regular", sans-serif; color: #000000; } /* General Classes */ .clear { clear: both; } .empty_clear_both { clear: both; margin: 0 0 0 0; } .centeredImage { text-align: center; margin-top: 0px; margin-bottom: 0px; padding: 0px; } .align_left { text-align: left; } .center { text-align: center; } /* Social Bar Rollover Classes */ .contact a { display: block; text-indent: -10000px; background: url(../images/contact1.png) no-repeat; height: 79px; width: 213px; padding: 0; } .contact a:hover { background-position: 0 -79px; } .twitter a { display: block; text-indent: -10000px; background: url(../images/twitter1.png) no-repeat; height: 79px; width: 213px; padding: 0; } .twitter a:hover { background-position: 0 -79px; } .facebook a { display: block; text-indent: -10000px; background: url(../images/facebook1.png) no-repeat; height: 79px; width: 213px; padding: 0; } .facebook a:hover { background-position: 0 -79px; } .flickr a { display: block; text-indent: -10000px; background: url(../images/flickr1.png) no-repeat; height: 79px; width: 186px; padding: 0; } .flickr a:hover { background-position: 0 -79px; } /* This stuff is for the TitleBlock Plugin */ .image { position: relative; margin-bottom: 20px; width: 100%; } .image h2 { position: absolute; top: 220px; left: 0; width: 100%; } .image h2 span { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; } .image h2 span.spacer { padding: 0 2px; background: none; } /* For Specific Slides */ #textSlide { padding: 10px 30px; } #textSlide h3 { font: 20px Georgia, Serif; } #textSlide h4 { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; } #textSlide ul { list-style: disc; margin: 0 0 0 25px; } #textSlide ul li { display: list-item; } #quoteSlide { padding: 30px; } #quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; } #quoteSlide p { text-align: center; } .body-home #main-nav #index a { background-color: #25bfe0; } .body-about #main-nav #about a { background-color: #25bfe0; } .body-contact #main-nav #contact a { background-color: #25bfe0; } .body-location #main-nav #location a { background-color: #25bfe0; } .body-projects #main-nav #projects a { background-color: #25bfe0; } .body-services #main-nav #services a { background-color: #25bfe0; }