/* Positioning */

* {margin: 0; padding: 0;}
body {background: #cccccb; font-size: 85%; font-family: Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000;}
#container {width: 910px; margin: 0 auto; position: relative; background: #fff url(images/bg-tile.png) repeat-y;}
#container-bso {width: 910px; margin: 0 auto; position: relative; background: #11416b url(images/bg-tile.png) repeat-y;}
	#heading {width: 900px; height: 80px; background: url(images/logo-banner.png) 10px top no-repeat;}
	#heading2 {width: 900px; height: 80px; background-color:#0061ad;}
	#index-content {width: 910px; clear: left; text-align: center;}
		.bucket {width: 208px; height: 250px; float: left; margin: 10px 0 10px 10px; border: 1px solid #cccccb; text-align: center;}
		#whybaywash {background: #e1e7f5 url(images/index-whybaywash.png) center bottom no-repeat; margin-left:20px;}
		#reliability {background: #e1e7f5 url(images/index-reliability.png) center bottom no-repeat;}
		#service {background: #e1e7f5 url(images/index-sso.png) center bottom no-repeat;}
/* ------------------ orginal CSS for the investor kit*/

		/**/#investorkit {background: #e1e7f5 url(images/index-investorkit.png) center bottom no-repeat;}
		
		#free-dryers {background: #e1e7f5;}
/* ------------------- */
	#content {width: 890px; margin: 10px 10px 0 10px;}
	#content-About {width: 835px; margin: 10px 10px 0 45px;}
	#content-form {width: 890px; margin: 5px 10px 0 10px;}
	#index-product-display {width: 910px; height: 300px; background: url(images/index-product-display.jpg); position: relative;}
	#index-product-display2 {width: 910px; height: 300px; background: url(images/ICA/Whats-new/header.png); position: relative;}
		.index-product-desc {width: 180px; height: 120px; overflow: auto; position: relative; left: 365px;}
		a#index-i5-link {display: block; position: absolute; width: 125px; height: 90px; left: 150px; top: 190px;}
		a:hover#index-i5-link {background: url(images/index-over-i5.jpg) no-repeat;}
		a#index-g2-link {display: block; position: absolute; width: 195px; height: 90px; left: 605px; top: 190px;}
		a:hover#index-g2-link {background: url(images/index-over-g2.jpg) no-repeat;}
	#sideinfo {width: 240px; float: right; margin: 0 0 4px 4px;}
	#featurecontent {width: 890px; margin: 10px;}
	#featurecontent2 {width: 580px; margin: 10px;}
		.i5-bucket {width: 160px; float: left; text-align:center; margin: 9px;}
	#featuremenu {width: 220px; float: left; background: url(images/featuremenu-tile.png) repeat-y; margin: 15px 0 0 0; color:#FFF;}
		#featuremenu-top {width: 220px; height: 10px; background: url(images/featuremenu-top.png);}
		#featuremenu-bottom {width: 220px; height: 10px; background: url(images/featuremenu-bottom.png)}
		#featuremenu dl {margin: 0 0 50px 15px;}
		#featuremenu dd {margin: 4px 0;}
		#featuremenu img {float: left;}
		.featuremenu-text {width: 155px; float: right; color: #fff;}
		#featuremenu a {color: #fff;}
		#featuremenu a:hover {color: #fff;}
	#featurecontent {width: 680px; float: right; margin: 5px 0 0 0;}
	#featurecontent2 {width: 580px; float: right; margin:0;}
		#VideoDiv {margin-left:10px;}
		#featurecontent ul {margin: 4px 4px 4px 0; list-style-position: inside;}
		#featurecontent li {margin: 4px;}
		.featureicon {float: left; width: 100px; margin: 2px 5px; text-align: center;}
		.featureicon p {margin: 8px 2px;}
#footer {width: 910px; padding: 30px 0 0 0; background: #cccccb url(images/footer.png) center top no-repeat; text-align: center;}
#footer2 {width: 910px; padding: 30px 0 0 0; background: #cccccb url(images/footer.png) center top no-repeat; text-align: center;}
.clearing {display: block; clear:both;}

.hiddenOn {display: none;}
.hiddenOff {display: block; float: right; width: 420px;}
#flashbucket {width: 444px; float: left; margin: 0 5px 5px 0;}

img {border: none;}

/* Text */
h1, h2, h3 {margin: 8px 8px 2px 8px;}
h1 {font-size: 140%; color: #1371b7;}
h2 {font-size: 120%; color: #888;}
h3 {font-size: 110%;}
p {margin: 4px 12px 8px 12px;}
ul {margin: 4px 12px 8px 30px;}
ol {margin:0;}
dl {margin: 4px;}
dt {font-size: 105%; font-weight: bold; margin-top: 12px;}
dd {margin: 2px 4px 4px 4px;}
table {
	margin: 5px 0;
	padding: 0;
	text-align: left;
}
td {padding: .25em; font-size: 85%;}
.i5 {background: url(images/i.png) left top no-repeat; padding-left: 6px; font-size: 80%;}

#heading h1 {width: 600px; text-align: center; margin: 10px 25px; font-size: 90%; line-height: 2em;}
.bucket h1 {background-color: #fff; border-bottom: 1px solid #cccccb; font-size: 85%; padding: .5em; color: #1371b7; margin: 0;}
.bucket p {margin: 5px; text-align: center; font-size: 90%;}
.index-product-desc p {margin: 5px 8px; text-align: center; font-size: 80%; color: #fff;}
.hiddenOn p, .hiddenOff p {}

a {color: #0072be;}

/* Navigation */
#net-nav {width: 910px; height: 60px; background: url(images/net-nav.png) no-repeat; position: relative; margin: 0; padding: 0;}
#net-nav li {list-style: none; position: absolute; top: 20px; margin: 0; padding: 0;}
#net-nav li, #net-nav a {display: block; height: 30px;}
#net-nav-button-a {left: 45px; width: 112px;}
#net-nav-button-b {left: 157px; width: 200px;}
#net-nav-button-c {left: 357px; width: 186px;}
#net-nav-button-d {left: 543px; width: 137px;}
#net-nav-button-e {left: 680px; width: 185px;}
#net-nav-button-a a:hover {background: url(images/net-nav.png) -45px -80px; text-decoration: none;}
#net-nav-button-b a:hover {background: url(images/net-nav.png) -157px -80px; text-decoration: none;}
#net-nav-button-c a:hover {background: url(images/net-nav.png) -357px -80px; text-decoration: none;}
#net-nav-button-d a:hover {background: url(images/net-nav.png) -543px -80px; text-decoration: none;}
#net-nav-button-e a:hover {background: url(images/net-nav.png) -680px -80px; text-decoration: none;}

#net-nav span {display: block; width: 0; height: 0; overflow: hidden;}


#nav, nav ul {float: left; width: 890px; background: #dcdcdc; margin: 0 0 0 10px; padding: 0; list-style: none; line-height: 1; border: solid #ffdd00; border-width: 1px 0;} /* The float isn't necessary to the layout, but FF seems to feel it's necessary for the bg color */
#nav a {display: block; color: #0072be; text-decoration: none; padding: 0.25em 1.5em;}
#nav li {float: left; padding: 0; width: 4em;}
#nav li ul {position: absolute; left: -999em; height: auto; width: 12.5em; font-weight: normal; border: 1px solid #ffdd00; margin: 0; background-color: #dcdcdc; list-style: none;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover {background: #ffdd00;}

/*li#nav-home {width: 5.5em;}
li#nav-prod {width: 9.5em;}
	li#nav-i5, li#nav-g2 {width: 12.5em;}
li#nav-company {width: 10.25em;}
li#nav-service {width: 11.75em;}
li#nav-kit {width: 11.5em;}
li#nav-distributor {width: 17em;}
li#nav-distributor a:hover { background:#F00; color:#000;}*/

li#nav-home {width: 5.25em;}
li#nav-prod {width: 9.5em;}
	li#nav-i5, li#nav-g2 {width: 12.5em;}
li#nav-company {width: 10em;}
li#nav-service {width: 11.5em;}
li#nav-kit {width: 11.25em;}
li#nav-distributor {width: 17em;}
li#nav-distributor a:hover { background:#F00; color:#000;}


a#quote {display: block; width: 195px; height:40px; background: url(images/quote.png) no-repeat;}
a:hover#quote {background: url(images/quote.png) 0 -40px no-repeat;}
#quote span {display: block; width: 0; height: 0; overflow: hidden;}