/* Theme Name: MRPwebmedia Services Author: MRPwebmedia Author URL: http://MRPwebmedia.com */ /* RESET */ * { margin: 0; padding 0; } html { overflow-y: scroll; } html, body { height: 100% } body { font-size: 100%; font-family: Arial, sans-serif; color: #000; background: url(images/bg.gif) top center repeat #9B340A; } ul { list-style: none; padding-left: 0; } ol { list-style: decimal inside; } a { outline: none; text-decoration: none; } a img { border: none; } img { vertical-align: middle; } table { border-collapse: collapse; } /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } /* STRUCTURE */ #page-wrap { width: 926px; margin: 0px auto; background: url(images/page-wrap-bg.png) top center repeat-y; } #main-col { width: 900px; float: right; margin-right: 13px; } /* HEADER */ #header { height: 145px; background: url(images/header-bg.png) top center no-repeat; } #home-link { padding: 10px 0 0 24px; } #sca-banner { text-indent: -9999px; width: 145px; height: 145px; background: url(images/sca-banner-2011.png) no-repeat; position: fixed; top: 0; left: 0; z-index: 100; } /* MENU */ #menu-nav { float: right; font-size: 14px; color: #9B340A; position: relative; top: -87px; left: -30px; } #menu-nav li { display: inline; } a.services-link { color: #9B340A; } a.services-link:hover { color: #9B340A; } a.articles-link { color: #9B340A; } a.articles-link:hover { color: #D6A146; } a.concepts-link { color: #9B340A; } a.concepts-link:hover { color: #394300; } a.ads-link { color: #9B340A; } a.ads-link:hover { color: #3E585E; } /* NAVIGATION */ #services-nav { margin: 0 20px; } #services-nav li { float: left; } #services-nav a { display: block; height: 25px; text-indent: -99999px; } a.content { width: 97px; background: url(images/nav-sprite.png) 0 0; } a.content:hover { width: 97px; background: url(images/nav-sprite.png) 0 -25px; } a.content:active { width: 97px; background: url(images/nav-sprite.png) 0 -50px; } #nav-content .content { width: 97px; background: url(images/nav-sprite.png) 0 -75px; } a.websites { width: 79px; background: url(images/nav-sprite.png) -97px 0; } a.websites:hover { width: 79px; background: url(images/nav-sprite.png) -97px -25px; } a.websites:active { width: 79px; background: url(images/nav-sprite.png) -97px -50px; } #nav-websites .websites { width: 79px; background: url(images/nav-sprite.png) -97px -75px; } a.copy { width: 83px; background: url(images/nav-sprite.png) -176px 0; } a.copy:hover { width: 83px; background: url(images/nav-sprite.png) -176px -25px; } a.copy:active { width: 83px; background: url(images/nav-sprite.png) -176px -50px; } #nav-copy .copy { width: 83px; background: url(images/nav-sprite.png) -176px -75px; } a.graphics { width: 103px; background: url(images/nav-sprite.png) -259px 0; } a.graphics:hover { width: 103px; background: url(images/nav-sprite.png) -259px -25px; } a.graphics:active { width: 103px; background: url(images/nav-sprite.png) -259px -50px; } #nav-graphics .graphics { width: 103px; background: url(images/nav-sprite.png) -259px -75px; } a.video { width: 85px; background: url(images/nav-sprite.png) -362px 0; } a.video:hover { width: 85px; background: url(images/nav-sprite.png) -362px -25px; } a.video:active { width: 85px; background: url(images/nav-sprite.png) -362px -50px; } #nav-video .video { width: 85px; background: url(images/nav-sprite.png) -362px -75px; } a.audio { width: 85px; background: url(images/nav-sprite.png) -447px 0; } a.audio:hover { width: 85px; background: url(images/nav-sprite.png) -447px -25px; } a.audio:active { width: 85px; background: url(images/nav-sprite.png) -447px -50px; } #nav-audio .audio { width: 85px; background: url(images/nav-sprite.png) -447px -75px; } a.motion { width: 92px; background: url(images/nav-sprite.png) -532px 0; } a.motion:hover { width: 92px; background: url(images/nav-sprite.png) -532px -25px; } a.motion:active { width: 92px; background: url(images/nav-sprite.png) -532px -50px; } #nav-motion .motion { width: 92px; background: url(images/nav-sprite.png) -532px -75px; } a.presentation { width: 120px; background: url(images/nav-sprite.png) -624px 0; } a.presentation:hover { width: 120px; background: url(images/nav-sprite.png) -624px -25px; } a.presentation:active { width: 120px; background: url(images/nav-sprite.png) -624px -50px; } #nav-presentation .presentation { width: 120px; background: url(images/nav-sprite.png) -624px -75px; } a.conclusion { width: 116px; background: url(images/nav-sprite.png) -744px 0; } a.conclusion:hover { width: 116px; background: url(images/nav-sprite.png) -744px -25px; } a.conclusion:active { width: 116px; background: url(images/nav-sprite.png) -744px -50px; } #nav-conclusion .conclusion { width: 116px; background: url(images/nav-sprite.png) -744px -75px; } /* CONTENT */ #video { width: 830px; height: 300px; border: 1px solid #9B340A; margin: 45px 0 0 35px; } #video p { text-transform: uppercase; font-weight: bold; text-align: center; padding-top: 120px; } #icon-content-01 { float: left; width: 70px; height: 70px; background: url(images/icons-content.jpg) 0 0; } #icon-content-02 { float: left; width: 70px; height: 70px; background: url(images/icons-content.jpg) -70px 0; } #icon-content-03 { float: left; width: 70px; height: 70px; background: url(images/icons-content.jpg) -140px 0; } #icon-web-01 { float: left; width: 70px; height: 70px; background: url(images/icons-web.jpg) 0 0; } #icon-web-02 { float: left; width: 70px; height: 70px; background: url(images/icons-web.jpg) -70px 0; } #icon-web-03 { float: left; width: 70px; height: 70px; background: url(images/icons-web.jpg) -140px 0; } #icon-copy-01 { float: left; width: 70px; height: 70px; background: url(images/icons-copy.jpg) 0 0; } #icon-copy-02 { float: left; width: 70px; height: 70px; background: url(images/icons-copy.jpg) -70px 0; } #icon-copy-03 { float: left; width: 70px; height: 70px; background: url(images/icons-copy.jpg) -140px 0; } #icon-graphics-01 { float: left; width: 70px; height: 70px; background: url(images/icons-graphics.jpg) 0 0; } #icon-graphics-02 { float: left; width: 70px; height: 70px; background: url(images/icons-graphics.jpg) -70px 0; } #icon-graphics-03 { float: left; width: 70px; height: 70px; background: url(images/icons-graphics.jpg) -140px 0; } #icon-video-01 { float: left; width: 70px; height: 70px; background: url(images/icons-video.jpg) 0 0; } #icon-video-02 { float: left; width: 70px; height: 70px; background: url(images/icons-video.jpg) -70px 0; } #icon-video-03 { float: left; width: 70px; height: 70px; background: url(images/icons-video.jpg) -140px 0; } #icon-audio-01 { float: left; width: 70px; height: 70px; background: url(images/icons-audio.jpg) 0 0; } #icon-audio-02 { float: left; width: 70px; height: 70px; background: url(images/icons-audio.jpg) -70px 0; } #icon-audio-03 { float: left; width: 70px; height: 70px; background: url(images/icons-audio.jpg) -140px 0; } #icon-motion-01 { float: left; width: 70px; height: 70px; background: url(images/icons-motion.jpg) 0 0; } #icon-motion-02 { float: left; width: 70px; height: 70px; background: url(images/icons-motion.jpg) -70px 0; } #icon-motion-03 { float: left; width: 70px; height: 70px; background: url(images/icons-motion.jpg) -140px 0; } #icon-presentation-01 { float: left; width: 70px; height: 70px; background: url(images/icons-presentation.jpg) 0 0; } #icon-presentation-02 { float: left; width: 70px; height: 70px; background: url(images/icons-presentation.jpg) -70px 0; } #icon-presentation-03 { float: left; width: 70px; height: 70px; background: url(images/icons-presentation.jpg) -140px 0; } #icon-conclusion-01 { float: left; width: 70px; height: 70px; background: url(images/icons-conclusion.jpg) 0 0; } #icon-conclusion-02 { float: left; width: 70px; height: 70px; background: url(images/icons-conclusion.jpg) -70px 0; } #icon-conclusion-03 { float: left; width: 70px; height: 70px; background: url(images/icons-conclusion.jpg) -140px 0; } .text-block h1 { float: left; width: 165px; padding: 15px 0 10px 10px; font-size: 22px; line-height: 20px; letter-spacing: -0.04em; } .text-block { width: 254px; float: left; margin: 20px 0 0 35px; } .text-block p { font-size: 12px; line-height: 18px; padding: 9px 0; clear: left; } /* FOOTER */ #footer { width: 926px; height: 375px; font-size: 12px; color: #FFF; margin: 0 auto 0; background: url(images/footer-bg.png) top center no-repeat; } #contact { float: left; font-size: 10px; line-height: 10px; color: #000; width: 250px; margin: 145px 0 0 39px; } #contact-info { text-align: right; } #contact a { color: #000; } #contact a:hover { color: #9B340A; } #related-post { float: left; width: 250px; height: 180px; margin: 140px 0 0 50px; } #related-post li { margin-bottom: 10px; line-height: 13px; } #related-post li a { color: #000; font-size: 12px; } #related-post li a:hover { color: #9B340A; text-decoration: none; } .exerpt-title { color: #9B340A; font-weight: bold; } #sign-up { float: right; width: 240px; color: #000; margin: 145px 49px 0 0; } .input-field { float: right; margin-bottom: 3px; } .form-title { margin-right: 15px; } input[type=text] { width: 150px; background-color: #FFF !important; border: 1px solid #999; padding: 3px; } #form-submit { float: right; margin: 20px 0 20px 107px; } #required-field { float: right; } .asterisk { color: #9B340A; } #footer-nav { float: right; padding: 5px 15px; margin: 31px 0 0; } #footer-nav a { color: #FFF; } #footer-nav a:hover { color: #F76115; } #copyright { float: left; padding: 5px 15px; margin: 31px 0 0; } /* STATCOUNTER */ #counter { font-size: 0px; } /* WIN FIREFOX FIXES */ .win.gecko #form-submit { margin: 15px 0 15px 107px; } .win.gecko #footer-nav { float: right; padding: 5px 15px; margin: 27px 0 0; } .win.gecko #copyright { float: left; padding: 5px 15px; margin: 27px 0 0; } /* MAC SAFARI FIXES */ /*.mac.safari { }*/ /* WIN SAFARI FIXES */ .win.safari #form-submit { margin: 15px 0 15px 107px; } .win.safari #footer-nav { float: right; padding: 5px 15px; margin: 28px 0 0; } .win.safari #copyright { float: left; padding: 5px 15px; margin: 28px 0 0; } /* MAC OPERA FIXES */ .mac.opera .input-field input[type=text] { background-color: #FFF !important; border: 1px solid #999; padding: 3px; width: 149px; height: 14px; } /* WIN OPERA FIXES */ .win.opera #form-submit { margin: 15px 0 15px 107px; } .win.opera #footer-nav { float: right; padding: 5px 15px; margin: 28px 0 0; } .win.opera #copyright { float: left; padding: 5px 15px; margin: 28px 0 0; } /* WIN CHROME FIXES */ .win.chrome #form-submit { margin: 15px 0 15px 107px; } .win.chrome #footer-nav { float: right; padding: 5px 15px; margin: 28px 0 0; } .win.chrome #copyright { float: left; padding: 5px 15px; margin: 28px 0 0; } /* IE7 FIXES */ .ie7 #form-submit { margin: 10px 0 10px 80px; } .ie7 #footer { width: 926px; height: 365px; font-size: 12px; color: #FFF; margin: 0 auto 0; background: url(images/footer-bg.png) top center no-repeat #9B340A; } /* IE8 FIXES */ .ie8 #form-submit { margin: 15px 0 15px 107px; } .ie8 #footer-nav { float: right; padding: 5px 15px; margin: 28px 0 0; } .ie8 #copyright { float: left; padding: 5px 15px; margin: 28px 0 0; } /* IPHONE FIXES */ /*.iphone.safari { }*/ /* IPOD FIXES */ /*.ipod.safari { }*/