/*
  Style sheet for PRODEMOSOLUTIONS.COM
  Design by Matt W. Ebel
  http://www.matthewebel.com/webdesign
*/

/*
====================
GENERAL PAGE STYLE
====================
*/

BODY {
     font-family: Times, serif;
     font-size: 10pt;
     line-height: 12pt;
     color: #000;
     background: #FFF;
     margin: 0;
      }

A {
     font-weight: bold
     }
A:link, A:visited {
     color: #900;
     }
A:active, A:hover {
     color: #F90;
     }

H1 {
     font-family: sans-serif;
     font-weight: bold;
     font-size: 18pt;
     line-height: 24pt;
     color: #000;
     text-align: center;
     margin: 1em 10% 0;
     padding: 2px 1em;
     background: #FBF8CC;
     border: 5px double #900;
     }

H2 {
     font-family: Arial, Verdana, Geneva, sans-serif;
     font-style: italic;
     font-size: 12pt;
     line-height: 14pt;
     color: #900;
     text-align: left;
     margin: .5em 1em;
     padding: 2px 1.5em;
     }

P {
     font-family: sans-serif;
     font-size: 10pt;
     line-height: 14pt;
     text-align: justify;
     text-indent: 5%;
     margin: .5em 15%;
     padding: 1em;
     border-left: 1px dotted #900;
     border-right: 1px dotted #900;
     }

OL, UL {
     font-family: sans-serif;
     font-size: 10pt;
     line-height: 14pt;
     text-align: justify;
     text-indent: 0;
     margin: .5em 15%;
     padding: 0 10%;
     border-left: 1px dotted #900;
     border-right: 1px dotted #900;
     }

LI {
     margin: 1em 0;
     background: #FEE;
     }

INPUT, TEXTAREA {
     background: #FBF8CC;
     }

.misc {
     font-family: Arial, Verdana, Geneva, sans-serif;
     font-size: 90%;
     font-weight: bold;
     font-style: italic;
     color: #979766;
     }

.center {
     text-align: center;
     text-indent: 0;
     }

H2.blue {
     color: #009;
     }

.blue  LI {
     background: #EEF;
     }

P.mailingaddress {
     font-size: 18pt;
     line-height: 24pt;
     text-align: center;
     text-indent: 0;
     }

STRIKE {
     font-size: 75%;
     color: #666;
     }

/*
====================
MAIN TEMPLATE
====================
*/

TD#main_title {
     background: #000 URL("graphics/main_title_r_bg.jpg") top left repeat-x;
     margin: 0;
     height: 115px;
     }

TD#main_menu {
     margin: 0;
     padding: 0;
     width: 165px;
     background: URL("graphics/menu_bg.gif") no-repeat;
     }

P.menuquote {
     font-weight: bold;
     text-align: left;
     text-indent: 0;
     padding: 0;
     margin: 1.5em;
     border: none;
     }

#main_menu P CITE {
     font-weight: normal;
     color: #666;
     }

#copyright {
     font-size: 8pt;
     text-align: right;
     margin-right: 5%;
     }

/*
====================
INDEX
====================
*/

DIV#index {
     background: URL("graphics/bg_piano.jpg") top left no-repeat;
     }

#index P {
     text-align: center;
     font-size: 12pt;
     line-height: 14pt;
     }

/*
====================
ORDER PAGE
====================
*/

DIV#order {
     background: URL("graphics/bg_piano.jpg") top left no-repeat;
     }


/*
====================
READY PAGE
====================
*/

DIV#ready {
     background: URL("graphics/bg_piano.jpg") top left no-repeat;
     }

/*
====================
PROMISE PAGE
====================
*/

DIV#promise {
     background: URL("graphics/bg_piano.jpg") top left no-repeat;
     }

#promise UL {
     font-size: 12pt;
     line-height: 18pt;
     }



/*
====================
LYR-ASSIST PAGE
====================
*/

DIV#lyrassist {
     background: URL("graphics/bg_piano.jpg") top left no-repeat;
     }

/*
====================
TERMS PAGE
====================
*/

#terms H2 {
     text-align: center;
     }



/*
====================
JUNE SPECIAL PAGE
====================
*/

DIV#june_special {
     background: #73D2FF URL("graphics/june_special_bg_sun.jpg") top right no-repeat;
     }

#june_special H2 {
     text-align: center;
     }

#june_special P {
     border: none;
     }

/*
====================
CONTACT PAGE
====================
*/

DIV#contact {
     background: URL("graphics/bg_piano.jpg") top left no-repeat;
     }

/*
====================
LYRIC SUBMIT PAGE
====================
*/

DIV#lyricsubmit {
     background: URL("graphics/bg_piano.jpg") top left no-repeat;
     }

P.lyric_info {
     text-align: right;
     }

/*
====================
THANKS PAGE
====================
*/

DIV#thanks {
     background: URL("graphics/bg_piano.jpg") top left no-repeat;
     }