CodePen

HTML

            
              <div class="wrapper-header">
<div class="header-box">
<div class="logo"> <img border="0" alt="MidWest Canine Rescue Society" src="http://temp35.netphoria.com/template/images/logo.png" /><!--end logo--></div>
<div class="imagebillboard">
 <div id="slider" class="nivoSlider">
 <img title="" border="0" alt="Adopt a Dog today." src="http://temp35.netphoria.com/ace-images/imagebillboard/ib1.png" />
 <!--<img title="" border="0" alt="Donate to MCRS" src="http://temp35.netphoria.com/ace-images/imagebillboard/ib2.png" />-->
 <!--End slider--></div>
<!--end imagebillboard--></div>
<div id="btn-login"><a href="#"><img src="http://temp35.netphoria.com//template/images/btn-memberlogin.png" alt="" onmouseover="javascript:this.src='http://temp35.netphoria.com/template/images/btn-memberlogin_alt.png';" onmouseout="javascript:this.src='http://temp35.netphoria.com/template/images/btn-memberlogin.png';"  border="0"/></a></div>
<div id="btn-sm"><a href="#"><img src="http://temp35.netphoria.com/template/images/sm-facebook.png" alt="" onmouseover="javascript:this.src='http://temp35.netphoria.com/template/images/sm-facebook_alt.png';" onmouseout="javascript:this.src='http://temp35.netphoria.com/template/images/sm-facebook.png';"  border="0"/></a><a href="#"><img src="http://temp35.netphoria.com/template/images/sm-twitter.png" alt="" onmouseover="javascript:this.src='http://temp35.netphoria.com/template/images/sm-twitter_alt.png';" onmouseout="javascript:this.src='http://temp35.netphoria.com/template/images/sm-twitter.png';"  border="0"/></a></div>
<div id="btn-contact"><a href="#"><img src="http://temp35.netphoria.com/template/images/btn-getinvolved.png" alt="" onmouseover="javascript:this.src='http://temp35.netphoria.com/template/images/btn-getinvolved_alt.png';" onmouseout="javascript:this.src='http://temp35.netphoria.com/template/images/btn-getinvolved.png';"  border="0"/></a></div>
<!--end header-box--></div>
<!--end wrapper-header--></div>
            
          
!

CSS

            
              .wrapper-header{width:1048px; margin:0 auto; }
.header-box{width:1048px; height:516px; background-image:url(http://temp35.netphoria.com/template/images/bk-doghouse.png); background-repeat:no-repeat; background-position: -4px;  }
.logo{margin:50px 0px 0px 465px; float:left;}
.imagebillboard{margin:20px 0px 0px 230px; width:603px; height: 320px;  float:left; clear:both;}
#btn-sm{position:relative; left: 5px;  top:-230px; width: 211px; height:40px; background-image:url(http://temp35.netphoria.com/template/images/btn-socialmedia.png); background-repeat:no-repeat; padding-top:66px; text-align:center; }
#btn-contact{position:relative; left: 800px; width: 329px; top:-400px; z-index:1000;}
#btn-login{position:relative; left: 5px; width: 211px; top:-250px;}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................