/* @override 
	http://techweb.pianodisc.net/magento/skin/frontend/default/modern/css/custom.css
	http://avenueverve.com/clients/pianodisc/magento/skin/frontend/default/wng/css/custom.css
	http://techweb.pianodisc.net/magento/skin/frontend/default/wng/css/custom.css
*/

html,body{
	height:100%;
}

body {
	padding:0px;
	margin:0px;
	background:url(../images/backtile.png) repeat-x #040404;
	font:normal 14px Georgia, "Times New Roman", Times, serif;
	line-height:1.5em;
	color:#e6e6ea;
}

p {
	color: #e6e6ea;
}

label {
	color: #FADD85;
}

.highlight {
        color: #FADD85;
        font-weight: bold;
}
		
img{
	border:0px;
}

.header {
	height: auto;
	background-color: black;
}

.center{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.container{
	width:980px;
	height:100%;
	margin: 0 auto;
	clear:none;
	margin-top: 0;
}

/*Header starts here*/

.header_container{
	width:100%;
	float:left;
	clear:none;
}

.logo_container{
	width:100%;
	height:74px;
	float:left;
	clear:none;
	text-align:center;
	background:url(../images/headerbg.gif) top left repeat-x;
	padding:5px 0 5px 0;
	border: 0px;
	border-style: solid;
	border-color: #040404;
	border-bottom-width: 3px;
}

.logo{
	margin:0 auto;
}

.logo a {
	background:url(../images/wng.png) top left no-repeat;
	display: block;
	width:492px;
	height:85px;
    margin-left: auto;
    margin-right: auto;
	text-decoration:none;
}

.logo a span {
	visibility: hidden;
}


/*Body starts here*/

.body_container{
	width:100%;
	height:80%;
	float:left;
	clear:none;
}

.leftbar{
	float:left;
	clear:right;
	background-color:#CC3300;
}

/* leftbar menu starts here */
.left_menu{
		width:165px;
		float:left;
		clear:none;
		padding:10px 0 0 20px;
		background:#8e0d0d url(../images/vstripe.png) repeat-x;
		border: 0px;
		border-style: solid;
		border-color: #444444;
		border-right-width: 5px;
		border-bottom-width: 5px;
	}
	.left_menu ul {
		margin:0px;
		padding:0px;
	}
	.left_menu ul li{
		margin:0px;
		padding:0px 0px 15px 0px;
		list-style-type:none;
	}
	.left_menu ul li a, left_menu ul li a:hover{
		margin:0px;
		padding:0px;
		font:bold 13px tahoma;
		color:#ffffcc;
		text-decoration:none;
		text-align:left;
		width:140px;
		display:block;
		}
	.left_menu ul li a:hover{
		background:url(../images/hover-bg.png) left center no-repeat;
		
	}
	.left_menu ul li a.current{
		color:#f3cc18;		
	}
	.left_menu ul li ul{
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	.left_menu ul li ul li{
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	.left_menu ul li ul li a, left_menu ul li ul li a:hover{
		font:normal 12px tahoma;
		color:#e2c49f;
		text-decoration:none;
		padding:3px 0px 3px 10px;
		text-align:left;
	}
	.left_menu ul li ul li a:hover{
		font:normal 12px tahoma;
		color:#e2c49f;
		text-decoration:underline;
		padding:3px 0px 3px 10px;
	}

/* leftbar menu ends here */

.rightbar{
	float:left;
	clear:none;
	width:65%;
	padding:0 0 0 20px;
	height:100%;
}

.rightbar_body{
	float:left;
	clear:none;
	width:100%;
	padding:5px 25px 5px 5px;
	background-color:#040404;
}

.index_content_instrument{
	width:350px;
	height:250px; /* dh was 395 */
	float:right; 
	clear:none;
	background:url(../images/repetition.png) left top no-repeat;
}

h1, .rightbar_body h1 { font:normal 18px  Georgia, "Times New Roman", Times, serif; color:#FADD85; padding:0px; margin:0 0 10px 0;}

h2, .rightbar_body h2 { font:normal 20px  Georgia, "Times New Roman", Times, serif; color:#FADD85; padding:0px; margin:0 0 15px 0;}

h3, .rightbar_body h3 { font:normal 16px Georgia, "Times New Roman", Times, serif; color:#FADD85; padding:0px; margin: 10px 0px 0px 0px;}

/* DH Index left content box */
.rightbar_body p{
			font:normal 14px Georgia, "Times New Roman", Times, serif;
			color:#cecece;
			padding:5px 0 5px 0;
			margin:0px;}

.container_body{
	width:100%; 
	height:100%; 
	float:left; 
	clear:none; 
	background-color:#0e0e0e;
	padding:10px;
}

.container_body a:link, container_body a:visited{
	color:#ffffcc;
	text-decoration:underline;
}

/*Action parts*/
.action_left{
	float:left; clear:right; width:55%; height:100%; 
}
.action_right{
	float:right; clear:left; width:45%; clear:none; height:100%;
}
.body_bottom_link{
			float:left; 
			clear:none; 
			width:100%;
		}
		.body_bottom_link a, body_bottom_link a:hover{
		font: bold 14px Georgia;
		color:#ffffcc;
		text-decoration:none;
		display:block;
		width:100%;
		min-width:100%;
		text-align:left;
		padding: 5px 0px 5px 0px;
		}
		.body_bottom_link a:hover{
			color:#ffffff;
			text-decoration:underline;
		}
.black_box{
	width:221px;
	float:right;
	clear:none;
}
.black_box_top{
	width:221px;
	height:14px;
	float:left;
	clear:none;
	background:url(../images/right-box-top.gif) bottom left no-repeat;
}
.black_box_middle{
	width:167px;
	float:left;
	clear:none;
	background:url(../images/right-box-body.gif) top left repeat-y;
	padding:10px 27px 10px 27px;
}
.black_box_middle a, black_box_middle a:hover{
	font: bold 14px Georgia;
	color:#ffffcc;
	text-decoration:none;
	display:block;
	width:180px;
	text-align:left;
}
.black_box_middle a:hover{
	text-decoration:underline;
}
.black_box_bottom{
	width:221px;
	height:26px;
	float:left;
	clear:none;
	background:url(../images/right-box-bot.gif) top left no-repeat;
}

/*new index*/
.indexaction_left{
	float:left; clear:right; width:41%; height:100%; 
}
.indexaction_right{
	float:right; clear:none; width:59%; clear:none; height:100%;
}
	
.indexblack{
	width:400px;
	float:right;
	clear:none;
}

.indexblack_box_top{
	width:400px;
	height:13px;
	float:left;
	clear:none;
	background:url(../images/indexrighttop.gif) bottom left no-repeat;
	}

.indexblack_box_battom{
	width:400px;
	height:13px;
	float:left;
	clear:none;
	background:url(../images/indexrightbattom.gif) top left no-repeat;
	}
	.indexblack_box_middle{
	width:346px;
	float:left;
	clear:none;
	background:url(../images/indexrightmiddle.gif) top left repeat-y;
	padding:10px 27px 10px 27px;
	
	}

.indexblack_box_middle a, indexblack_box_middle a:hover{
	font: bold 14px Georgia;
	color:#FFFFCC;
	display:block;
	width:320px;
	text-align:left;
	height:30px;
	line-height:18px;
}
.indexblack_box_middle a:hover{
	color:#ffffff;
	text-decoration:none;
} 
 .index_content_box{
	width:55%; /*dh was 80*/
	float:left; 
	clear:right; 
	margin-right:5px; 
	border:2px solid #666666; 
	text-align:center; 
	padding:10px; 
	color:#e6e6ea;
	line-height:25px;
	font-weight:bold;
}
.index_content_box_bot{
	width:95%;
	float:left; 
	clear:right; 
	margin-right:5px; 
	text-align:center; 
	padding:10px; 
	color:#e6e6ea;
	font: 14px Georgia;	
	line-height:25px;
	letter-spacing:2px;
	float:left;
	clear:none;
} 

		


