/* www.leo.zovic.ca stylesheet */

body { margin: 0px; padding: 0px; background-color: #1166bb; font-family : Gill Sans, Helvetica Neue, Trebuchet MS, Arial, sans-serif; font-size: large; }

#backgroundFill { position: absolute; top: 0px; height: 50%; width: 100%; background-color: #ffffff; z-index: -1; }
#backgroundImage { position: absolute; top: 0px; height: 45%; width: 100%; background-color: #ffffff; background-image: url('../images/leo.gif'); background-position: center bottom; background-repeat: no-repeat; }

#aboutMe { position: absolute; width: 300px; font-size: medium; left: 50%; top: 50%; margin-left: 100px; margin-top: -250px;}
#aboutMe a:link { color: #1166bb; text-decoration: none; }
#aboutMe a:visited { color: #1166bb; text-decoration: none; }
#aboutMe a:hover { color: #a6a6a6; text-decoration: none; }

#navigation { position: absolute; top: 53%; width: 800px; left: 50%; margin-left: -175px; z-index: 0; }
#navigation ul li { float: left; list-style: none; margin-right: 15px; font-size: 16px; font-weight: bold; }
#navigation ul li a { color: #ffffff; text-decoration: none; }
#navigation ul li span { color: #a6a6a6; }
#navigation ul li a:hover { color: #a6a6a6; }

#navigation li ul { visibility: hidden; position: absolute; margin-left: -35px; }
#navigation li ul li { float: none; font-weight: normal; }
#navigation li:hover ul { visibility: visible; }

#imageFlowMenu { width: 650px; height: 228px; left: 50%; margin-left: -325px; position: absolute; bottom: 50%; margin-bottom: -2px; z-index: 0;}

#imageMenu { position: absolute; top: 50%; margin-top: -140px; height: 175px; width: 100%; overflow: auto; white-space: nowrap; }
#imageMenu img { max-width: 100px; max-height: 148px; border: 2px solid #1166bb; margin-right: -50px; border-bottom: none; cursor: pointer; }
#imageMenu img:hover { margin-right: -10px; z-index: 1; border: 2px solid #a6a6a6; border-bottom: none; }

#curtain { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #000000; z-index: 300; visibility: hidden; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#imageFrame { visibility: hidden; position: absolute; left: 50%; margin-left: -310px; margin-top: 25px; padding: 5px 0px; width: 600px; background-color: #ffffff; z-index: 301; -webkit-border-radius: 20px; -moz-border-radius: 20px; background-image: url('../images/loadingImage.gif'); background-position: center center; background-repeat: no-repeat; }
#imageCaption { position: absolute; width: 600px; left: 50%; margin-left: -300px; padding-left: 20px; font-size: 25px; text-transform: uppercase; color: #ffffff; z-index: 301; margin-top: 3px; }
#imageFrame a { color: #1166bb; padding: 0px 10px; text-decoration: none; }
#imageFrame a:hover { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#imageFrame a img { border: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
#imageFrame #bottomNavIcons { background-color: #ffffff; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomr: 10px; }

#toolLogos { position: absolute; width: 600px; left: 50%; margin-left: -300px; bottom: 20px; text-align: right; }
#toolLogos a:hover img { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#toolLogos img { border: none; }

#ieWarning { position: absolute; width: 600px; left: 50%; top: 20px; margin-left: -300px; font-size: medium; }