@import "b.css";

body { font: 10px/12px Arial; color: #3E3E3C; background: #E6E6DE; }
a, a:link, a:visited { color: #878783; text-decoration: none; }
a:hover { color: #3E3E3C; }
* { margin: 0; padding: 0; border: 0; outline: none; }
div, img { float: left; }
ul, li { list-style-type: none; margin: 0; padding: 0; }

.about { background: url(graphic.gif) 0 -217px repeat-x #E6E6DE; }
.photographs { background: url(graphic.gif) 0 -200px repeat-x #E6E6DE; }
.paintings { background: url(graphic.gif) 0 -183px repeat-x #E6E6DE; }
.contact { background: url(graphic.gif) 0 -166px repeat-x #E6E6DE; }
 
#root { width: 300px; margin: 0 auto; padding: 70px 0 0 0; float: none; }

#logo { width: 126px; height: 11px; margin: 0 87px 20px 87px; background: url(graphic.gif) no-repeat; }

#menu { margin: 0 87px 20px 87px; }

.link { width: 126px; padding: 2px 0 3px 0; text-align: center; float: left; }
.link2 { width: 126px; margin: 3px 0; padding: 2px 0 3px 0; text-align: center; font: 10px/12px Arial; color: #FFF; background: url(graphic.gif) 0 -115px no-repeat #FF3B3B; float: left; }

.content { width: 300px; margin: 0 0 23px 0; text-align: center; font: 13px/15px Arial; }
.content a { color: #3E3E3C; border-bottom: 1px solid #C5C5BE; text-decoration: none; }

#list { width: 300px; margin: 0 0 23px 0; text-align: center; background: url(list-bg.gif); }
#list a { font: 10px/12px Arial; text-decoration: none; }

.l-60-1 { width: 60px; height: 40px; float: left; }
.l-60-2 { width: 27px; height: 40px; padding: 0 17px 0 16px; float: left; }

#view { margin: 0 0 18px 0; }
#view a { color: #FFF; }

#more { width: 152px; margin: 0 74px; background: url(graphic.gif) 0 -149px no-repeat #6B6B6B; }
#less { width: 148px; margin: 0 76px; background: url(graphic.gif) 0 -132px no-repeat #6B6B6B; }

.view { padding: 2px 0 3px 0; text-align: center; float: left; }

#bottom { width: 300px; padding: 0 0 70px 0; text-align: center; }