/* @override http://gathangraham.com/css/basic.css */

/*Main Body Styles*/

ol {font-weight: bold;
}

body {font-family: times, Arial, serif;
background-color: #443722;
text-align: center;
margin: 0;
 }

a, a:visited {
color: black;
text-decoration: underline;}

a:hover {color: #d2aa69;
text-decoration: underline;}

#outerBox {background-image: url(../IMAGES/BACKGROUNDSTRIP.jpg);
background-repeat: repeat-y;
background-position: left top;
text-align: left;
margin: auto;
padding: 0;
width: 760px; }

#headerBox {
	background-image: url(../IMAGES/HEADER.jpg);
	background-repeat: no-repeat;
	width: 760px;
	height: 160px; }

h1, h2, .hidelink {display: none;}
/*Menu and navigation Styles*/

#leftBox {
	float: left;
	width: 217px; }

#menubar h1, #menubar h2 {
	display: none; }

#menubar ul#menu {background: url(../IMAGES/MENU.jpg) no-repeat left top;
margin: 0;
padding: 0;
position: relative;
left: 0;
width: 217px;
height: 350px }

div#menubar {
	background-color: transparent;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	height:350px;
	width:217px;
	margin:0;
	padding:0;
	margin-bottom: 20px;
	border:0; }

ul#menu li,ul#menu a {height: 35px;
width:217px;
display:block; }

div#menuBox ul#menu li a {text-indent:-9999px;
text-decoration:none;
overflow: hidden; }

#home, #homeover, #bio, #bioover, #mymusic, #mymusicover, #newreleases, #newreleasesover, #specials, #specialsover, #contact, #contactover, #extras, #extrasover, #nature, #natureover{left:0; }

#home a:hover, #homeover {background: url(../IMAGES/MENUOVER.jpg) no-repeat }

#bio a:hover, #bioover {background: url(../IMAGES/MENUOVER.jpg) no-repeat 0 -35px }

#mymusic a:hover, #mymusicover {background: url(../IMAGES/MENUOVER.jpg) no-repeat 0 -70px }

#newreleases a:hover, #newreleasesover {background: url(../IMAGES/MENUOVER.jpg) no-repeat 0 -105px }

#specials a:hover, #specialsover {background: url(../IMAGES/MENUOVER.jpg) no-repeat 0 -140px}

#fund a:hover, #fundover {background: url(../IMAGES/MENUOVER.jpg) no-repeat 0 -175px}

#gift a:hover, #giftover {background: url(../IMAGES/MENUOVER.jpg) no-repeat 0 -210px}

#contact a:hover, #contactover {background: url(../IMAGES/MENUOVER.jpg) no-repeat 0 -245px }

#photos a:hover, #photosover {background: url(../IMAGES/MENUOVER.jpg) no-repeat 0 -280px }

#nature a:hover, #natureover {background: url(../IMAGES/MENUOVER.jpg) no-repeat 0 -315px }

/*Main Content Styles*/



.headerpic {float: left;
height: 70px;
}

.frontpic {width: 211px;
	height: 291px;
	float: right;
	padding-right: 0px;}
	
#mainContentBox {
	background-image: url(../IMAGES/PAGECORNER.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 540px;
	float: right;}

#mainTextBox {
width: 540px;


}

.mainText {font-size: 17px;
text-align: left;
line-height: 30px;
padding-left: 45px;
width: 438px;
}


/** FOR CONTACT ME PAGE **/
.contactText {font-size: 17px;
text-align: left;
line-height: 20px;
padding-left: 45px;
width: 438px;
}

/** FOR BOTTOM CD COVERS ON NEW RELEASES **/

.mainText2 {font-size: 17px;
text-align: left;
line-height: 30px;
margin-top: 20px;
float: left;
padding-top: 30px;
width: 438px;
}

/** CD BOXES **/
.cdcovers {width: 438px;
	font-size: 14px;
	text-align: left;
	line-height: 19px;
	margin-bottom: 30px;
	}


.cdbox {
	width: 438px;
	 }

.cdart {width: 195px;
	float: left;
	}
	
.cddesc {padding-top: 20px;
 }



.cdtitle {text-align: center;
	line-height: 18px;
	font-weight: bold;}
	
.subtitle {font-size: 14px;
	font-style: italic;
	font-weight: normal;}

.simplypiano {padding-bottom: 20px;
	font-style: italic;
	text-align: center;
	font-size: 12px;}

.shopping {width: 195px;
	font-size: 15px;
	margin-bottom: 10px;
	float: left;}
	
.cdcass {float: left;}

.cartgraph {float: right;}

.price {float: left;}

.instruct { font-size: 13px; text-align: center; margin-top: 20px;line-height: 18px;}

.songs {width: 220px;
float: right;}

.songtitles {width: 220px;
	float: right;
	border-bottom: 1px solid #d2aa69;
	padding-top: 5px;
	padding-bottom: 4px;
	line-height: 15px;
	font-size: 13px;
	vertical-align: middle;	}
	
.realaudio {width: 80px;
float: right;
text-align: right;
font-size: 14px;
padding-left: 10px;}
	
/** EXTRAS PAGE **/
.pics {
width: 438px;
padding-top: 20px;
padding-bottom: 20px;

}

.picsText {padding-top: 60px;
line-height: 21px;
width: 138px;
float: left;
clear: both;}

.extrasPic {float: right;
	width: 267px;
	padding-top: 25px;
	}

/** HACK DIV CLEARS FLOAT **/			
#hackdiv, #hackdiv2 {clear: both;}
/** END OF HACK DIV**/	

/*Footer Styles*/

#footer {
	background-image: url(../IMAGES/FOOTER.jpg);
	background-repeat: no-repeat;
	width: 760px;
	height: 141px; }
	
#copybox {width: 760px;
text-align: right;
margin: auto;}

.copyright {color: white;
background-color: transparent;
float: right;
text-align: center;
font-size: 11px;
padding-top: 20px;
padding-bottom: 20px;
width: 540px;
margin: auto;}