@import url(base.css);
@import url(content.css);

* {background-repeat: no-repeat; margin: 0; }
BODY {background-color: #414436; background-repeat: no-repeat; color: #000; position: relative; min-width: 990px; }



.layout {margin: 0 auto; max-width: 102em; position: relative; }
.layout-a {margin: 0 20px; }

	.layout,
	.layout-a {min-height: 0; }

	* HTML .layout {width: 990px; }
	* HTML .layout-a {height: 1px; }



#top .layout {background-image: url(../i/top-bg.jpg); background-position: 25px 0; }
#top .layout-a {height: 87px; position: relative; }



#logo {background-image: url(../i/logo.png); position: absolute; left: 0; top: 23px; width: 521px; height: 36px; }
#logo A {display: block; overflow: hidden; padding-top: 36px; height: 0; }



#main {background: #c2c2b7; color: #373b2d; padding: 15px 0; }
#main-a {border: solid #63655c; border-width: 0 2px; margin: 0 230px 0 140px; }
#main-b {background-image: url(../i/mnu-content-separ.png); margin: 0 -232px 0 -142px; position: relative; }
#main-c {background-image: url(../i/content-app-separ.png); background-position: right top; }

	#main,
	#main-a,
	#main-b,
	#main-c {min-height: 0; }

	* HTML #main,
	* HTML #main-a,
	* HTML #main-b,
	* HTML #main-c {height: 1px; }



#content-n-app-box {float: right; margin-left: -140px; width: 100%; }
#content-n-app {margin-left: 142px; }

	#content-n-app {min-height: 0; }
	* HTML #content-n-app {height: 1px; }



#content-box {float: left; margin-right: -200px; width: 100%; }
#content {background-image: url(../i/content-bg.jpg); margin: -15px 232px 0 0; position: relative; min-height: 260px; }
#content-b {padding: 15px 40px 0; }

	#content-b,
	#content-c {min-height: 0; }

	* HTML #content {height: 260px; }

	* HTML #content-b,
	* HTML #content-c {height: 1px; }

	* HTML #content-a {overflow-x: hidden; width: 100%; }


.app .blk {margin-bottom: 2.5em; }
	* HTML .app {overflow-x: hidden; }



#app {float: right; width: 200px; }


#app .blk.photo IMG {border: 1px solid #a8a99d; padding: 3px; vertical-align: top; }
#app .photo {margin-bottom: 1em; }



#app .blk.quotes {color: #373b2d; }
#app .blk.quotes DT {background-image: url(../i/app-quotes-header.gif); margin-bottom: 1em; overflow: hidden; padding-top: 20px; height: 0; }
#app .blk.quotes UL {font-size: .8333em; }
#app .blk.quotes UL LI {margin-bottom: 2em; }
#app .blk.quotes CITE {color: #85877f; display: block; font-style: normal; font-weight: bold; margin-top: .5em; text-align: right; }
#app .blk.quotes CITE SMALL {font-size: 1em; font-weight: normal; }



#mnu-col {float: left; padding-top: 10px; width: 140px; }
#mnu-col .blk {width: 106px; }



#mnu {width: 106px; }
#mnu DT {display: none; }

#mnu UL,
#mnu UL LI {border: solid #97978f; }

#mnu UL {border-width: 1px 0 0; font-family: Garamond, "Times New Roman", Georgia, serif; font-size: 16px; font-weight: bold; line-height: 25px; text-transform: uppercase; }
#mnu UL LI {border-width: 0 0 1px; }
#mnu UL LI A {color: #454838; text-decoration: none; }
#mnu UL LI A:hover {color: #000; text-decoration: underline; }

#mnu UL LI A,
#mnu UL LI SPAN {display: block; overflow: hidden; width: 100%; height: 25px; }

#mnu UL LI SPAN {margin-bottom: -25px; position: relative; z-index: 5; }

#mnu UL LI.bio       SPAN {background-image: url(../i/mnu/bio.gif); }
#mnu UL LI.music     SPAN {background-image: url(../i/mnu/music.gif); }
#mnu UL LI.cd        SPAN {background-image: url(../i/mnu/cd.gif); }
#mnu UL LI.reviews   SPAN {background-image: url(../i/mnu/reviews.gif); }
#mnu UL LI.photos    SPAN {background-image: url(../i/mnu/photos.gif); }
#mnu UL LI.contacts  SPAN {background-image: url(../i/mnu/contacts.gif); }
#mnu UL LI.guestbook SPAN {background-image: url(../i/mnu/guestbook.gif); }

	* HTML #mnu UL LI A {padding-top: 25px; height: 0; }
	* HTML #mnu UL LI SPAN {display: none; }

	* HTML #mnu UL LI.bio       {background-image: url(../i/mnu/bio.gif); }
	* HTML #mnu UL LI.music     {background-image: url(../i/mnu/music.gif); }
	* HTML #mnu UL LI.cd        {background-image: url(../i/mnu/cd.gif); }
	* HTML #mnu UL LI.reviews   {background-image: url(../i/mnu/reviews.gif); }
	* HTML #mnu UL LI.photos    {background-image: url(../i/mnu/photos.gif); }
	* HTML #mnu UL LI.contacts  {background-image: url(../i/mnu/contacts.gif); }
	* HTML #mnu UL LI.guestbook {background-image: url(../i/mnu/guestbook.gif); }



#mnu-col .blk.news DT {background-image: url(../i/mnu-col-news-header.gif); margin-bottom: 1em; overflow: hidden; padding-top: 20px; height: 0; }
#mnu-col .blk.news DD {margin-right: -5px; position: relative; }
#mnu-col .blk.news DL {font-size: .8333em; }
#mnu-col .blk.news DL DT {background-image: none; color: #85877f; margin-bottom: 0; overflow: visible; padding-top: 0; width: auto; height: auto; }

#mnu-col .blk.news DL DD,
#mnu-col .blk.news DL DD A {color: #373b2d; }

#mnu-col .blk.news DL DD {margin-bottom: 1.5em; }
#mnu-col .blk.news DL DD A {text-decoration: none; }
#mnu-col .blk.news DL DD A:hover {color: #000; text-decoration: underline; }

	#mnu-col .blk.news DD,
	#mnu-col .blk.news DL,
	#mnu-col .blk.news DL DT {min-height: 0; }

	* HTML #mnu-col .blk.news DD,
	* HTML #mnu-col .blk.news DL,
	* HTML #mnu-col .blk.news DL DT {height: 1px; }



#bot .layout {background-image: url(../i/bot-bg.jpg); height: 162px; }



#copy {font-size: .8333em; padding-top: 1em; text-align: right; }



BODY.home {background-image: url(../i/TEMP-home-entire.jpg); background-position: center top; }


BODY.home #canvas {margin: 0 auto; position: relative; width: 990px; height: 778px; }



BODY.home #logo {background-image: url(../i/logo-home.png); overflow: hidden; padding-top: 45px; left: 96px; top: 141px; width: 143px; height: 0; }



BODY.home #mnu {margin: 0; position: absolute; left: 115px; top: 266px; z-index: 5; }

BODY.home #mnu UL LI.bio       SPAN {background-image: url(../i/mnu/home/bio.gif); }
BODY.home #mnu UL LI.music     SPAN {background-image: url(../i/mnu/home/music.gif); }
BODY.home #mnu UL LI.cd        SPAN {background-image: url(../i/mnu/home/cd.gif); }
BODY.home #mnu UL LI.reviews   SPAN {background-image: url(../i/mnu/home/reviews.gif); }
BODY.home #mnu UL LI.photos    SPAN {background-image: url(../i/mnu/home/photos.gif); }
BODY.home #mnu UL LI.contacts  SPAN {background-image: url(../i/mnu/home/contacts.gif); }
BODY.home #mnu UL LI.guestbook SPAN {background-image: url(../i/mnu/home/guestbook.gif); }

BODY.home #mnu UL LI A {color: #c2c2b7; }
BODY.home #mnu UL LI A:hover {color: #fff; }

	* HTML BODY.home #mnu UL LI.bio       {background-image: url(../i/mnu/home/bio.gif); }
	* HTML BODY.home #mnu UL LI.music     {background-image: url(../i/mnu/home/music.gif); }
	* HTML BODY.home #mnu UL LI.cd        {background-image: url(../i/mnu/home/cd.gif); }
	* HTML BODY.home #mnu UL LI.reviews   {background-image: url(../i/mnu/home/reviews.gif); }
	* HTML BODY.home #mnu UL LI.photos    {background-image: url(../i/mnu/home/photos.gif); }
	* HTML BODY.home #mnu UL LI.contacts  {background-image: url(../i/mnu/home/contacts.gif); }
	* HTML BODY.home #mnu UL LI.guestbook {background-image: url(../i/mnu/home/guestbook.gif); }


BODY.home #bot .layout {background-image: none; padding-top: 613px; width: 990px; height: auto; }
BODY.home #copy {padding-right: 15px; }


DL.compact:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }

DL.compact > DT,
DL.compact > DD {margin: 0; }

DL.compact > DT {float: left; margin-right: .4em; }
DL.compact > DT.single {float: none; margin-right: 0 !important; }



DL.compact-with-vspace:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
DL.compact-with-vspace > DT {margin: 0; }

DL.compact-with-vspace > DT {float: left; margin-right: .4em; }
DL.compact-with-vspace > DT.single {float: none; margin-right: 0 !important; margin-bottom: .75em; }