@charset "UTF-8";
/* CSS Document */



@font-face {
	font-family: FranklinMedium; src: url('Franklin Gothic Medium.ttf');
	}

@font-face {
	font-family: Aller; src: url('Aller_Rg.ttf');
	}
	
@font-face {
	font-family: GillSans; src: url('GillSans.ttc');
	}

/*------===-=-=====HOME PAGE-==-=-=-=-=-==-====*/


header, nav, aside, footer, #middleContent {
	display:block;
	}
	
body {
	background-color: #000;
	margin: 0;
	padding: 0;
	text-align:center;
	}
	
#container {
	background-color: #f7f7f7;
	margin: 0 auto 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width: 1024px;
	height: 890px;
	}
	
nav {
	background-color: black;
	padding-left: 45px;
	width: 979px;
	height: 35px;
	font-family: FranklinMedium;
	font-size: 15px;
	}
	
nav h1 {
	font-family: Aller;
	color: white;
	}
	
#userLogin {
	margin-right:500px;
	float:right;
	width: 500px;
	height: 10px;
	}


header {
	margin-top: -12px;
	/*border-style: solid;*/
	}
	
#top-links {
	font-color: white;
	width: 280px;
	height: 10px;
	margin: -42px 0px 0px 70px;
	word-spacing: 15px;
	}
	
#top-links li a {
	color: white;
	}
	
#top-links li a:visited{
	color:#FFF;
	}
	
#top-links li a:hover{
	color:#ffbf59;
	}
	
#userLogin {
	margin-top: -12px;
	}
	
#sprytextfield5 {
	margin-left: 500px;
	}
	
#sprytextfield5, #sprytextfield6 {
	color: white;
	}
		
#intro {
	background-image: url(../img/middle_img1.jpg);
	font-family: GillSans;
	font-size: 21px;
	font-weight: bold;
	width: 364px;
	height: 330px;
	/*border-style: solid;*/
	padding-top: 70px;
	padding-left: 100px;
	padding-right: 560px;
	line-height: 35px;
	}
	
#intro h1 {
	font-size: 32px;
	margin-bottom: -1px;
	color: #ffbf59;
	}
	
#intro p1 {
	color: white;
	}	
		
	
#quickSummary {
	margin-top: -3px;
	font-family: GillSans;
	color: #202020;
	padding-left: 10px;
	padding-right: 40px;
	float: left;
	width: 300px;
	height: 240px;
	margin-left: 60px;
	/*border-style: solid;*/
	font-size: 12px;
	}
	
#quickSummary h1 {
	font-weight:300;
	margin-bottom: -1px;
	color: #4d4d4d;
	}

#middleContent {
	width:1024px;
	height:370px;
	}
		
#middle-links li, #middle-links2 li {
	display: inline;
	float: right;
	width: 129px;
	height: 147px;
	margin: 3px;
	margin-top: 10px;
	margin-right: 60px;
	/*border-style: solid;*/
	}
	
/*#facebook,#facebook:hover {
    width: 126px;
    height: 144px;
	float: right;
	background-image: url(../img/pegsbw.jpg);
    -webkit-transition: background-image .5s ease;
    -moz-transition: background-image .5s ease;
    -o-transition: background-image .5s ease;
    transition: background-image .5s ease;
    }
    
#facebook:hover {
    background-image: url(../img/pegs.jpg);
    }*/	
	
#pickups,#pickups:hover {
	background-image:url(../img/pickupsbw.jpg);
	height: 144px;
	width: 126px;
	-webkit-transition: background-image .5s ease;
    -moz-transition: background-image .5s ease;
    -o-transition: background-image .5s ease;
    transition: background-image .5s ease;
	}
	
#pickups:hover{
	background-image:url(../img/pickups.jpg);
	}
	
#tuners,#tuners:hover {
	background-image:url(../img/tunersbw.jpg);
	height: 144px;
	width: 126px;
	-webkit-transition: background-image .5s ease;
    -moz-transition: background-image .5s ease;
    -o-transition: background-image .5s ease;
    transition: background-image .5s ease;
	}
	
#tuners:hover{
	background-image:url(../img/tuners.jpg);
	}
	
#bridge,#bridge:hover {
	background-image:url(../img/bridgebw.jpg);
	height: 144px;
	width: 126px;
	-webkit-transition: background-image .5s ease;
    -moz-transition: background-image .5s ease;
    -o-transition: background-image .5s ease;
    transition: background-image .5s ease;
	}
	
#bridge:hover{
	background-image:url(../img/bridge.jpg);
	opacity: 40%;
	}
	
#nuts,#nuts:hover {
	background-image:url(../img/pegsbw.jpg);
	height: 144px;
	width: 126px;
	-webkit-transition: background-image .5s ease;
    -moz-transition: background-image .5s ease;
    -o-transition: background-image .5s ease;
    transition: background-image .5s ease;
	}
	
#nuts:hover{
	background-image:url(../img/pegs.jpg);
	}
	
#frets,#frets:hover {
	background-image:url(../img/fretsbw.jpg);
	height: 144px;
	width: 126px;
	-webkit-transition: background-image .5s ease;
    -moz-transition: background-image .5s ease;
    -o-transition: background-image .5s ease;
    transition: background-image .5s ease;
	}
	
#frets:hover{
	background-image:url(../img/frets.jpg);
	}
	
#fretboard,#fretboard:hover {
	background-image:url(../img/fretboardsbw.jpg);
	height: 144px;
	width: 126px;
	-webkit-transition: background-image .5s ease;
    -moz-transition: background-image .5s ease;
    -o-transition: background-image .5s ease;
    transition: background-image .5s ease;
	}
	
#fretboard:hover{
	background-image:url(../img/fretboards.jpg);
	}
	
	
	
	
	
a:link {
	color:#000000;
	text-decoration: none;
}    						/* unvisited link */

a:visited {
	color:#000000;
	text-decoration: none;
} 							/* visited link */

a:hover {color:#ffbf59;
}   						/* mouse over link */

/*a:active {color:#000000;
} */ 							/* selected link */
		


nav ul li, #bottom-links li {
	display:inline;
	}

footer {
	height: 40px;
	margin-top: 0px;
	text-align: center;
	background-color: #f7f7f7;
	/*border-style: solid;*/
	}
	

#bottom-links {
	font-size: 10px;
	word-spacing: 40px;
	padding-right: 45px;
	margin-bottom: 3px;
	font-family: GillSans;
	}

#Copyright {
	font-size: 11px;
	font-family:GillSans;
	}
	
/*------===-=-=====HOME PAGE-==-=-=-=-=-==-====*/
	
#quickSummary2 {
	background-image: url(../img/shopBanner.jpg);
	font-weight: bold;
	width: 964px;
	height: 172px;
	margin-top: -2px;
	padding: 10px;
	padding-left: 50px;
	}
	
#quickSummary2 h1 {
	color: #ffbf59;
	line-height: 5px;
	margin-top: 50px;
	}	
	
#quickSummary2 .p1 {
	line-height: 0px;
	font-size: 40px;
	color: #f7f7f7;
	}

	
#pegs-links li {
	width: 120px;
	height: 130px;
	list-style-type: none;
	margin-left: 50px;
	}
	
#guitarPegs h1 {
	font-size: 20px;
	padding: 10px;
	background-color: #d4d3d3;
	margin-top:-3px;
	}
	
	
#saleContent {
	height: 620px;
	width: 450px;
	margin-left: 330px;
	margin-top: -680px;
	}
	
#saleContent h1 {
	font-weight: bold;
	font-size: 18px;
	line-height: 5px;
	}
	
#saleContent p.p1,#saleContent p.p2,#saleContent p.p3,#saleContent p.p4 {
	font-size: 14px;
	line-height: 25px;
	}
	
#middleContent2 {
	background-color:#f7f7f7;
	}
	
#rightInfo {
	width: 150px;
	height:50px;
	margin-top: -580px;
	margin-left:550px;
	}
	
	
#saleContent h3 {
	font-size: 12px;
	line-height: 0px;
	background-color: black;
	color:white;
	padding:5px;
	width:90px;
	height:5px;
	padding-top: 10px;
	}
	
#rightInfo p.p1, #rightInfo p.p2, #rightInfo p.p3,#rightInfo p.p4 {
	line-height: 5px;
	}
	
#first, #second, #third, #fourth {
	margin-top: 60px;
	}
	
#cart2, #cart3, #cart4 {
	margin-top:115px;
	}
	
#peg2 {
	margin-top: 20px;
	}
	
#peg3 {
	margin-top: 50px;
	}
	
#peg4 {
	margin-top: 40px;
	}


/*----====-===-=-====-=- SHOPPING CART ----===-==-==-*/

#orangeOne, #orangeTwo {
	width: 12px;
	height: 20px;
	color: white;
	background-color: #fea210;
	margin-bottom: 100px; 
	font-size: 18px;
	padding: 5px;
	padding-left: 8px;
	}
	
#orangeBox {
	margin-left: 360px;
	margin-top: -245px;
	}
	
#prices, #prices2 {
	width: 50px;
	height: 20px;
	margin-bottom: 100px; 
	font-size: 18px;
	padding: 5px;
	padding-left: 8px;
	font-size: 15px;
	}

#prices3, #prices4, #prices5 {
	font-size: 15px;
	margin-left: 7px;
	margin-top: 20px;
	}
	
#leftPrice {
	margin-left: 460px;
	margin-top: -260px;
	}