﻿body
{
    background: #fefbe0 url(/images/elements/dmtPageBG.png) repeat-x;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9pt;
    color: #6f6f6f;
    margin: 0px 0px 0px 0px;
}

#container
{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    }
    
#header
{
    background-image: url(/images/elements/dmtLogo.png);
    background-repeat: no-repeat;
    height: 115px;
    width: 100%;
    margin: -12px 0 0 0;
}

#navigation
{
    float: right;
   margin-top: 52px;
}

#navigation ul
{
     list-style-type: none;
     margin: 0px;
}

#navigation li
{
     display: inline;
     padding: 0px;
     margin: 0px;
}

#navigation a
{
    font-weight:normal;
    font-size: 12pt;
    color: White;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    border: none;
}

#navigation a:hover, #navigation a:active
{
    color: #FFFFFF;
    background-color: #090227;
    border: none;
    text-decoration: underline;
}


#navigation img
{ 
     border:0px;
}

#links
{
    clear: both;
   color: White;
   padding-top: 14px;
}

#links .form
        {
            background-color: #C0C0C0;
           border-style: solid;
            border-width: 1px;
            border-color: #990134 #FF3399 #990134 #FF0066    ;
            font-size: 10pt;
             font-family: Helvetica, Arial, sans-serif;
            color: #333333;
            width: 115px;
            height:22px;
            padding:2px;
        }
        
#links .button
            {
                 border-style: solid;
            border-width: 1px;
            border-color: #990134 #FF3399 #990134 #FF0066    ;
                font-size: 10pt;
                 font-family: Helvetica, Arial, sans-serif;
                background-color: #CCCCCC;
                height:22px;
                
                padding:  0 5px 0 5px;
            }

#footer
{
    color:Black;
    margin:  20px 0px 8px 0px;
    font-size:8pt;
    height: 50px;
}   

#footer a{ color:#6f6f6f; text-decoration: none;}
#footer a:hover { color: black; text-decoration: underline;}
    
.contentRow
{
     margin: 0px 0px 14px 0px;
     padding:0px;
}

.contentRight
{
    float: right;
    width: 255px;
}

.contentLeft
{
    width:530px;
}

.contentRight5050
{
    float: right;
    width: 390px;
}

.contentLeft5050
{
    width:390px;
}

.headedContent
{
    border: solid 1px black;
    width: 100%;
    border-right: solid 1px black;
}

.hcHeader
{
    background:   url(/images/elements/hcHeaderBG.png) repeat-x;
    height: 32px;
    padding-left:20px;
}

.hcHeader img
{
    margin-top: 5px;
}

.hcHeader div, .newreleases
{
    font-size: 10pt;
    text-transform:capitalize;
    font-weight:bold;
    color: White;
    padding-top:5px;
}

.hcContent
{
    background: #FDE3F1;
    padding: 10px 5px 5px 5px;
}

.hcContent div
{
    margin-bottom: 10px;
}

#pcHeader
{
    background:  url(/images/elements/pcHeaderBG.png) repeat-x;
    height:70px;
    margin: 0px 0px 14px 0px;
}

#pcHeaderImage
{
    /*margin-top: 0px;
    padding-top: 5px;
    margin-left: 20px;*/
    padding-top: 5px;
    padding-left: 20px;
    font-size: 18pt;
    
    color:White;
   
}

#pcHeaderText
{
    padding-left:60px;
    
}

.blacktext
{
    color: Black;
}

.greytext
{
    color: #6f6f6f;
}

.whitetext
{
    color: White;
}

.whitetext a{ color: White; }

a
{
    color:Black;
    text-decoration: underline;
}

a:hover
{
     color:Black;
}

.contentRow a:hover
{
    color: #4A4A4A;
}


        #slideshow {
	        margin-right: auto;
	        margin-left:auto;
	        margin-top: 15px;
	        margin-bottom: 15px;
	        width: 230px;
	        height: 150px;
	   /*    background: transparent url(images/bg_slideshow.jpg) no-repeat 0 0;  */
	         
	        position:relative;
        }
        
        #slideshow #slidesContainer {
          margin:0 auto 0 auto;
         width: 150px;
          height: 150px;
          overflow: hidden;
          position:relative;
        }
        
        #slideInner{
        }
        
        #slideshow #slidesContainer #slideInner .slide {
          margin:0 auto;
          width: 150px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
          height:150px;
          float:left;  
        }
        
    .control {
         display:block;
          width:39px;
          height:150px;
          text-indent:-10000px;
          position:absolute;
          cursor: pointer;
}
       
       #leftControl {
              top:0;
              left:0;
              background:transparent  url(/images/ArrowLeft.png) no-repeat 0 0;
              margin: auto;
       }
       
       #rightControl {
              top:0;
              right:0;
              background:transparent  url(/images/ArrowRight.png) no-repeat 0 0;
              margin: auto;
       }
    
     div.row_first{clear:left;     margin:    0px 0px 5px 0px;}
       div.row{  clear:left;  margin:   0px 0px px 0px; }
       div.valrow{ clear:left;   margin: 10px 0px 5px 30px  }
       .col1{      float:left;       width:150px;       text-align:right;      }
       .col2{     display:inline;       width:15px;       text-align:left;      }
       .col3{     display:inline;    text-align:left;   font-weight:bold; width: 350px;    }

        .formContainer{
            /*width:530px;*/
            padding: 0px 0px 15px 0px;
        }
        
        .form
        {
            background-color: #C0C0C0;
           border-style: solid;
            border-width: 1px;
            border-color: #990134 #FF3399 #990134 #FF0066    ;
            font-size: 10pt;
             font-family: Helvetica, Arial, sans-serif;
            color: #333333;
            width: 320px;
            height:18px;
            padding:2px;
        }
        
        .button
            {
                 border-style: solid;
            border-width: 1px;
            border-color: #990134 #FF3399 #990134 #FF0066    ;
                padding: 5px 5px 5px 5px;
                font-size: 10pt;
                font-family: Helvetica, Arial, sans-serif;
                background-color: #CCCCCC;
                
            }
        
        .validate{
            font-size: 8pt;
             font-style:italic;
             color:Red;
        }
           
     .icon{
            float: left;
        }
          
       .bodyText{
            margin-left: 0px;
            margin-bottom: 15px;
        }
        
     .purpleHeader
{
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
    color: #FFFFFF;
}
        
   .borderDiv
   {
    margin-left:15px;
    width:95%;
   }
   
   #NewsList
   {
    margin-left:20px;
    width: 95%;
   }
   
   #NewsList li
   {
    margin-bottom: 15px;
    padding: 0px;
   }
   
   #NewsList ul
{
    margin: 0px;
    margin-left: 0px;
    text-indent: 0px;
    list-style-position: outside;
    padding: 0px;
}
#NewsList a{
        color: #6f6f6f;
         text-decoration: none;
        }
        
#NewsList a:hover{ color: Black; text-decoration:underline;}
   
   
   #Headline
   {
        font-weight:bold;
        margin-bottom: 15px;
   }
 
/*.musicRow
{
    background-position: #9CB5E7;
    margin: 10px;
    padding: 10px;
    background: #FCE9EF;
    clear: both;
    height: 150px;
}
   
 
 .mcol1{     display: inline;      width:180px;       text-align: center;      }
 .mcol2{     display: inline;       width:350px;       text-align:left;      }
 .mcol3{     display: inline;  text-align:left;  width: 200px; margin-left: 10px;   font-weight: normal;  }  

 .mcol2 .title {font-weight: bold; font-size:larger; color: Black;}
  
  */

.musicRow
{
    clear:both;
    margin-bottom: 10px;
    padding: 10px;
    background: #fce9ef;
    height: 150px;
}  

.mcol1{      float:left;       width:170px;       text-align:center;      }
.mcol2{     float:left;       width:410px;       text-align:left;      }
.mcol3{   float:left;  text-align:left; width: 170px; margin-left:15px;   }

.releaseTitle{ font-weight:bold; font-size:12pt; color:Black; margin-bottom:10px;}
.mcol2 div, .mcol3 div{margin-bottom: 10px;}

.mcol3 ul { }
.mcol3 li {}
  
#Partners
{
     text-align:center;
}

#Partners ul
{
    list-style-type:none;
    padding:0px;
    text-align:center;
}

#Partners li
{
    border: 1px solid #CCCCCC; padding: 0px; background-color: #FDE3F1; margin-bottom:10px;
}

#Partners img
{
    width: 150px;
}

#welcomeStraplines
{
     position: relative;
   top: 85px;
    margin-left: 80px;
    width: 420px;
    height: 110px;
    overflow: hidden;
}

#straplines
{
    }

.strapLine
{
    height: 110px;
    
}

.strapLine .Title
{
     font-size: 28pt;
    font-weight: bold;
    font-variant: normal;
    text-transform: uppercase;
    color:White;
    margin-bottom:-5px;
    
}

.strapLine .Sub
{
    font-size: 14pt;
    margin-left: 40px;
    color:#6f6f6f;
}
