/* THREE COLUMN LAYOUT */
/* you have to be careful with Nifty Corners - don't add height to the outer containers or the corners will not display correctly in Safari. */

/*padd the */
* {margin:0 padding:0;}
/* apply this class to any image or element with width - text will wrap it to the right */
.float_left {
	float:left; 
	margin: 0 .5em .5em 0;
	padding-left: .5em;
	} 
/* apply this class to any image or element with width  - text will wrap it to the left */     
.float_right {
	float:right;  
	margin: 0 0 .5em .5em;
	padding-left: .5em;
	}

body {
	text-align:center;  /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	width:870px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	padding:10px 0;
	margin-top:10px;
	}	
#header {
	width: 850px;
	margin: 0 10px;
	background:url(../images/header.jpg) no-repeat #727EA3;
	} 
#header_music {
	width: 850px;
	margin: 0 10px;
	background:url(../images/header_music.jpg) no-repeat #727EA3;
	}
#header_tc {
	width: 850px;
	margin: 0 10px;
	background:url(../images/header_tc.jpg) no-repeat #727EA3;
	}
#header_inner {
	padding:1em 2em;
	}  
#nav {
	width:140px;
	margin:10px 10px 10px 10px;
	float:left;
	display:inline; /* fixes IE6 margin doubling bug */
	}
#nav_main {
	width:140px;
	margin:10px 10px 10px 10px;
	float:left;
	display:inline; /* fixes IE6 margin doubling bug */
	}
#nav_tc {
	width:140px;
	margin:10px 10px 10px 10px;
	float:left;
	background:url(../images/black_dragon.gif) bottom left no-repeat #BF9960;
	display:inline; /* fixes IE6 margin doubling bug */
	}
#nav_inner {
	padding:1em .5em;
}
#nav_inner_promo {
	padding:1em .35em;	
}
#nav_inner_promo h6 {
	text-align:center;
	padding-bottom: 10px;
		}
#nav_inner_promo img {
	padding: 5px 0 10px 5px;
		}
#content {
	width:550px;
	margin:10px 10px 10px 0px;
	float:left;
	background:url(../images/content.gif) repeat-x #FFF;
	}
#content_wide {
	width:699px;
	margin:10px 10px 10px 0px;
	float:left;
	background:url(../images/content.gif) repeat-x #FFF;
	}
#content_wide img {
	padding: 0 .5em .5em 0;
	}
#content_inner {
	padding:.75em 1em 1em 1.5em;
	}
#content_inner img.centered {
	padding:1em 0 2em 10.5em;  
	}
#promo {
	width:140px;
	margin:10px 0 10px 0;
	float:left;
	}
#promo_inner {
	padding:1em .35em;
	}
#promo_inner h6 {
	text-align:center;
	}
#promo_inner img {
	padding:10px 0 10px 5px;
	}
#footer {
	width: 850px;
	margin:0 10px;
	clear:both;
	background:url(../images/footer.jpg) no-repeat #727EA3;
	}
#footer_inner {
	padding:.5em 1em;
	text-align:center;
	}
#header_inner, #content_inner, #promo_inner {overflow:hidden;
	}
/* misc. div styles */	
.bottom_border{
	border-bottom:solid;
	border-bottom-color: #dedcdb;
	margin-bottom: .75em;
	padding-bottom: .25em;
	}
.bottom_border_tc{
	border-bottom:solid;
	border-bottom-color: #dedcdb;
	margin-bottom: .75em;
	padding-bottom: .25em;
	}
.top_spacer{
	margin-top: 1.4em;
	}
/* button styles */
button{
	cursor:pointer;
	}
button#add_to_cart{
	background: url(../images/button_bkgd.gif) no-repeat#eee; 
	padding:4px 5px 4px;
	margin:0px 10px 0px 0px;
	font-weight:bold;
	border:2px solid #ccc;
	border-color:#999 #ccc #ccc #999;
	}
button#view_cart{
	background: url(../images/cart_button.gif) no-repeat #eee; 
	padding:5px 10px 5px 30px;
	margin:0px 10px 0px 0px;
	font-weight:bold;
	border:2px solid #ccc;
	border-color:#999 #ccc #ccc #999;
	}
.float_right_cart {/* float cart button right and move down */
	float:right;  
	margin: .65em 0 .5em .5em;
	} 
/* sound sample styles */	
#samples {
	background:url(../images/bkgd.gif) repeat-x #CCC;
	}
#samples h5{
	margin-top: .5em;
	text-align:center;
	}
/* external and email link styles */	
a[href^="http:"] {
	background: url(../images/externalLink.gif) no-repeat right top;
	padding-right: 10px;
}
a[href^="mailto:"] {
	background: url(../images/email.png) no-repeat right top;
	padding-right: 15px;
}