*{color:#000;} body{background-color:#fc0;margin:0;padding:0;position:relative;height:3200px;z-index:10; font-family:Arial,verdana,helvetica} img{border:none;} .wrap{width:980px;margin:0 auto;position:relative;} .padding20{padding:20px;} .clear{clear:both;} :focus {outline: 0;} h2.logo{position:absolute;margin:0;cursor:pointer;} #home-slider {border-bottom:1px solid #ECAE00;height:374px;} #home-slider .wrap{height:374px;} .sliderBox{height:374px;margin:0 0 0 -1px;padding:0;} .slider ul{margin:0;padding:0;list-style:none;position:relative;} .slider ul li{position:absolute;z-index:0;left:0px;top:0px;display:none;} .slider ul li.active{left:0px;top:0px;z-index:1;display:block;} .sliderBoxLink {display:block; position:absolute; top:343px; left:300px; width:250px; height:30px; z-index:100; background: url(images/body-bg.png) 1000px 1000px no-repeat;} .sliderBoxNav {display:block; position:absolute; width:50px; height:30px; z-index:100; background: url(images/body-bg.png) 1000px 1000px no-repeat;} .sliderBoxNav.next {top:343px; left:705px; } .sliderBoxNav.previous {top:343px; left:20px; } #home-content{height:1155px;border-bottom:1px solid #ECAE00; background:#FFCC00 url(images/body-bg-home.png) 50% 0 no-repeat;} #home-content .home-wrap{height:750px;} #home-content h2.logo{width:125px;height:231px;overflow:hidden;} #portfolio-content{border-bottom:1px solid #ECAE00; background:#FFCC00 url(images/body-bg-portfolio.png) 50% 0 no-repeat;} #portfolio-content .wrap{background:#FFCC00 url(images/body-bg-portfolio.png) 50% 0 no-repeat;} #portfolio-content h2.logo{top:0px;right:20px;position:absolute;display:block;width:120px;height:253px;overflow:hidden;} #portfolio-content h2.logo img{margin-top:-231px;} #portfolio-content ul.portfolioList{list-style:none;margin:50px 0 0 -10px;padding:0;width:700px;position:relative;} #portfolio-content ul.portfolioList li{width:140px;height:140px;margin:10px;float:left;display:block;background-color:#333;position:absolute;} #portfolio-content ul.portfolioList li img{width:100%;} .PortfolioHidden{} #contact-content {background:#FFCC00 url(images/body-bg-contact.png) 50% 0 no-repeat;} #contact-content .wrap{ height:958px;} #contact-content h1{margin:15px 0 30px 0;} #contact-content h2.logo{width:180px;height:231px;overflow:hidden;margin:-20px 0 0 -20px;position:relative;float:left;} #contact-content form{width:384px;padding:0;margin:60px 0 0 0;} #contact-content form fieldset{border:none;padding:0;margin:0;} #contact-content form legend{display:none;} #contact-content form input, #contact-content form textarea{border:1px solid #E09900;box-shadow:0px 1px 2px #E09900;float:right;height:24px;width:220px;line-height:24px;padding:3px;} #contact-content form label{display:block;line-height:40px;height:40px;overflow:hidden;background:url(images/form-label.png)0 0 no-repeat;} #contact-content form textarea{width:220px;height:100px;} #contact-content form button{float:right;background:transparent url(images/send-button.png) 0 0 no-repeat;border:none;width:42px;height:42px;text-indent:-9999px;margin-top:10px;} #contact-content form label b{display:none;} #contact-content form label.label1{background-position:0px 12px;} #contact-content form label.label2{background-position:0px -28px;} #contact-content form label.label3{background-position:0px -68px;} #contact-content form label.label4{background-position:0px -108px;} #contact-content form label.label5{background-position:0px -148px;} #contact-content form label.label6{background-position:0px -188px;} #contact-content form label.label7{background-position:0px -228px;overflow:visible;height:110px;} ul.nav{margin:0;padding:0;list-style:none;} ul.nav li{text-align:right;} #home-nav{border-bottom:1px solid #663300;list-style:none;margin:0;padding:0 0 10px 0;position:absolute;top:174px; right: 20px;} #home-nav li{overflow:hidden;height:52px;} #home-nav li.contact img{margin-top:-52px;margin-bottom:3px;} #home-nav li.contact img:hover{margin-top:0px;} #home-nav li.portfolio img{margin-top:-52px;} #home-nav li.portfolio img:hover{margin-top:0px;} #home-services{background:transparent url(images/nav-lv2-top-bg.png) 100% 0 no-repeat;position:absolute; top: 327px; right: 20px;} #portfolio-nav{border-bottom:1px solid #663300;list-style:none;margin:0;padding:0 0 10px 0;position:absolute;top:246px; right: 20px;} #portfolio-nav li{overflow:hidden;height:52px;} #portfolio-nav li.portfolio img{margin-top:0px;margin-bottom:3px;} #portfolio-nav li.contact img{margin-top:-52px;} #portfolio-nav li.contact img:hover{margin-top:0px;} #portfolio-content div.top{position:absolute;top:370px; right:20px; cursor: pointer;} #portfolio-links{background:transparent url(images/nav-lv2-portfolio.png) 100% 0 no-repeat;position:absolute;top:450px; right: 20px; width:150px; padding-top: 11px;} #portfolio-links li{height:24px; text-indent:-9999px; margin-bottom: 12px; } #portfolio-links li a{display:inline-block; width:140px; } #portfolio-links li.ci{} #portfolio-links li.wd{} #portfolio-links li.ad{} #portfolio-links li.bk{} #portfolio-links li.pa{} #portfolio-links li.ma{} #portfolio-links li a{text-indent:-9999px;color:transparent;} #contact-nav{border-bottom:1px solid #663300;list-style:none;margin:0;padding:0 0 10px 0;position:absolute;top:325px; right: 20px;} #contact-nav li{overflow:hidden;height:52px;} #contact-nav li.portfolio img:hover{margin-top:0px;margin-bottom:3px;} #contact-nav li.portfolio img{margin-top:-52px;} #contact-nav li.contact img{margin-top:0px;} #contact-content div.top{position:absolute;top:450px; right:20px; cursor: pointer;} #contact-services{background:transparent url(images/nav-lv2-top-bg.png) 100% 0 no-repeat;position:absolute;top:525px; right: 20px; width:300px; padding-top: 10px;} .submitBtn {cursor:pointer;} .copyright{position:absolute;bottom:0px;} #footer{position:fixed; top:100px; width:100%; height:300px; color:#fff; font-size:0.8em;background:transparent url(images/footer-bg.png) repeat-x} #footer div {position:relative; display:block; /* margin:0 auto;*/ width:1000px;} #footer-show-hide{position:absolute; background:transparent url(images/footer-up.png) no-repeat; top:0px; left:476px; width:48px; height:46px;} #footer-show-hide.show{background:transparent url(images/footer-down.png) no-repeat;} /* 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%;} #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(images/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(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(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(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(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(images/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(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')"); }