/* MusicDials style.css stylesheet3b250c3b250c */

html {
font-family: Arial, sans-serif;
}

body {
background: black;
}

#container {
width:800px;
margin: 0 auto 1.5em auto;
color: #f29a36;
}

/* Music Dials Orange: #ed9531 Test: #DE3A2A */

#header {
background: url(../images2/head-repeat.jpg) repeat-x;
height: 140px;
border-bottom: 2px solid #ed9531;
}

.headtagline {
padding: 3em 0 1em 1em;
font-size: 95%;
font-style: italic;
text-align: left;
float: left;
}

.headtaglineimage {
padding: 0;
margin: 0;
font-size: 95%;
font-style: italic;
text-align: left;
float: left;
background: url(../images2/promo-banner.png);
width: 190px;
height: 140px;
}

.hidden {
display: none;

}

.headtagline2 {

padding: 2em 2em 0 1em;
font-size: 105%;
font-style: italic;
text-align: center;
float: right;
}

.smaller {

font-size: 95%;
}

.content {
clear: both;
padding: 1em 0 95px 0;
border-bottom: 2px solid #ed9531;
background: url(../images2/music-dials-background.jpg) no-repeat bottom;
}

/* Left Content Main */
.left185 {
float: left;
width: 280px;
}

.left185 img.smallpad {
float: right;
padding-right: 5px;
}

.left185 img.pad {
	padding-left:  100px;
}

.left185 img.smallleftpad {
	padding-left: 40px;
}

/* Right Content Main */
.right425 {
float: right;
width: 425px;
padding-right: 60px;
}

.backlogowrap {
background: yellow no-repeat bottom;
}

a {	
color: #f29a36;
}

/* Main Logo */
h1.logo {

background: url(../images2/music-dial-logo2.jpg) no-repeat blue;
height: 138px;
width: 391px;
text-indent: -9000%;
margin: 0 auto 0 auto;
display: block;
}

h1.logo a {
	width: 100%;
	height: 100%;
	display:  block;
	outline:  none;
}

/* Top Navigation */
ul.top {
width: 700px;
text-align: center;
margin: 0 auto 0 auto;
padding: 0;
}

ul.top li {
float: right;
}

ul.top li.choose-inst {
background: url(../images2/choose-instrument.jpg) bottom no-repeat;
text-indent: -9000%;
width: 151px;
height: 25px;
overflow: hidden;
border: 2px solid #ed9531;
border-top: none;
border-bottom: none;
}

ul.top li.qa {
text-indent: -9000%;
padding-right: 9px;
padding-left: 9px;
width: 39px;
height: 25px;
overflow: hidden;
border: 2px solid #ed9531;
border-top: 0;
border-bottom: 0;
margin-right: 250px;
margin-top: -15px;
}

ul.top li.qa a {
display: block;
background: url(../images2/QA-backhover.jpg) bottom no-repeat;
width: 39px;
height: 25px;
outline: none;
}

ul.top li.qa a:hover {
background-position: top;
}

ul.top li.qa a.current {
	background-position: top;
}

/* Instrument Navigation */
ul.instruments {
clear: both;
display: table;
margin: 9px auto 0 auto;
font-size: 100%;
}

ul.instruments li {
display: inline;

padding-right: .75em;
list-style-type: none;
}

ul.instruments a:link, ul.instruments a:visited {
color: #f29a36;
text-decoration: underline;
}

ul.instruments li.small-all {
	font-size: 80%;
}

ul.instruments a:hover {
color: white;
}

/* Dial navigation */
ul.dials {
margin: .75em 0 0 0;
background: 0;
}

ul.dials li {
float: left;
list-style-type: none;
}

/* Normal list */
ul.normal {
color: white;
font-size: 85%;
list-style-type: circle;
}

/* Header text */

h5 {
color: #f29a36;
font-size: 85%;

}

/* h3 for QA title */

h3 {
	color: #f29a36;
	font-size: 130%;
	margin-top: 0;
}

h4.mainshout {

font-size: 130%;
}

p {
color: white;
margin: .5em 0 0 0;
font-size: 85%;
line-height: 1.2;
}

p.bigger {

font-size: 100%;
}

p.slightly-bigger {

font-size: 95%;
}

blockquote {
padding: 10px 0 0 26px;
background: url(../images2/openquote-drk.gif) no-repeat;
}

blockquote p {
color: #fbead6;
}

address {
color: white;
padding-top: .5em;
font-size: 72%;
text-align: center;
}

address span {
padding-left: 1em;
}

p.phonenote {
font-size: 75%;
}

p.order {
font-size: 105%;
}

p.order a img {
padding-left: .4em;
}

p.order a:link, p.order a:visited {
color: red;
border-bottom: 2px solid #ed9531;
text-decoration: none;
}

p.order a:hover {
color: white;
}

p.guarantee {
	padding-left:  1em;
	font-size: 75%;
}

p.guarantee-title {
	padding-top: .5em;
	font-size: 80%;
	font-style: italic;
}

p.imagecaption {
	font-size: 60%;
	padding-left: 100px;
	width: 19em;
}

p.topcaption {
padding-left: 60px;
text-align: center;
}

p.imagecaption.package {
	padding-left: 30px;
	width:  25em;
	text-align: center;
}

p.imagecaption.transp {
	text-align: center;
	padding-left: 50px;
}

img.largepad {
padding-top: 200px;
}

img.medpad {
padding-top: 400px;
}

img.smlpad {
padding-top: 120px;
}

img.xsmaltoppad {
	
	padding-top: 100px;
}



img.girlpad {
	padding-top: 5em;
}

img.leadpad {
	padding-top: 10em;
}

img.studentpad {
	padding-top: 5em;
}

img.keyboardpad {
padding-top: 7em;
}

img.transppad {
	padding-top: 14em;
}

/* Additions */

.invisible {
display: none;
}

.centeralign {
text-align: center;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.extratop_pad {
padding-top: 1em;
}

.extrabot_pad {
padding-bottom: 1em;
}

.qa-link-largepad {
	display:  block;
	padding-top:  125px;

}

.listpadding {
	padding-left: 1.5em;
}

.listpadding a {
	color:  inherit;
	text-decoration: none;
}

.bot_bor {
border-bottom: 2px solid #ed9531;
}

.clear {
clear: both;
}

.bold {
font-weight: bold;
}

.small {
font-size: 100%;
}

.block {
display: block;
}

.white {
color: white;
}

.orange, .orange-underline {
	color: #f29a36;
}

.orange-underline {
	text-decoration: underline;
}

.gray {
	color: #adb3b5;
}

.no-underline {
text-decoration: none;
}

.newpad {
padding-left: 1.5em;
}

.newpad2 {
padding-left: 2.5em;
}

/* No outline on left image links */
.left185 a {

outline: none;
}
/* Image fader */
#faderbox {

float: right;
margin-top: 25px;
}

.foo { list-style: disc !important; margin: 1.12em 0 1.12em 40px !important; padding: 0 !important; }