/*
      Created by Tony Pacini
	  
	  E-Mail: designdepartment@saphurecords.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url(webimgs/body-bg.png); 
 background-repeat: repeat-y; 
 background-position: center; 
 background-color: #343434;
}



.mlink {
 border: 0;
}
.mlink a         { background: transparent; }
.mlink a:link    { background: transparent; text-decoration: none; }
.mlink a:visited    { background: transparent; text-decoration: none; }
.mlink a:hover    { background: transparent; text-decoration: none; }
.mlink a:active    { background: transparent; text-decoration: none; }


#wrapper { 
 margin: 0 auto;
 width: 922px;
 background-color: #000;
}





#header {
 color: #fff;
 width: 902px;
 height: 45px;
 float: left;
 padding: 10px;
 margin: 0px 0px 0px 0px;
 background-color: #000; background-image: url(webimgs/header-iii.jpg); 
 background-repeat: no-repeat;
}

.sign-up {
float: right; padding-right: 10px; padding-top: 8px; border: 0;
}
.sign-up a         { color: #FFD765; font-weight: bold; background: transparent; padding: 1px; text-decoration: none; font-size: 12px; }
.sign-up a:link    { color: #FFD765; font-weight: bold; background: transparent; padding: 1px; text-decoration: none; font-size: 12px; }
.sign-up a:visited { color: #FFD765; }
.sign-up a:hover   { color: #FEA304; text-decoration: underline;; }
.sign-up a:active  { color: #FFD765; }


#sub-banner {
 color: #333;
 width: 912px;
 height: 22px;
 float: left;
 padding: 5px;
 margin: 0px 0px 0px 0px;
 background-color: #ececec;
}

#sub-banner a         { color: #2997A4; font-weight: normal; background: transparent; padding: 1px; text-decoration: none; font-size: 10px; }
#sub-banner a:link    { color: #2997A4; font-weight: normal; background: transparent; padding: 1px; text-decoration: none; font-size: 10px; }
#sub-banner a:visited { color: #2997A4; }
#sub-banner a:hover   { color: #69BFC9; text-decoration: underline;; }
#sub-banner a:active  { color: #2997A4; }



#navigation {
 float: left;
 width: 922px;
 color: #333;
 padding-top: 2px;
 margin: 0px 0px 0px 0px;
 background-image: url(webimgs/nav-bg.png); background-repeat: repeat-x; background-color: #E6E6E6;
 border-bottom: solid 1px #ccc;
}




#flashcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 300px;
 width: 678px;
 float: left; 
 background-color:#000000;
}

#flashcolumn a         { color: #5676A5; font-weight: normal; background: transparent; padding: 1px; text-decoration: none; font-size: 12px; }
#flashcolumn a:link    { color: #5676A5; font-weight: normal; background: transparent; padding: 1px; text-decoration: none; font-size: 12px; }
#flashcolumn a:visited { color: #5676A5; }
#flashcolumn a:hover   { color: #6CAFD9; text-decoration: underline;; }
#flashcolumn a:active  { color: #5676A5; }






#leftcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 300px;
 width: 678px;
 float: left;
 background: #F2F2E6;
}

#leftcolumn a         { color: #5676A5; font-weight: normal; background: transparent; padding: 1px; text-decoration: none; font-size: 12px; }
#leftcolumn a:link    { color: #5676A5; font-weight: normal; background: transparent; padding: 1px; text-decoration: none; font-size: 12px; }
#leftcolumn a:visited { color: #5676A5; }
#leftcolumn a:hover   { color: #6CAFD9; text-decoration: underline;; }
#leftcolumn a:active  { color: #5676A5; }





#home-right { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 240px;
 width: 233px;
 display: inline;
 background: #000;
}

#home-right a         { color: #5676A5; font-weight: normal; background: transparent; padding: 1px; text-decoration: none; font-size: 12px; }
#home-right a:link    { color: #5676A5; font-weight: normal; background: transparent; padding: 1px; text-decoration: none; font-size: 12px; }
#home-right a:visited { color: #5676A5; }
#home-right a:hover   { color: #6CAFD9; text-decoration: underline;; }
#home-right a:active  { color: #5676A5; }





#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 240px;
 width: 203px;
 display: inline;
 background: #fff;
}

#rightcolumn a         { color: #5676A5; font-weight: normal; background: transparent; padding: 1px; text-decoration: none; font-size: 12px; }
#rightcolumn a:link    { color: #5676A5; font-weight: normal; background: transparent; padding: 1px; text-decoration: none; font-size: 12px; }
#rightcolumn a:visited { color: #5676A5; }
#rightcolumn a:hover   { color: #6CAFD9; text-decoration: underline;; }
#rightcolumn a:active  { color: #5676A5; }







/* Begin Footer Propeties Below */


#footer { 
 width: 902px;
 height: 100%;
 clear: both;
 color: #555759;
 text-align: center;
 font-size: 10px;
 background-image: url(webimgs/subnav-bg.png); background-repeat: repeat-x; background-color: #000;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}

#footer a         { color: #8699AC; font-weight: lighter; background: transparent; padding: 1px; text-decoration: none; font-size: 10px; }
#footer a:link    { color: #8699AC; font-weight: lighter; background: transparent; padding: 1px; text-decoration: none; font-size: 10px; }
#footer a:visited { color: #8699AC; }
#footer a:hover   { color: #4B596D; text-decoration: underline;; }
#footer a:active  { color: #8699AC; }

.listfooter { 
 width: 902px;
 height: 100%;
 clear: both;
 color: #555759;
 text-align: center;
 font-size: 10px;
 background-image: url(webimgs/subnav-bg.png); background-repeat: repeat-x; background-color: #000;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}

.listfooter a         { color: #8699AC; font-weight: lighter; background: transparent; padding: 1px; text-decoration: none; font-size: 10px; }
.listfooter a:link    { color: #8699AC; font-weight: lighter; background: transparent; padding: 1px; text-decoration: none; font-size: 10px; }
.listfooter a:visited { color: #8699AC; }
.listfooter a:hover   { color: #4B596D; text-decoration: underline;; }
.listfooter a:active  { color: #8699AC; }


.footleft { 
 color: #8FADC4;
 border: 1px solid #333333;
 background-image: url(webimgs/footer-quads.png); background-repeat: repeat-x; background-color: #000;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 200px;
 width: 200px;
 float: left;
}
.footleftmiddle { 
 color: #8FADC4;
 border: 1px solid #333333;
 background-image: url(webimgs/footer-quads.png); background-repeat: repeat-x; background-color: #000;
 margin: 0px 0px 5px 5px;
 padding: 10px;
 height: 200px;
 width: 198px;
 float: left;
}
.footrightmiddle { 
 color: #8FADC4;
 border: 1px solid #333333;
 background-image: url(webimgs/footer-quads.png); background-repeat: repeat-x; background-color: #000;
 margin: 0px 0px 5px 5px;
 padding: 10px;
 height: 200px;
 width: 198px;
 float: left;
}
.footrightcolumn { 
 color: #8FADC4;
 border: 1px solid #333333;
 background-image: url(webimgs/footer-quads.png); background-repeat: repeat-x; background-color: #000;
 margin: 0px 0px 5px 5px;
 padding: 10px;
 height: 200px;
 width: 200px;
 float: left;
}

#lowerfooter { 
 width: 902px;
 height: 100%;
 clear: both;
 color: #555759;
 text-align: center;
 font-size: 10px;
 background-image: url(webimgs/subnav-bg.png); background-repeat: repeat-x; background-color: #000;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}

#lowerfooter a         { color: #8699AC; font-weight: lighter; background: transparent; padding: 1px; text-decoration: none; font-size: 10px; }
#lowerfooter a:link    { color: #8699AC; font-weight: lighter; background: transparent; padding: 1px; text-decoration: none; font-size: 10px; }
#lowerfooter a:visited { color: #8699AC; }
#lowerfooter a:hover   { color: #4B596D; text-decoration: underline;; }
#lowerfooter a:active  { color: #8699AC; }

/* End Footer Properties From Above */



/* Begin Typography */


h1 {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size:24px;
	margin-top: 5px; margin-bottom: 0px; margin-left: 10px;
	text-align: center;
   font-weight: normal;
   color: #8FADC4;
   }

h2 {
   font-family: "Lucida Grande", Tahoma;
	font-size: 14px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #8FADC4;
   	margin-top: 10px; margin-left: 10px;
	text-align: center!important;
	letter-spacing: 0.3em;
	}

.headline {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size:24px;
	margin-top: 5px; margin-bottom: 0px; margin-left: 10px;
	text-align: center;
   font-weight: normal;
   color: #8FADC4;
   }

.subheadline {
   font-family: "Lucida Grande", Tahoma;
	font-size: 14px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #8FADC4;
   	margin-top: 10px; margin-left: 10px;
	text-align: center!important;
	letter-spacing: 0.3em;
	}
	
	
	
	
	
.subheadline a         {	font-family: "Lucida Grande", Tahoma; font-size: 16px; font-weight: lighter; font-variant: normal; text-transform: uppercase; color: #8FADC4; }
.subheadline a:link	   {	font-family: "Lucida Grande", Tahoma; font-size: 16px; font-weight: lighter; font-variant: normal; text-transform: uppercase; color: #8FADC4; }          
.subheadline a:visited  {   color: #8FADC4; }
.subheadline a:hover    {   color: #A5C5DE; }
.subheadline a:active   {   color: #8FADC4; }


	

/* End Typography */


/*- Menu Tabs B--------------------------- */

    #tabsB {
      float:left;
      width:100%; 
      font-size:93%;
      line-height:normal;
      }
    #tabsB ul {
        margin:0;
        padding:0px 10px 0 35px;
        list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url("tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }

        #tabsB #current a {
                background-position:0% -42px;
        }
        #tabsB #current a span {
                background-position:100% -42px;
        }



.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}