/*
CSS for Xylem Handmade Basses and Guitars Gallery Images.
*/

* {
	margin: 0;
	padding: 0;
}

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

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

/*
This Section deals with font families
*/

#title h1, title p, #thumbnails p {
	font-family: oliveoil, "script mt bold", papyrus, elegance, serif;

}

/*
End of font family 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 {
	
	text-align:center;
	border-bottom: #002500 solid 2px
}

	


#title {
	
	width: 800px;
	height: 118px;
	background: #000000 url(gallerytitle.jpg) center no-repeat;
		
}

#title h1 span {
	display:none;
}

#bodycontent {
	position: absolute;
	left: 330px;
	top: 140px;
	
	
}



.horzimg {
	position: relative;
	padding-bottom: 20px;
	
	
}

.horzimg img {
	height: 368px;
	width:550px;
	border: #002500 solid 2px
	
}

.vertimg {
	position: relative;
	left: 75px;
	
	
}

.vertimg img{
	
	height: 438px;
	width: 293px;
	border: #002500 solid 2px
	
	
}


#thumbnails {
	position: absolute;
	top: 140px;
	left: 50px;
	width: 275px;
	margin: 0;
	padding: 0;
		
}

#thumbnails img {
	padding: 10px;
	margin:2px;
	height: 60px;
	width: 60px;	
	
}

#thumbnails p {
	text-align: center;
	font-size: 19pt;
	font-weight: bold;
	margin: 0;
	
}



/*End of positioning section
*/



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

	
a {
	text-decoration: none;
}

#thumbnails a:link img, #thumbnails a:visited img {
	border: #002500 solid 2px
}

#thumbnails a:hover img {
	border: #ffffc8 solid 2px
	
	
}

#thumbnails a:active img {
	border: #002500 solid 2px
	
}

#gnavigation a, #navigation a {
	padding-right: 30px;
	padding-left: 30px;
	
}

#gnavigation a:link, #navigation a:link {
	color: #ffffff;
	border: none
}

#gnavigation a:visited, #navigation a:visited {
	color: #ffffff;
	border: none
}


#gnavigation a:hover {
	color: #FFFFc8;
	background: url(t-clefnav.gif) no-repeat right;
	border: none
}

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


	

#gnavigation a:active, #navigation a:active  {
	color: #002500;
}



 
a:link {
	color:#ffff61;
}

a:visited {
	color:#ffff61;
}

a:hover {
	color:#ffff61;
}

a:active {
	color:#002500;
}

/*
End of link display section
*/



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


.photocredit {
	font-weight: bold;
	color: red;
	padding-bottom: 5px;
}

img {
	border:none
}