/* Created February 21, 2010 by AP2 Creative*/
body {
background-color: #000;
color: #fff;
font: 1em Georgia, "Times New Roman", Times, serif;
margin: 0; 
padding: 0;
}
#container{
width: 85%;
margin: 0 auto;
background-color: #000;
color: #fff;
text-align: left;
line-height: 130%;
}
#sidebar {
float: left; 
width: 10%;
padding: 45px 0; 
border-right: 1px solid #cc3333;
}
#sidebar p {
margin-left: 10px; 
margin-right: 10px;
}

#navhom{
display: block;
width: 90px;
height: 90px;
background: url("../Images/Hom-new.jpg") no-repeat 0 0;
}
#navhom:hover{ 
background-position: 0 -90px;
}
#navhom span{
display: none;
}
#navblog{
display: block;
width: 90px;
height: 90px;
background: url("../Images/Blog-new.jpg") no-repeat 0 0;
}
#navblog:hover{ 
background-position: 0 -90px;
}
#navblog span{
display: none;
}
#navbio{
display: block;
width: 90px;
height: 90px;
background: url("../Images/Bio-new.jpg") no-repeat 0 0;
}
#navbio:hover{ 
background-position: 0 -90px;
}
#navbio span{
display: none;
}
#navboo{
display: block;
width: 90px;
height: 90px;
background: url("../Images/Boo-new.jpg") no-repeat 0 0;
}
#navboo:hover{ 
background-position: 0 -90px;
}
#navboo span{
display: none;
}
#navoce{
display: block;
width: 90px;
height: 90px;
background: url("../Images/Oce-new.jpg") no-repeat 0 0;
}
#navoce:hover{ 
background-position: 0 -90px;
}
#navoce span{
display: none;
}
#navpor{
display: block;
width: 90px;
height: 90px;
background: url("../Images/Portfolio-new.jpg") no-repeat 0 0;
}
#navpor:hover{ 
background-position: 0 -90px;
}
#navpor span{
display: none;
}
#navvis{
display: block;
width: 90px;
height: 90px;
background: url("../Images/Visi-new.jpg") no-repeat 0 0;
}
#navvis:hover{ 
background-position: 0 -90px;
}
#navvis span{
display: none;
}
#navnew{
display: block;
width: 90px;
height: 90px;
background: url("../Images/News-new.jpg") no-repeat 0 0;
}
#navnew:hover{ 
background-position: 0 -90px;
}
#navnew span{
display: none;
}
#navcon{
display: block;
width: 90px;
height: 90px;
background: url("../Images/Con-new.jpg") no-repeat 0 0;
}
#navcon:hover{ 
background-position: 0 -90px;
}
#navcon span{
display: none;
}
#navhum{
display: block;
width: 90px;
height: 90px;
background: url("../Images/Humanimals-new.jpg") no-repeat 0 0;
}
#navhum:hover{ 
background-position: 0 -90px;
}
#navhum span{
display: none;
}
#navhum1{
display: block;
width: 208px;
height: 208px;
background: url("../Images/Humanimals-new-large.jpg") no-repeat 0 0;
}
#navhum1:hover{ 
background-position: 0 -208px;
}
#navhum1 span{
display: none;
}
#navdoo{
display: block;
width: 90px;
height: 90px;
background: url("../Images/Doodlebug-new.jpg") no-repeat 0 0;
}
#navdoo:hover{ 
background-position: 0 -90px;
}
#navdoo span{
display: none;
}
#content {
margin: 0px 20px 0px 15%;
padding: 2em;
text-align: left;
}
#content h1{
padding: 0em;
}
#content a {
background-color: inherit;
color: #CC0000;
}
#content a:visited {
background-color: inherit;
color: #cc3333;
}
#content a:hover a:active {
background-color: inherit;
color: #9966CC;
}
#content img{
padding: .5em;
}
a.contenttellme {
display: block;
width: 108px;
height: 36px;
background: url("../Images/tellme-new.jpg") no-repeat 0 0;
}
a.contenttellme:hover {
background-position: 0 -36px;
}
a.contenttellme span {
display: none;
}
a.contenthooray {
display: block;
width: 108px;
height: 36px;
background: url("../Images/Hooray.jpg") no-repeat 0 0;
}
a.contenthooray:hover {
background-position: 0 -36px;
}
a.contenthooray span {
display: none;
}
a.contentshowme {
display: block;
width: 108px;
height: 36px;
background: url("../Images/showbooks-new.jpg") no-repeat 0 0;
}
a.contentshowme:hover {
background-position: 0 -36px;
}
a.contentshowme span {
display: none;
}
a.contentbuyit {
display: block;
width: 108px;
height: 36px;
background: url("../Images/BuyIt-new.jpg") no-repeat 0 0;
}
a.contentbuyit:hover {
background-position: 0 -36px;
}
a.contentbuyit  span {
display: none;
}
#contentpress{
display: block;
width: 208px;
height: 208px;
background: url("../Images/Press-new.jpg") no-repeat 0 0;
}
#contentpress:hover{ 
background-position: 0 -208px;
}
#contentpress span{
display: none;
}
#content p.top {
background-color: inherit;
color: #ffff00;
font-size: .7em;
font-style:italic;
margin: 5px; 
}
#doodlelove{
display: block;
width: 208px;
height: 208px;
background: url("../Images/DoodleLoveReviewHonor_button.jpg") no-repeat 0 0;
}
#doodlelove:hover{ 
background-position: 0 -208px;
}
#doodlelove span{
display: none;
}
#doodleinside{
display: block;
width: 208px;
height: 208px;
background: url("../Images/DoodleInsideDoodling_button.jpg") no-repeat 0 0;
}
#doodleinside:hover{ 
background-position: 0 -208px;
}
#doodleinside span{
display: none;
}
#doodlenoos{
display: block;
width: 208px;
height: 208px;
background: url("../Images/DoodleNoos_button.jpg") no-repeat 0 0;
}
#doodlenoos:hover{ 
background-position: 0 -208px;
}
#doodlenoos span{
display: none;
}
#doodlevideos{
display: block;
width: 208px;
height: 208px;
background: url("../Images/DoodleVideos_button.jpg") no-repeat 0 0;
}
#doodlevideos:hover{ 
background-position: 0 -208px;
}
#doodlevideos span{
display: none;
}
#doodleworkshops{
display: block;
width: 208px;
height: 208px;
background: url("../Images/DoodlebugWorkshops_button.jpg") no-repeat 0 0;
}
#doodleworkshops:hover{ 
background-position: 0 -208px;
}
#doodleworkshops span{
display: none;
}
#doodlesample{
display: block;
width: 208px;
height: 208px;
background: url("../Images/DoodleSamplePages_button.jpg") no-repeat 0 0;
}
#doodlesample:hover{ 
background-position: 0 -208px;
}
#doodlesample span{
display: none;
}
#doodlecover{
display: block;
width: 210px;
height: 315px;
background: url("../Images/Doodlebugcover_rollover.jpg") no-repeat 0 0;
}
#doodlecover:hover{ 
background-position: 0 -315px;
}
#doodlecover span{
display: none;
}


p.return a:link, p.return a:visited{
	font: .5em Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	background-color: inherit;
	color: #ff0000;
}
p.return a:hover, p.return a:active{
	font: .5em Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	background-color: inherit;
	color: #ff0000;
}

#footer{
background-color: inherit;
color: #fff;
text-align: center;
font: 1em Arial, Helvetica, sans-serif;
margin: 0; 
padding: 2em;
}
#footer p a {
background-color: inherit;
color: #fff;
}
#footer p a:visited {
background-color: inherit;
color: #DCDCDC;
}
#footer p a:hover, p a:active {
background-color: inherit;
color: #9966CC;
}