/*
	Yamaha Pro Custom Sax
	Bob Twells | www.the-bridge.co.uk | August 2008
	(c) The Bridge
*/

/*
*/

/* -- Basic styles -- */

body {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	color: #333;
	margin: 0px;
	padding: 0px;
	background: url(../../images/body_bg.jpg) top center no-repeat;
}

a, a:hover, a:visited, a:active {
	color: #9d4a32;
	text-decoration: underline;
}

a.morelink {
	color: #d6a104;
	text-decoration: none;
	text-transform: uppercase;
	font-style: italic;
}

a.morelink:hover {
	text-decoration: underline;
}

a span {
	display: none;
	border-right:1px solid black;
}

p {
	margin: 0px 0px 1.2em 0px;
	padding: 0px;
}

p.lead {
	font-size: 110%;
	line-height: 120%;
}

p.extramargin {
	margin: 0px 0px 2em 0px;
}

p.note {
	font-size: 90% !important;
	color: #808080 !important;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
}

hr {
	display: none;
}

hr.show {
	clear: both;
	display: block;
	height: 1px;
	margin: 10px 0px 10px 0px;
	border-top: 0px none;
	border-right: 0px none;
	border-left: 0px none;
	border-bottom: 1px solid #c9c9c9;
}

div.clear {
	display: block;
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

.clear {
	clear: both;
}

img {
	margin: 0px;
}

img.right {
	margin: 0px 0px 10px 10px;
	clear: right;
}

img.left {
	margin: 0px 10px 10px 0px;
	clear: left;
}

table {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

tr {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

td, th {
	padding: 2px 5px 2px 5px;
	vertical-align: top;
}

.hide {
	display: none;
}

/* -- Main containers -- */

#container {
	width: 998px;
	padding: 0px 0px 20px 0px;
	margin: 0px auto 10px auto;
	text-align: left;
	position: relative;
	background: url(../../images/main_bg.jpg) top center no-repeat;
}

#news #container {
	background: url(../../images/soprano_main_bg.jpg) top center no-repeat;
}

#artists #container {
	background: url(../../images/artists_main_bg.jpg) top center no-repeat;
}

#models #container {
	background: url(../../images/models_main_bg.jpg) top center no-repeat;
}

#soprano #container {
	background: url(../../images/soprano_main_bg.jpg) top center no-repeat;
}

#alto #container {
	background: url(../../images/alto_main_bg.jpg) top center no-repeat;
}

#tenor #container {
	background: url(../../images/tenor_main_bg.jpg) top center no-repeat;
}

#baritone #container {
	background: url(../../images/baritone_main_bg.jpg) top center no-repeat;
}

#heritage #container {
	background: url(../../images/heritage_main_bg.jpg) top center no-repeat;
}

#dealers #container {
	background: url(../../images/dealers_main_bg.jpg) top center no-repeat;
}

#video #container {
	background: url(../../images/alto_main_bg.jpg) top center no-repeat;
}

#events #container {
	background: url(../../images/alto_main_bg.jpg) top center no-repeat;
}

#gallery #container {
	background: url(../../images/alto_main_bg.jpg) top center no-repeat;
}

#brochure #container {
	background: url(../../images/baritone_main_bg.jpg) top center no-repeat;
}

#containerinner {
	padding: 0px 20px 0px 20px;
	margin: 0px;
	height: 801px;
}

div[class] .containerinner { /* Min Height Hack */
   height: auto;
}


/* -- Header -- */

#logo {
	position: absolute;
	top: 22px;
	left: 679px;
	width: 265px;
	height:119px;
	background: url(../../en/images/procustom_logo.jpg) top left no-repeat;
}

#logo a {
	display: block;
	width: 265px;
	height:119px;
}

#logo a span {
	display: none;
}

#nav {
	position: absolute;
}

#nav span {
	display: none;
}

#nav a {
	display: block;
	float: left;
	height: 20px;
}

/* Widths defined in language CSS file */
#navnews {
	background: url(../../en/images/nav_news.gif) top left no-repeat;
	border-right: 1px solid #000000;
}

#navnews:hover, #navnews.selected {
	background: url(../../en/images/nav_news_on.gif) top left no-repeat;
	border-right: 1px solid #000000;	
}

#navartists {
	background: url(../../en/images/nav_artists.gif) top left no-repeat;
	border-right: 1px solid #000000;
}

#navartists:hover, #navartists.selected {
	background: url(../../en/images/nav_artists_on.gif) top left no-repeat;
	border-right: 1px solid #000000;	
}

#navheritage {
	background: url(../../en/images/nav_heritage.gif) top left no-repeat;
	border-right: 1px solid #000000;	
}

#navheritage:hover, #navheritage.selected {
	background: url(../../en/images/nav_heritage_on.gif) top left no-repeat;
	border-right: 1px solid #000000;	
}

#navmodels {
	background: url(../../en/images/nav_models.gif) top left no-repeat;
	border-right: 1px solid #000000;	
}

#navmodels:hover, #navmodels.selected {
	background: url(../../en/images/nav_models_on.gif) top left no-repeat;
	border-right: 1px solid #000000;	
}

#navvideo {
	background: url(../../en/images/nav_video.gif) top left no-repeat;
	border-right: 1px solid #000000;	
}

#navvideo:hover, #navvideo.selected {
	background: url(../../en/images/nav_video_on.gif) top left no-repeat;
	border-right: 1px solid #000000;	
}

#navdealers {
	background: url(../../en/images/nav_dealers.gif) top left no-repeat;
	border-right: 1px solid #000000;
}

#navdealers:hover, #navdealers.selected {
	background: url(../../en/images/nav_dealers_on.gif) top left no-repeat;
	border-right: 1px solid #000000;	
}

#navbrochure {
	background: url(../../en/images/nav_brochure.gif) top left no-repeat;
}

#navbrochure:hover, #navbrochure.selected {
	background: url(../../en/images/nav_brochure_on.gif) top left no-repeat;
}

#navevents {
	background: url(../../en/images/nav_events.gif) top left no-repeat;
	border-right: 1px solid #000000;	
}

#navevents:hover, #navevents.selected {
	background: url(../../en/images/nav_events_on.gif) top left no-repeat;
	border-right: 1px solid #000000;	
}

#navgallery {
	background: url(../../en/images/nav_gallery.gif) top left no-repeat;
}

#navgallery:hover, #navgallery.selected {
	background: url(../../en/images/nav_gallery_on.gif) top left no-repeat;
}

#download_brochure {
	display: block;
	width: 222px;
	height: 26px;
	position: absolute;
	top: 763px;
	left: 560px;
	background: url(../../images/download_brochure.gif) top left no-repeat;
	z-index: 1000;
}

/* -- Headings -- */

h2 {
	display: block;
	width: 275px;
	height: 80px;
	border: 0px none;
	padding: 0px;
	margin: 0px;
}

h2 a {
	display: block;
	width: 275px;
	height: 80px;
	padding: 0px;
	margin: 0px;	
}

h2 span {
	display: none;
}

h2#h2welcome {
	background: url(../../en/images/title_welcome.gif) top left no-repeat;
}

h2#h2newsandevents {
	background: url(../../en/images/title_newsandevents.gif) top left no-repeat;
}

h2#h2artists {
	background: url(../../en/images/title_artists.gif) top left no-repeat;
}

h2#h2heritage {
	background: url(../../en/images/title_heritage.gif) top left no-repeat;
}

h2#h2models {
	height: 61px;
	position: absolute;
	top: 152px;
	left: 58px;
	background: url(../../en/images/title_models.gif) top left no-repeat;
}

h2#h2soprano {
	background: url(../../en/images/title_soprano.gif) top left no-repeat;
}

h2#h2alto {
	background: url(../../en/images/title_alto.gif) top left no-repeat;
}

h2#h2tenor {
	background: url(../../en/images/title_tenor.gif) top left no-repeat;
}

h2#h2baritone {
	background: url(../../en/images/title_baritone.gif) top left no-repeat;
}

h2#h2video {
	background: url(../../en/images/title_videos.gif) top left no-repeat;
}

h2#h2dealers {
	background: url(../../en/images/title_dealers.gif) top left no-repeat;
}

h2#h2brochure {
	background: url(../../en/images/title_brochure.gif) top left no-repeat;
}

body#gallery h2 { 
	background: url(../../en/images/title_gallery.gif) top left no-repeat;
}

h3 {
	color: #000;
	font-size: 1.6em;
	line-height: 1.3em;
	margin: 0px 0px 0.5em 0px;
	font-weight: bold;
}

h3 a, h3 a:hover {
	color: #000;
	text-decoration: none;
}

#contentbox h3 {
	color: #000;
	font-size: 1.6em;
	line-height: 1.3em;
	margin: 0px 0px 0.2em 0px;
	font-weight: normal;
}

h4 {
	color: #9d4a32;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0px 0px 0.3em 0px;
	font-weight: bold;
}

h4 a, h4 a:hover {
	color: #9d4a32;
	text-decoration: none;
}


/* -- Content -- */

#contentbox {
	position: absolute;
	width: 325px;
	height: 577px;
	top: 156px;
	left: 61px;
	border: 1px solid #c9c9c9;
	background: url(../../images/home_content_bg.gif) top left repeat-x #ffffff;
}

#contentbox.wide {
	width: 550px;
}

#contentboxinner {
	padding: 10px 10px 0px 10px;
	margin: 0px;
}

#contentscroll {
	margin: 0px;
	padding: 0px;
	height: 477px;
	overflow: auto;
	overflow-x: visible;
	overflow-y: scroll;
	position:relative;
	background: #ebebeb;
	border: 1px solid #c9c9c9;
}

#contentscroll.noscroll {
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

#contentscroll.short {
	height: 440px;
}

#contentscrollinner {
	padding: 8px;
	margin: 0px;
}

#contentscroll.short #contentscrollinner {
	padding: 15px 8px 8px 8px;
	margin: 0px;
}

#maincontent {
	position: absolute;
	width: 520px;
	height: 470px;
	top: 220px;
	left: 415px;
	border: 1px solid #c9c9c9;
	background: url(../../images/home_content_bg.gif) top left repeat-x #ffffff;
}

#maincontentinner {
	padding: 0px;
	margin: 10px;
}

#maincontentscroll {
	margin: 0px;
	padding: 0px;
	height: 450px;
	overflow: auto;
	overflow-x: visible;
	overflow-y: scroll;
	position:relative;
	background: #ebebeb;
	border: 1px solid #c9c9c9;
}

#maincontentscroll.noscroll {
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

#maincontentscroll.video {
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

#maincontentscrollinner {
	padding: 10px;
	margin: 0px;
	background: #ebebeb;
}

#maincontentscroll.video #maincontentscrollinner {
	padding: 8px 10px 0px 20px;
	margin: 0px;
	background: #ebebeb;
}


/* -- List Articles -- */

div.article {
	clear: both;
	padding: 10px 0px 10px 0px;
}

div.article h4, div.article p {
	padding-left: 90px;
	margin: 0px 0px 0.3em 0px;
}

div.middle h4 {
	padding-top: 0px;
}

div.article h4 a, div.article h4 a:hover {
	text-decoration: underline;
}

/* -- Models -- */

a#sopranolink {
	display: block;
	position: absolute;
	top: 213px;
	left: 20px;
	width: 240px;
	height: 494px;
	background: url(../../images/soprano_thumb.jpg) top left no-repeat;
}

a:hover#sopranolink {
	background: url(../../images/soprano_over.jpg) top left no-repeat;
}

a#altolink {
	display: block;
	position: absolute;
	top: 213px;
	left: 260px;
	width: 239px;
	height: 494px;
	background: url(../../images/alto_thumb.jpg) top left no-repeat;
}

a:hover#altolink {
	background: url(../../images/alto_over.jpg) top left no-repeat;
}

a#tenorlink {
	display: block;
	position: absolute;
	top: 213px;
	left: 499px;
	width: 239px;
	height: 494px;
	background: url(../../images/tenor_thumb.jpg) top left no-repeat;
}

a:hover#tenorlink {
	background: url(../../images/tenor_over.jpg) top left no-repeat;
}

a#baritonelink {
	display: block;
	position: absolute;
	top: 213px;
	left: 738px;
	width: 240px;
	height: 494px;
	background: url(../../images/baritone_thumb.jpg) top left no-repeat;
}

a:hover#baritonelink {
	background: url(../../images/baritone_over.jpg) top left no-repeat;
}

a#sopranolink div, a#altolink div, a#tenorlink div, a#baritonelink div {
	display: block;
	position: absolute;
	top: 39px;
	left: 0px;
	width: 240px;
	height: 13px;
}

a#sopranolink div {
	background: url(../../en/images/text_soprano.gif) top center no-repeat;
}

a:hover#sopranolink div {
	background: url(../../en/images/text_soprano_on.gif) top center no-repeat;
}

a#altolink div {
	background: url(../../en/images/text_alto.gif) top center no-repeat;
}

a:hover#altolink div {
	background: url(../../en/images/text_alto_on.gif) top center no-repeat;
}

a#tenorlink div {
	background: url(../../en/images/text_tenor.gif) top center no-repeat;
}

a:hover#tenorlink div {
	background: url(../../en/images/text_tenor_on.gif) top center no-repeat;
}

a#baritonelink div {
	background: url(../../en/images/text_baritone.gif) top center no-repeat;
}

a:hover#baritonelink div {
	background: url(../../en/images/text_baritone_on.gif) top center no-repeat;
}

a#sopranolink div span, a#altolink div span, a#tenorlink div span, a#baritonelink div span {
	display: none;
}

table.finishes {
	margin: 5px 0px 10px 0px;
	padding: 0px;
}

table.finishes td {
	width: 99px;
	text-align: center;
}

table.finishes td img {
	margin: 0px 0px 5px 0px;
}

#modelnav {
	padding: 0px;
	margin: 0px;
}

#modelnavinner {
	padding: 0px;
	margin: 0px;
}

#modelnavinner span {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	background: url(../../images/text_separator.gif) top left no-repeat;
	text-indent: -5000px;
}

a#textsoprano {
	display: block;
	float: left;
	height: 14px;
	background: url(../../en/images/text_soprano.gif) top center no-repeat;
}

a:hover#textsoprano, a#textsoprano.selected {
	background: url(../../en/images/text_soprano_on.gif) top center no-repeat;
}

a#textalto {
	display: block;
	float: left;
	height: 14px;
	background: url(../../en/images/text_alto.gif) top center no-repeat;
}

a:hover#textalto, a#textalto.selected {
	background: url(../../en/images/text_alto_on.gif) top center no-repeat;
}

a#texttenor {
	display: block;
	float: left;
	height: 14px;
	background: url(../../en/images/text_tenor.gif) top center no-repeat;
}

a:hover#texttenor, a#texttenor.selected {
	background: url(../../en/images/text_tenor_on.gif) top center no-repeat;
}

a#textbaritone {
	display: block;
	float: left;
	height: 14px;
	background: url(../../en/images/text_baritone.gif) top center no-repeat;
}

a:hover#textbaritone, a#textbaritone.selected {
	background: url(../../en/images/text_baritone_on.gif) top center no-repeat;
}

#textsoprano span, #textalto span, #texttenor span, #textbaritone span {
	display: none;
}

div.zoomer {
	display: none;
}

/* -- Dealers -- */

#dealermap {
	width: 469px;
	height: 428px;
	margin: 15px 0px 0px 20px;
	padding: 0px;
}

#dealermapinner {
	margin: 0px;
	padding: 0px;
	position: relative;
}

#maptitle {
	position: absolute;
	top: 8px;
	left: 10px;
	font-weight: bold;
}

#mapimg {
	position: absolute;
	top: 0px;
	left: 0px;
}


/* -- Footer -- */

#contact {
	display: block;
	width: 158px;
	height: 26px;
	position: absolute;
	top: 763px;
	left: 790px;
	background: url(../../en/images/contact.gif) top left no-repeat;
}

#trumpets {
	display: block;
	width: 158px;
	height: 26px;
	position: absolute;
	top: 763px;
	left: 396px;
	background: url(../../en/images/trumpets_button.gif) top left no-repeat;
}

#footer {
	position: absolute;
	width: 324px;
	height: 35px;
	top: 765px;
	left: 65px;
	text-align: left;
	color: #666;
	font-size: 0.9em;
}

#footer a {
	color: #666;
}

a.pdflink {
	background: url(../../images/pdficon.gif) no-repeat 0 4px;
	padding: 3px 0 3px 20px;
	height: 16px;
}


/** Events **/

#events table#calendar{
	border: 1px solid #999999;
	margin-bottom: 20px;
}

#events table#calendar th{
	background:#F2D06D none repeat scroll 0 0;
	border:medium none #F2D06D;
	padding:5px;
	text-align:center;
}

#events table#calendar tr{
}

#events table#calendar tr td{
	background:#FFFFFF none repeat scroll 0 0;
padding:10px;
text-align:center;
}

#events table#calendar tr td.has_events{
background:#FFE8A5 none repeat scroll 0 0;
font-weight:bold;
}

#events h4{
	padding-left: 5px;
	color:  #000000;
}

#events ul#event-list{
	list-style-type:none;
padding: 0 20px;
}
#events ul#event-list li{
	border-bottom: 1px solid #999999;
}

#events ul#event-list li h5{
	font-size:1.1em;
	line-height:1;
	margin-bottom:0;
	padding-bottom:0;
}

#events ul#event-list li{

}

#events ul#event-list li p.meta{
	font-size: 0.9em;
}

#events ul#event-list ul.event-details{
	padding-bottom: 10px;
}

#events ul#event-list ul.event-details li{
	border-bottom: 0;
}
	
body#events h2 { 
	background: url(../../en/images/title_events.gif) top left no-repeat;
}		

body#events table {
	width: 530px;
}


/** Gallery **/

#gallery .content {
	float: left;
}

#gallery .content h4 {
	width: 190px;
	margin-top: -80px;
}

#pagination {
	margin: auto auto;
	width: 150px;
}

#maincontentscroll h3 {
	margin: 10px;
}

#maincontentscroll img {
	margin-left: 10px;
}