/* basic elements - jasonomara.com ------------------------------------------------------------------------------------------------*/

body 
{background: url(/media/pianobkgd.) no-repeat #B6AD8E;
height: 100%;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;} 

h1
{color:#000000;
_height: 1em;
border-bottom: 1px solid #000000;
margin-top: 0px;
margin-bottom: 4px;
margin-left: 20px; 
margin-right: 10px; 
padding-bottom: 4px;
font-family : Georgia, "Hoefler Text", "Times New Roman", Times, serif;
font-variant : small-caps;
font-size : 20px;
line-height : 24px;
font-weight : bold;
letter-spacing : 1px;}

h2
{color:#6A0A0A;
_height: 1em;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px; 
margin-right: 10px; 
padding-left:10px;
padding-top:10px;
font-family : Georgia, "Hoefler Text", "Times New Roman", Times, serif;
font-variant : small-caps;
font-size : 20px;
line-height : 20px;
font-weight : bold;
letter-spacing : 1px;
border-top:1px solid #000}

h3
{color:#5B6677;
margin: 5px 0 5px 20px;
font-family : Georgia, "Hoefler Text", "Times New Roman", Times, serif;
font-variant : small-caps;
font-size : 14px;
line-height : 14px;}

h4
{color:#ffffff;
font-size: 13px;
margin: 5px 0 5px 0;
border-bottom: 1px solid #ffffff}

p
{color:#000000;
line-height: 1.5;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 30px; 
margin-right: 30px; 
padding: 0;
font-family: Arial, verdana, lucida, sans-serif;
font-size: 12px}

li
{font-family: arial, verdana, lucida, sans-serif;
font-size:11px}

a:link
{text-decoration: none; 
color: #5B6677;
}

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

a:active
{text-decoration: none; 
color: #5B6677;}

a:visited 
{text-decoration: none; 
color: #5B6677;}

ul li{
font-size:12px;
text-decoration:none
}

/* title page  ------------------------------------------------------------------------------------------------*/

#homemaincontainer
{background: url(/media/pianoindex.gif) #B6AD8E;
width: 500px;
height: 480px;
margin-left: auto;
margin-right: auto;
margin-top:30px;
border-style: none;
border-width: 0px;
border-color: #000000;
overflow: hidden;}

#homenavcontainer
{margin-left: 335px;
margin-top: 50px;
padding: 0;
width:120px;
height: 70px;
}

#homenavcontainer ul
{width:118px;
height:270px; 
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

#homenavcontainer ul li
{display: block;
float:;
text-align: left;
padding: 0;
margin: 0;
}

#homenavcontainer ul li a
{
background: #;
width: 115px;
height: 32px;
border: 0px solid #520B01;
padding-top: 10px;
padding-left: 15px;
margin: 0;
color: #ffffff;
text-decoration: none;
display: block;
text-align: left;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-weight: bold;
font-size: 12px}

#homenavcontainer ul li a:hover
{
color: #BECDE4;
background: #;
border: 1px solid #BECDE4}

#homenavcontainer a:active
{
background: #;
color: #ffffff;
}

#homenavcontainer li#active a
{
background: #;
border: 1px solid #;
color: #ffffff;
}

/* outside container for shadow ------------------------------------------------------------------------------------------------*/

#mastercontainer
{background: url(/media/pianoindex2.gif)  no-repeat #B6AD8E;
width: 900px;
height:560px;
margin-top:0px;
margin-bottom:10px;
padding-top:20px;
padding-bottom:20px;
margin-left:auto;
margin-right:auto;
margin-left:;
border-style:solid;
border-width: 0px;
border-color: #ffffff}


/* main container ------------------------------------------------------------------------------------------------*/

#maincontainer
{background: #;
width: 810px;
height: 500px;
margin-left: 55px;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
overflow: hidden;}

/* header ------------------------------------------------------------------------------------------------*/

#head
{background: #353c4f;
width: 300px;
height: 40px;
padding-top: 0px;
padding-left: 12px;
margin-top: 1px;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
color: #ffffff;
float:left;
}

/* main navigation  ------------------------------------------------------------------------------------------------*/


#navcontainer
{margin-left: 7px;
margin-top: 48px;
padding: 0;
width:148px;
height:406px;
float:right;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
}

#navcontainer ul
{width:147px;
position:absolute;
height:406px; 
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
}

#navcontainer ul li
{width: 147px;
display: block;
float:;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #;
width: 147px;
height: 35px;
border: 0px solid #520B01;
padding:0;
padding-top: 10px;
padding-right: px;
margin: 0;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-weight: bold;
font-size: 12px}

#navcontainer ul li a:hover
{
color: #BECDE4;
background: #;
border: 1px solid #BECDE4}

#navcontainer a:active
{
background: #;
color: #ffffff;
}

#navcontainer li#active a
{
background: #;
border: 1px solid #;
color: #ffffff;
}

/* secondary navigation ------------------------------------------------------------------------------------------------*/

#secondary_navigation
{background:#D7D0B9;
width:;
height:26px;
margin:0px 20px 10px 0px;
padding: 4px 0px 0px 20px;
border-bottom: 0px solid #000000;
text-align:center;
letter-spacing : 1px;
}

#secondary_navigation a
{color:#861929}

#secondary_navigation a:hover
{color:#000} 

/* main content ------------------------------------------------------------------------------------------------*/

#maincontent
{float:left;
width:608px;
height:498px;
margin:0px 0 0 7px;
padding-top:5px;
border-style: solid;
border-width: 0px;
border-color: #ffffff;}

#content
{clear:;
position:relative;
background: #D7D0B9;
width: 418px;
height: 495px;
margin: 0px 0px 0 0px;
float: right;
border-style: solid;
border-width: 0px;
border-color: #861929;
font-size: 13px;
text-align: left;
overflow:auto
}

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

/* side bar ------------------------------------------------------------------------------------------------*/

#sidebar
{position:absolute;
width: 182px;
height: 495px;
float:right;
margin: 0px 0 0 0;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
overflow:}

#sidebar h4
{border-bottom: 0px solid #6D6D6D;
padding-bottom: 0;
text-align: center}

#cmsjo
{clear:both;
background:#B6AD8E;
border:1px solid #fff;
font-size:12px;
text-align:center;
margin: 0 0 5px 0;
padding:3px}

#studios
{clear:both;
background:#BECEE6;
border:1px solid #fff;
font-size:12px;
text-align:center;
margin: 0 0 5px 0;
padding:3px} 
 
#mainshows
{clear:both;
background: #B6AD8E;
width: 176px;
margin: 0 0 5px 0px;
text-align:center;
color:#000000;
padding: 0px 2px 5px 2px;
float:left;
font-family: Arial, verdana, lucida, sans-serif;
font-size: 10px;
height:;
border-style: solid;
border-width: 1px;
border-color: #ffffff;}

#mainshows h4
{font-family: Arial, verdana, lucida, sans-serif;
font-size:11px}

#mailinglist
{clear:both;
background: #;
color:#ffffff;
width: 186px;
height: 60px;
float:left;
margin: 0px;
padding: 0px;
text-align:center;
font-size: 11px;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
}

#mailinglist form
{margin:0px}

#guestbook
{clear: both;
background: #BECEE6;
color:#000000;
font-size:12px;
text-align:center;
width: 180px;
height: 40px;
margin: 5px 0px 5px 0px;
padding: 5px 0px 0px 0px;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
font-family: arial, verdana, sans-serif;
font-size:12px
}

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

#main_links
{width: 184px;
height: 40px;
margin: 5px;
border:0}

#main_links a
{color:#000}

#info
{clear: both;
color:#ffffff;
width: 196px;
height: 65px;
margin: 0 0 0 0px;
padding: 0px 0px 0px 0px;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
}

#info p{color:#ffffff}

#contactform
{margin:10px 10px 10px 20px;
border-bottom:1px solid #000;
padding-bottom:10px}

#gallery
{text-align:center;
border:1px solid #000;
margin:10px}

/* footer ------------------------------------------------------------------------------------------------*/





#footer
{clear: both;
color:#000000;
background: #;
width: 900px;
margin: 20px 0 0 0;
padding: 10px 0 10px 0;
font-size: 11px;
text-align:center;
position:;
border-top-style: solid;
border-top-width: 0px;
border-color: #ffffff;
}


/* extra styles ------------------------------------------------------------------------------------------------*/

p.intro
{background: #B6AD8E;
width:358px;
height:90px;
text-align: center;
font-size:11px;
padding:5px 5px 0 5px;
margin-left:15px;
margin-right:10px;
border: 1px solid #000000}

.signature 
{margin-left: 220px }

p.divider
{text-align:center;
margin: 0}

#portrait
{float: right;
margin: 0 10px 0 4px;
border: 1px solid #000000}

#images
{text-align:center;
width:380px}