/*
CSS for GSS Violins Site
*/

* {
	margin:0;
	padding:0;
}

body {
	background: #eacb8b;
	color: #000000;
	text-align: left;
	font-family: helvetica, sans-serif;
	font-size: 11pt;
		
}

#container {
	width: 1000px;
	background: #eacb8b url(sapp-violins-background.jpg) top center no-repeat;
	margin:0 auto; /*You have to put in the "auto" or the page may not center on larger resolutions*/
	padding:0;	
	border: #e6c88c solid 1px;
	border-bottom:none;
	
}

#container2 {
	width: 1000px;
	background: #eacb8b url(sapp-violins-bg-filler-2.jpg) top center repeat-y;
	margin:0 auto;
	padding:0;
	border: #e6c88c solid 1px;
	border-bottom:none;
	border-top: none;

	
}



#page {	
	position: relative;
	left:122px;	
	width:760px;
	margin: 0;       /*45px 0px 0px 0px;*/
	text-align: left;
		
}	

#page2 {	
	position: relative;
	left:122px;	
	width:760px;
	margin: 0;
	text-align: left;
		
}	



/*
This Section deals with fonts
*/


/*
End of font section

*/

/*Header Section*/

#header {
	
	width:754px;
	height: 150px;
	margin: 65px 0 0 0;
	background: url(sapp-violins-header.jpg) center no-repeat;
	border-right: #7e5625 solid 1px;
	border-left: #7e5625 solid 1px;
	border-top: #7e5625 solid 1px;
}

#header h1 {
	display:none;
}

/*End of Header Section*/





/*Navigation Section */

#nav1 {
	
	height: 30px;
	width: 754px;
	padding-top: 10px;
	border-top: #7e5625 solid 1px;
	border-right: #7e5625 solid 1px;
	border-left: #7e5625 solid 1px;
	background-color: #184a18;

}

#nav1 p {
	display:inline;
	margin:0px 7px;
	padding: 0;
	font-family: helvetica, sans-serif;
	text-align:center;
	font-size: 11pt;
	font-weight:bold;
	
}

#nav1 a {
	text-decoration:none;
	margin: 0;
	padding: 0;
}

#nav1 a:link, #nav1 a:visited {
	color:#e6c88c;
	
	
}

#nav1 a:hover, #nav1 a:active {
	color: #000000;
}

/*End of Navigation Section */

/* Body Content Section */

#bodycontent {	
	width: 754px;
	min-height:710px;
	border: #7e5625 solid 1px;
	
}

#bodycontent2  {	
	width: 754px;
	border: #7e5625 solid 1px;
	border-top:none;

}

#altbodycontent {

	width: 754px;
	border: #7e5625 solid 1px;
	border-bottom:none;

}


#bodycontent h2, #bodycontent2 h2, #altbodycontent h2 {
	
	margin: 10px 5px;
	padding: 0px 0px 2px 0px;
	font: italic bold 18pt "times new roman", serif;
	text-align:center;
	
		
}

#bodycontent h3, #bodycontent2 h3, #altbodycontent h3 {
	margin: 10px 5px;
	padding: 0px 0px 2px 0px;
	font: italic 18pt "times new roman", serif;
	text-align:center;
	
		
}

#bodycontent h3.first, #bodycontent2 h3.first, #altbodycontent h3.first {
	margin: 0 5px 10px 5px;
}


#bodycontent h3.last, #bodycontent2 h3.last, #altbodycontent h3.last {
	margin: 10px 5px 0px 5px;
}



#bodycontent p, #bodycontent2 p, #altbodycontent p {
	margin: 13px 15px;
	font-family: helvetica, sans-serif;
	font-size: 11pt;	

}

#bodycontent p.first, #bodycontent2 p.first, #altbodycontent p.first {
	margin: 0 15px 13px 15px;
}


#bodycontent p.last, #bodycontent2 p.last, #altbodycontent p.last {
	margin: 13px 15px 0 15px;
}



#bodycontent a, #bodycontent2 a, #altbodycontent a {
	text-decoration:none;

}

#bodycontent a:link, #bodycontent2 a:link, #altbodycontent a:link, #bodycontent a:visited, #bodycontent2 a:visited, #altbodycontent a:visited   {
	font-weight:bold;
	color:#184a18;

	
	
}

#bodycontent a:hover, #bodycontent2 a:hover, #altbodycontent a:hover, #bodycontent a:active, #bodycontent2 a:active, #altbodycontent a:active   {
	color: #7e5625;
}



#mainpics {
	float:left;
	width: 254px;
	height: 380px;
	margin: 10px 15px;
	
}

#mainpics img {
	border: /*#7e5625*/ #184a18 solid 2px;
	margin:0;
}

#mainspacer {
	width:750px;
	height:410px;
	
}



div.instrument-index {
	margin: 0px 2px;
	text-align:center;
	
}

div.instrument-index img {
	border: #184a18 solid 2px;
	margin: 10px 2px;
	padding: 0;
	

}

div.instrument-index h3 {
	width: 150px;
	margin: 10px 5px;	
	font-family: "times new roman", serif;
	font-size: 18pt;
	text-align:center;
	border-bottom: #184a18 solid 2px;
			
}



div.instrument-index a {
	
	margin: 2px 5px;
	padding: 0;
	text-align:center;
		
	
}

div.instrument-list {

}

#violin-sub-index {

	text-align:center;
	margin: 20px 0;	

}
#violin-sub-index p {
	font: italic bold 15pt "times new roman", serif;
	display:inline;
	margin: 5px 25px;
		
}	

#violin-sub-index a {
	text-decoration:underline;
}




/* Mel, You'll need to increase or decrease the "height" value in the "#other-violins" div below if you add or take away any of the violins listed for sale on the "Violins" page or else the list may run into the page footer. You can take away the comment tags around the 
"border" declaration if you want a border around the list of violins so you can see how tall or short the actual div is, but make sure to put the comment tags back or the red border will stay. */ 





#other-violins {
	height: 1500px;
	/*	border:red solid 2px;  */

}


#violin-list {
	min-height: 1000px;
/*	border: red solid 2px; */
}

#violin-list ul.leftlist {
	float:left;
	width:355px;
	list-style-type: none;
	
}

#violin-list ul.rightlist {
	float:right;
	width:355px;	
	
	list-style-type: none;

}

#violin-list li {
	margin: 13px 5px;
}	

/*Sale Instrument Images Section */

div.instrument-image-container {
	width: 753px;
	height: 480px;
	
}	

div.instrument-image-container img {
	float:left;
	margin: 5px 0 5px 14px;
	padding: 0;

}	

/*End of Sale Instrument Images*/



#repair-examples {
	
	width: 750px;
	height: 1050px;
		
}

#rental-pricing {
	width: 735px;
	
}

#rental-pricing table {
	position:relative;
	left: 145px;	
	font: normal 14pt helvetica, sans-serif;
	
}

#rental-pricing th {
	padding: 10px 2px;
	font: italic bold 16pt helvetica, sans-serif;
}


#rental-pricing tr {
	padding: 5px 2px;

	
}

#rental-pricing td {
	padding: 5px 20px;

	
}

#addresses {
	width: 730px;
	height: 320px;
		
}


div.contact-locations {
	float:left;
	margin: 0 0 0 3px;
	width: 240px;
	height:450px;
}

div.contact-info h3 {
	margin: 10px 5px 10px 30px;
	padding: 0px 0px 2px 0px;
	text-align:center;
}

div.contact-info p {
	margin: 13px 15px 13px 25px;
}

div.contact-info table {
	margin-left: 200px;
	width: 400px;
	
	
}

div.contact-info td {
	padding: 10px 50px 10px 0px;
	margin:0;
}



div.floatleft {
	float:left;
	width: 345px;
	

}

div.floatright {
	float:right;
	width: 345px;
		

}

.floatleft {
	float:left;
	
}

.floatright {
	float:right;
}

.floatright-2 {
	float: right;
	margin-right: 16px;
}

#div-500 {
	width:750px;
	height: 500px;
	
	
}





#footer {	
	
	height:472px;
	background: #eacb8b url(sapp-violins-footer.jpg) center no-repeat;
	color: #000000;
	text-align: left;
	
	
}

#footer h3 {
	display:none;
}




/*End of Bodycontent Section */




/*Mels' Styling Rules Section*/

/*Mel, the rule below basically means "all p's (paragraph text) within the div with the id "attention" should be center-aligned and have a font-size of 40pt." */

#attention p {
	text-align:center;
	font-size: 25pt;
	color:red;
/*    color:red;  <-- this is how you can specify a color. You can also just use normal color names such as "color:red;" if you prefer. You'll need to remove the comment tags before this rule becomes active.   */
	
}

p.center-attention {
	text-align:center;
	font-weight:bold;

}


img {
	margin: 10px 20px;
	border: #184a18 solid 2px;
	
}

.textcenter {
	text-align:center;
	
}

ul.center-list {
	text-align:center;
	list-style-type:none;
}


span.sold {
	color:red;
	font: italic bold 12pt helvetica, sans-serif;
}

span.bold {
	font-weight:bold;
}



/*End of Mel's Styling Rules Section*/