/* CSS Document */
body {
 padding: 0 0 20px 0;
 margin: 0;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, p, ul, img {
 padding: 0;
 margin:0;
}
ul {list-style-type: none;}
.spacer {
 font-size: 0;
 line-height: 0;
 clear: both;
}
img {display: block;}

/*---------- HEADER ----------*/
#header {
 background: url(images/header_full.jpg) no-repeat 0 0 #666;
 color: #ccc;
 height: 470px;
 border-bottom: #fff 1px solid;
 width: 778px;
 margin: 0 auto;
 padding: 41px 0 0 0;
}
#header img.logo {
 margin: 0;
 padding: 0;
 width: 268px;
}
#header ul {
 background-color: #333;
 height: 42px;
 margin: 428px 0 0 0;
 padding: 5px 0 0 28px;
 color: #ccc;
}
#header ul li {
 float: left;
 display: block;
 line-height: 31px;
 font-weight: bold;
 font-size: 11px;
 padding: 0 6px;
}
#header ul li a {
 text-decoration: none;
 color: #ccc;
 text-transform: capitalize;
 background-color: #333;
}
#header ul li a:hover, #header ul li.active {
 color: #f4d7ad;
 background-color: #333;
}

/*---------- BODY ----------*/
#body {
 width: 704px;
 background: url(images/body_pic.gif) no-repeat 100% 99% #666;
 color: #ccc;
 margin: 0 auto;
 padding: 31px 37px 42px;
}

/*---------- WELCOME ----------*/
#welcome {
 background: url(images/ans_wam.jpg) no-repeat 521px 57px;
 border-bottom: #999 1px solid;
 padding: 0 30px 0 0;
}
#welcome h2 {
 background: url(images/index.jpg) no-repeat 0 0;
 height: 61px;
 width: 297px;
 display: block;
 font-size: 0;
 line-height: 0;
 text-indent: -2000px;
 margin: 0 0 15px 0;
}
#welcome p {
 font-size: 11px;
 padding: 0 0 18px 0;
 line-height: 15px;
}
#welcome p.text {margin: 0 179px 0 0;}

/*---------- REVIEWS ----------*/
#reviews {
 background: url(images/loveletter.jpg) no-repeat 521px 57px;
 border-bottom: #999 1px solid;
 padding: 0 30px 0 0;
}
#reviews h2 {
 background: url(images/reviews.jpg) no-repeat 0 0;
 height: 61px;
 width: 297px;
 display: block;
 font-size: 0;
 line-height: 0;
 text-indent: -2000px;
 margin: 0 0 15px 0;
}
#reviews p {
 font-size: 11px;
 padding: 0 0 18px 0;
 line-height: 15px;
}
#reviews p.text {margin: 0 179px 0 0;}

/*---------- EXCERPTS ----------*/
#excerpts {
 background: url(images/mutualjoy.jpg) no-repeat 521px 57px;
 border-bottom: #999 1px solid;
 padding: 0 30px 0 0;
}
#excerpts h2 {
 background: url(images/excerpts.jpg) no-repeat 0 0;
 height: 61px;
 width: 297px;
 display: block;
 font-size: 0;
 line-height: 0;
 text-indent: -2000px;
 margin: 0 0 15px 0;
}
#excerpts p {
 font-size: 11px;
 padding: 0 0 18px 0;
 line-height: 15px;
}
#excerpts p.text {margin: 0 179px 0 0;}

/*---------- AUTHOR ----------*/
#author {
 background: url(images/erwin.jpg) no-repeat 521px 57px;
 border-bottom: #999 1px solid;
 padding: 0 30px 0 0;
}
#author h2 {
 background: url(images/author.jpg) no-repeat 0 0;
 height: 61px;
 width: 297px;
 display: block;
 font-size: 0;
 line-height: 0;
 text-indent: -2000px;
 margin: 0 0 15px 0;
}
#author p {
 font-size: 11px;
 padding: 0 0 18px 0;
 line-height: 15px;
}
#author p.text {margin: 0 179px 0 0;}

/*---------- CONTACT ----------*/
#contact {
 background: url(images/email.jpg) no-repeat 521px 57px;
 border-bottom: #999 1px solid;
 padding: 0 30px 0 0;
}
#contact h2 {
 background: url(images/contact.jpg) no-repeat 0 0;
 height: 61px;
 width: 297px;
 display: block;
 font-size: 0;
 line-height: 0;
 text-indent: -2000px;
 margin: 0 0 15px 0;
}
#contact p {
 font-size: 11px;
 padding: 0 0 18px 0;
 line-height: 15px;
}
#contact p.text {margin: 0 179px 0 0;}
#contact_form {font-size: 11px;}

/*---------- PROFILE ----------*/
#body h2.profile {
 background: url(images/profile.jpg) no-repeat 0 0;
 height: 54px;
 width: 258px;
 display: block;
 margin: 17px 0 10px 0;
 text-indent: -2000px;
}
#body ul.gallery {
 height: 104px;
 background: url(images/gallery_bg.gif) repeat-x 0 0;
 padding: 8px 0 0 10px;
}
#body ul.gallery li {
 background-color: #999;
 padding: 0 8px 0 0;
 color: #fff;
 float: left;
}
#body ul.gallery li.nopadding {padding: 0;}
#body ul.num {
 height: 14px;
 border-bottom: #999999 1px solid;
 padding: 0 0 5px 508px;
 margin: 0 0 45px 0;
}

/*---------- FOOTER ----------*/
#body ul.footer {
 font-size: 0;
 height: 18px;
 margin: 0 0 8px 0;
}
#body ul.footer li {
 float: left;
 display: block;
 line-height: 18px;
 font-weight: normal;
 font-size: 10px;
 padding: 0 6px;
}
#body ul.footer li a {
 text-decoration: none;
 color: #ccc;
 text-transform: capitalize;
 background-color: #666;
}
#body ul.footer li a:hover, #body ul li.active {text-decoration: underline;}
#body p.footertex {
 font-size: 9px;
 line-height: 6px;
 margin: 0 0 5px 0;
}
#body p.footertex a {
 text-decoration: none;
 color: #b3b3b3;
 background-color: #666;
}
#body p.footertex a:hover {
 color: #fff;
 background-color: #666;
}
#black {
 width: 778px;
 border-top: #fff 1px solid;
 height: 37px;
 margin: 0 auto;
 background-color: #333;
 color: #fff;
}