body { margin:0; padding:0; width:100%; color:#ddc6ab; font:normal 12px/1.8em Arial, Helvetica, sans-serif; background:#b7947c url(images/bg.gif) repeat-y center top;}

ul li { display: inline; }

#maincontainer{
width: 1059px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#fff;
}

#topsection{
float: left;
width: 100%;
height:351px;
background:#b7947c url(images/jeena-kumari-hd.jpg) no-repeat right top;
}

#contentsection{
float: left;
width: 100%;
background:#632c38 url(images/page-bg.gif) no-repeat center top;
}

h1 {
	font-size:14px;
	font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;
}

p {
	margin-bottom:10px;
}


   
  /* Height & width for the container - The rest is done by the jQuery part. */
  div[rel='scrollcontent1'] { width: 100%; height: 280px;}
  
  /* Basic CSS for the elements - If rel is "scrollcontent1", style its scrollbar by referring to ".scrollcontent-content", ".scrollcontent-bar", etc. */
  .scrollcontent1-content { /* background: #eee; */ } /* for vertical content, no explicit width is required for inner DIV */
  .scrollcontent1-bar { width: 11px; background: #9e6772; border-radius: 4px; box-shadow: inset 0px 0px 5px #8c535f; overflow: hidden; }
  .scrollcontent1-drag { background: #47101c; border-radius: 4px; cursor: pointer; }
  
 /* Height & width for the container - The rest is done by the jQuery part. */
  div[rel='scrollcontent2'] { width: 100%; height: 280px;}
  
  /* Basic CSS for the elements - If rel is "scrollcontent1", style its scrollbar by referring to ".scrollcontent-content", ".scrollcontent-bar", etc. */
  .scrollcontent2-content { /* background: #eee; */ } /* for vertical content, no explicit width is required for inner DIV */
  .scrollcontent2-bar { width: 11px; background: #9e6772; border-radius: 4px; box-shadow: inset 0px 0px 5px #8c535f; overflow: hidden; }
  .scrollcontent2-drag { background: #47101c; border-radius: 4px; cursor: pointer; }
  
   /* Height & width for the container - The rest is done by the jQuery part. */
  div[rel='scrollcontent3'] { width: 100%; height: 280px;}
  
  /* Basic CSS for the elements - If rel is "scrollcontent1", style its scrollbar by referring to ".scrollcontent-content", ".scrollcontent-bar", etc. */
  .scrollcontent3-content { /* background: #eee; */ } /* for vertical content, no explicit width is required for inner DIV */
  .scrollcontent3-bar { width: 11px; background: #9e6772; border-radius: 4px; box-shadow: inset 0px 0px 5px #8c535f; overflow: hidden; }
  .scrollcontent3-drag { background: #47101c; border-radius: 4px; cursor: pointer; }
  
  /* Not needed elements */
  #contentwrap { padding: 5px; border: 1px #444444 solid; display: block; width: 300px; border-radius: 10px; }
  .scrollcontent1-content p, .scrollcontent2-content p {margin:0; padding:0;	margin-bottom:10px;}
    
audio {
    color: #ddc6ab;
    font: 12px/1.8em Arial,Helvetica,sans-serif;
    width: 200px;
}