/*/////////////////////////////////////////////////////////////////////////////
 * 
 * 
 *                  ROLAND UK C-30 Harpsichord Stylesheet
 *   
 *   
/////////////////////////////////////////////////////////////////////////////*/



body {
	background:#28201b;
	font-family:Arial, Helvetica, sans-serif;
	color:#424242;
	font-size:12px;
	margin:0;
	padding:0;
}

.clear{clear:left;}

a {outline: none;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}


/*/////////////////////////////////////////////////////////////////////////////
 * SITE STRUCTURE    SITE STRUCTURE    SITE STRUCTURE    SITE STRUCTURE 
/////////////////////////////////////////////////////////////////////////////*/

#site_container{
	
	width:929px;
	height:auto;
	background:url("../images/site/border_bg.gif") repeat-y;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#inside_container{
	float:left;
	width:855px;
	height:auto;
	margin:0;
	padding:0;
	border:8px solid #554f4c;
	overflow:hidden;
}

#border_left{float:left;}
#border_right{float:right;}

#banner_home{
	width:855px;
	height:270px;
	margin:0;
	padding:0;
}

#content{
	width:855px;
	height:auto;
	background:top center #e5e5e5 url("../images/site/content_bg.jpg") no-repeat;
	margin:0;
	padding:0 0 25px 0;
	overflow:hidden;
	
}

#footer{
	
	width:929px;
	margin:0 auto;
	text-align:center;
}

#footer p{
	margin:4px 0 0 0;
	padding:0;
	font-size:10px;
	color:#50443f;
}

/*/////////////////////////////////////////////////////////////////////////////
 * MAIN NAV     MAIN NAV     MAIN NAV     MAIN NAV     MAIN NAV     MAIN NAV     
/////////////////////////////////////////////////////////////////////////////*/

.nav{
	width:855px;
	height:33px;
	background:url("../images/site/nav_bg.jpg");
}

.nav ul{
	list-style:none;
	margin:0 0 0 37px;
	padding:0;
}

.nav li{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	
}

.nav span{
	display:block;
	margin:0;
	padding:8px 0 9px 0;
	background:url("../images/site/nav_divide.jpg") no-repeat;
}

.nav a img{
	border:none;
}

.nav a span{
	display:block;
	margin:0;
	padding:12px 10px 11px 15px;
	background:url("../images/site/nav_divide.jpg") no-repeat;
}

.nav a span:hover{
	background:url("../images/site/nav_current.jpg") no-repeat;
}
	
.nav .current{
	display:block;
	margin:0;
	padding:12px 10px 11px 15px;
	background:url("../images/site/nav_current.jpg") repeat-x;
}


.subnav{
	width:855px;
	height:32px;
	background:url("../images/site/subnav_bg.gif") repeat-x;
}

.subnav ul{
	list-style:none;
	margin:0 0 0 37px;
	padding:0;
}

.subnav li{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	
}

.subnav a img{
	border:none;
}

.subnav a span{
	display:block;
	margin:7px 0 0 0;
	padding:4px 10px 4px 10px;
	background:url("../images/site/subnav_divide.gif") no-repeat;
}

.subnav a span:hover{
	background:#cac9c7 url("../images/site/subnav_divide.gif") no-repeat;
}
	
.subnav .current{
	display:block;
	margin:7px 0 0 0;
	padding:4px 10px 4px 10px;
	background:#cac9c7 url("../images/site/subnav_divide.gif") no-repeat;
}


/*/////////////////////////////////////////////////////////////////////////////
 * HOME PAGE    HOME PAGE    HOME PAGE    HOME PAGE    HOME PAGE    HOME PAGE    
/////////////////////////////////////////////////////////////////////////////*/

.home_title{
	float:left;

}

.home_text{
	float:left;
	width:535px;
	height:auto;
	margin:0 0 0 38px;

}

.home_image{
	float:right;
	border:1px solid #cacaca;
	width:177px;
	height:173px;
	padding:8px;
	margin:22px 38px 0 0;
}



/*/////////////////////////////////////////////////////////////////////////////
 * SHARED PAGE ITEMS     SHARED PAGE ITEMS     SHARED PAGE ITEMS
/////////////////////////////////////////////////////////////////////////////*/

#sidebar{
	float:left;
	width:191px;
	margin:0;
	padding:32px 38px 0 38px;
}

#content_area{
	float:left;
	width:550px;
	margin:0;
	padding:0;

}

.title{
	float:left;
	margin:32px 0 0 0;
	padding:0;
	font-size:18px;
}

.title_divide{
	float:left;
	width:400px;
	height:1px;
	border-bottom:1px dotted #bfbfbf;
	margin:0;
	padding:5px 0 0 0;
	clear:left;
}

h1{
	float:left;
	font-weight:bold;
	font-size:12px;
	padding:20px 0 0 0;
	margin:0;
	width:535px;
	
}

.text{
	float:left;
	width:535px;
	height:auto;
	margin:0;
	padding:10px 0 0 0;
	line-height:18px;
	
}

.image{
	float:left;
	border:1px solid #cacaca;
	width:187px;
	height:183px;
	padding:8px;
	margin:0;
}

.imagezoom{
	float:left;
	padding:0;
	margin:10px 0 0 20px;
}

.list{
	float:left;
	padding:20px 0 0 20px;
	margin:0;
}

/*/////////////////////////////////////////////////////////////////////////////
 * OPERATING PANEL PAGE      OPERATING PANEL PAGE      OPERATING PANEL PAGE      
/////////////////////////////////////////////////////////////////////////////*/


#content_area_panel{
	float:left;
	width:850px;
	padding:0;
	margin:0;
	text-align:center;
}

.panelimage{
	padding:0;
	margin:0;
}

.title_panel{
	margin:32px 0 0 0;
	padding:0;
	font-size:18px;
}
.title_divide_panel{
	width:400px;
	height:1px;
	border-bottom:1px dotted #bfbfbf;
	margin:0 auto;
	padding:5px 0 0 0;
	clear:left;
}


/*/////////////////////////////////////////////////////////////////////////////
 * AUDIO DEMO PAGE     AUDIO DEMO PAGE     AUDIO DEMO PAGE     AUDIO DEMO PAGE     
/////////////////////////////////////////////////////////////////////////////*/

#sidebar_demos{

	float:left;
	width:251px;
	height:300px;
	background:top right url(../images/site/divide_audiodemos.jpg) no-repeat;
	line-height:20px;
	padding:15px 35px 65px 0;
	margin:32px 28px 0 39px;
}

.videodemo{
	border:none;
	margin:20px 0 0 0;
}


#contentarea_demos{
	float:left;
	width:500px;
	margin:40px 0 0 0;
	padding:0;
	

}

.text_demos{
	font-size:12px;

	
}

.text_demos_note{
	font-size:11px;
	color:#949494;
	line-height:16px;	
}

.audiodemo_box{
	float:left;
	width:218px;
	padding:0 30px 20px 0;
	margin:0;
	text-align:center;
	z-index:1;
}

.audiodemo_inner{
	padding:7px;
	border:1px solid #d8d8d8;
}

.audiodemo_inner p{
	font-size:11px;
	color:#333333;
	text-align:left;
	padding:8px 8px 0 7px;
	margin:0;
}

.audiodemo_inner .temp{
	color:#777777;
}


/*/////////////////////////////////////////////////////////////////////////////
 * VIDEO DEMO     VIDEO DEMO     VIDEO DEMO     VIDEO DEMO     VIDEO DEMO     
/////////////////////////////////////////////////////////////////////////////*/

.videodemo_button{
	border:none;
	margin:0;
	padding:0;
}

.videodemo_box{
	float:left;
	width:218px;
	padding:0 30px 20px 0;
	margin:0;
	text-align:center;
	z-index:1;
}

.videodemo_inner{
	border:1px solid #d8d8d8;
	padding:7px;
	margin:0;
}

.videodemo_inner p{
	font-size:11px;
	color:#333333;
	text-align:left;
	padding:8px 8px 0 7px;
	margin:0;
}


/*/////////////////////////////////////////////////////////////////////////////
 * USERS     USERS     USERS     USERS     USERS     USERS     USERS     
/////////////////////////////////////////////////////////////////////////////*/

.userpost{
	float:left;
	margin:20px 0 0 0
}


/*/////////////////////////////////////////////////////////////////////////////
 * ARRANGE A DEMO      ARRANGE A DEMO    ARRANGE A DEMO    ARRANGE A DEMO    
/////////////////////////////////////////////////////////////////////////////*/

#sidebar_arrangedemo{
	float:right;
	width:265px;
	background-image:url("../images/site/divide_arrangedemo.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	line-height:16px;
	padding:87px 0 35px 30px;
	margin:32px 0 0 0;
}

#sidebar_arrangedemo ul{
	list-style:none;
	
}

#sidebar_arrangedemo li{
	padding:0 0 20px 0;

}

h2{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}


#contentarea_arrangedemo{
	float:left;
	width:460px;
	margin:8px 0 0 27px;
	padding:0;
}

#contentarea_arrangedemo table{
	float:left;
	width:460px;
	margin:8px 0 0 0;
	padding:0;

}

.textfield{
	width:200px;
}

.red{
	color:#FF0000;
	font-size:10px;
}

.text_arrangedemo{
	font-size:12px;
}

.title_divide_arrangedemo{
	float:left;
	width:470px;
	height:1px;
	border-bottom:1px dotted #bfbfbf;
	margin:0;
	padding:5px 0 0 0;

}