/* CSS Document */

body, html {
width:100%;
height:99%;
margin:0 0 0 0;
padding:0 0 0 0;
background-color:#FFFFFF;
background-image:url(../gfx/texture-black.gif);
background-repeat:repeat;
font-family:"Garamond", "Times New Roman", Times, serif;
font-size:14px;
color:#222222;
}

a:link {
color:#666666;
text-decoration:underline;
}
a:visited {
color:#333333;
text-decoration:underline;
}
a:hover {
color:#333333;
text-decoration:underline;
}

h1, h2, h3, h4 {
font-weight:normal;
}

h1 { font-size:26px; }
h2 { font-size:22px; }
h3 { font-size:18px; }
h4 { font-size:14px; }

#container {
position:relative;
top:50px;
width:1000px;
height:625px;
background-color:#FFFFFF;
border:8px solid #121212;
}

#bg-container {
position:relative;
top:50px;
width:1000px;
height:625px;
border:8px solid #121212;
background-image:url(../images/backgrounds/sea-01.jpg);
background-repeat:no-repeat;
}


#home-left {
position:absolute;
left:15px;
top:15px;
width:465px;
height:595px;
/*margin:0 15px 15px 15px;*/
border-left:1px solid #DDD;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
/*margin-right:5px;*/
vertical-align:bottom;
text-align:left;
/*background-image:url(../images/grand-piano.jpg);
background-repeat:no-repeat;*/
background-position:bottom left;
z-index:99;
}

#home-contact {
position:absolute;
bottom:10px;
width:495px;
text-align:center;
}

#home-right {
position:absolute;
right:0;
top:15px;
width:465px;
height:580px;
padding:0 15px 15px 15px;
text-align:right;
border-left:1px solid #DDD;
}

#body-text-right {
position:relative;
width:465px;
height:580px;
text-align:left;
overflow:auto;
}

#music-player {
position:relative;
top:20px;
}

#left-col {
position:relative;
width:180px;
height:575px;
float:left;
padding:10px;
}

#navigation {
position:absolute;
bottom:15px;
left:15px;
font-style:italic;
font-size:17px;
line-height:130%;
}

#navigation a:link {
color:#222222;
text-decoration:none;
}
#navigation a:visited {
color:#222222;
text-decoration:none;
}
#navigation a:hover {
color:#666666;
text-decoration:underline;
}

#right-col {
position:relative;
float:right;
width:215px;
height:575px;
margin:10px 0 10px 0;
padding-left:20px;
text-align:right;
border-left:1px solid #DDD;
overflow:hidden;
}

.sub-nav {
font-size:15px;
font-style:italic;
line-height:130%;
}

.sub-nav a:link {
color:#222222;
text-decoration:none;
}
.sub-nav a:visited {
color:#222222;
text-decoration:none;
}
.sub-nav a:hover {
color:#666666;
text-decoration:underline;
}

#gallery-opts {
position:absolute;
top: 450px;
}

.body-text {
margin-top:15px;
text-align:left;
height:280px;
padding-right:10px;
overflow:auto;
}

.concert {
margin-bottom:15px;
padding-bottom:10px;
border-bottom:1px solid #CCC;
width:440px;
}

.concert img {
float:left;
padding-right:10px;
padding-bottom:10px;
}

.gallery {
margin:0;
padding:0;
text-align:left;
height:595px;
width:465px;
overflow:auto;
text-align:right;
background-color:#FFFFFF;
color:#222222;
}

.gallery-thumb {
padding:0 5px 5px 0;
}

.float-left {
float:left;
padding:10px 10px 10px 0;
}
.float-right {
float:right;
padding:10px 0 10px 10px;
}

#footer {
position:relative;
margin-left:auto;
margin-right:auto;
top:53px;
font-family:"Garamond", "Times New Roman", Times, serif;
font-size:11px;
font-style:italic;
color:#999;
}

#footer a:link {
color:#AAA;
text-decoration:underline;
}
#footer a:visited {
color:#AAA;
text-decoration:underline;
}
#footer a:hover {
color:#EEE;
text-decoration:underline;
}

#enquiryform input, textarea {
border:1px solid #CCC;
}