/* CSS Document */

body {
	background-color:#D76D00;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/grad16.jpg);
	background-repeat: no-repeat;
	color:#313131;
}

body,td,th {
	 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight:;
	font-size: 12px;
	 
	
	
	 
	/*line-height: 18px;*/
}

#cd_descipt{
vertical-align:top;
padding:4px;
}
#table_padding{
margin: 10px auto;

}

#mainwrap{
width:990px;
background: ;
margin:0 auto;
padding:35px 0 0 0 ;
}

#topcorners{
height:20px;
width:980px;
background-image:url(images/topcorners.png);
 margin: 20px auto 0 ;
 padding: 0;
background-repeat:no-repeat;
background-position:center;
 


}

#botcorners{
height:20px;
width:980px;
background-image:url(images/botcorners.png);
 margin: 0px auto 0 ;
 padding: 0;
background-repeat:no-repeat;
background-position:center;

 

}

#innerwrap{
width:980px;
height:800px;
background: white ;
margin:0 auto;
}

#innerwrappc{
width:980px;
height:1200px;
background: white ;
margin:0 auto;
}

#innerwraptestm{
width:980px;
height: 1600px;
 
background: white ;
margin:0 auto;
}

#innerwraptestm2{
width:980px;
height: 2000px;
 
background: white ;
margin:0 auto;
}



#navigation{
background:;
width:980px;
height:40px;
margin: 10px 0 0 0;
 
 
}

#banner{

margin:20px 0 0 0;
background-image:url(images/banner4_.jpg);
width:982px;
height:339px;
background-repeat:no-repeat; 
}

#logo{
width: 253px;
height: 259px;
background-image:url(images/rtsLogo.png);
background-repeat:no-repeat;
position:absolute;
top:-5px;
margin: 15px 0 0 25px;
}

#vocalexercises{
width:680px;
/*height:44px;*/
height:220px;
background-color:#E05400;
background-image:url(images/ve__.jpg);
background-position:center;
background-repeat:no-repeat;
padding: 0px 0 10px 0;
margin: 0 0 10px 0;
}

#content{
width: 680px;
background-color:#f9f9f9;



margin: 0 0 0 10px;
 
float: left;
top:0;
right: 0;

/*
border-left: solid thin #F9F9F9;
border-right: solid thin #F9F9F9;*/
padding:  8px  ;

}





#topdisplay{
background-color:#F6F1D1;
background-image:url(images/displayINNERgrad1_.jpg);
 
width:680px;
height:280px;
/*margin: 0 0 10px 0;*/
text-align: center;


}

#topdisplaytestm{
background-color:#F6F1D1;
 
width:680px;
 
/*margin: 0 0 10px 0;*/

}

#topdisplaytext{
background-color:#F6F1D1;
 
width:620px;
margin: 0 0 10px 0;

}

#topdisplay_title{
/*background-color:#A55C16;*/
background-image:url(images/title_grad.jpg);
background-repeat:repeat-x;
height: 35px;
width:100%;

 
color: white;
font-weight:bold;

}

#cd_display{
 
float: left;
font-size: 12px;
/*border: thin solid #DDEAFF;*/
width:225px;
height:170px;
padding: 10px 0 0px 0px;
background-image:url(images/cdbacks15_.jpg);
background-repeat:no-repeat;
background-position:;
color:;
 
}
#cd_space{
 
text-align:center;
 
/*background-color:#0099FF;*/
}
#buynow{
text-align:center;
margin: 6px 0 0 0 ;
}

#product_info{
 
width:185px; 
 
color:#313131;
text-align:center;
font-size:11px;
}
 

#video_display{
 
margin: 10px   0 0 0;
border: thin solid #DDEAFF;

float:left;
 
background-color:#E5E5E5;
 


}

#video{
margin:10px;
}

#rts_words{
width: 325px;
height: 236px;
float:right;
 
position:relative;
background-color:#F6F1D1;
margin: 10px   0 0 0;

}


#main_Wordscroll{
width: 280px; 
height: 160px; 
overflow: auto; 
line-height: 18px;
padding: 11px;
font-size: 12px;
/*float:right;
left: -100px;
position:relative;*/
margin: 8px;
border: thin solid #DDEAFF;


}

#text{
padding:20px;
font-size:12px;
line-height:17px;
}

#testmtext{
padding:25px 25px 0 25px;
font-size:12px;
line-height:17px;
}

#testmtext ul{
list-style-type: none;

}



#clear{
clear: both;

}

#leftnavbar{
background-image:url(images/looseleafnav7.jpg);
width: 260px;
height: 550px;
margin: 0 0 0 8px ;
padding: 190px 0 0 0;
float: left;
}

#leftnavbar ul{
width: 242px;
text-decoration:none;
list-style-type:none;
margin: 0 auto;
padding: 0;
}

#leftnavbar ul li{
margin:0px 0 13px 0;

background-repeat:no-repeat;
color:#69ABF3;

height:23px;
font-size: 15px;
text-decoration:none;
text-align:center;
vertical-align:middle;
padding:10px 0 5px 0  ;
/*border: thin solid #9DCCFF; 
border: thin solid #DDEAFF;*/
}

#leftnavbar ul li:hover{
background: #FF6A00;
color:black;

}

#singerstoolbox{
width:260px;
height: 150px;
text-align: center;
margin:45px 0 0 0;
 
 
}
#footer{
margin:0 auto;
width:990px;
text-align:center;
background-color:;
color:#F7DB00;
font-size:12px;
line-height:40px;
}

/* Global Nav Links */
a{
text-decoration: none;
color:#0066FF;
border: none;
}
a:hover{
text-decoration:underline;
color:black;
border: none;
}
a:visited{
color:#0066FF;
text-decoration: none;
}

/*  Misscellaneous  */

#microphone{
width:142px;
height:212px;
background-image:url(images/MICROPHONE2.png);
background-repeat:no-repeat;
float: right;
position:relative;
right: -70px;
top: -120px;
background-color:;

}
/*
#bottomgrad{
width: 100%;
height:250px;
background-image:url(images/bottomgrad1.jpg);
position:relative;
top:-100px;
}*/

#singerstoolbox{
padding: 18px 0 0 0;

}

/* -----headers ---*/

h4{

font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin:0;
padding:5px 5px 5px 15px;
font-size:19px;
 
}

#th4{

font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin:0;
padding:5px 5px 5px 0px;
font-size:19px;
float:left;
width:300px;
background-color:;
 
}


#leftPic{
float: left;
margin: 25px 25px 25px 25px;
font-size: 12px;
}

#rightPic{
float: right;
margin: 0px 25px 0px 25px;
}

#spacer{
clear: both;
margin:  45px 25px 15px 25px;
border-bottom: dashed thin #888888;
}

/*******jquery stuff****/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 590px;
	height:160px;
    background-color:;
	/* custom decorations  */
	border:1px solid #ccc;
	/*background:url(/img/global/gradient/h300.png) repeat-x;*/
	margin: 10px 0 0 0;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:99em;
	position:absolute;
	clear:both;
	
	border: none;
}

/*
#items {
	position:absolute;
	width:9999em;
}

#items div.item {
	padding:10px 30px;
	width:690px;
	float:left;
	color:white;
	display:none;
}

#items #first {
	background:url(/img/home/main.jpg) no-repeat 0 -546px;		
	height:425px; 
	padding-top:50px;
}

#items div.item h2 {
	margin-top:20px;
	color:white;
}

#items a.flowplayer {
	display:block;
	background:transparent url(/img/global/gradient/h500.png) repeat-x;
	height:320px;
	width:430px;
	float:left;
	text-align:center;
	margin:20px 20px 0 0;
}

#items a.flowplayer img {
	margin-top:120px;		
}

*/



/* single scrollable item */
.scrollable img {
	float:;
	margin:0px 5px 5px 5px;
	 
	background-color: #fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	 width:80px;
	height:80px; 
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/**  butttons **/

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	 
	display:block;
	width:34px;
	height:88px;
	float:left;
	margin:65px 0px 0 0px;
	 
	 
	
	cursor:pointer;
	font-size:1px;
}

/* right*/ 
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;
margin-left: 10px;
background:url(images/scrollimages/right.png) no-repeat;}
/*a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } */


/* left */ 
a.left				{ margin-left: 10px; 
background:url(images/scrollimages/left.png) no-repeat;} 
/*a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; } */

/* up and down  
a.up, a.down		{ 
	background:url(/images/Pencil.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up *
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down 
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } */


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}


/******/

/* position and dimensions of the navigator */
.navi {
	margin:5px 0 0 450px   ;
	width:200px;
	height:30px;
	padding: 5px 0 0 0;
	background-color:;
	 
	 
	 
	 
	
}


/* items inside navigator */
.navi a {
	width:5px;
	height:5px;
	float:right;
	margin:5px 5px 0 0;
	background:url(images/navi_a.jpg) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background:url(images/navi_d.jpg) 0 0 no-repeat;      
}

/* active state (current page state) */
.navi a.active {
	background:url(images/navi_d.jpg) 0 0 no-repeat;  
}


/***************/