/* Description: The CSS for NuChange website Version: 1.0 Author: Grant Brits Author URI: http://www.webpixel.com.au */ body {font-family: 'Ubuntu', sans-serif; font-size: 14px; border: 0; padding: 0; margin: 0; background: #000 url(/data/admin/images/nav/bg2-b.jpg) center -300px no-repeat fixed} p {font-family: 'Ubuntu', sans-serif; font-size: 14px; line-height: 21px} ul li {font-family: 'Ubuntu', sans-serif; font-size: 14px; line-height: 21px} .accordian-ul {list-style-type: square} .accordian-ul li {margin: 10px 0px} h1 {font-family: 'Ubuntu Condensed', sans-serif; font-weight: normal; font-size: 20px; text-transform: uppercase; color: #e1081d} h2 {margin: 0; padding: 0; font-family: 'Ubuntu Condensed', sans-serif; font-weight: normal} h3 {margin: 0; padding: 0; font-family: 'Ubuntu Condensed', sans-serif; font-weight: normal; font-size: 21px; color: #fff; text-transform: uppercase} #main-container {margin: 0 auto; width: 1124px} #left-column {float: left; width: 348px; background: url(/data/admin/images/nav/black-spacer.png)} #logo-container {position: relative; width: 348px; height: 183px; background: url(/data/admin/images/nav/logo-bg-container.jpg) center top no-repeat} #nav-container {position: relative; width: 348px; height: 252px; display: block; overflow: hidden} #nav-flair span {position: absolute; top: 118px; left: -80px; font-size: 16px; font-family: 'Vollkorn', serif; line-height: 14px; color: #fff; display:block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)} #nuchange-logo {position: absolute; top: 51px; left: 53px; width: 236px; height: 78px; background: url(/data/admin/images/nav/nuchange-building-built-to-build.png) center top no-repeat; display: block} #nav-underline {width: 348px; height: 4px; background: url(/data/admin/images/nav/nav-underline.jpg) center top no-repeat} #cta-container {width: 348px} ul#cta-list {list-style-type: none; margin: 0px 0px 4px 0px; padding: 0} ul#cta-list .cta-item {margin: 4px 0px 0px 4px; padding: 0} #cta-01, #cta-02, #cta-03, #cta-testimonials {position: relative; width: 339px; height: 60px} #cta-01 {height: 111px; background: url(/data/admin/images/nav/free-appt-req.jpg) center top no-repeat} #cta-02, #cta-03 {background: url(/data/admin/images/nav/redbgtran.png); border: 1px solid #1b1b1b} #cta-02:hover, #cta-03:hover {border: 1px solid #9c1616} #cta-testimonials {color: #fff; text-align: center; border: 1px solid #1b1b1b; height: 168px} #cta-testimonials span {position: absolute; top: 40px; left: 50%; width: 300px; margin-left: -150px; height: 160px; margin-top: -25px; font-size: 14px} #right-column {float: right; width: 727px; padding: 10px; background-color: #fff; margin-left: 29px} #rc-topbanner {position: relative; text-align: right; width: 100%; height: 44px; margin-bottom: 10px; line-height: 44px; font-size: 17px; color: #7d7164} #rc-topbanner span h2 {width: 527px; margin-right: 200px} #rc-phone-number {position: absolute; top: 0px; right: 0px; width: 170px; height: 44px; line-height: 44px; background: url(/data/admin/images/nav/icon-phone.jpg) left center no-repeat; font-size: 14px;} #rc-slider-main {width: 727px; height: 500px; margin-bottom: 35px} #rc-slider-main-sub {width: 727px; height: 500px;} #rc-home-content {width: 707px; padding: 10px; font-size: 14px; line-height: 21px; color: #383838} ul#navlist {text-align: right; list-style-type: none; margin: 0; padding: 20px 20px 20px 20px} ul#navlist li { padding: 4px 0px; } a.navlink:link, a.navlink:visited, a.navlink:active, a.navlink:hover {font-family: 'Ubuntu Condensed', sans-serif; font-size: 17px; color: #fff; text-transform: uppercase; text-decoration: none} a:link, a:visited, a:active, a:hover {font-family: 'Ubuntu Condensed', sans-serif; font-size: 15px; color: #e1081d; text-decoration: none} #footer {font-family: "Arial"; line-height: 88px; font-size: 11px; color: #fff; font-weight: normal; margin: 0 auto; margin-top: 30px; width: 1064px; height: 88px; background: url(/data/admin/images/nav/spacerfooter.png); padding: 0px 30px; position: relative} a.footerlink:link, a.footerlink:visited, a.footerlink:active, a.footerlink:hover {font-family: "Arial"; font-size: 11px; font-weight: normal; text-transform: capitalize; color: #cab09d} #slogan {position: absolute; top: -8px; left: 10px; font-family: 'Marck Script', cursive; color: #dd000f; font-size: 27px; letter-spacing: -1px} #slogan-subline {position: absolute; top: 0px; left: 10px} #footer-slogan {position: absolute; top: 0px; right: 31px; font-family: 'Marck Script', cursive; color: #bea694; font-size: 20px; letter-spacing: -1px} /*====================*/ /*=== Other Styles ===*/ /*====================*/ .clear { clear:both; } /* * jQuery Nivo Slider v2.7.1 * http://nivo.dev7studios.com * * Copyright 2011, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* The Nivo Slider styles */ .nivoSlider {position:relative} .nivoSlider img {position:absolute; top:0px; left:0px} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none} /* The slices and boxes in the Slider */ .nivo-slice {display:block; position:absolute; z-index:5; height:100%} .nivo-box {display:block; position:absolute; z-index:5} /* Caption styles */ .nivo-caption {position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; opacity:0.8 /* Overridden by captionOpacity setting */} .nivo-caption p {padding:5px; margin:0} .nivo-caption a {display:inline !important} .nivo-html-caption {display:none} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {position:absolute; top:45%; z-index:9; cursor:pointer} .nivo-prevNav {left:0px} .nivo-nextNav {right:0px} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a {position:relative; z-index:9; cursor:pointer} .nivo-controlNav a.active {font-weight:bold} /* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Skin Type: flexible Description: The default skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com */ .theme-default .nivoSlider {position:relative; background:#fff url(loading.gif) no-repeat 50% 50%; margin-bottom:50px} .theme-default .nivoSlider img {position:absolute; top:0px; left:0px; display:none} .theme-default .nivoSlider a {border:0; display:block} .theme-default .nivo-controlNav {position:absolute; bottom:-60px} /* Put the nav below the slider */ .theme-default .nivo-controlNav img {display:inline; position:relative} /* Unhide the thumbnails */ .theme-default .nivo-controlNav a {display:block; border:0; margin-right:3px; float:left; background: url(/data/admin/images/nav/inactive.jpg) bottom center no-repeat} .theme-default .nivo-controlNav a.active {background: url(/data/admin/images/nav/active.jpg) bottom center no-repeat} .theme-default .nivo-directionNav a {display:block; width:30px; height:30px; background:url(arrows.png) no-repeat; text-indent:-9999px; border:0} .theme-default a.nivo-nextNav {background-position:-30px 0; right:15px} .theme-default a.nivo-prevNav {left:15px} .theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif} .theme-default .nivo-caption a {color:#fff; border-bottom:1px dotted #fff} .theme-default .nivo-caption a:hover {color:#fff} .theme-default #slider {margin: 0 auto; width:727px; height:500px} /* Make sure your images are the same size */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(../../colorbox/images/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../../colorbox/images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(../../colorbox/images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(../../colorbox/images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(../../colorbox/images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(../../colorbox/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../../colorbox/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../../colorbox/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../../colorbox/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../../colorbox/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../colorbox/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../../colorbox/images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../../colorbox/images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../../colorbox/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft{background:url(../../colorbox/images/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(../../colorbox/images/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(../../colorbox/images/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(../../colorbox/images/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(../../colorbox/images/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(../../colorbox/images/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(../../colorbox/images/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(../../colorbox/images/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }