/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  background: #000 url("./images/wrap.gif") top center repeat-y;
}
#wrapper { 
 margin: 0 auto;
 width: 772px;
}
#header {
 width: 750px;
 color: #333;
 padding: 10px;
 height: 120px;
 margin: 0px 0px 5px 0px;
 background: #FFF;
}
#content { 
 width: 750px;
 color: #333;
 background: #FFF;
 margin: 0px 0px -5px 0px;
 padding: 10px;
}
#contentblueprint { 
 width: 755px;
 height:532px;
 font-weight:bold;
 color:white;
 background: #FFF url("./images/blueprint.gif") center top no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}
#footer { 
 color: #333;
 width: 750px;
 background: #FFF;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

img { border: none; }

#klogo {     
  display: block;
  float:left;
  height:110px;
  width:347px;
  background: url("./images/logo-nofaq.jpg") no-repeat 0 0;
}
#khome {     
  display: block;
  float:left;
  height:110px;
  width:78px;
  background: url("./images/home.jpg") no-repeat 0 0;
}
#khome:hover { 
  background: url("./images/home-hot.jpg") no-repeat 0 0;
}
#kportfolio {     
  display: block;
  float:left;
  height:110px;
  width:122px;
  background: url("./images/portfolio.jpg") no-repeat 0 0;
}
#kportfolio:hover { 
  background: url("./images/portfolio-hot.jpg") no-repeat 0 0;
}
#kfaq {     
  display: block;
  float:left;
  height:110px;
  width:61px;
  background: url("./images/faq.jpg") no-repeat 0 0;
}
#kfaq:hover { 
  background: url("./images/faq-hot.jpg") no-repeat 0 0;
}
#kcontact {     
  display: block;
  float:left;
  height:110px;
  width:104px;
  background: url("./images/contact.jpg") no-repeat 0 0;
}
#kcontact:hover { 
  background: url("./images/contact-hot.jpg") no-repeat 0 0;
}
#khistory {     
  display: block;
  float:left;
  height:110px;
  width:98px;
  background: url("./images/history-end.jpg") no-repeat 0 0;
}
#khistory:hover { 
  background: url("./images/history-end-hot.jpg") no-repeat 0 0;
}
#foo {
 text-align: center;
}

