html, body {width:100%; height:100%}
body {padding:0px; margin:0px; font-size:smaller; font-family:"Arial Narrow", Verdana, Arial, sans-serif; color:#222; background:white}
h1, h2 {font-family:"Arial Narrow", "Trebuchet MS", Arial, sans-serif; font-weight:normal; text-transform:uppercase; color:#666}
a, img {border:0px}

.column {float:left; width:47%; margin:1%}
.column.third {width:27%; margin-left:1%}
.column.twothird {width:54%; margin-left:1%}

.framed_image,
#featured_image
{display:block; margin:auto}

.centered_bg {height:100px; background:/*#ddd*/ no-repeat center center}
.centered_bg.long {height:450px !important}

#body, #top_page {width:100%; background:white}
#body {padding-top:30px; background:top right no-repeat white url(img/logo.png)}
#content {width:75%; float:left; margin:10px; padding:20px}
#content a {text-decoration:none; font-weight:bold; color:#bbb}
#content a:hover {color:black}
#content a img {border:0px}
#menu {float:left; width:100px; padding:60px 0px; margin:0px; list-style:none inside}
#menu li {margin:10px 0px}
#menu a {display:block; width:100px; height:42px; background:0px 0px no-repeat}
#menu a:hover {background-position:0px -42px}
#menu a:hover {background-position:0px -84px}
#menu a.active {background-position:0px -42px}
#menu a.active:hover {background-position:0px -42px}
#menu a#link_top		{background-image:url(img/link_top.gif)}
#menu a#link_bio		{background-image:url(img/link_about.gif)}
#menu a#link_portfolio	{background-image:url(img/link_portfolio.gif)}
#menu a#link_services	{background-image:url(img/link_services.gif)}
#menu a#link_clients	{background-image:url(img/link_clients.gif)}
#menu a#link_art		{background-image:url(img/link_art.gif)}
#menu a#link_contact	{background-image:url(img/link_contact.gif)}
#menu a#link_blog		{background-image:url(img/link_blog.gif)}
#menu a#link_links		{background-image:url(img/link_links.gif)}
#menuFooter {padding:0px; list-style:none inside; text-align:center}
#menuFooter li {display:inline; padding:2px; font-size:xx-small}

/*top page*/
#top_page #content {width:41%}
#top_menu {width:45%; padding:5px; background-color:#f00}
#top_menu {float:left; padding-top:20%; text-align:center; background:white}
#top_menu img {margin-bottom:10px}
#top_menu ul, #top_menu li {list-style:none inside}
#top_menu ul, #top_menu ul * {margin:0px; padding:0px; text-align:left}
#top_menu ul {width:224px; margin:auto} /*this had to be 230px in ff 3...*/
#top_menu li {float:left}
#top_menu a img {display:inline !important; height:36px; background:0px 0px no-repeat}
#top_menu a:hover img {background-position:0px -84px}
#top_menu a.active img {background-position:0px -42px}
#top_menu a.active:hover img {background-position:0px -42px}
#top_page a#link_bio img {width:106px; /*45px;*/ background-image:url(img/link_about.gif)}
#top_page a#link_portfolio img {width:107px; background-image:url(img/link_portfolio.gif)}
#top_page a#link_services img {width:106px; background-image:url(img/link_services.gif)}
#top_page a#link_clients img {width:85px; background-image:url(img/link_clients.gif)}
#top_page a#link_art img {width:106px; background-image:url(img/link_art.gif)}
#top_page a#link_contact img {width:95px; background-image:url(img/link_contact.gif)}
#top_page a#link_blog img {width:106px /*63px*/; background-image:url(img/link_blog.gif)}
#top_page a#link_links img {width:59px; background-image:url(img/link_links.gif)}

/*about page*/
.bio p {font-size:larger}

/*portfolio index*/
.portfolio_index .column a {text-align:center}
.portfolio_index .column {margin-top:10%}
.portfolio_index .framed_image {display:inline; width:95%}

/*portfolio pages*/
#gallery_prev {float:left; margin-left:10%; text-transform:uppercase}
#gallery_next {float:right; margin-right:10%; text-transform:uppercase}

/*contact*/
form {width:95%; margin:5% auto; text-align:center}
form b {font-size:larger}
form div {text-align:left}
form label {display:block; float:left; width:75px; text-align:left}
form br {clear:both}
.contact_input {width:100%}/**/
#contact_follow {text-align:center}
#contact_follow a {padding:0px 5%}
#contact_follow img {width:100px}
.social {display:block; text-align:center}
.social img {width:100px}
#social_header {clear:both; margin:3%; margin-top:0px; text-align:center; font-size:x-large}

/*art*/
#art_caption {margin:auto; text-align:center; text-transform:uppercase}

/*links*/
.contact {text-align:center}
.contact p {margin-top:3px}
.contact p a {display:block}