html, body, #tablecontainer, #tdcontainer {width: 100%; height: 100%; font-size: 10pt;}

body {background: #c4c4c4 url(/images/background.jpg) no-repeat center center fixed;}
body {font-family: Verdana; letter-spacing: 1px; color: black;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}
p {margin-bottom: 1em;}
p, td {line-height: 150%;}

#tdcontainer {vertical-align: middle; background: url(/images/homepage_shadow.png) no-repeat center center;}
#container {position: relative; width: 1000px; height: 700px; margin: 0 auto;}
#container {background: white; border: 1px solid black;}

#link {position: absolute; width: 1000px; height: 600px; top: 0; left: 0; z-index: 20;}
#link img {width: 1000px; height: 600px;}

#circle1,
#circle2,
#circle3 {position: absolute; z-index: 10;}
#circleswitch1,
#circleswitch2,
#circleswitch3 {position: absolute; display: none; z-index: 11;}
#circle1,
#circleswitch1 {width: 416px; height: 248px; left: 0; top: 0;}
#circle2,
#circleswitch2 {width: 237px; height: 364px; right: 0; bottom: 20px;}
#circle3,
#circleswitch3 {width: 254px; height: 194px; left: 10px; bottom: 20px;}

#logo {position: absolute; width: 482px; height: 109px; right: 40px; top: 40px;}

#address {position: absolute; width: 280px; height: 150px; top: 170px; right: 0; z-index: 30;}
#address {text-align: left; font-size: 110%;}

#pic {height: 600px;}

#info {position: absolute; left:0; bottom: 20px; width: 1000px; height: 80px; background: #948ce3; text-align: center; color: white;}
#info table {position: absolute; width: 500px; left: 280px; top: 0;}
#info table td {text-align: left; vertical-align: top; padding: .4em;}

#googlemaps {position: absolute; z-index: 5; right: -30px; top: -6px;}

#bar {position: absolute; bottom: 0; left: 0; width: 1000px; height: 20px; background: #2b359c; color: white; font-size: 80%; text-align: center;}
#bar a {color: white;}
#bar li {display: inline; margin: 0 5em;}