.topic {
font : 32px/18px "News Gothic Std", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
color : #1d190c;
background-color : transparent;
}


body {
color : #1d190c;
background-color : #ffffff;
background-image : url(../gfx/naviright.jpg);
background-repeat : repeat-x;
font : 13px/18px "News Gothic Std", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
}


a:link, a:visited {
	color : #666565;
	text-decoration : none;
}

a:hover, a:active {
	color: #312f2f;
	text-decoration: none;
}


input.field { 
	word-spacing: 0;
	font : 13px/18px "News Gothic Std", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	color: #000000;
	background-color: transparent;
	margin: 0;
	border: solid 1px #1d190c;
}

textarea.field {
	color: #000000;
	font : 13px/18px "News Gothic Std", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	background-color: transparent;
	border: solid 1px #1d190c;
	margin: 0;
}

.button {
	color: #000000;
	font : 13px/18px "News Gothic Std", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	border: solid 1px #1d190c;
}


ul {
list-style-image: url(../gfx/links.gif);
padding: 0px 0px 0px 20px;
}


* html ul {
margin: 18px 0px 18px 0px;
}


#mainbody {
position : absolute;
top : 0;
left : 0;
width : 980px;
min-height : 100%;
border : 0 solid #1188e5;
background-image : url(../gfx/bg_news.jpg);
background-repeat : no-repeat;
float : left;
}


#hide {
width : 0px;
height : 0px;
float : left;
margin-top : -2000px;
margin-left : -2000px;
display : none;
}


#logo {
width : 261px;
height : 82px;
float : left;
background-image : url(../gfx/logo.jpg);
background-repeat : no-repeat;
}


#news {
width : 117px;
height : 82px;
background-image : url(../gfx/news.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#news:hover {
background-image : url(../gfx/news1.jpg);
}


#news:active {
background-image : url(../gfx/news2.jpg);
}


#gallery {
width : 114px;
height : 82px;
background-image : url(../gfx/gallery.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#gallery:hover {
background-image : url(../gfx/gallery1.jpg);
}


#gallery:active {
background-image : url(../gfx/gallery2.jpg);
}


#about {
width : 99px;
height : 82px;
background-image : url(../gfx/about.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#about:hover {
background-image : url(../gfx/about1.jpg);
}


#about:active {
background-image : url(../gfx/about2.jpg);
}


#contact {
width : 132px;
height : 82px;
background-image : url(../gfx/contact.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#contact:hover {
background-image : url(../gfx/contact1.jpg);
}


#contact:active {
background-image : url(../gfx/contact2.jpg);
}


#links {
width : 93px;
height : 82px;
background-image : url(../gfx/links.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#links:hover {
background-image : url(../gfx/links1.jpg);
}


#links:active {
background-image : url(../gfx/links2.jpg);
}


#friends {
width : 164px;
height : 82px;
background-image : url();
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#friends:hover {
background-image : url();
}


#friends:active {
background-image : url();
}


#people {
width : 117px;
height : 36px;
background-image : url(../gfx/people.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#people:hover {
background-image : url(../gfx/people1.jpg);
}


#people:active {
background-image : url(../gfx/people2.jpg);
}


#nudes {
width : 99px;
height : 36px;
background-image : url(../gfx/nudes.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#nudes:hover {
background-image : url(../gfx/nudes1.jpg);
}


#nudes:active {
background-image : url(../gfx/nudes2.jpg);
}


#drawings {
width : 100px;
height : 36px;
background-image : url(../gfx/drawings.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#drawings:hover {
background-image : url(../gfx/drawings1.jpg);
}


#drawings:active {
background-image : url(../gfx/drawings2.jpg);
}


#others {
width : 113px;
height : 36px;
background-image : url(../gfx/others.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#others:hover {
background-image : url(../gfx/others1.jpg);
}


#others:active {
background-image : url(../gfx/others2.jpg);
}


#photos {
width : 94px;
height : 36px;
background-image : url(../gfx/photos.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#photos:hover {
background-image : url(../gfx/photos1.jpg);
}


#photos:active {
background-image : url(../gfx/photos2.jpg);
}


#topright {
width : 230px;
height : 36px;
background-image : url(../gfx/topright.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#top {
width : 756px;
height : 36px;
z-index : 1;
float : left;
}


#main {
width : 980px;
float : left;
}


#left {
height : 1196px;
width : 224px;
margin-top : 0px;
margin-left : 0px;
float : left;
z-index : 0;
text-align : center;
}


* html #left {
width : 224px;
margin-top : 0px;
margin-left : 0px;
float : left;
}


#leftnavi {
width : 224px;
height : 1196px;
margin-top : 0px;
margin-left : 0px;
z-index : 0;
text-align : center;
background-image : url(../gfx/leftnavi.jpg);
background-repeat : no-repeat;
float : left;
overflow : hidden;
}


#thumbnails {
width : 223px;
height : 480px;
margin-top : 0px;
margin-left : 0px;
z-index : 0;
text-align : center;
float : left;
overflow-x : hidden;
overflow-y : auto;
}


#thumbs {
width : 215px;
height : 480px;
margin-top : 0px;
margin-left : 0px;
z-index : 0;
text-align : center;
float : left;
}


#middle {
min-width : 67px;
float : left;
}

#right {
width : 457px;
float : left;
}

* html #right {
padding-left : 63px;
}


.content {
width : 660px;
margin-top : 35px;
margin-left : 84px;
float : left;
z-index : 1;
}


* html .content {
margin-top : 35px;
margin-left : 42px;
float : left;
z-index : 1;
}


#gal-people {
width : 79px;
height : 406px;
margin : 0 0 0 25px;
background-image : url(../gfx/gal-people.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#gal-nudes {
width : 79px;
height : 406px;
margin : 0 0 0 23px;
background-image : url(../gfx/gal-nudes.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#gal-drawings {
width : 79px;
height : 406px;
margin : 0 0 0 23px;
background-image : url(../gfx/gal-drawings.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#gal-others {
width : 79px;
height : 406px;
margin : 0 0 0 25px;
background-image : url(../gfx/gal-others.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


#gal-photos {
width : 79px;
height : 406px;
margin : 0 0 0 24px;
background-image : url(../gfx/gal-photos.jpg);
background-repeat : no-repeat;
z-index : 1;
float : left;
}


.content_left {
width : 300px;
margin-top : 0px;
margin-left : 0px;
float : left;
z-index : 1;
}


* html .content_left {
margin-top : 0px;
margin-left : 0px;
float : left;
z-index : 1;
}


.content_right {
width : 300px;
margin-top : 0px;
margin-right : 0px;
float : right;
z-index : 1;
}


* html .content_right {
margin-top : 35px;
margin-left : 42px;
float : right;
z-index : 1;
}


.footer {
margin-left : 307px;
margin-bottom : 20px;
font : 11px/18px "News Gothic Std", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
color : #312f2f;
background-color : transparent;
}