/* index styles 
html {height: 99%; max-height: 99%; overflow: hidden;}
body {height: 100%; max-height: 100%; overflow: auto; background: #454545; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}*/

/* general structure 
#container1 {width: 980px; margin: 0 auto;}
#container {max-height: 100%; width: 950px; margin: 0 auto; padding: 0; border: 0; position: relative;}*/

html {height: 100%; max-height: 100%; margin: 0; padding: 0; border: 0; overflow: hidden;}
body {height: 100%; max-height: 100%; margin: 0; padding: 0; border: 0; background: #454545 url(images/General/background.gif) repeat-y center; font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; overflow: auto;}

#outer {width: 590px; height: 100%; margin: 0 auto; padding: 0; border: 0; position: relative; overflow: hidden;}
#inner {position: absolute; top: 50%; height: 300px; margin-top: -150px; padding: 0; border: 0;}
#inner img {position: absolute; top: 90px; left: 0; border: 0; width: 350px; height: 226px; margin: 0; padding: 0;}

#title {position: relative; top: 0; margin: 0; letter-spacing: 10px;}
#title h1 {font-family: Garamond, "Times New Roman", Times, serif; color: #ddd; font-size: 2.4em; font-variant: small-caps; text-align: center; font-weight: 600; margin: 0; padding-bottom: 20px;}

#menu {margin: 0 0 0 350px; padding: 0; border: 0; letter-spacing: 5px;}
#menu a {display: block; height: 60px; text-decoration: none; color: #ccc; font-size: 1.6em; font-weight: normal; font-variant: small-caps; text-align: left; margin: 0; padding: 0; border: 0;}
#menu a.first {margin: 85px 0 0 0;}
#menu a img {width: 1px; height: 1px; border: 0;}
#menu a:hover {color: #fff;}
#menu a:hover img {width: 350px; height: 226px;}