/*
CSS for Xylem Handmade Basses and Guitars main pages.
*/

* {
	margin:0;
	padding:0;
}

body {
	background-color: #000000;
	color: #ffffff;
	margin-top: 15px;
	text-align: center;
	
	
}



#page {
	width:990px;
	margin: 0 auto;
	text-align: left;
	
}


/*
This Section deals with fonts
*/

#logo h1, #title p, #navigation, #news h2, #customorder h2, #availableinstruments h2, h2  {
	font-family: oliveoil, "script mt bold", serif;

}

#bodycontent p, #bodycontent ul, #currentarticle, h2.thanks, h2.error, h3.article, legend.emailsubmit, label.emailsubmit {

	font-family: helvetica, sans-serif;
	line-height: 130%;

}

label.emailsubmit {
	font-size:10pt;
}

h3 {
	font-size: 16pt;
}




/*
End of font section
*/


/*
This Section deals with postioning of items on the browser screen. It uses absolute 
positioning: fixed x and y coordinates measured from the screen's top-left corner.
*/


#header {
	position:absolute;
	left:382px;
	width:420px;
	text-align: center;
	
}



#logo {
	width:420px;
	height: 178px;
	background: #000000 url(xylemlogo.jpg) center no-repeat;
	font-style: italic;
	border-bottom: #002500 solid 2px;
	
	
		
}

#logo h1 {
	position:relative;
	top: 178px;
	font-style: italic;
	font-size: 24pt;

}

#logo h1 span {
	display:none;

}


#title {
	height:165px;
	width:420px;
	background: #000000 url(titleimg.jpg) bottom center no-repeat;
	font-style: italic;
	

}
	



#tagline h2 {
	width:420px;
	padding-top: 20px;
	font-style: italic;
	font-size: 18pt;
	

	
}

#sitebranding {
	width: 420px;
	font-size: 16pt;
	
}


#navigation {
	position: fixed;
	top: 40px;
	left:0px;
	line-height: 125%;
	font-size: 17pt;
	font-weight: bold;
	width: 199px;
	height: 434px;
	background: #000000 url(navbackground.jpg) top center no-repeat;
	text-align: center;
	
	
	
}

#navigation p {
	position: relative;
	left: 4px;
	top: 190px;
	
}



#bodycontent {
	position: absolute;
	left: 220px;
	top: 410px;
	width:770px;
	list-style-type: disc;
	
}

#bodycontent p, #bodycontent ul {
	margin:15px;
	padding:0px 15px;
}


#news {
	position: relative;
	top:55px;
	
	
}

#news h2 {
	
	border-bottom: #002500 solid 2px;
}

#news img {
	border: #002500 solid 2px;

}


#customorder h2, #availableinstruments h2 {
	text-align: center;
	font-weight: bold;
	font-size: 20pt;
	padding:5px;
	
}



h3.articles, h2.gallery {
	text-align:center;
	margin:15px 0px;
	
}


#contactinfo, h2.thanks, p.thanks, h2.error, p.error {
	
	text-align:center;

}

#contactinfo {
	position:relative;
	left: -35px;
}

#footer {
	width:770px;
	height:100px;
	
}



/*End of positioning section
*/



/*
This section deals with links and how they display
*/

a {
	text-decoration: none;
	
}	

#navigation a, #customorder a, #availableinstruments a  {
	padding: 0px 30px;
	
}




#navigation a:link, #customorder a:link, #availableinstruments a:link  {
	color: #ffffff
}

#navigation a:visited, #customorder a:visited, #availableinstruments a:visited  {
	color: #ffffff
}

#navigation a:hover, #customorder a:hover  {
	color: #FFFFc8;
	background: url(b-clefnav.gif) no-repeat right;
		
}

#availableinstruments a:hover {
	color: #ffffc8;
	background: url(t-clefnav.gif) no-repeat right;
	
}

#navigation a:active, #customorder a:active, #availableinstruments a:active  {
	color: #002500;
}

#customorder a:hover, #availableinstruments a:hover {
	border-bottom: #ffffc8 solid 2px;

}


a:link {
	color:#ffff61;
}

a:visited {
	color:#ffff61;
}

a:hover {
	color:#ffff61;
}

a:active {
	color:#002500;
}



/*
End of link display section
*/





/*
Table Section
*/

table {
	border-collapse: collapse;
	margin:20px;
	font-family:helvetica, sans-serif;
	line-height: 130%;
	
}

caption.tablecaption {
	font-size:18pt;
	padding: 10px;
	font-family: oliveoil, "script mt bold", papyrus, elegance, serif;
	font-weight:bold;
}

table.repairs th { 
	text-align: center;
	padding: 10px;
	font-size: 16pt;
	border-bottom: #000000 solid 2px;
}	

table.repairs td {
	
	text-align: center;
	border: #002500 solid 2px;
	padding:3px;
	background: #000000 url(tablefade.jpg) repeat-y;
}


td.repairtype {
	font-size: 14pt;
}

/*End of Table Section
*/


/*Form Section
*/

form.emailsubmit {
	position: relative;
	left: 130px;
	width: 500px;
	margin:30px 10px;
	
}

fieldset.emailsubmit {
	padding: 10px;
}

legend.emailsubmit {
	color:#FFFFFF;
	margin: 10px;
}

label.emailsubmit {
	display: block;
	width:100px;
	float: left;
	
}

input.emailsubmit {
	width: 350px;
	margin-bottom: 10px;
		
}

input.emailsubmitbutton {
	text-align: center;
	position: relative;
	left: 165px;
	margin: 10px;
	color: #ffffc8;
	background: #002500;
	border: #ffffc8 solid 2px;
	
}


/*End of Form Section
*/


img {
	border: none;
}

.attentiongrab, .photocredit {
	color: red;
	font-weight: bold;
	
}

.attentiongrabc {
	color: red;
	font-weight: bold;
	text-align: center;
}

.smallattentiongrabc {
	color: red;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}
	

p.centertext {
	
	text-align:center;
}


h1.articles, h2.articles {
	text-align:center;
	font-family: oliveoil, "script mt bold", papyrus, elegance, serif;
}

h1.articles {
	margin:5px 10px;
	
}


h2.thanks, h2.error, h3.article {

		
	border-bottom: #002500 solid 2px;
	
}

#currentarticle {
	padding-left:40px;
	background: url(b-clefnav.gif) no-repeat left;
	
}

h2.small-header {
	font-size: 16pt; 
}