/* CSS Document */

*
{
margin:0px;
padding:0px;
}

* html .gainlayout
{
zoom: 1;
}


/********************* Structure *********************/

#content{
width:490px;
margin:10px;
}

#outercontainer{
width:764px;
position:relative;
min-height:1000px;
border-left:4px solid #375C40;
border-right:4px solid #375C40;
background-color:#65B176;
margin-top:-30px;
margin-right:auto;
margin-left:auto;
}

#innercontainer{
margin:auto;
background-color:#FFFFFF;
min-height:1000px;
float:left;
width:519px;
overflow:hidden;
background-image:url(../images/background_gradient.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#strip{
width:100%;
height:30px;
}


		/********************* Translate Div *********************/			
		
		#translate{
		height:100%;
		text-align:center;
		padding:40px;
		}
			
		
		#content a:hover{
		text-decoration:underline;
		
		}
		
		#content a {
		color:#7CB088;
		}
		
		#textarea h1 a, #textarea h2 a, #textarea h3 a, #textarea h4 a, #textarea h5 a, #textarea h6 a{
		color:#333333;
		}
		
		body strong {
		font-size:1em;
		}
		
		/********************* Contact Div *********************/
		
		#contact{
		width:245px;
		height:255px;
		background-image:url(../images/website_contact_background.jpg);
		}
		
		#contact h1{
		font-family:"Times New Roman", Times, serif;
		font-size:22px;
		text-align:center;
		margin:0px 0px -25px 0px;
		}
		
		#contact h2{
		font-family:"Times New Roman", Times, serif;
		font-size:17px;
		border-bottom:none;
		text-align:center;
		margin:0px;
		font-variant:normal;
		}
		
		#contact p{
		padding: 80px 10px 0px 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height:2em;
		}

		/********************* Footer *********************/
		
		#footer p{
		color:#FFFFFF;
		text-align:center;
		}
		
		#footer p a{
		color:#FFFFFF;
		}
		
		#footer{
		background-color:#48AB6B;
		clear:both;
		height:160px;
		width:100%;
		overflow:hidden;
		position:relative;
		z-index:100;
		}


/********************* Headers *********************/

#header{
height:54px;
background-color:#C3C4C1;
width:517px;
}

#header a h1{
text-align:left;
font-family:"Times New Roman", Times, serif;
font-size:33px;
padding-top:5px;
margin-bottom:-8px;
color:#FFFFFF;
font-variant:normal;
padding-left:10px;
text-decoration:none;
border-bottom:none;
}

#header h2{
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:inherit;
font-variant:normal;
padding-right:5px;
color:#FFFFFF;
border:none;
margin:8px 0px 0px 0px;
}

	/* Page Banners */
	
	#pagebanner h1{
	color:#FFFFFF;
	font-size:42px;
	padding-top:74px;
	text-transform:uppercase;
	letter-spacing:7px;
	font-weight:bold;
	padding-left:10px;
	}
	.trumpet{
	background-image:url(../images/headers/header_trumpet.jpg);
	height:98px;
	width:517px;
	border-right:1px solid #FFFFFF;
	}
	
	.cornet{
	background-image:url(../images/headers/header_cornet.jpg);
	height:98px;
	width:517px;
	border-right:1px solid #FFFFFF;
	}
	
	.trombone{
	background-image:url(../images/headers/header_trombone.jpg);
	height:98px;
	width:517px;
	border-right:1px solid #FFFFFF;
	}
	
	.euphonium{
	background-image:url(../images/headers/header_euphonium.jpg);
	height:98px;
	width:517px;
	border-right:1px solid #FFFFFF;
	}
	
	.sousaphone{
	background-image:url(../images/headers/header_sousaphone.jpg);
	height:98px;
	width:517px;
	border-right:1px solid #FFFFFF;
	}
	
	.tenors_and_baritones{
	background-image:url(../images/headers/header_tenor_and_baritone.jpg);
	height:98px;
	width:517px;
	border-right:1px solid #FFFFFF;
	}
	
	.tuba{
	background-image:url(../images/headers/header_tuba.jpg);
	height:98px;
	width:517px;
	border-right:1px solid #FFFFFF;
	}
	
	.home{
	background-image:url(../images/headers/header_background.jpg);
	height:98px;
	width:517px;
	border-right:1px solid #FFFFFF;
	}

/********************* Navigation *********************/

#navigation{
width:245px;
height:100%;
}

#menu{
clear:left;
float:right;
list-style:none;
background-color: #65B176;
z-index:0;
}

#menu #navigation a {
text-decoration:none;
}

#menu #navigation ul li{
list-style:none;
}

	/********************* Buttons *********************/

	#menu #navigation ul li .buttonhome{
	width:245px;
	height:41px;
	list-style:none;
	text-align:right;
	background-image:url(../images/button_background_home.jpg);
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-size:14px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-left:-30px;
	display:block;
	}
	
		#menu #navigation ul li .buttonhome:hover{
		text-decoration:none;
		background-position: -245px 0;
		}
		
	#menu #navigation ul li .buttoninformation{
	width:245px;
	height:41px;
	list-style:none;
	text-align:right;
	background-image:url(../images/button_background_information.jpg);
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-size:14px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-left:-30px;
	display:block;
	}
	
		#menu #navigation ul li .buttoninformation:hover{
		text-decoration:none;
		background-position: -245px 0;
		}
		
		#menu #navigation ul li .buttoncontact{
	width:245px;
	height:41px;
	list-style:none;
	text-align:right;
	background-image:url(../images/button_background_contact.jpg);
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-size:14px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-left:-30px;
	display:block;
	}
	
		#menu #navigation ul li .buttoncontact:hover{
		text-decoration:none;
		background-position: -245px 0;
		}
	
	#menu #navigation ul li .buttontrumpet{
	width:245px;
	height:41px;
	list-style:none;
	text-align:right;
	background: url(../images/button_background_trumpet.jpg) 0 0 no-repeat;
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-size:14px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-left:-30px;
	display:block;
	}
	
		#menu #navigation ul li .buttontrumpet:hover{
		text-decoration:none;
		background-position: -245px 0;
		}
		
		
	#menu #navigation ul li .buttoncornet{
	width:245px;
	height:41px;
	list-style:none;
	text-align:right;
	background: url(../images/button_background_cornet.jpg) 0 0 no-repeat;
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-size:14px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-left:-30px;
	display:block;
	}
	
		#menu #navigation ul li .buttoncornet:hover{
		text-decoration:none;
		background-position: -245px 0;
		}
		
	#menu #navigation ul li .buttontrombone{
	height:41px;
	list-style:none;
	text-align:right;
	background: url(../images/button_background_trombone.jpg) 0 0 no-repeat;
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-size:14px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-left:-30px;
	display:block;
	}
	
		#menu #navigation ul li .buttontrombone:hover{
		text-decoration:none;
		background-position: -245px 0;
		}
		
	#menu #navigation ul li .buttoneuponium{
	width:245px;
	height:41px;
	list-style:none;
	text-align:right;
	background: url(../images/button_background_euphonium.jpg) 0 0 no-repeat;
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-size:14px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-left:-30px;
	display:block;
	}
	
		#menu #navigation ul li .buttoneuponium:hover{
		text-decoration:none;
		background-position: -245px 0;
		}
		
	#menu #navigation ul li .buttontuba{
	width:245px;
	height:41px;
	list-style:none;
	text-align:right;
	background: url(../images/button_background_tuba.jpg) 0 0 no-repeat;
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-size:14px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-left:-30px;
	display:block;
	}
	
		#menu #navigation ul li .buttontuba:hover{
		text-decoration:none;
		background-position: -245px 0;
		}
		
	#menu #navigation ul li .buttonsousaphone{
	width:245px;
	height:41px;
	list-style:none;
	text-align:right;
	background: url(../images/button_background_sousaphone.jpg) 0 0 no-repeat;
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-size:14px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-left:-30px;
	display:block;
	}
	
		#menu #navigation ul li .buttonsousaphone:hover{
		text-decoration:none;
		background-position: -245px 0;
		}

	#menu #navigation ul li .buttontenorhorn{
	width:245px;
	height:41px;
	list-style:none;
	text-align:right;
	background: url(../images/button_background_tenorhorn.jpg) 0 0 no-repeat;
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-size:14px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-left:-30px;
	display:block;
	}
	
		#menu #navigation ul li .buttontenorhorn:hover{
		text-decoration:none;
		background-position: -245px 0;
		}
		

	#menu #navigation ul li .buttonaccessories{
	width:245px;
	height:41px;
	list-style:none;
	text-align:right;
	background: url(../images/button_background_accessories.jpg) 0 0 no-repeat;
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-size:14px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-left:-30px;
	display:block;
	}
	
		#menu #navigation ul li .buttonaccessories:hover{
		text-decoration:none;
		background-position: -245px 0;
		}
	
	
	#menu #navigation ul li .buttonbrochure{
	width:245px;
	height:41px;
	list-style:none;
	text-align:right;
	background: url(../images/button_background_brochure.jpg) 0 0 no-repeat;
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-size:14px;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-left:-30px;
	display:block;
	}
	
		#menu #navigation ul li .buttonbrochure:hover{
		text-decoration:none;
		background-position: -245px 0;
		}
		

/********************* TYPOGRAPHY *********************/


	/********************* Headings *********************/
	
	h1 {
	color:#333333;
	font-size:2em;
	margin-top:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:500;
	font-variant:small-caps;
	}
	
	h2, #content h2 a, #content h2 a:hover {
	color:#333333;
	font-size:19px;
	margin:20px 0px 10px 0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:500;
	font-variant:small-caps;
	border-bottom:1px solid #333333;
	text-decoration:none;
	}
	
	h3, #content h3 a, #content h3 a:hover {
	color:#999999;
	font-size:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-variant:small-caps;
	font-stretch:expanded;
	text-decoration:none;
	}

	/********************* Text Styles *********************/
	
	body{
	background-color:#C9CCC0;
	}
	
	p {
	margin:10px;
	}
	
	#content .product {
	text-align:center;
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top:20px;
	margin-bottom:20px; 
	}
	
	ul {
	margin-left: 30px;
	}
	
	body, p, ul, li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:2em;
	}
	
	p a:hover, div p.caption:hover{
	text-decoration:underline;
	}
	
	#content a.backToTop {
	color:#333333;
	float:right;
	}
	
	.skipnav a {
	margin-left:-9999px!important;
	margin-left:5px;
	margin-top:10px;
	padding-top:10px;
	color:silver;
	text-decoration:none;
	border:none;
	color:#444;
	background:transparent;
	}
	
	.skipnav a:focus {
	padding:3px;
	background:#900;
	color:#fff;
	margin-left:-9999px!important; 
	}

/********************* Catalogue Page *********************/


div.thumbnail{
float:left;
padding:20px;

}

div.thumbnail img{
border:1px solid #999999;
display:inline;
}

div.thumbnail img:hover{
border:1px solid #333333;
}

div p.caption {
text-align:left;
margin-top:-5px;
margin-left:0px;
font-size:1.2em;
color:#333333;
}


/********************* Styles *********************/

.defaultStyle{
display:none;
}

.printStyle{
float:right;
clear:none;
}

.skipnav{
margin-left:-999px;
}

.hidden{
display:none;
}

a.pdf{
background:transparent url(../images/icon_pdf.gif) no-repeat scroll 100% 0pt;
padding:0px 20px 0px 0px;
}