body {
margin: 0px;
background-image: url(images/header.png);
background-repeat: repeat-x;
font-family: arial;
}
.header {
width: 1024px;
background-image: url(images/main.png);
height: 180px;
}
.container {
width: 1000px;
}
#btn-home {
display: block;
width: 187px;
height: 51px;
background: url("images/btn-home-off.png") no-repeat 0 0;
}
#btn-home:hover { 
background: url("images/btn-home-on.png") no-repeat 0 0;
}
#btn-blog {
display: block;
width: 187px;
height: 51px;
background: url("images/btn-blog-off.png") no-repeat 0 0;
}
#btn-blog:hover { 
background: url("images/btn-blog-on.png") no-repeat 0 0;
}
#btn-portfolio {
display: block;
width: 187px;
height: 51px;
background: url("images/btn-portfolio-off.png") no-repeat 0 0;
}
#btn-portfolio:hover { 
background: url("images/btn-portfolio-on.png") no-repeat 0 0;
}
#btn-about {
display: block;
width: 187px;
height: 51px;
background: url("images/btn-about-off.png") no-repeat 0 0;
}
#btn-about:hover { 
background: url("images/btn-about-on.png") no-repeat 0 0;
}
#btn-contact {
display: block;
width: 187px;
height: 51px;
background: url("images/btn-contact-off.png") no-repeat 0 0;
}
#btn-contact:hover { 
background: url("images/btn-contact-on.png") no-repeat 0 0;
}
.content {
width: 1000px;
background-image: url(images/content-midtop.png);
min-height: 200px;
}
.text {
padding: 20px;
text-align: left;
line-height: 150%;
font-size: 15px;
text-align: justify;
color: #282828;
}
.content-bottom {
width: 1000px;
background-image: url(images/content-bottom.png);
height: 38px;
}
.footer {
width: 993px;
height: 30px;
background-image: url(images/footer-bg.png);
font-size: 11px;
padding-top: 15px;
color: #5c5c5c;
letter-spacing: 1px;
}
p {
padding-left: 10px;
padding-right: 20px;
}
h2 {
padding-left: 8px;
font-size: 18px;
}
h2 a {
color: #282828;
}
a {
color: #252525;
}