body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 76%;
	background: url(../graphics/background.gif) repeat-x;
}
* html body.alt h2 { width: 465px; }

img { border: 0 none; }

h1 { border-bottom: 1px solid #daddde; font-weight: normal; font-size: 240%; padding: 10px 50px; margin: 0; }

a { color: #2c3a3e; }

td { vertical-align: top; padding: 10px; margin: 10px; }
.audio td { padding: 4px 10px; border-bottom: 1px solid #daddde; }
.audio td a { font-weight: bold; background: url(../graphics/cd.gif) no-repeat; padding-left: 30px; display: block; height: 20px; line-height: 20px; }
.audio td a:hover { text-decoration: underline; }

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

#wrapper { width: 840px; margin: 0 auto; }

#header { position: relative; z-index: 10; }

#contact { position: absolute; z-index: 50; right: 50px; bottom: 75px; }

#banner { position: relative; height: 141px; }
#banner.alt { }
#banner h2 { position: absolute; left: 0; bottom: 40px; width: 365px; color: white; font-weight: normal; text-align: center; font-size: 170%; }

#navigation { height: 45px; background: url(../graphics/navigation.gif) repeat-x; padding: 0 50px; }
* html #navigation { margin-top: -2px; }
#navigation ul { float: left; margin: 0; padding: 0; height: 45px; background: url(../graphics/navlink_border.gif) no-repeat top right; padding-right: 1px; }
#navigation ul li { position: relative; list-style-type: none; float: left; display: inline; background: url(../graphics/navlink_border.gif) no-repeat; height: 45px; padding-left: 1px; }
#navigation ul li a { float: left; padding: 0 15px; color: #606b70; height: 45px; line-height: 45px; text-decoration: none; text-transform: uppercase; font-size: 120%; }
#navigation ul li a:hover { background: url(../graphics/navlink_hover.gif); }
#navigation ul li.nav_active a, #navigation ul li.nav_active a:hover { background: url(../graphics/nav_active.gif); }
#navigation ul li ul { position: absolute; left: 0; top: 45px; background: none; }
#navigation ul li ul li,
#navigation ul li.nav_active ul li { float: none; display: block; background: transparent none; height: auto; padding-left: 0; }
#navigation ul li ul li a,
#navigation ul li.nav_active ul li a { float: none; display: block; height: 30px; line-height: 30px; background: white none; white-space: nowrap; text-transform: none; border-width: 0 1px 1px; border-style: solid; border-color: #daddde; font-weight: normal; }
#navigation ul li ul li a:hover,
#navigation ul li.nav_active ul li a:hover,
#navigation ul li ul li.nav_active a,
#navigation ul li.nav_active ul li.nav_active a { background: #f7f7f8 none; }
* html #navigation ul li ul li a { height: auto; line-height: 1; padding-top: 7px; padding-bottom: 7px; width: 160px; white-space: normal; }

#slideshow { position: absolute; right: 0; top: 0; }
#slideshow ul { margin: 0; padding: 0; list-style-type: none; }
#slideshow ul li { position: absolute; right: 0; top: 0; display: none; }
#slideshow ul li.active { display: block; }
#slideshow ul li.jsactive { z-index: 10; }

* html #navigation table { border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; font-size: 1em; z-index: 300; position: absolute; left: 0; top: -1000px; }
* html #navigation a:hover table { display: block; left: 0; top: 0; }
#navigation td { margin: 0; padding: 0; }
#navigation td a { position: relative; zoom: 1; }
* html #navigation a:hover { position: relative; z-index: 100; }
#navigation li:hover { position: relative; }
* html #navigation ul ul a:hover { position: relative; z-index: 110; }
#navigation ul ul li:hover { position: relative; }
* html #navigation ul ul ul a:hover { position: relative; z-index: 120; }
#navigation ul ul ul ul a:hover { position: relative; z-index: 130; }
#navigation ul ul { visibility: hidden; display: none; }
#navigation ul :hover ul { visibility: visible; display: block; height: auto; }
#navigation ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul { visibility: visible; }
#navigation ul :hover ul :hover ul :hover ul { visibility: visible; }

#main { position: relative; background: white url(../graphics/content.gif) repeat-x bottom left; padding-bottom: 20px; margin-bottom: 20px; }

#photo { position: absolute; top: 0; right: 50px; background: url(../graphics/photo_bg.gif) repeat-x; padding: 0 3px; }
#photo img { padding: 20px; background: url(../graphics/photo.gif) repeat-x; }

#content { padding: 0 50px; #padding: 20px 50px 0; min-height: 200px; }
#content.photo { padding-right: 320px; }
#content h2 { position: relative; font-weight: normal; font-size: 150%; color: #606b70; }
#content h2 div { position: absolute; top: 0.4em; right: 0; font-size: 70%; background: url(../graphics/cd.gif) no-repeat center right; height: 20px; padding-right: 25px; }
#content p { font-size: 110%; line-height: 1.4em }

#footer { padding: 0 50px 20px; font-size: 80%; }

#gallery { margin: 20px -40px 0 -20px; padding: 0; }
#gallery li { list-style-type: none; float: left; width: 178px; padding-left: 2px; height: 176px; background: url(../graphics/gallery_border.gif) repeat-x; margin: 0 20px 20px 0; }
#gallery li a { float: left; width: 176px; height: 176px; background: url(../graphics/gallery.gif) repeat-x; text-align: center; }
#gallery li a img { position: relative; }