/*
Jenkin Piano Service

Main stylesheet
28 Dec 2006, Chris Evans

colours: #000, #fff, #efdeb8, #a9530e
*/

body 
{
    font: 70% Verdana, Helvetica, sans-serif;
    /*background: #EFDEB8 url(../images/bg_sansborder.gif) no-repeat left top;*/
    background: #fef5e0 url(../images/bg_doublegrad.gif) no-repeat center top;
    background-attachment: fixed;
    color: #fff;
    margin:0;
    padding:0;
}

body.alt { background: #fff url(../images/bg_doublegrad.gif) no-repeat left top; }

a 
{
     color: #a9530e;
}

a:visited 
{
}

a:hover 
{
    color: #ff0000;
}

div#content p { text-align: justify; margin: 0 0 1em 0; line-height: 1.33em;}
div#content p.intro {font-style:italic;}

h1,h2,h3,h4,h5,h6 
{
    margin: 0;
    padding: 0;
}

h1 
{
    font-size: 140%;
    color: #a9530e;
    margin: 0 0 1em 0;
}

h2 
{
    font-size: 130%;
    color: #a9530e;
    margin: 0 0 .5em 0;
    border-bottom: 1px solid #dcb88a;
    clear: right;
}

h3 
{
    font-size: 120%; 
}

img
{
    border: none;
}

ul.navigation 
{
    margin:0;
    padding:0;
    list-style: none;
}



div#page 
{
    width: 740px;
    color: #000;   
    margin: 0 auto;        
}

div#header 
{
    margin: .5em 30px 0 20px;
    padding: 0;
    position: relative;
    background: transparent url(../images/banner_prod.jpg) no-repeat right top;
}

div#content 
{
    margin: 1em 30px .5em 20px;
    min-height: 14em;
}


div#content img.contentImage { border:1px solid #000 !important; padding: 5px; float: right; margin: 0 0 0 2em; }

div#content img.alternate { float: left; margin: 0 2em 0 0; }

div#content ul li { margin: 0 0 .5em 0; }


div#content div#mainContent {
    float: right;
    width: 75%;
}

div#content div#sideMenu {
    float: left;    
    width: 20%;
}

div#footer 
{
    margin: 2em 30px .5em 20px;
    border-top: 1px solid #a9530e;
    padding: .5em 0 2em 0;
}

div#footer p {margin:0; padding:0; font-size: 85%;}

div#footer p.copyright { float: right; text-align: right; }
div#footer p.address { float: left; }

div#header img.mainLogo { margin: 4px 0 5px 0; }

div#mainmenu {     
    margin: 0 30px 0 20px; 
    border-top: 1px solid #a9530e;
    padding:.5em 0 .5em 0; 
}

div#adminLoggedIn {
    margin: 1em 0 .25em 0;
    position:relative; 
    background: #fff;
    padding:.25em;
    border:1px solid #ccc;
}

div#adminLoggedIn .loginStatus {
    position: absolute;
    top:.25em;
    right:.25em;   
}
div#adminLoggedIn p { margin:0; padding:0; }

div.contentEditingControls { 
    margin: .25em 0 0 0; 
    text-align: right; 
    background: #fff;
    padding:.25em;
    border:1px solid #ccc;
}

input.mceEditor { width: 100%; }

div#mainmenu ul.navigation 
{
    margin:0;
    padding:0;
    
}


div#mainmenu ul.navigation li
{
    display: inline;
    padding: .5em 1em .5em 1em;
    margin:0; 
}


div#mainmenu ul.navigation li a
{
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

div#mainmenu ul.navigation li.selected,
div#mainmenu ul.navigation li.childSelected {
    background: #a9530e;     
}

div#mainmenu ul.navigation li.selected a,
div#mainmenu ul.navigation li.childSelected a
{
    color: #fff;
    
}


div#mainmenu ul.navigation li a:hover
{
    color: #ff0000;
}

div#mainmenu ul.navigation li.selected a:hover { color: #fff; }



div#content div#sideMenu ul.navigation { }
div#content div#sideMenu ul.navigation li { margin:0;}
div#content div#sideMenu ul.navigation li a {
    text-decoration: none; 
    font-weight: bold;       
    display: block;
    padding: .5em 0 .5em .25em;
    width: 100%;
    border-bottom: 1px solid #a9530e; 
}
div#content div#sideMenu ul.navigation li.firstNode a {
    border-top: 1px solid #a9530e; 
}
div#content div#sideMenu ul.navigation li a:hover {}
div#content div#sideMenu ul.navigation li.selected {  }
div#content div#sideMenu ul.navigation li.selected a { color: #fff; background:#a9530e;}

div#content div#sideMenu ul.navigation li ul { margin:0; padding:0; list-style: none;}
div#content div#sideMenu ul.navigation li ul li { padding-left: 1em;}



div#content h1.decorative {
    overflow: hidden;
    text-indent: -5000px;
    margin: 0;
    padding: 0;   
    width: 690px;
    height: 68px;         
}

div#content div#mainContent h1.decorative {
    width: 518px;  
    
}
    
div#content h1.hometitle { background: transparent url(../images/headings/home.gif) no-repeat center top; }  
div#content h1.servicestitle { background: transparent url(../images/headings/services.gif) no-repeat center top; }  
div#content h1.pianotuningtitle { background: transparent url(../images/headings/pianotuning.gif) no-repeat center top; }  
div#content h1.repairtitle { background: transparent url(../images/headings/repair.gif) no-repeat center top; }  
div#content h1.valuationstitle { background: transparent url(../images/headings/valuations.gif) no-repeat center top; }  
div#content h1.damppChasertitle { background: transparent url(../images/headings/damppChaser.gif) no-repeat center top; }  
div#content h1.pianoDisctitle { background: transparent url(../images/headings/pianoDisc.gif) no-repeat center top; }  
div#content h1.pianoStoragetitle { background: transparent url(../images/headings/pianoStorage.gif) no-repeat center top; } 
div#content h1.partstitle { background: transparent url(../images/headings/parts.gif) no-repeat center top; }  

div#content h1.pianosalestitle { background: transparent url(../images/headings/pianosales.gif) no-repeat center top; } 


div#content h1.faqstitle { background: transparent url(../images/headings/faqs.gif) no-repeat center top; }  
div#content h1.abouttitle { background: transparent url(../images/headings/aboutus.gif) no-repeat center top; }  
div#content h1.pttguildtitle { background: transparent url(../images/headings/pttguild2.gif) no-repeat center top; }  

div#content h1.davidjenkintitle { background: transparent url(../images/headings/davidjenkin.gif) no-repeat center top; }  
div#content h1.pascalmontititle { background: transparent url(../images/headings/pascalmonti.gif) no-repeat center top; }  
div#content h1.yujinakamuratitle { background: transparent url(../images/headings/yujinakamura.gif) no-repeat center top; }  
div#content h1.garybeadelltitle { background: transparent url(../images/headings/garybeadell.gif) no-repeat center top; }  
div#content h1.davidsalmontitle { background: transparent url(../images/headings/davidsalmon.gif) no-repeat center top; }  
div#content h1.apprenticeshipstitle { background: transparent url(../images/headings/apprenticeships.gif) no-repeat center top; }  
div#content h1.charlottejenkintitle { background: transparent url(../images/headings/charlottejenkin.gif) no-repeat center top; }  
div#content h1.andrewmacdonaldtitle { background: transparent url(../images/headings/andrewmacdonald.gif) no-repeat center top; } 
div#content h1.wilmstotzeltitle { background: transparent url(../images/headings/wilmstotzel.gif) no-repeat center top; } 

div#content h1.samuelcouprytitle { background: transparent url(../images/headings/samuelcoupry.gif) no-repeat center top; }  
div#content h1.davidnewtontitle { background: transparent url(../images/headings/davidnewton.gif) no-repeat center top; }  

div#content h1.contacttitle { background: transparent url(../images/headings/contactus.gif) no-repeat center top; }  


div.contactInfo { float: left; width: 46%; }
div.contactForm { float: right; width: 46%; }

div.login { width: 55%; }
div.contactForm div.row, div.userPanel, div.passwordPanel { margin: 0 0 .5em 0; }
div.contactForm label, div.userPanel label, div.passwordPanel label { float: left; width: 40%; }
div.contactForm input, div.userPanel input, div.passwordPanel input {float: right; width: 55%;}
div.contactForm textarea {float: left; clear: left; width: 98%; height: 12em; margin: .5em 0 0 0; }
div.contactForm input.button { float: right; width: auto;}

span.error { color: #ff0000; }


table.infoTable {
    width: 100%;
    border-collapse: collapse;
    margin:1em 0 1em 0;
    padding:0;       
}

table.infoTable th { text-align: left; border: 1px solid #a9530e; padding: .33em; }
table.infoTable td { border: 1px solid #a9530e; padding: .33em; } 


div#mainContent img.contentImage { float: right; clear: right; margin: 0 0 1em 1em; border:1px solid #000;  }  
div#mainContent img.captioned {margin: 0 0 0 1em; border-bottom: none;}
div#mainContent p.caption { float: right; clear: right; margin: 0 0 1em 1em; font-size: 90%; width: 200px; padding: .25em .5em .25em .5em; text-align: center; border:1px solid #000; border-top: none; }
div#mainContent p.portrait { width: 133px; }

.fc:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.fc 
{
    height: 1%;  
    display: block; 
}