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


body {
background-color:#000000;
}
/* style for emphasised text*/
em {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#FFF;
}
strong {
font-weight:bold;
}
p {
color:#FFF;
font-family: Georgia,'Times New Roman',Times,serif;
font-size: .6em;
}
/*link styling: removes solid underline and replaces it with a dotted one.*/
a {
text-decoration: none;
border-bottom: 1px dotted #dcd;
}
a: hover {
border-bottom: solid;
}
a:active {
border-bottom: solid;
}
a:link {
color:#6699CC;
}
a:visited {
color:#33CC99;
}
/*turns the dotted underline off for navigation bar and for the mp3 links on the samples page.*/
#samples a, #mainNav a {
border-bottom:none;
}

/*style for headlines*/
h1 {
font-family: Georgia,'Times New Roman',Times,serif;
font-weight: bold;
font-size: 1.6em;
color:#6699CC;
}
/*style for headline 2*/
h2 {
font-family: Georgia,'Times New Roman',Times,serif;
font-weight: bold;
font-size: 1em;
color:#3d7cbf;
}
h3 {
font-family: Georgia,'Times New Roman',Times,serif;
font-weight: bold;
font-size: 1em;
color:#3d7cbf;
}

/*TextHeader2*/
.textHeader2 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
color:#00CC99;
}
title {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
color:#0000FF;
}

/*Creates the navigation bar using background  images and specifies their position in order to create rollover state:*/
#mainNav a {
display: block;
width: 204px;
height: 82px;
/*line-height: 82px;*/
/*color: #000;*/
text-decoration: none;
/*margin-top:24px;
margin-bottom:24px;*/
}

<!--The following script is designed to highlight the MainNav link of the page the visitor is currently on and alter the cursor when it is over that link. -->
#home #mainNav .home a {
background-position: right bottom;
colors: fff;
cursor: default;
}
#calendar #mainNav .calendar a {
background-position: right bottom;
colors: fff;
cursor: default;
}
#photos #mainNav .photos a {
background-position: right bottom;
colors: fff;
cursor: default;
}

#samples #mainNav .samples a {
background-position: right bottom;
colors: fff;
cursor: default;
}
#links #mainNav .links a {
background-position: right bottom;
colors: fff;
cursor: default;
}
#contact #mainNav .contact a {
background-position: right bottom;
colors: fff;
cursor: default;
}
#home #mainNav .home a {
background-position: right bottom;
colors: fff;
cursor: default;
}

#mainNav .home a {
background: #000 url(core/homeButton.gif) no-repeat left top;
}
#mainNav .calendar a {
background: #000 url(core/calendarButton.gif) no-repeat left top;
}
#mainNav .samples a {
background: #000 url(core/samplesButton.gif) no-repeat left top;
}
#mainNav .photos a {
background: #000 url(core/photosButton.gif) no-repeat left top;
}
#mainNav .links a {
background: #000 url(core/linksButton.gif) no-repeat left top;
}
#mainNav .contact a {
background: #000 url(core/contactButton.gif) no-repeat left top;
}
#mainNav {
float:right;
}
#mainNav li {
list-style-type:none;
}
/*.clear {
clear:both;
}*/
#mainNav  a:hover {
background-position: center;
color: #000;
}




/* background image:*/
#home #backgroundImage {
height:550px;
width:400px;
background:url(core/mandolin.gif) no-repeat;
position:absolute;
z-index:1;
}
#photos #backgroundImage {
height:600px;
width:420px;
background:url(core/camera.gif) no-repeat;
position:absolute;
z-index:1;
}
#links #backgroundImage {
height:700px;
width:600px;
background:url(core/banjo.gif) no-repeat;
position:absolute;
z-index:1;
}
#samples #backgroundImage {
height:700px;
width:600px;
background:url(core/gramaphone.gif) no-repeat;
position:absolute;
z-index:1;
}
/*#calendar #backgroundImage {
height:600px;
width:600px;
background:url(core/calendar.gif) no-repeat;
position:absolute;
z-index:1;*/
/*}*/
/*#contact #backgroundImage {
height:600px;
width:500px;
background:url(core/mailbox.gif) no-repeat;
position:absolute;
z-index:1;
}*/

/*foreground image on homepage*/
#homeForegroundImage a{
height:176px;
width:159px;
background:url(core/BuyButton159.jpg) no-repeat left top;
position:absolute;
left:270px;
top:20px;
}
#homeForegroundImage a:hover{
background-position:right top;
}

/*The following applies to the appearance of form fields*/
form {
	float: left;
}
fieldset{
border: 1px solid #ccc;
background:#f8f8f8;
padding:1em;
margin:0;
width: 450px;
}
/*the following styles the label and input fields of forms*/
label{
color:#000000;
display: block;
}
input {
width:200px;
}
/*Styles the "required" class of fields in the form*/
.required {
font-size:1em;
color:#760000;
}
<!--The .clear styles the break between fieldsets on forms.  It is an IE6 fix.-->
.clear {
	clear:both;
	height: 0;
	margin: 0;
	padding: 0;
	}

textarea {
width:300px;
height:100px;
}
/*.content {
clear:both;
}*/

/*The following is the box model:*/
.box {
width: 60%; /*/this allows the box to grow/expand as the font-size does.*/
background-image: url(core/bottomLeft.gif);
background-repeat: no-repeat;
background-position: left bottom;
margin-left: 45px;
}
.box-outer {
background-image: url(core/bottomRight.gif);
background-repeat: no-repeat;
background-position: right bottom;
padding-bottom: 5%;

}
.box-inner {
background-image: url(core/topLeft.gif);
background-repeat: no-repeat;
background-position: left top;
padding-bottom: 5%;

}
/*here the padding on the bottom has been set to 5%  This appears to fix display problem in Opera.*/
.box h2 {
background-image: url(core/topRight.gif);
background-repeat: no-repeat;
background-position: right top;
padding-top: 2em;
padding-bottom: 1%;
padding-left: 5%;
padding-right: 8%;
}
.box p {
padding-left: 5%;
padding-right: 8%;
padding-bottom: 1%;
margin: 0;
}


/*rounded-corner white bounding box "boxWhite"*/
.boxWhite {
width: 65%; /*/this allows the box to grow/expand as the font-size does.*/
background-image: url(core/bottomLeftWhite.gif);
background-repeat: no-repeat;
background-position: left bottom;
margin-left: 30px;
}
.boxWhite-outer {
background-image: url(core/bottomRightWhite.gif);
background-repeat: no-repeat;
background-position: right bottom;
padding-bottom: 1%;

}
.boxWhite-inner {
background-image: url(core/topLeftWhite.gif);
background-repeat: no-repeat;
background-position: left top;
padding-bottom: 1%;

}

.boxWhite #imageContainer {
background-image: url(core/topRightWhite.gif);
background-repeat: no-repeat;
background-position: right top;
padding-top: 1em;
text-align:center;
padding-left: 1%;
padding-right: 1%;
/*margin: 0;*/
}
.boxWhite .box {
width: 90%; 
margin-left: 5%;
}

/*thumbnails*/
#photoGallery1 .box  p {
padding-top: 1%;
padding-bottom:1%;
padding-left: 5%;
padding-right:5%;
}

/*concerning display of thumbnails*/
#photos #backgroundImage a {
display:inline;
height:160px;
width:200px;
text-decoration:none;
border:none;
position:relative;
left: 5%;
top: 450px;
color:#000000;
margin:20px;
}
#photoGallery1 .photobox a, a:link, a:visited {
text-decoration:none;
border:none;
}
/**/