/* CSS Document */

/* 
--------------------------------------------------------------------------------------------------------------------  
 =IMPORT SEPERATE STYLE SHEETS
--------------------------------------------------------------------------------------------------------------------  
*/

/* @import url(fixes.css); */

/* 
--------------------------------------------------------------------------------------------------------------------  
 =RESET CSS
--------------------------------------------------------------------------------------------------------------------  
*/

/* Normalize margin. padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }

/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size : 100%; }

/* Remove list-style from lists */
ol, ul { list-style-type : none; }

/* Remove list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Normalizes font-style and font-weight to normal */
dt, address, caption, cite, code, dfn, em, strong, b, th, var { font-style:normal; font-weight:normal; }

/* Removes border from fieldset and img */
fieldset, img { border : 0; }

/* Left-aligns text in caption and th */
caption, th { text-align:left; }

/* Removes Quotation marks from q */
q:before, q:after { content :''; }

/* This says that any list item inside another list item should be the same size as its parent (the other list item) */
li li, li p, td p, BLOCKQUOTE p { font-size:1.2em; } /* 12px */

INPUT, SELECT, TH, TD { font-size:1em; }

/* 
--------------------------------------------------------------------------------------------------------------------  
 =LAYOUT
--------------------------------------------------------------------------------------------------------------------  
*/

/* =html */
html { text-align:center; background: #8FD4E6 url(../images/html.jpg) repeat-x; }	

/* =body */
body { 
position : relative; 
margin:0px auto;/* positions the body with a margin top and centers it */
text-align:left;
background: url(../images/body.jpg) top center no-repeat; /* edge and content bg */
font-size:62.5%; /* The default size for ‘medium’ text in all modern browsers is 16px. this takes it down to 10px which makes it easier to use and calculate ems - 1em = 10px */
}
/* * html body { background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="../images/body.png"); } */

/* =main elements */
div#masthead, div#footer, div#mainNav, div#contentWrapper { width:100%; }
div#container { width:617px; margin:0 auto;  /* center within container */  }

.clear { clear: both; }



/* 
--------------------------------------------------------------------------------------------------------------------  
 =TYPOGRAPHY
--------------------------------------------------------------------------------------------------------------------  
*/

/* remember parenting em when nesting elements! */
h2, h3, h4, h5, p, ul, ol, blockquote { margin : 0 33px; padding:.5em 0; } /* =blocktext - 20px is left & right margin*/
h1 { font-size:2.4em; } /* font size displayed at 24px */
h2 { font:1.8em Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-1px; color:#00AFE7; background:url('../images/page_title_bg.gif') no-repeat; height:52px; } /* font size displayed at 18px */
h3 { font-size:1.5em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#2299C3; margin-top:5px;  } /* font size displayed at 15px */
h4 { font-size:1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#2299C3; margin-top:5px;  } /* font size displayed at 12px */
p { font-size:1.2em; font-family:Arial, Helvetica, sans-serif; color:#0A2B5B; } /* font size displayed at 12px */

td { font-size:1.2em; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; } /* font size displayed at 12px */
.bold { font-weight:bold; }
.italic { font-style:italic}


/* 
--------------------------------------------------------------------------------------------------------------------  
 =MASTHEAD
--------------------------------------------------------------------------------------------------------------------  
*/

div#masthead { position:relative; height:209px; background:url(../images/masthead_1.gif) no-repeat; display: block; }

h1#logo { z-index:1; position:absolute; left:0px; top:5px; height:138px; width:187px; background:url(../images/logo.gif) no-repeat; text-indent:-9999px; overflow:hidden; margin:0px; }
h2#Welcome { z-index:1; position:absolute; left:10px; top:160px; height:28px; width:146px; background:url(../images/welcome.jpg) no-repeat; text-indent:-9999px; overflow:hidden; margin:0px; }
h2#telephone { z-index:1; position:absolute; left:10px; top:165px; height:19px; width:202px; background:url(../images/telephone.jpg) no-repeat; text-indent:-9999px; overflow:hidden; margin:0px; }


/* 
--------------------------------------------------------------------------------------------------------------------  
 =NAVIGATION
--------------------------------------------------------------------------------------------------------------------  
*/

div#mainNav { position:relative; height:29px; }

div#mainNav ul { position:absolute; left:0px; height:29px; border:none; margin: 0; padding: 0; } /* margin: 12px 30px 5px 0px; */
div#mainNav li { float:left; display:inline; height:29px; border:none; margin: 0; padding: 0; text-indent:-99999px; }
div#mainNav li a { display:block; height:100%; overflow:hidden; width:100%; margin: 0; padding: 0; }

#nav_home { width:60px; }
#nav_contact_us { width:101px; }
#nav_instruments { width:106px; }
#nav_items_for_sale { width:121px; }
#nav_terms { width:69px; }
#nav_service_plan { width:110px; }
#nav_faq { width:50px; }

#nav_home a, #nav_contact_us a, #nav_instruments a, #nav_items_for_sale a, #nav_terms a, #nav_service_plan a, #nav_faq a { background:url(../images/bg_mainNav.gif) ; }

#nav_home a { background-position: 0px 0px; }
#nav_home a:hover { background-position: 0px 29px; }

#nav_contact_us a { background-position: -60px 0px; }
#nav_contact_us a:hover { background-position: -60px 29px; }

#nav_instruments a { background-position: -161px 0px; }
#nav_instruments a:hover { background-position: -161px 29px; }

#nav_items_for_sale a { background-position: -267px 0px; }
#nav_items_for_sale a:hover { background-position: -267px 29px; }

#nav_terms a { background-position: -388px 0px; }
#nav_terms a:hover { background-position: -388px 29px; }

#nav_service_plan a { background-position: -457px 0px; }
#nav_service_plan a:hover { background-position: -457px 29px; }

#nav_faq a { background-position: -567px 0px; }
#nav_faq a:hover { background-position: -567px 29px; }

/* links */
a, a:link, a:visited { border:none; outline: none; text-decoration:underline;}
a, a:link, a:visited { color:#00AFE7; text-decoration:underline; font-weight: bold; }
a:hover { color:#00AFE7; text-decoration:none; font-weight: bold;}


/* 
--------------------------------------------------------------------------------------------------------------------  
 =Current page Indicators
--------------------------------------------------------------------------------------------------------------------  
*/

#home #mainNav ul a.link1 { background-position: 0px 29px;  }
#contact_us #mainNav ul a.link2 { background-position: -60px 29px; }
#instruments #mainNav ul a.link3 { background-position: -161px 29px; }
#items_for_sale #mainNav ul a.link4 { background-position: -267px 29px; }
#terms #mainNav ul a.link5 { background-position: -388px 29px; }
#service_plan #mainNav ul a.link6 { background-position: -457px 29px; }
#faq #mainNav ul a.link7 { background-position: -567px 29px; }

/* 
--------------------------------------------------------------------------------------------------------------------  
 =MAIN CONTENT
--------------------------------------------------------------------------------------------------------------------  
*/

div#contentWrapper { float:left; background: #FFFFFF; margin:0px; padding:0px; }

div#mainContent { position:relative; float:right; width:405px; background:  url('../images/bg_mainContent.gif') no-repeat; padding-top:10px; padding-bottom:20px;}

#contentBtm { position:relative; margin: 0px 0px;}
#contentBtm div.hr { margin:10px 23px 10px 23px; height: 13px; background: url('../images/hr.gif') no-repeat center; }
div.hr hr { display: none; }
#contentBtmNormal { margin-top:35px; }
#contentBtmNormal div.hr { margin:10px 23px 10px 23px; height: 13px; background: url('../images/hr.gif')  no-repeat center; }


div#mainContent ul li { margin: 0px; margin-left: 25px; list-style:disc; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; color:#0A2B5B;}
div#mainContent ol li { margin: 0px; margin-left: 25px; list-style:decimal; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; color:#0A2B5B;}

div#contentBtm .checklist ul, div#contentBtm .roundedContainer li, div#contentBtm .roundedContainer p {
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	margin:0px 10px;
	padding:0px;
}

div#contentBtm .roundedContainer h4 { color:#FFFFFF; margin:0px 10px; font-size:1.4em;}

.roundedContainer {border-right:1px solid #2299C3; border-left:1px solid #2299C3; background:#2299C3; }
.holder {display:block; color:#fff; margin-left: 33px; margin-right: 33px; margin-top: 10px; margin-bottom: 25px;}
.b1 {height:1px; font-size:1px; overflow:hidden; display:block; background:#2299C3; margin:0 5px;}
.b2 {height:1px; font-size:1px; overflow:hidden; display:block; background:#2299C3; border-right:2px solid #2299C3; border-left:2px solid #8FD4E6; margin:0 3px;}
.b3 {height:1px; font-size:1px; overflow:hidden; display:block; background:#2299C3; border-right:1px solid #2299C3; border-left:1px solid #8FD4E6; margin:0 2px;}
.b4 {height:2px; font-size:1px; overflow:hidden; display:block; background:#2299C3; border-right:1px solid #2299C3; border-left:1px solid #8FD4E6; margin:0 1px;}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{ margin-left: 3px; }

/* 
--------------------------------------------------------------------------------------------------------------------  
 =SIDE CONTENT
--------------------------------------------------------------------------------------------------------------------  
*/

div#sideContent { position:relative; float:left;  height: 400px; background:url('../images/leftcol_bg_n_clar1.jpg') no-repeat; background-position: 30px 10px ; width:210px; }
#contact_us div#sideContent { background:url('../images/leftcol_bg_n_cu1.jpg') no-repeat; background-position: 30px 10px ; }
#instruments div#sideContent { background:url('../images/leftcol_bg_n_flute1.jpg') no-repeat; background-position: 30px 10px ; }
#items_for_sale div#sideContent { background:url('../images/leftcol_bg_n_case1.jpg') no-repeat; background-position: 30px 10px ; }
#terms div#sideContent { background:url('../images/leftcol_bg_n_cu2.jpg') no-repeat; background-position: 30px 10px ; }
#service_plan div#sideContent { background:url('../images/leftcol_bg_n_clar2.jpg') no-repeat; background-position: 30px 10px ; }
#faq div#sideContent { background:url('../images/leftcol_bg_n_cu3.jpg') no-repeat; background-position: 30px 10px ; }


#sideContent div.hr { margin:0px 30px 0px 30px; height: 2px; background: url('../images/hr.gif') repeat-x scroll center; }
div.hr hr { display: none; }

/* sidebarList */

#sidebarList { margin: 10px 0 10px 30px; padding: 0; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.4em; color:#5A5C5E; }
#sidebarList a, #sidebarList a:link, #sidebarList a:visted { color:#5A5C5E; }
#sidebarList a:hover { color:#FFFFFF; }
#sidebarList li { margin: 0px; padding: 1px 25px; background: url(../images/arrow.gif) 0 50% no-repeat }

#newsletter { margin : 0 33px 0 33px; padding:.5em 0; }
#newsletter h4 { margin:0px; }
#newsletter form { font-size:1.1em; font-family:Arial, Helvetica, sans-serif; color:#0A2B5B; }
#newsletter label { font-size:1.1em; font-family:Arial, Helvetica, sans-serif; color:#0A2B5B; }
#newsletter input { margin-bottom: 10px; }
#yamaha { position:relative; width:120px; height:70px;  margin-left:60px; *margin-left:50px; clear:left;}
#yanagisawa { position:relative; width:120px; height:90px;  margin-left:60px; *margin-left:50px; margin-bottom:60px; clear:left;}

/* 
--------------------------------------------------------------------------------------------------------------------  
 =FOOTER
--------------------------------------------------------------------------------------------------------------------  
*/

div#footer { position:relative; clear:both; height:55px; background: #FFFFFF; text-align:center; line-height: 0.5em; border-top: solid 1px #00AFE7; padding-top:10px;}
div#footer p { font-size:1.1em; font-family:Arial, Helvetica, sans-serif; color:#0A2B5B; }
div#footer p span { color:#00AFE7; }
/* 
--------------------------------------------------------------------------------------------------------------------  
 =IMAGES
--------------------------------------------------------------------------------------------------------------------  
*/

img { padding: 0; margin: 0; border: 0; }
#mainContent img , #materials img { padding: 0; margin: 0; border: solid 1px #FFFFFF; }

/* 
--------------------------------------------------------------------------------------------------------------------  
 Shaun Inman Position Clear - http://www.shauninman.com/archive/2006/05/22/clearance_position_inline_absolute
--------------------------------------------------------------------------------------------------------------------  
*/
.pc,.sc { position : absolute; top: 0; left: 0; }
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */