body { background: #FFFFFF; width: 652px; margin: 0px; padding: 25px; }
.clear { float:none; clear:both; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
ul {list-style: none; margin: 0; padding: 0;}
h1 {height: 24px;}

#header { background: url(/images/main_title.jpg) top left no-repeat; margin: 0 0 20px 0; height: 38px; width: 652px;}


#menu { margin: 25px 0; }
#menu a {display: block; border: none; padding: 0; height: 24px;}
#menu a:hover {display: block; border: none; padding: 0; height: 24px;}
#menu ul { width: 320px; }
#menu li { margin: 0 0 5px 0; }
#menu .abandon {background: url('../images/menu/abandon.jpg') top left no-repeat; width: 181px;}
#menu .abandon:hover {background: url('../images/menu/abandon.jpg') bottom left no-repeat; width: 181px;}
#menu .architecture {background: url('../images/menu/architecture.jpg') top left no-repeat; width: 249px;}
#menu .architecture:hover {background: url('../images/menu/architecture.jpg') bottom left no-repeat; width: 249px;}
#menu .bio {background: url('../images/menu/bio.jpg') top left no-repeat; width: 81px;}
#menu .bio:hover {background: url('../images/menu/bio.jpg') bottom left no-repeat; width: 81px;}
#menu .blog {background: url('../images/menu/blog.jpg') top left no-repeat; width: 114px;}
#menu .blog:hover {background: url('../images/menu/blog.jpg') bottom left no-repeat; width: 114px;}
#menu .clients {background: url('../images/menu/clients.jpg') top left no-repeat; width: 153px;}
#menu .clients:hover {background: url('../images/menu/clients.jpg') bottom left no-repeat; width: 153px;}
#menu .contact {background: url('../images/menu/contact.jpg') top left no-repeat; width: 180px;}
#menu .contact:hover {background: url('../images/menu/contact.jpg') bottom left no-repeat; width: 180px;}
#menu .editorial {background: url('../images/menu/editorial.jpg') top left no-repeat; width: 180px;}
#menu .editorial:hover {background: url('../images/menu/editorial.jpg') bottom left no-repeat; width: 180px;}
#menu .exhibits {background: url('../images/menu/exhibits.jpg') top left no-repeat; width: 153px;}
#menu .exhibits:hover {background: url('../images/menu/exhibits.jpg') bottom left no-repeat; width: 153px;}
#menu .interiors {background: url('../images/menu/interiors.jpg') top left no-repeat; width: 180px;}
#menu .interiors:hover {background: url('../images/menu/interiors.jpg') bottom left no-repeat; width: 180px;}
#menu .metal {background: url('../images/menu/metal.jpg') top left no-repeat; width: 123px;}
#menu .metal:hover {background: url('../images/menu/metal.jpg') bottom left no-repeat; width: 123px;}
#menu .north {background: url('../images/menu/north.jpg') top left no-repeat; width: 132px;}
#menu .north:hover {background: url('../images/menu/north.jpg') bottom left no-repeat; width: 132px;}
#menu .press {background: url('../images/menu/press.jpg') top left no-repeat; width: 180px;}
#menu .press:hover {background: url('../images/menu/press.jpg') bottom left no-repeat; width: 180px;}

#caption .text { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; color: #333333; margin-top: 3px; }

#container { width: 652px; }

.content { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; width: 652px; top: 100px; padding: 30px 0; }
.content .date { color: #999999; font-size: 11px; }
.content .text { color: #333333; font-size: 11px; }

#section { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; }
#section a {display: block; border: none; padding: 0; height: 24px;}
#section a:hover {display: block; border: none; padding: 0; height: 24px;}
#section .abandon {background: url('../images/menu/abandon.jpg') top left no-repeat; width: 181px;}
#section .architecture {background: url('../images/menu/architecture.jpg') top left no-repeat; width: 249px;}
#section .bio {background: url('../images/menu/bio.jpg') top left no-repeat; width: 81px;}
#section .blog {background: url('../images/menu/blog.jpg') top left no-repeat; width: 114px;}
#section .blog:hover {background: url('../images/menu/blog.jpg') bottom left no-repeat; width: 114px;}
#section .clients {background: url('../images/menu/clients.jpg') top left no-repeat; width: 153px;}
#section .contact {background: url('../images/menu/contact.jpg') top left no-repeat; width: 180px;}
#section .editorial {background: url('../images/menu/editorial.jpg') top left no-repeat; width: 180px;}
#section .exhibits {background: url('../images/menu/exhibits.jpg') top left no-repeat; width: 153px;}
#section .interiors {background: url('../images/menu/interiors.jpg') top left no-repeat; width: 180px;}
#section .metal {background: url('../images/menu/metal.jpg') top left no-repeat; width: 123px;}
#section .north {background: url('../images/menu/north.jpg') top left no-repeat; width: 132px;}
#section .press {background: url('../images/menu/press.jpg') top left no-repeat; width: 180px;}
#section .home {background: url('../images/menu/home.jpg') top left no-repeat; width: 118px;}
#section .home:hover {background: url('../images/menu/home.jpg') bottom left no-repeat; width: 118px;}



#section .date { color: #999999; font-size: 11px; }
#section .text { color: #333333; font-size: 11px; }


#gallery { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; float: left; width: 652px; margin-top: 25px; }
#gallery .text { color: #333333; font-size: 11px; }
#gallery .title { color: #333333; font-size: 11px; font-weight: bold; }
#gallery .tnail { border: 3px solid #FFFFFF; }
#gallery .tnail_selected { border: 3px solid #FF0000; }


a:link { color: #999999; text-decoration: underline; }
a:active { color: #999999; text-decoration: underline; }
a:visited { color: #999999; text-decoration: underline; }
a:hover { color: #666666; text-decoration: underline; }