body {margin: 0; padding: 0; background: #000; text-align: center; font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #ccc;}

a, td a {color: #99ccff; text-decoration: none;}
a:hover, td a:hover {color: #fff; text-decoration: underline;}

#breadcrumbs a:hover {color: #fff; text-decoration: underline;}

/* FULL WIDTH GRAY AREA W/ ROUNDED CORNERS */
#roundGray680Top {width: 680px; background: url(../images/roundGray680Top.gif) no-repeat left top; padding: 25px 25px 0 25px;}
#roundGray680Middle {width: 680px; background: url(../images/roundGray680Middle.gif) repeat-y left top;}
#roundGray680Bottom {width: 680px; background: url(../images/roundGray680Bottom.gif) no-repeat left bottom; padding: 0 25px 25px 25px;}


/* LOGO AND PAGE TITLES */
#header img {display: none;}
#logo {width: 139px; height:25px; margin: 0; padding: 0; background: url(../images/head-logo-black.gif) left no-repeat; float: left;}
#photography {width: 121px; height:25px; margin: 0; padding: 0; background: url(../images/head-photography-black.gif) left no-repeat; float: left;}

#subnav a {color: #ccc; text-decoration: none;}
#subnav a:hover {color: #fff;}

/* FLASH PRESENTATION */
/* incredible that the border property cannot be used?!! instead this is a full box placed behind, and even that needs to be hacked specially :( */
#flashBox {background-color: #999; width: 602px; height: 401px; padding-top: 1px; text-align: center; margin-left: 40px; margin-bottom:30px; vertical-align: middle;}


/* MAIN NAVIGATION */
/* adjusts to table width and font size; no highlight class implemented for now... */
#nav {table-layout: fixed; width: 300px; padding: 0; border: 0; margin: 0; float:right;}
#nav td {font-weight: bold; font-size: 11px; line-height: 16px; text-align: center; vertical-align: middle; white-space: nowrap; padding: 0; background: transparent url(../images/nav-top-black.gif) no-repeat center top;}
#nav td.first {background-position: left top;}
#nav td.last {background-position: right top;}
#nav a {text-decoration: none; color: #ddd; display: block; padding: 5px 0 8px 0; background: transparent url(../images/nav-bottom-black.gif) no-repeat center bottom;}
#nav td.first a {background-position: left bottom; padding: 5px 0 8px 0;}
#nav td.last a {background-position: right bottom; padding: 5px 0 8px 0;}
#nav a:hover {color: #fff;}


/* SPECIAL */
p.info {background: url(../images/icon_info-16-black.gif); background-repeat: no-repeat; padding-left: 18px; padding-bottom: 2px;}