/* quantumjelly.com Nav Styles
 * 
*/

#header ul, #header ul li {
        list-style: none;
        margin-top: 30px;
        padding: 0px;
}
#header ul {
        text-align: right;
}
#header ul li {
		
        display: inline;
}
#header ul li a {
		background: transparent url(/skinimages/quantumjelly/main_nav_bg_right_off.png) no-repeat scroll top right;
        color: #444;
		display: block;
		float: left;
		font: normal 12px arial, sans-serif;
		height: 24px;
		margin-right: 6px;
		padding-right: 18px; /* sliding doors padding */
		text-decoration: none;
			
}
#header ul li span {
		background: transparent url(/skinimages/quantumjelly/main_nav_bg_left_off.png) no-repeat;
		display: block;
        line-height: 14px;
    	padding: 5px 0 5px 18px;
}

#header ul li a:hover span {
   	background: transparent url(/skinimages/quantumjelly/main_nav_bg_left.png) no-repeat;
}
#header ul li a:hover {
		background: transparent url(/skinimages/quantumjelly/main_nav_bg_right.png) no-repeat scroll top right;
        color: #fff;
}

#header ul li a:active span {
   	background: transparent url(/skinimages/quantumjelly/main_nav_bg_left_off.png) no-repeat;
	outline: none;
}
#header ul li a:active {
		background: transparent url(/skinimages/quantumjelly/main_nav_bg_right_off.png) no-repeat scroll top right;
		outline: none;
        color: #444;
}

body.home #home a,
body.demo #demo a,
body.signup #signup a,
body.register #signup a,
body.overview #overview a,
body.features #features a,
body.websites #websites a,
body.login #login a,
body.webmail #webmail a{
		background: transparent url(/skinimages/quantumjelly/main_nav_bg_right.png) no-repeat scroll top right;
		color: #fff
}

body.home #home a span,
body.demo #demo a span,
body.signup #signup a span,
body.register #signup a span,
body.overview #overview a span,
body.features #features a span,
body.websites #websites a span,
body.login #login a span,
body.webmail #webmail a span{
		background: transparent url(/skinimages/quantumjelly/main_nav_bg_left.png) no-repeat; 
		 color: #fff
}
	
/* vertical menu */

.vertical-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.vertical-menu li {
	float: left;
	width: 100%;
	background:url(/skinimages/quantumjelly/dotted_border.png) repeat-x bottom left;
}

.vertical-menu li a {
	display: block;
	padding: 5px 0px 5px 15px;
	background:url(/skinimages/quantumjelly/dotted_arrow.png) no-repeat left;
	text-decoration:none;
}