craiger522

.ir {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
}

craiger522

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
    var pathname = (window.location.pathname.match(/[^\/]+$/)[0]);
    $('.nav li a').each(function() {
    if ($(this).attr('href') == pathname)
    {
        $(this).parent().addClass('active');
    }
    });
});

craiger522

<ul class="nav">
  <li><a href="/">Home</a></li>
  <li><a href="/about/">About</a></li>
  <li><a href="/work/">Work</a></li>
  <li><a href="/clients/">Clients</a></li>
  <li><a href="/contact/">Contact</a></li>
</ul>

.nav{
    border:1px solid #ccc;

craiger522

		<style>
	
		body	{ width:960px; padding:100px 0; margin:0 auto; font-family:Calibri, sans-serif; }
		#nav{
			border:1px solid #ccc;
			border-width:1px 0;
			list-style:none;
			margin:0;
			padding:0;
			text-align:center;

craiger522

.center-aligned { display: table; background: hsl(120, 100%, 97%); width: 100%; }

.center-core { display: table-cell; text-align: center; vertical-align: middle; }

.center-core img { width: 33%; height: auto; }

craiger522

.absolute-aligned {

position: relative; min-height: 500px;

background: hsl(200, 100%, 97%);

}

craiger522

$(document).ready(function() {
  var par = $('p');
  $(par).hide();
  
  $('#button').click(function(e) {
      $(par).slideToggle('slow');
      e.preventDefault();
  });
});