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 { padding: 4px 10px; border-bottom: 1px solid #daddde; }
td a { font-weight: bold; background: url(../graphics/cd.gif) no-repeat; padding-left: 30px; display: block; height: 20px; line-height: 20px; }
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; }

#contact { position: absolute; z-index: 50; right: 50px; bottom: 75px; }

#banner { position: relative; height: 141px; background: url(../graphics/banner.gif) no-repeat top right; }
#banner.alt { background: url(../graphics/banner_alt.jpg) no-repeat top right; }
#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 li { list-style-type: none; float: left; display: inline; background: url(../graphics/navlink_border.gif) no-repeat; height: 45px; padding-left: 1px; }
#navigation li a { float: left; padding: 0 15px; color: #606b70; height: 45px; line-height: 45px; text-decoration: none; text-transform: uppercase; font-size: 120%; }
#navigation li a:hover { background: url(../graphics/navlink_hover.gif); }
#navigation .nav_active a, #navigation .nav_active a:hover { background: url(../graphics/nav_active.gif); }

#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; }
