/* HORIZONTAL NAVIGATION BAR */
/*Path:
https://koentoppguitars.com/css/navigation.css*/

ul#navigation
{
	width: 737px;
	list-style: none;
	height: 39px;
}

ul#navigation li {
	display:inline
}

ul#navigation li a {
	height:39px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#navigation  li a span {
	float:left;
	display:block
}



ul#navigation li#navigation-1 a {
	width:68px;
	background:url(../images/nav.png) no-repeat 0px 0
}

ul#navigation li#navigation-1 a:active,
ul#navigation li#navigation-1 a:hover {
	background-position:-0px -39px
}
ul#navigation li#navigation-1 a.current {
	background-position:0px -39px
}
body#news li#navigation-1 a {
	background-position:0px -39px
}



ul#navigation li#navigation-2 a {
	width:110px;
	background:url(../images/nav.png) no-repeat -68px 0
}

ul#navigation li#navigation-2 a:active,
ul#navigation li#navigation-2 a:hover {
	background-position:-68px -39px
}
ul#navigation li#navigation-2 a.current {
	background-position:-68px -39px
}
body#guitars li#navigation-2 a {
	background-position:-68px -39px
}





ul#navigation li#navigation-3 a {
	width:166px;
	background:url(../images/nav.png) no-repeat -178px 0
}

ul#navigation li#navigation-3 a:active,
ul#navigation li#navigation-3 a:hover {
	background-position:-178px -39px
}
ul#navigation li#navigation-3 a.current {
	background-position:-178px -39px
}
body#testimonials li#navigation-3 a {
	background-position:-178px -39px
}



ul#navigation li#navigation-4 a {
	width:126px;
	background:url(../images/nav.png) no-repeat -344px 0
}

ul#navigation li#navigation-4 a:active,
ul#navigation li#navigation-4 a:hover {
	background-position:-344px -39px
}
ul#navigation li#navigation-4 a.current {
	background-position:-344px -39px
}
body#about li#navigation-4 a {
	background-position:-344px -39px
}



ul#navigation li#navigation-5 a {
	width:119px;
	background:url(../images/nav.png) no-repeat -470px 0
}

ul#navigation li#navigation-5 a:active,
ul#navigation li#navigation-5 a:hover {
	background-position:-470px -39px
}
ul#navigation li#navigation-5 a.current {
	background-position:-470px -39px
}
body#contact li#navigation-5 a {
	background-position:-470px -39px
}




ul#navigation li#navigation-6 a {
	width:80px;
	background:url(../images/nav.png) no-repeat -589px 0
}

ul#navigation li#navigation-6 a:active,
ul#navigation li#navigation-6 a:hover {
	background-position:-589px -39px
}
ul#navigation li#navigation-6 a.current {
	background-position:-582px -39px
}
body#blog li#navigation-6 a {
	background-position:-589px -39px
}




ul#navigation li#navigation-7 a {
	width:68px;
	background:url(../images/nav.png) no-repeat -669px 0
}

ul#navigation li#navigation-7 a:active,
ul#navigation li#navigation-7 a:hover {
	background-position:-669px -39px
}
ul#navigation li#navigation-7 a.current {
	background-position:-669px -39px
}

body#home li#navigation-7 a {
	background-position:-669px -39px
}


/* 2013 SITE REFRESH - ADDED RULES TO ALIGN BLOG HEADER/NAV WITH MAIN .COM SITE */
#businessNameAndLogo {
	float: left;
}
#businessDescription {
  color: #999999;
  float: right;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 0.8em;
  margin-top: 48px;
}
#navigationList {
  float: right;
  height: 100%;
  /*width: 635px;*/
  margin-bottom: 20px;
}
.navLink {
	cursor: pointer;
	display: block;
	float: left;
	height: 28px;
	/*margin-left: 5%;*/
	margin-left: 30px;
	text-decoration: none;
}
.navLink.selected {
	/*background: url("../img/selectedSwirl.png") no-repeat scroll center bottom transparent;*/
	background: url("https://koentoppguitars.com/img/kgSelectedFhole.png") no-repeat scroll center bottom transparent;
}
.navigationPage {
	color: #FFFFFF;
	display: block;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.0em;
	font-weight: 100;
	height: 85%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.navLink:hover .navigationPage,
.navLink.selected .navigationPage {
	color: #D67A27;
}
/*Social And Order Bar*/
#socialAndOrderBar {
	background-color: #404040;
	height: 50px;
	min-width: 1045px; /*re-added for blog*/
	/*position: absolute;*/
	top: 0;
	width: 100%;
/*	min-width: 768px;*/ /*removed for possible obselesence*/
}
#socialAndOrderContainer {
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 1045px;
}
#socialButtonsBigContainer {
  height: 100%;
  left: 0;
  position: absolute;
  /*width: 340px;*/
}
#socialButtonsContainer, #contactButtonsContainer {
  display: inline-block;
  margin-top: 2.75%;
  padding: 1% 0;
  zoom: 1;
}
#contactButtonsContainer {
  border-right: 2px solid #000000;
  padding-left: 2%;
  padding-right: 0;
  width: 88px;
}
#socialButtonsContainer {
  margin-left: 3%;
  width: 200px;
}
.socialButton {
  float: left;
  height: 24px;
  margin-right: 15px;
  width: 24px;
  background-image: url('../img/Spriting.24x24.png');
}
#socialPhone {
	background-position: 0 0;
}
#socialEmail {
	width: 32px;
	background-position: -320px 0;
}
#socialTwitter {
	background-position: -24px 0;
}
#socialFacebook {
  background-position: -49px 0;
  width: 23px;
}
#socialFlickr {
	background-position: -72px 0;
}
#socialBlog {
	background-position: -96px 0;
}
#socialYouTube {
	background-position: -120px 0;
}
#socialPhone:hover {
	background-position: 0 24px;
}
#socialEmail:hover {
	background-position: -320px 24px;
}
#socialTwitter:hover {
	background-position: -24px 24px;
}
#socialFacebook:hover {
	background-position: -49px 24px;
}
#socialFlickr:hover {
	background-position: -72px 24px;
}
#socialBlog:hover {
	background-position: -96px 24px;
}
#socialYouTube:hover {
	background-position: -120px 24px;
}
#bigOrderButton {
	background-color: #666;
	width: 120px;
	height: 100%;
	position: absolute;
	right: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	text-transform: uppercase;
	text-align: center;
}
/*#bigOrderLink {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
	line-height: 50px;
}*/
#bigOrderLink {
	color: #FFFFFF;
	display: block;
	font-weight: 100;
	height: 100%;
	letter-spacing: -1px;
	line-height: 19px;
	padding-top: 6px;
	text-decoration: none;
	width: 100%;
}
/* END 2013 SITE REFRESH - ADDED RULES TO ALIGN BLOG HEADER/NAV WITH MAIN .COM SITE */