@charset "utf-8";
/* CSS Document - iBall Instruments by PixelMongers, LLC */
/* Adaptation of HTML Dog - Sons of Suckerfish Drop Down Menus with IE6 & IE7 hacks applied */
body {background-color: #000000; font-family: Arial, Helvetica, sans-serif; background-image: url(../Images/iBall_background.jpg); margin: 10px 0 0 0;}
a:link, a:active {color: #3E5B7B; text-decoration: underline;}
#parentcontainer { width: 910px; margin: 0 auto; height: auto; padding: 0;}
#menutop {float: left; width: 910px; height: 25px; padding: 0; margin: 0; clear: both; background-color: #000000;}
#mainmenu {float: left; width: 910px; height: 25px; margin: 0; background-color: #000000; font: .9em/1 Arial, Helvetica, sans-serif; clear: both; display: inline;}
	#nav, #nav ul {float: left;	width: 908px; height: 25px; list-style: none; line-height: 105%; background-image: url(../Images/menu_base.jpg); background-repeat: repeat; padding: 0 0 0 1px; margin: 0; text-align: center; z-index:10;}
	#nav a {display: block;	width: 226px; w\idth: 225px;color: #FFFFFF; text-decoration: none; padding:5px 0 5px 0; margin: 0;  }
	#nav a.daddy {background-image: url(../Images/menu_over.jpg); cursor: default;}
	#nav li { float: left; padding: 0; width: 225px; height: 25px; border-right: 1px solid #333; border-bottom: 1px solid #666; border-left:1px solid #333; text-align:center; display:block; }
	#nav li ul { position: absolute; left: -999em; height: auto; width: 226px; font-weight: normal; margin: 0; background-image:url(../Images/menu_sub_base.jpg); background-repeat: repeat; background-color: #333333; /* IE6 hack for transparency flicker */}
	#nav li ul a {width: 226px; w\idth: 225px; display:block; }
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em;}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto; background-image:url(../Images/menu_sub_base.jpg); *margin-left:-113px;/*Nothing but love for IE7.*/}	
	#nav li:hover, #nav li.sfhover {background-image: url(../Images/menu_over.jpg); background-repeat: repeat;}
	#nav li:hover ul {background-image: url(../Images/menu_sub_over.jpg); background-repeat: repeat;}
#masthead {float: left; width: 910px; height: 107px; margin: 0; padding: 0; clear: both;}
#logo {float: left; width: 102px; height: 102px; margin: 0 0 5px 0; padding: 0; clear: left;}
#secondary_menutop {float: left; width: 800px; height: auto; color: #FFFFFF; padding: 10px 8px 0 0; margin: 0; text-align: right; clear: both; font: .8em/1.1 Arial, Helvetica, sans-serif; clear: right;}
	#secondary_menutop a:link, a:active {color: #FFFFFF; text-decoration: none;}
	#secondary_menutop a:hover {color: #CCCCCC;}
	#secondary_menutop a:visited {color: #999999; text-decoration: none;}
#masthead {float: left; width: 910px; height: 107px; clear: both;}
#iballlogo_container {float: left; width: 910px; height: 227px;  margin: 0; padding: 0; clear: both; overflow: visible; background-color: #000000;}
#maincontent {float: left; width: 910px; margin: 0; padding: 0; clear: both; overflow: visible; min-height: 500px; height: auto !important; background-color: #CCCCCC;}
  p {padding: 5px 20px 5px 20px; }
#thumbnails {float: left; width: 910px; height: 225px; margin: 0; padding: 0; clear: both;}
#menubottom_list {float: left; width: 910px; height: 25px; margin: 5px 0 0 0; font: .9em/1 Arial, Helvetica, sans-serif; clear: both; background-color: #000000;}
	#nav2, #nav2 ul {float: left;	width: 908px; height: 25px; list-style: none; line-height: 105%; background-image: url(../Images/menu_base.jpg); background-repeat: repeat; padding: 0 0 0 1px; margin: 0; text-align: center; z-index:10;}
	#nav2 a {display: block;	width: 226px; w\idth: 225px;color: #FFFFFF; text-decoration: none; padding:5px 0 5px 0; margin: 0;}
	#nav2 a.daddy {background-image: url(../Images/menu_over.jpg); cursor: default;}
	#nav2 li { float: left; padding: 0; width: 225px; height: 25px; border-right: 1px solid #333; border-bottom: 1px solid #666; border-left:1px solid #333; text-align:center; display:block;}
	#nav2 li ul { position: absolute; left: -999em; height: auto; width: 226px; font-weight: normal; margin: 0; background-image:url(../Images/menu_sub_base.jpg); background-repeat: repeat;}
	#nav2 li ul a {width: 226px; w\idth: 225px; display:block;}
#footer {float: left; width: 910px; height: auto; margin:0; padding:10px 0 5px 0; clear: both; color: #CCCCCC; font: .7em/1.1em Arial, Helvetica, sans-serif; text-align:center; }

/* Text Styles */
.company { font: bold 1.5em/1.3 Arial, Helvetica, sans-serif; padding: 0; margin: 10px 0 20px 0;}
h1 {font-size: 1.5em; line-height: 115%; color: #000000; margin: 0 20px 0 20px; padding: 0;}
h2 {font-size: 1.2em; line-height: 115%;color: #666666; margin: 0 20px 0 20px; padding: 0;}
sup {font-size: .7em;}