/* Primary Navigation */

ul#nav a { display: block; cursor: pointer; text-indent: -9000px; width: 328px; height: 33px; margin: 0 0 9px 0; }

#nav { width: 304px; float: left; margin: 0; padding: 0; margin-left: -46px; list-style: none; }
	#nav li { display: inline; list-style: none; }
	#nav li a:hover { display: block; }

li#about a { height: 33px; background: transparent url('http://www.automatedlifestylesinc.com/images/nav/sprite-about.png') no-repeat top left; background-position:0 0; }
	li#about a:hover,
	li#about a.active { background-position:0 -33px; }

li#services a { height: 33px; background: transparent url('http://www.automatedlifestylesinc.com/images/nav/sprite-services.png') no-repeat top left; background-position:0 0; }
	li#services a:hover,
	li#services a.active { background-position:0 -33px; }
	
li#commercial a { height: 33px; background: transparent url('http://www.automatedlifestylesinc.com/images/nav/sprite-commercial.png') no-repeat top left; background-position:0 0; }
	li#commercial a:hover,
	li#commercial a.active { background-position:0 -33px; }
	
li#residential a { height: 33px; background: transparent url('http://www.automatedlifestylesinc.com/images/nav/sprite-residential.png') no-repeat top left; background-position:0 0; }
	li#residential a:hover,
	li#residential a.active { background-position:0 -33px; }
	
li#our_projects a { height: 33px; background: transparent url('http://www.automatedlifestylesinc.com/images/nav/sprite-our_projects.png') no-repeat top left; background-position:0 0; }
	li#our_projects a:hover,
	li#our_projects a.active { background-position:0 -33px; }
	

/* Sub Navigation */

	.sub { width: 155px; height: 324px; float: left; display: none; margin: 0; padding: 0; background: url('http://www.automatedlifestylesinc.com/images/nav/bg-sub_nav.png') repeat-y top left; }
	.sub a { display: block; cursor: pointer; width: 155px; height: 30px; }
	.sub li { float: left; list-style: none; font-size: 10px; line-height: 1em; margin: 0; text-transform: uppercase; }
	.sub li a { width: 140px; height: 17px; padding: 12px 6px 0 0; background: #99a3aa; display: block; text-align: right; color: #fff; text-decoration: none; font-weight: normal; }
	.sub li a:hover { background: #8a9399; display: block; text-decoration: none; color: #fff; }

	
/* Secondary Navigation */

ul#secondary_nav { margin: 0; padding: 0; list-style-type: none; }

ul#secondary_nav li { font-size: 1.5em; text-transform: uppercase; margin: 0 0 7px 0; padding: 0; }
ul#secondary_nav li a { color: #99a3aa; font-weight: normal; }
ul#secondary_nav li a:hover,
ul#secondary_nav li a.active { color: #414142; text-decoration: none; }



/* HOVER NAV */

/* ~~~~~~~~~~~~~ MAIN NAV BOX ~~~~~~~~~~~~~~~~ */
	
	/* Container */
	#left_nav { float: left; margin: 0; padding: 0; width: 200px; background: #ccc; }
	
	/* Items */
	#left_nav li { list-style: none; }
	#left_nav li a { display: block; width: 180px; padding: 10px; margin: 0; cursor: pointer; }
	#left_nav li a:hover { background: #f0f2f7; }
	
	/* ~~~~~~~~~~~~~ SUB NAV BOX ~~~~~~~~~~~~~~~~~ */
	
	/* Container */
	.sub_nav { float: left; width: 200px; margin: 0; padding: 0; background: #dee0ef; display: none; }
	
	/* Items */
	.sub_nav li { list-style: none; }
	.sub_nav li a { display: block; width: 180px; padding: 10px; margin: 0; cursor: pointer; }
	.sub_nav li a:hover { background: #f0f2f7; }