/*----------------------------------------------
------------------------------------------------
		Author:		JJ Nold & Lindsay Schneider
		Version:	4.5.2010
		Site: 		http://www.cchwebsites.com
		Copyright:  CCH Site Builder 2010
		
		Content:	Navigation
		
		1			Header Nav
			a		Buttons
			b		Hover States
			c		Active Page States
		2			Sidebar Nav
		3			Footer Nav
------------------------------------------------
------------------------------------------------*/

/* ----- 1 - Header Nav ----- */
#navbar	{ padding:0; overflow:hidden; }
#navbar li { list-style:none; display:inline; }
#navbar a { width:116px; height:40px; text-indent:-1000em; display:block; float:left; background: url(../img/nav.png) no-repeat; }

/* ----- 1 - a - Buttons ----- */
li#home-nav a { background-position:0 0; }
li#about-nav a { background-position:-116px 0; }
li#styles-nav a { background-position:-232px 0; }
li#features-nav a { background-position:-348px 0; }
li#content-nav a { background-position:-464px 0; }
li#services-nav a { background-position:-580px 0; }
li#contact-nav a { background-position:-696px 0; }

/* ----- 1 - b - Hover States ----- */
li#home-nav a:hover { background-position:0 -40px; }
li#about-nav a:hover { background-position:-116px -40px; }
li#styles-nav a:hover { background-position:-232px -40px; }
li#features-nav a:hover { background-position:-348px -40px; }
li#content-nav a:hover { background-position:-464px -40px; }
li#services-nav a:hover { background-position:-580px -40px; }
li#contact-nav a:hover { background-position:-696px -40px; }

/* ----- 1 - c - Active Page States ----- */
#navbar.home #home-nav a { background-position:0 -80px; cursor:default; }
#navbar.about #about-nav a { background-position:-116px -80px; cursor:default; }
#navbar.styles #styles-nav a { background-position:-232px -80px; cursor:default; }
#navbar.features #features-nav a { background-position:-348px -80px; cursor:default; }
#navbar.content #content-nav a { background-position:-464px -80px; cursor:default; }
#navbar.services #services-nav a { background-position:-580px -80px; cursor:default; }
#navbar.contact #contact-nav a { background-position:-696px -80px; cursor:default; }

/* ----- 2 - Sidebar Nav ----- */
div#sidebar ul a {color:#63B608; line-height:120%; font-weight:bold; text-decoration:none; }
div#sidebar ul a:hover { text-decoration:underline; }
div#sidebar ul li { padding:0; background:none; }
div#sidebar img { margin-left:5px; vertical-align:text-top; }

/* ----- 2 - Footer Nav ----- */
div#footer ul { margin: 10px 5px 0 5px; padding:0; }
div#footer li { display:inline; padding:0 5px; }
div#footer a { color:#fff; text-decoration:none; }
div#footer a:hover { text-decoration:underline; }
div#footer ul.right { margin:7px 10px 0 0; }
div#footer ul#social-icons { margin-left: 50px; }
div#footer ul#social-icons.left li a { display:block; float:left; margin:0 5px; text-indent:-1000em; background:url(../img/social-sprite.gif) no-repeat 0 0; }
div#footer ul#social-icons.left li a#facebook { width:44px; height:45px; background-position:0 -45px; }
div#footer ul#social-icons.left li a#twitter { width:44px; height:43px; background-position: 0 0; }
div#footer ul#social-icons.left li a#youtube { width:43px; height:43px; background-position: -44px 0 }
div#footer ul#social-icons.left li a#linkedin { width:43px; height:44px; background-position: -45px -44px; }