/*code based on Stu Nicholls "ultimate dropdown menu"
http://www.cssplay.co.uk*/
/*common styling*/
/*menu container*/
.menucontainer{ background: #ffffff; margin: 10px 0 0 0; }
/*basic menu styling*/
.menu { float: left; font-family: Helvetica,arial,verdana,sans-serif;width: 100%; /*position:relative;*/ font-size:12px; font-weight:bold; f\ont-size: 18px; }
.menu ul { padding:0; margin:0 0 0 20px; list-style-type:none; float:left; position:relative; }
.menu ul li, .menu_ss ul li { float:left; position:relative; display:inline; }
/*style of main items normal state*/
.menu ul li a, .menu ul li a:visited { float:left; display:block; text-decoration:none; color:#2267ac; line-height: 50%; l\ine-height: 100%; width:150px; height:90px; margin:10px 5px 0 5px; line-height:50px; text-align: center; m\argin: 50px 5px 0 5px; f\ont-size: 14px; }
* html .menu ul li a, .menu ul li a:visited, .menu ul li a:link {width:150px;}
/*hide sub nav items*/
.menu ul li ul {display:none;}
/*style for table of sub nav items*/
table {margin:-1px;border-collapse:collapse;font-size:11px;}
/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a {color:#a0a4a5;/*background: url(../images/bgON.gif) top left repeat-x;*/}
/*show drop-down list*/
.menu ul li:hover ul {display:block;position:absolute;top:22px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff;}
/*drop-down on state*/
.menu ul li:hover ul li a {display:block;background:#E6E6E6;color:#034895;height:auto;line-height:15px;padding:2px 16px 2px 16px;width:120px;border-bottom:1px solid #fff;}
/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {background: #C9D2DF; color:#000;}

.logo { background: transparent url(../images/ewage_logo.jpeg) no-repeat; width: 220px; }

.demo_on, .signup_on, .price_on { width: 150px; height: 90px; text-align: center; /*margin: 0 5px 0 5px;*/ padding: 10px 0 0 0; font-size: 0.8em; }

.demo_btn { background: transparent url(../images/demo_btn.jpg) no-repeat; }
.demo_on { background: transparent url(../images/demo_on.jpg) no-repeat; }

.signup_btn { background: transparent url(../images/signup.jpg) no-repeat; }
.signup_on { background: transparent url(../images/signup_on.jpg) no-repeat; }

.price_btn {  background: transparent url(../images/price.jpg) no-repeat; }
.price_on { background: transparent url(../images/price_on.jpg) no-repeat; width: 150px; height: 90px; text-align: center; margin: 0 5px 0 5px; padding: 10px 0 0 0; }

.login { background: transparent url(../images/login.jpg) no-repeat; }