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

/*structural*/
body {
	text-align:center;
}

#wrapper {
	margin:40px auto;
	width:840px;
}

#main_box {
	width:650px;
	height:550px;
	float:left;
}

img#hands {
	height:550px;
	float:left;	
}

img#index_title {
	margin:70px 200px 200px 0;
}

ul {
	list-style-type:none;
	float:left;
	margin-left:38px; 
}

li {
	float:left;
}

/* enables link since there is no content in the "a" for main navbar */
a  {
	display:block;
	margin:15px 10px 0px 10px; 
	color:rgb(222,111,0);
	
}


/* swap image effect for main navbar */


#about_icon {
	/*width:59px;
	height:88px;*/
	background:url(../img/about_one.png) top left no-repeat;
}


#about_icon:hover {
	/*width:59px;
	height:88px;
	margin:15px 14px 0px 20px; */
	background: url(../img/about_two.png) top left no-repeat;
}

#music_icon {
	/*width:71px;
	height:86px;*/
	background: url(../img/music_one.png) top left no-repeat;
}

#music_icon:hover {
	/*width:71px;
	height:86px;
	margin:16px 22px 0px 12px;*/ 
	background: url(../img/music_two.png) top left no-repeat;
}

#guitars_icon {
	/*width:84px;
	height:92px;
	margin:15px 8px 0px 3px;*/
	background: url(../img/guitars_one.png) top left no-repeat;
}

#guitars_icon:hover {
	/*width:84px;
	height:92px;
	margin:14px 2px 0px 9px;*/
	background: url(../img/guitars_two.png) top left no-repeat;
}

#media_icon {
	/*width:67px;
	height:89px;*/
	background: url(../img/media_one.png) top left no-repeat;
}

#media_icon:hover {
	/*width:67px;
	height:89px;
	margin:14px 12px 0px 22px;*/
	background: url(../img/media_two.png) top left no-repeat;
}

#links_icon {
	/*width:57px;
	height:88px;*/
	background: url(../img/links_one.png) top left no-repeat;
}


#links_icon:hover {
	/*width:57px;
	height:88px;
	margin:15px 18px 0px 16px;*/
	background: url(../img/links_two.png) top left no-repeat;
}

#contact_icon {
	/*width:81px;
	height:89px;
	margin:15px 2px 0px 2px;*/
	background: url(../img/contact_one.png) top left no-repeat;
}

#contact_icon:hover {
	/*width:81px;
	height:89px;
	margin:13px 2px 0px 5px;*/
	background: url(../img/contact_two.png) top left no-repeat;
} 

/* END swap image effect for main navbar */


/*color*/
#main_box {
	background-color:rgb(222,111,0);
}

img {
	border:none;
}

a {
	text-decoration:none;
}

body {
	background-color:rgb(86,0,0);
}


/*typography*/
body {
	font:bold .9em/1em "Lucida grande", arial;
}
.home_links
{
width:75px;
height:90px;
}