/*color swatches--------------------------------------------
#a7a7a7; lt gray (background)
#8decf2;  aqua
#914233; reddish (links)


*/
/*baseline styles, based on Eric Meyer------------------------------*/
html, body, div, span, iframe, p,
blockquote, a, abbr, acronym, address, cite, del, dfn, em, font, img, strong, sub, sup, q,
h1, h2, h3, h4, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style:  none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong { font-weight: bold; }	

em { font-style: italic; }

body	{
	font-family: Verdana, sans-serif;
	font-size:  62.5%;
	color: #000; 
	background:  #a7a7a7 url(../images/graystrip.gif) repeat-x top left;
	text-align:  center;
}
 
/*=element selectors---------------------------------
----------------------------------------------------*/ 	
h1, h2, h3 {
	font-weight: bold;
	color: #000;
}		

h1 {
	margin: 0 0 1em 0;  
	font-size: 160%;
	letter-spacing: 0.025em;
	color: #660000; 
}

h2 {
	margin: 1.75em 0 1em 0;
	font-size: 150%;
	color: #444;
}

h3 {
	margin: 1.75em 0 1em 0;
	font-size: 115%;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #cecac7;
}
	
p {
  	line-height: 1.4;
	font-size: 130%;
	margin: 0 20px 1.5em 0;
}	

/*=links-----------------------------------------
-----------------------------------------------*/     
a {
	text-decoration: none;
}

a:link, a:visited {
	color: #914233;
}

a:hover, a:active {
	color: #666;
	text-decoration: underline;
}	

/*makes images semi-transparent on hover*/
a.fade:hover {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}
 
/*=classes------------------------------------------
------------------------------------------------------*/
.clear {
	clear: both;
} 

/*----address on contact pg----*/	  
   

/*=major divs------------------------------------------
------------------------------------------------------*/
/*wrap contains all content except footer--------------*/
#wrap {
	position:  relative;
	width:  80em;
	margin:  0 auto;
	text-align: left;
	overflow: hidden;
}			

/*=header----------------------------
------------------------------------*/	
#header {
	position: relative;
	width:  100%;
	height:  120px;
	background-color:  #252525;
	border-bottom:  5px solid #285f69;
}

#header a {
	margin: 0;
	padding: 0;
}

#header img {
	margin-left: 0;
}

/*=navigation-------------------------
-------------------------------------*/
#menu {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 21px;
	border-top: 1px solid #555;
	z-index:10;
}

#menu li {
	float:  left;
	text-align: left;
	background: #252525;
}

#menu a {
	display: block;
	padding:  2px 15px 0 15px;
	margin:  0;
	width:  auto;
	font-weight:  normal;
	font-size:  12px;
	line-height:  1.5;
	text-decoration:  none;
}

#menu li a:link, ul#menu li a:visited {
	color: #ababab;
	background: #252525;
}

ul#menu li a:hover {
	border-bottom: 6px solid #914233;
}

 /*uses php to indicate current page--not being used currently*/			
/*ul#navigation a.this_page:link, ul#navigation a.this_page:visited {
	background-color:  #a7a7a7; 
	color:  #333;
	border-left:  1px solid #cecac7;
	border-top:  1px solid #cecac7;
	border-right:  1px solid #cecac7;
	border-bottom:  none;
}		*/	

#menu li ul {
  position: absolute;
  left: -999em;
}

#menu li ul li {	
	float: none;
	line-height: 1;
	background: transparent;
}

#menu li:hover ul, #menu li ul:hover {
	left: auto;
	border-top: 6px solid #914233;
}
	
#menu li ul li a:link, #menu li ul li a:visited {
	width: 11.5em;
}

#menu li ul li a:link, #menu li ul li a:visited {
	color: #000;
	background:  #f2f2f2;
	background: rgba(100,100,100,0.80);
	border-bottom: 1px solid #cecac7;
}	

#menu li ul li a:hover {
	color: #fff;
	background: #555;
	background: rgba(100,100,100,1);
}
		
#menu a.no:link, #menu a.no:visited, #menu a.no:hover {
	/*color:  #ababab;
	background:  #252525;to signal that there is a dropdown*/
	border-bottom: 0;
}

/* contact info upper right*/		
p#address {
	width: 23em;
	height: auto;
	position: absolute;
	top: 15px;
	right: 0;
	margin: 0;
	text-align:  right;
	font-size: 10px;
	color: #ababab;
	line-height: 1.3;
}	

p#address:first-line {	
	color: #8decf2;
	font-weight: bold;
}

#header img  {
	margin: 15px 0 0 35px;	
}	

/*=footer-----------------------------
------------------------------------*/						
#footer {
	width: 100%;
	color: #444;
	letter-spacing: .05em;
	line-height: 2;
	clear: both;
}				

#footer ul {
	position: relative;
	margin: 0 auto;
	white-space: nowrap;
	width: 100%;
}
		
#footer ul li {		
	display: inline;	
	font-size: 110%;
	letter-spacing: .05em;
	line-height: 1;	
}

#footer ul li a {
	padding: 0.3em 1em;
}
		
#footer ul li a:link, #footer ul li a:visited  {
	color:  #444;
	border: 1px solid #888;
	border-width:  0 1px;
}		

 /*uses php to indicate current page*/			
#footer ul a.this_page:link, #footer ul a.this_page:visited {
	font-weight:  bold;
}			
		
#footer ul li a:hover  {
	color: #d20518;  /*red*/
}
								  			
p.copyright, p.credits  {
	font-size:  100%;
	color:  #252525;
}
			
p.credits  {
	margin-top:  -1em;
}

/* content_main -----------------------------
--------------------------------------------*/
#content_main {
	float: right;
	width: 63%;
	text-align: left;
	margin-top: 60px;
	margin-bottom: 30px;
	padding-left: 5%;
	border-left: 1px solid #777;
}	

/* content_sub -----------------------------
--------------------------------------------*/	
#content_sub	{
	float: left;
	margin-top: 60px;
	width: 30%;
}
	   
#content_sub img  {
	float: right;
	margin-right: 2em;
	padding:  7px;
	background: #e7e7e7;
	border:  1px solid #777;
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 3px 3px 4px #666;
} 

img#top {
	margin-top: 6em;
}
					
/*=index styles------------------------
--------------------------------------*/
body#index {
	background-image: none;
}

body#index #wrap{
	text-align: center;
}

body#index #header {
	background-color:  #a7a7a7;
	text-align: left;
}

body#index p#address {
	color: #333;
}

#teaser {
	position:  absolute;
	top:  100px;
	left:  15px;
	z-index:  10;
}

body#index #menu {
	margin-right:  3em;
	bottom:  -15px;
}

body#index ul li.active {
	display:  none;
}

body#index #menu a {
		padding:  2px 12px 2px 12px; /*differs from inside pgs*/
}

body#index #menu li a:link, body#index #menu li a:visited {
	color:  #252525;
	background: #cecac7 url(../images/nav_grad.gif) repeat-x top left;
}

body#index #menu li a:hover  {
	color:  #914233; 
}

body#index #menu li ul li a:link, body#index #menu li ul li a:visited {
	color:  #000;
	background-color:  #f5f5f5;
}

body#index #menu li ul li a:hover {	
	color:  #914233;  /*reddish*/
	background-color: #a7a7a7;
	background-image:  none;
}

body#index ul#menu a.no:link, body#index ul#menu a.no:visited, body#index ul#menu a.no:hover {
}

#indeximage  {     
	margin:  40px auto 30px auto;
	padding:  15px;
	border:  3px solid #555;
}
						
body#index #footer ul, body#contact #footer ul {
	display:  none;
}

body#index #footer {
letter-spacing: normal;
}

/*viola page-------------------------
------------------------------------*/
body#viola #content_main {
	position: relative;
	width: 62.5em;
	min-width: 62.5em;
	max-width: 83%;
	margin-left: 0;
	padding-left: 0;
	border: none;
	border-left: 1px solid #777;
}

body#viola #content_sub {
	width: 11.5em;
	max-width: 15%;
	margin-top: 40px;
	overflow: hidden;
	padding: 15em 4px 5px 0;
	text-align: right;
}	

body#viola #content_sub li  {
	margin-bottom: 0.8em;
	margin-top: 0.8em;
	padding-bottom: 6px;
	border-bottom: 1px solid #cecac7;
	display: block;
}

body#viola #content_sub li a {
	font-size: 1.2em;
	display: block;
}
						
#workshop  {
	border-left:  5px solid #777;
	background-color:  #cecac7;
	margin-bottom:  40px;
}

#workshop h2 {
	padding-top:  1em;
	padding-left:  1.2em;
}

#workshop p {
	padding:  0 0 1.2em 1.2em;
}

/*=violinmaking----------------------
------------------------------------*/
body#violinmaking #content_main {
	width:  65%;
}	

body#violinmaking #content_sub {
	width:  28%;
}

body#violinmaking #content_sub img {
		margin-top: 4.5em;
}

dl  {
	float:  left;
	width:  100%;
	margin:  1em 0 1.5em 0;
}

dt  {
	float:  left;
	clear:  left;
	width:  40%;
	padding-bottom:  0.7em;
	padding-right:  2%;
	text-align:  right;
	font-weight:  bold;
	font-size:  1.2em;
}
			
dd {
	float:  left;
	width:  55%;
	margin-left:  2%;
	padding-bottom:  0.7em;
	font-size:  1.3em;
}
			
* html dd {
	float: none;
	margin-left: 45%;
}

/* purfling machine -----------------------
-----------------------------------------*/  	
body#purfmach #content_main {
	width:  72%;
}

#thumbs { 
	width: 558px; 
	margin: 10px auto 0 auto;
	overflow:  hidden;
}

#thumbs li { 
	width: 133px; 
	float: left; 
	margin: 8px 3px; 
}

#thumbs a { 
	width: 125px; 
	padding: 3px; 
	display: block; 
	border: 1px solid #777; 
}

#thumbs a.activeSlide { 
	background: #555; 
}

#thumbs a:focus { 
	outline: none; 
	}
	
#thumbs img { 
	border: none; 
	display: block;
}

div#slideshow {
	clear:  both;
	margin: 25px auto 12px auto;
	width:  572px;  
    height:  auto;  
    padding: 0;  
    z-index:  5;
}

#slideshow img {  
	margin:  0;
    padding: 5px;  
	border:  2px solid #777;
} 	

p#caption  {
	margin-top:  0;
	margin-bottom:  30px;
	font-size:  95%;
	color:  #555;
	text-align:  center;
}
/*corners toggle images*/
.toggle img {
	border: 2px solid #777;
	margin-bottom: 25px;
}


/*make toggle links bold in articles*/
body#articles .toggleLink  {
	font-weight:  bold;
}

body#staffonly #content_sub  {
	text-align:  left;
}

/*=contact page ----------------------------------
-------------------------------------------*/ 
body#contact #address p  {
	display:  none;
}				
		
body#contact h1 + p {
	line-height: 1.5;
}

body#contact h1 + p:first-line {
	color: #8decf2;
	font-weight: bold;
}
/*=images ----------------------------------
-------------------------------------------*/  	   	    
img#AntiqueStradsm {
	margin-top: 11em;
}
	   	   
img#delGesusm {
	margin-top: 5em;
}
	   
img#bendribssm {
	margin-top: 18.5em;
}
	   
img#punchscrollsm {
	margin-top: 18.5em;	
}