header {
    text-align: center;
    margin-bottom: .5em;
}

.header5 {
	margin: 0;
	font-weight: bold;
	color: #85C329;
}
section {
    width: 800px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
article {
    max-width: 800px;
}
article:after {
    clear: both;
    display: block;
    content: "";
}

article a {
    display: block;
    height: 25px;
    line-height: 25px;
    background: linear-gradient(#eaeaea, #ccc);
    color: #333;
    text-decoration: none;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border-bottom: solid 1px #aaa;
    
}
article a:hover, article a:focus{
    opacity: .8;
    outline: none;
}
article a:active{
    background: linear-gradient(#ccc, #ddd);
    color: #069;
}

/*
img {
    max-width: 50%;
    float: left;
    padding-right: .5em;
}
*/
.hideIt p {
    margin: 0 0 .0 .5em;
    height: 0;
    padding: 0 15px;
    overflow: hidden;
    transition: height .3s ease-out, padding .3s ease-out;
}

.hideIt a h2 {
    font-size: 1.2em;
    color: darkblue;
}

/* image work */
#overview {
    border-radius: 2px 2px 0 0;
}
#turtle {
    border-radius: 0 0 3px 3px;
}

/* para work */

:target + p {
    padding: 10px 15px;
}
#overview:target + p {
    height: auto;
}
#veneers:target + p {
    height: auto;
}
#hygiene:target + p {
    height: auto;
}
#rootcanal:target + p {
    height: auto;
}
#cosmetic:target + p {
    height: auto;
}
#nightguard:target + p {
    height: auto;
}
#whitening:target + p {
    height: auto;
}
#crowns:target + p {
    height: auto;
}
#bridge:target + p {
    height: auto;
}
#closeit:target + p {
    height: auto;
}