/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background:url(../images/img-Freedownload-bg1.gif) repeat;
} 
 
#pagewidth{ 
 width:805px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
 
 background:url(../images/img_centerbg.gif) repeat-y;
} 

#imggirl
{
background:url(../images/music_girl.gif) no-repeat;
height:250px;
width:185px;
float:left;
position:relative;
}

#music_heading
{
background:url(../images/music_heading.gif) no-repeat;
height:50px;
width:530px;
margin-left:200px;
float:right;
}

#music_nav
{
width:530px;
float:right;
padding:10px;
}

#Aero
{
background:url(../images/aero.gif) no-repeat;
height:18px;
width:15px;
position:relative;
float:left;
}

#Header{
background:url(../images/img_Download.gif) center no-repeat;
height:98px;
}
#menu
{
background:url(../images/download_menu.gif) center no-repeat;
height:76px;
position:relative;
}

#freebg
{
background:url(../images/black_bg.gif) repeat;
margin-left:auto;
margin-right:auto;
width:763px;
position:relative;
margin-bottom:10px;
margin-top:10px;
}

#topround
{
background:url(../images/round_top.gif) no-repeat;
position:relative;
width:763;
margin-top:20px;
height:12px;

}

#Bottomround
{
background:url(../images/round_bottom.gif) no-repeat;
width:763px;
height:17px;
position:relative
}

#round_line
{
	background:url(../images/round_center.gif) repeat-y;
	padding:10px;
	position:relative;

}


/* ##########################   small round   #####################  */


#small-round-top
{
	background:url(../images/small_round_top.gif) no-repeat;
	position:relative;
	float:left;
	width:227px;
	height:10px;
	margin-top:0px;
}
#mid-line
{
background:url(../images/small_round_midline.gif) repeat-x;
height:4px;
margin-left:10px;
margin-right:10px;
}

#mid-line1
{
background:url(../images/small_round_midline.gif) repeat-x;
height:4px;
}

#small-round-bottom
{
background:url(../images/small_round_bottom.gif) no-repeat;
padding:5px;
position:relative;
float:left;
width:227px;
height:11px;
}

#small-round-center
{
background:url(../images/small_round_line.gif) repeat-y;
width:227px;
}
/*************************** end small round **************************  */
#warning
{
background:url(../images/warning.gif) no-repeat;
height:34px;
width:31px;
}

#img-book
{
background:url(../images/Book.gif) no-repeat;
height:156px;
width:136px;
}

 
#leftcol{
	width:3px;
	float:left;
	position:relative;
	background:url(../images/img_whiteline.gif) repeat-y;
	
 }
 
#twocols{
 width:799px; 
 float:right; 
 position:relative; 
 background-color:#FF9900;
  }
 
#rightcol{
	width:3px;
	float:right;
	position:relative;
	background:url(../images/img_whiteline.gif) repeat-y;
	height: 200px;
 }
 
#maincol{background-color:#3399FF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:799px; 
 }
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/* ############################ Font style  #################################### */   
.fontlink
{
font-family:Arial;
color:#FFF;
text-decoration:none;
font-size:12px;
}
.fontlink:hover
{ 
font-family:Arial;
color:#FF0000;
text-decoration:underline;
font-size:12px;
cursor:hand;
}   



.fontNav
{
font-family:Arial;
color:#FFF;
text-decoration:underline;
font-size:12px;
}
.fontNav:hover
{ 
font-family:Arial;
color:#FF0000;
text-decoration:underline;
font-size:12px;
cursor:hand;
}   

.font_white
{
font-family:Arial;
color:#FFF;
text-decoration:none;
font-size:12px;
padding:8px;
}

.Font-Blue
{
font-family:Arial;
font-weight:bold; 
color:#05B7F9;
text-decoration:none;
font-size:12px;
padding:8px;
}

.Font-Red
{
font-family:Arial;
font-weight:bold; 
color:#FF0000;
text-decoration:none;
font-size:16px;
padding:8px;
}

.Font-Yellow
{
font-family:Arial;
font-weight:bold; 
color:#EBCF24;
text-decoration:none;
font-size:13px;
padding:8px;
}


.Headingtext
{
font-family:Arial;
font-size:24px;
color:#EBCF24;
}

.Footer-Font
{
font-family:Arial;
color:#FFF;
text-decoration:none;
font-size:9px;
padding:0px;
}

.Footer-Font:hover
{
font-family:Arial;
color:#FF0000;
text-decoration:underline;
font-size:9px;
padding:0px;
}

.Tab
{
BORDER-RIGHT: #bc432e 1px solid; BORDER-TOP: #bc432e 1px solid; BORDER-LEFT: #bc432e 1px solid; BORDER-BOTTOM: #bc432e 1px solid
}


/* #########################  2nd row start  ####################  */
#img-Download
{
background:url(../images/Downloadimg.gif) no-repeat;
height:53px;
width:740px;

}

 
 

 
/*- Menu Tabs 1--------------------------- */


    #top-tabs {
      float:left;
      width:547px;
      font-size:14px;
	  font-family:arial;
	  font-weight:bold;
	  position:relative;
	  margin-top:26px;
	  padding-left:10px;
      }
    #top-tabs ul {
          margin:0;
          padding:0;
          list-style:none;
      }
    #top-tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #top-tabs a {
      float:left;
      background:url("../images/tab-left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
	  margin:0 0 0 9px;
      }
    #top-tabs a span {
      float:left;
      display:block;
      background:url("../images/tab-right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #top-tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#ffffff;
      }
    #top-tabs a:hover {
      background-position:0% -26px;
	  color:#FFFFFF;
      }
    #top-tabs a:hover span {
      background-position:100% -26px;
	  color:#FFFFFF;
      }

      #top-tabs #current a {
              background-position:0% -26px;
			  color:#FFFFFF;
      }
      #top-tabs #current a span {
              background-position:100% -26px;
			  color:#FFFFFF;
      }


/* #######################    Menu for music area #############################  */
#button {
        width: 12em;
        border-right: 1px solid #000;
        padding: 0 0 1em 0;
        margin-bottom: 1em;
        font-family: Arial;
                /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
        font-size : 11px;
 /*       background-color: #90bade;           */
        color: #333;
        }

        #button ul {
                list-style: none;
                margin: 0;
                padding: 0;
                border: none;
                }

        #button li {
         /*       border-bottom: 1px solid #90bade;  */
                margin: 0;
                list-style: none;
                list-style-image: none;
                }

        #button li a {
              /* display: block;   */
                padding: 50px 5px 5px 0.5em;
              /*   border-left: 10px solid #1958b7;
                border-right: 10px solid #508fc4;
                background-color: #2175bc;              */
                color: #fff;
                text-decoration: none;
                width: 100%;
                }

        html>body #button li a {
                width: auto;
                }

        #button li a:hover {
              /*  border-left: 10px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;*/
                color: #fff;
                }

        #button li #active {
                /*border-left: 10px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;*/
                color: #fff;
                }

</style>

 /* #######################    End Menu for music area #############################  */