﻿/* styles.css
	This document contains elements that are used on specific pages.
*/

/*  twocol is used for some of the details pages that have content on the left, icons to other subpages on the right */

    .twocol .left_side { float: left; width:500px; }
    .twocol .right_side { float: right; width: 200px; }
    .twocol .right_side h2 { float: left; margin: 0px 0px -20px 0px; position: relative; }



/* Homepage */

    /* Header Area */
    .pg_home #header { background: url(/images/bg_header_home.jpg) no-repeat; height: 531px;  }
    .pg_home #header a { color: #000; }
        .pg_home #header a:hover { color: #666; }
    .pg_home #header p { display: block; color: #000; margin-top: 350px; clear: right; float: right; display: inline; width: 285px; margin-right: 40px }
    .pg_home #header p.rightlink { margin-top: 5px; text-align: right; }

    /* Content Area */    
    .pg_home .col { float: left; width: 250px; margin-right: 30px; }
    .pg_home .news strong, .pg_home .news a {color: #82704B; }
        .pg_home .news strong { display: block; }
        .pg_home .news a:hover { color: #A69168; }
    .pg_home .banner { width: 150px; margin-right: 0px; }

/* About */

    /* Header Area */
    .pg_about #header { background: url(/images/bg_header_about.jpg) no-repeat;  }

    /* Content Area */
    .pg_about .col { float: left; width: 200px; margin: 20px 30px 0px 10px; display: inline}
    .pg_about .col h2 { float: left; margin: 0px 0px -20px 0px; position: relative; }

        /* News/Reviews Specific */
        
        .newsreviews strong {padding-left: 15px; margin-left: -15px; background: url(/images/ico_LI.gif) left no-repeat; color: #A66B15; display: block;}
        .newsreviews p { padding-left: 15px; }
            .newsreviews p.last { padding-bottom: 20px; }
            
        .newsreviews a:hover { color: #A69168; }



/* Music */

    /* Header Area */
    .pg_music #header { background: url(/images/bg_header_music.jpg) no-repeat;  }

    /* Content Area */
    .pg_music .col { float: left; margin: 20px 40px 0px 75px; display: inline}
    .pg_music .col h2 { margin: 0px 0px -20px 0px; position: relative; }
        .pg_music .B { margin-left: -20px; }
        
        /* Section Specific */
        
        .pg_music .left_side { width: 600px; }
        .pg_music .left_side dl { float: left; margin: 5px 50px 0px 15px; display: inline}
        .pg_music .left_side .song { width: 250px; margin-right: 0px; }
            .pg_music .left_side .sc { width: 250px; margin-right: 0px;}
        .pg_music .left_side .song dd { margin-left: 5px; background: url(/images/ico_LI.gif) left no-repeat; padding-left: 15px; margin-top: 5px;}
      
        .pg_music .left_side .artist { width: 150px; margin-right: 0px;  margin-left: 0px;}
        .pg_music .left_side .artist dd { margin-top: 5px;}
     
        .pg_music .left_side .sample { width: 150px; margin-right: 0px; }
            .pg_music .left_side .sample_cover { width: 150px; margin-right: 0px;margin-left: 0px;  }
        .pg_music .left_side .sample dd, .pg_music .left_side .sample_cover dd { margin-top: 5px;}
        
        .pg_music p.apl { margin-top: 4px}
        .pg_music .left_side a.on { text-decoration: none;  color: #BF7A19; }
        .pg_music .right_side { width: 150px; }

/* Media */
    
    /* Header Area */
    .pg_media #header { background: url(/images/bg_header_media.jpg) no-repeat;  }


    .pg_media #content #left_side { float: left; width: 250px; }
        .pg_media #content #left_side dt { clear: right; margin-top: 35px; font: bold 11px verdana; color: #a66b15; padding-left: 15px; margin-bottom: 2px; background: url(/images/ico_LI.gif) left no-repeat; }
        .pg_media #content #left_side dd p { text-align: right; }
    .pg_media #content #right_side { float: right; width: 480px; margin-top: 40px; }



/* Image Gallery */

    /* Header Area */
    .pg_gallery #header { background: url(/images/bg_header_gallery.jpg) no-repeat;  }

    /* Content Area */

    .pg_gallery #content { /*min-height: 500px!important; height: 400px;*/ margin-bottom: 100px;}
    .pg_gallery .col { float: left; margin: 20px 40px 0px 75px; display: inline}
    .pg_gallery .col h2 { margin: 0px 0px -20px 0px; position: relative; }
        .pg_gallery .B { margin-left: -20px; }

    .pg_gallery .left { float: left; width: 350px; margin-left: 5px; }

    .pg_gallery .left .top, .pg_gallery .left .btm { display: block; float: left; position: relative; width: 350px; behavior: url(/App_Css/iepngfix.htc);}
    .pg_gallery .left .top {  margin-bottom: -127px; background: url(/images/previewcap_top.png) 0px -1px no-repeat; height: 126px; }
    .pg_gallery .left .btm { margin-top: -107px; background: url(/images/previewcap_btm.png) bottom no-repeat; height: 107px; }
    .pg_gallery .left img { float: left; }
    .pg_gallery .left .caption { float: left; color: #A66B15; margin: 10px 20px 0px 20px; }

    .pg_gallery .right { float: right; width: 380px; }
    .pg_gallery .right ul { float: left; }
    .pg_gallery .right li { float: left; width: 91px; min-height: 80px; height: auto!important; height: 80px; margin-left: 20px; display: inline;}
    .pg_gallery .right li a { float: left; display: block; padding: 5px; opacity: .75; filter: alpha(opacity=75)}
    .pg_gallery .right li a:hover { padding: 4px; border: 1px solid #6C5A3C ; opacity: 1; filter: alpha(opacity=100)}
    .pg_gallery .right li .top, .pg_gallery .right li .btm { display: block; float: left; position: relative; width: 91px; behavior: url(/App_Css/iepngfix.htc);}
    .pg_gallery .right li .top {  margin-bottom: -27px; background: url(/images/thumbcap_top.png) top no-repeat; height: 27px; }
    .pg_gallery .right li .btm { margin-top: -34px; background: url(/images/thumbcap_btm.png) bottom no-repeat; height: 34px; }

/* Private Events */

    /* Header Area */
    .pg_events #header { background: url(/images/bg_header_events.jpg) no-repeat;  }

    /* Content Area */
    .pg_events #content h2 { margin: 15px 0px 5px 0px; }
    .pg_events dl { float: left; margin: 15px 10px 0px 10px; }
        .pg_events .song {  }
        .pg_events .song dd { margin-top: 5px; margin-left: 5px; background: url(/images/ico_LI.gif) left no-repeat; padding-left: 15px; }
        .pg_events .artist { width: 120px; }
        .pg_events .simon { width: 130px; }
        .pg_events .artist dd { padding-left: 5px; margin-top: 5px; }
        .pg_events dd.rightlink { text-align: right; margin-top: 5px; }
        .pg_events .sample_cover { clear: left; float: left; width: 400px; }
        .pg_events a.on { text-decoration: none;  color: #BF7A19; }
        
    .pg_events .test { float: left; margin-top: 10px; margin-left: 10px}
    .pg_events .sf { float: right; margin-top: 10px; }
    
        .pg_events .right_side { width: 150px; padding-top: 5px;}
    
    /* Testimonial Specific */
    
        .pg_events .testimonials { margin: 5px 15px; }
        .pg_events .testimonials li { width: 500px; float: left; background: url(/images/ico_quote_L.gif) left top no-repeat; padding: 8px 0px 0px 15px;}
        .pg_events .testimonials span { float: left; display: block; background: url(/images/ico_quote_R.gif) right bottom no-repeat; padding: 0px 15px 8px 0px;}
        .pg_events .testimonials strong { float: right; margin-top: 5px; text-transform: uppercase; display: block; text-align: right; font-size: 10px; font-weight: normal; color: #A66B15}
        .pg_events .testimonials a.totop { clear: left; float: left; display: block; margin-top: 10px; padding-bottom: 15px}


    
/* Fave links */

    /* Header Area */
    .pg_links #header { background: url(/images/bg_header_links.jpg) no-repeat;  }

    /* Content Area */
        .pg_links table { margin: 10px 0px 0px 10px; width: 100%;}
        .pg_links th { text-align: left; padding-bottom: 5px}
        .pg_links td { padding-bottom: 13px; vertical-align: top;}
        .pg_links td.name {white-space: nowrap; padding-right: 30px; background: url(/images/ico_LI.gif) left 2px no-repeat; padding-left: 15px; }
        .pg_links td.description { padding-right: 15px; margin-right: 0px;}

/* Contact Information */

    /* Header Area */
    .pg_contact #header { background: url(/images/bg_header_contact.jpg) no-repeat;  }

    /* Content Area */
    .pg_contact fieldset { float: left; width: 550px; border: none; margin-top: 15px;}
    .pg_contact label { clear: left; width: 140px; padding-top: 2px; float: left; margin: 0px 0px 0px 10px; line-height: 16px;}
    .pg_contact input.txt, .pg_contact textarea.txtarea, .pg_contact select.select { margin-bottom: 5px; float: left; border: 1px solid #4D250B; height: 16px; background: #94825D; padding: 2px 5px; font-size: 11px}
        .pg_contact input.txt { width: 220px; margin-right: 50px}
            .pg_contact input.focus, .pg_contact textarea.focus { background: #fff; }
            .pg_contact input.hover, .pg_contact textarea.hover { background: #FFEBBF; }
        .pg_contact select.select { width: 150px; height: 20px; padding-right: 2px }
        .pg_contact textarea.txtarea { width: 384px; height: 106px; font-family: arial}
    .pg_contact input.submit { clear: left; float: left; margin-left: 430px; width: 113px; height: 37px; border: 1px solid #f00}
    
    .pg_contact .sf { float: right; margin-top: 10px; }
