@import url("busama.css");
/* BUSA Index (Home) Page */
body#index {
	background: #040409 url(images/gpi_000b.gif) no-repeat 50% 0; /* no-repeat 50% 0 */
	text-align: center;
	color: #5A5F73; /* blue text color */
	font-size: 65%; /* 10px size */
}
#wrapindex {
	width: 644px;
	margin: 0 auto;
}
#headeridx	{ /* Address, email header */
	height: 21px;
	float: left;
	padding-left: 23px;
	clear: left;
}
#navindex { /* Main 4 piano line navbar */
	height: 45px;
	float: left;
	margin-top: 12px;
	display: inline;
	clear: left;
}
#mainimgidx { /* main image slide show wrapper */
	height: 395px;
	float: left;
	display: inline;
	background-repeat: no-repeat;
	clear: left;
}
#linksidx { /* Footer International Links */
	width: 521px;
	height: 19px;
	float: left;
	display: inline;
	margin-top: 45px;
	text-align: right;
	clear: left;
}
#dsignidx { /* Website Designed by Wrapper */
	height: 21px;
	float: left;
	display: inline;
	margin-top: 25px;
	clear: left;
}
#copyidx { /* Copyright Privacy Line */
	height: 21px;
	width: 449px;
	float: left;
	display: inline;
	margin-top: .2em;
}
/* BUSA Pages */
body {
	background: #040409 url(images/pages_bg2b.gif) no-repeat 50% 0; /* #A5A08C, #5A5F73, #0b1127, #0d101f, #05060d, #040409 */
	text-align: center;
	font-size: 70%; /* 11px size */
}
#wrapper {
	width: 700px;
	margin: 0 auto;
}
#header	{ /* Address, email header*/
	height: 21px;
	float: left;
	padding-left: 51px;
	clear: left;
}
#navmain { /* Main 4 piano line navbar */
	height: 39px;
	display: inline;
	float: left;
	padding-left: 115px;
	clear: left;
}
#navsec { /* Secondary navbar */
	height: 16px;
	z-index: 50;
	float: left;
	padding-left: 5px;
	clear: left;
}
#dncpywrap { /* Copyright Designed Wrapper */
	height: 61px;
	width: 600px;
	float: left;
	display: inline;
	margin-left: 50px;
	clear: left;
	font-size: 90%; /* 10pt size */
}
#design { /* Website Designed by Wrapper */
	height: 21px;
	width: 483px;
	float: left;
	display: inline;
	margin-top: 40px;
}
#copy { /* Copyright Privacy Line */
	height: 21px;
	width: 405px;
	float: left;
	display: inline;
	margin-top: .3em;
	color: #5A5F73; /* blue text color */
}
#main { /* Body container for columns on models (4 column) & 2 column (history) pages */
	width: 700px;
	display: inline;
	float: left;
	text-align: left;
	margin-top: 19px;
	clear: left;
}
.lftcolumn, .rtcolumn { /* Containers for content & bars on model pages */
	top: 95px;
	width: 345px;
	overflow: hidden;
}
.lftcolumn {
	float: left;
}
.rtcolumn {
	float: right;
}
.lftcontent, .rtcontent, .lftcontentJL, .rtcontentJL, .lftcontentH, .rtcontentH, .lftcontentIRM, .rtcontentIRM { /* Content for models pages */
	width: 232px;
	float: left;
	padding-right: 1px;
	margin-right: -108px;
	border-right-width: 108px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.lftcontentJL, .rtcontentJL { /* Content for Julius Bluthner model page */
	width: 231px;
	padding-right: 10px;
	margin-right: -100px;
	border-right-width: 100px;
}
.rttcontentJL ul { margin-top: 20px; margin-left: 10px; list-style:none;}
.rtcontentJL ul li {float:left; list-style: none;}
.rtcontentJL ul li a {display: inline; float:left; margin-top: 1em; margin-left: 1.4em; list-style: none;}

.lftcontentH, .rtcontentH{ /* Content for Haessler model page */
	width: 230px;
	padding-right: 9px;
	margin-right: -101px;
	border-right-width: 101px;
}
.lftcontentIRM, .rtcontentIRM { /* Content for Irmler model pages */
	width: 195px;
	padding-right: 9px;
	padding-left: 36px;
	margin-right: -88px;
	border-right-width: 88px;
}
.rtcontentIRM { /* Content for Irmler model pages */
	padding-left: 10px;
}
.lftimgbar, .rtimgbar, .lftimgbarJL, .rtimgbarJL, .lftimgbarH, .rtimgbarH, .lftimgbarIRM, .rtimgbarIRM { /* White image bars for models pages */
	float: left;
	width: 108px;
	background-position: center;
	text-align: center;
	background-color: #FFFFFF;
}
.lftimgbarH, .rtimgbarH { /* White image bars for Haessler page */
	width: 101px;
}
.lftimgbarJL, .rtimgbarJL { /* White image bars for Julius Bluthner page */
	width: 100px;
}
.lftimgbarIRM, .rtimgbarIRM { /* White image bars for Irmler model pages */
	width: 88px;
}
.lft2column, .rt2column { /* Content for 2 column pages pages */
	top: 95px;
	width: 342px;
	overflow: hidden;
}
.lft2column {
	float: left;
}
.rt2column {
	float: right;
}
/* Sub Models Pages */
#wrappersub {
	width: 720px;
	margin: 0 auto;
}
#mainsub { /* Body container for sub models pages */
	width: 720px;
	display: inline;
	float: left;
	text-align: left;
	margin-top: 19px;
	clear: left;
}
div.modelsub {
	margin: 0;
	padding: 10px;
	position: relative;
	background-color: #FFFFFF; /* White background for sub model pages */
	top: auto;
	width: auto;
	height: auto;
	float: right;
	right: auto;
	bottom: auto;
}
#news { /* Body container for news page */
	width: 699px;
	display: inline;
	float: left;
	text-align: left;
	margin-top: 19px;
	clear: left;
	font-size: 90%; /* 10px size */
}
/* Single Column Pages (privacy policy) */
#onecolumn {
	width: 500px;
	display: inline;
	float: left;
	text-align: left;
	margin-top: 19px;
	margin-left: 90px;
	clear: left;
}
#dncpywrapcm { /* Copyright Designed Wrapper */
	height: 61px;
	width: 600px;
	float: left;
	display: inline;
	margin-left: 10px;
	clear: left;
	font-size: 90%; /* 10pt size */
}
/* Text Styles */
h1, h2, h3 {
	font-size: 95%; /* 11px size */
	font-weight: bold;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
h1 {
	font-size: 90%; /* 10px size */
	text-transform: uppercase; /* Make h1's uppercase */
}
h3 {
	font-style: italic; 
}
h4 {
	font-family:Geneva, Arial, Helvetica, sans-serif ; 
	font-size: 150%; 
	font-style: italic; 
	color: #ffffff; 
	text-decoration: none
}
h5 {
	font-size: 90%; /* 10px size*/
	font-style: italic;
}
a:link, a:visited {
	border: none;
	color: #5A5F73; /* blue hyperlink color */
}
a:hover {
	font-size: 100%; /* 11px size */
	color: #FFFFFF; /* white hover color */
}
a.models:link, a.models:visited {
	color: #000000; /* hyperlinks stay black on the models pages */
	text-decoration: none; /* hyperlinks not underlined on the models pages */
	font-weight: bold;
}
a.models:hover {
	color: #FFFFFF; /* white hover color */
	font-weight: bold;
}
a.modelsub:link, a.modelsub:visited {
	border: none;
	color: #5A5F73; /* blue hyperlink color */
}
a.modelsub:hover {
	font-size: 100%; /* 11px size */
	color: #2C3D81; /* blue hover color on sub model pages (pages with white background) */
}

/* CSS Index Page Navigation Menu  */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image-dropdown-v3.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menuHolderIdx {width:642px; height:45px; position:relative;}
#menuHolderIdx ul {padding:0; margin:0; list-style:none;}
#menuHolderIdx table {border-collapse:collapse; margin:-1px -10px;}
#menuHolderIdx ul ul {position:absolute; left:-9999px;}
#menuHolderIdx ul div {position:absolute; left:-9999px;}

#menuHolderIdx ul li a b {position:absolute; left:-9999px;}
/* pre-load hover images */
#menuHolderIdx ul li a b.bluthner {background:url(images/gpi_004.gif);}
#menuHolderIdx ul li a b.haessler {background:url(images/gpi_005.gif);}
#menuHolderIdx ul li a b.irmler {background:url(images/gpi_006.gif);}
#menuHolderIdx ul li a b.breitmann {background:url(images/gpi_007.gif);}

#menuHolderIdx ul li {float:left;}
#menuHolderIdx ul li a {display:block; float:left; height:45px;}
#menuHolderIdx ul li a i {display:block; height:45px; cursor:pointer;}

#menuHolderIdx ul li a i#bluthner {background:url(images/gpi_004g.gif); width:166px;}
#menuHolderIdx ul li a i#haessler {background:url(images/gpi_005g.gif); width:155px;}
#menuHolderIdx ul li a i#irmler {background:url(images/gpi_006g.gif); width:138px;}
#menuHolderIdx ul li a i#breitmann {background:url(images/gpi_007g.gif); width:183px;}

#menuHolderIdx ul li:hover a i#bluthner {background:url(images/gpi_004.gif);}
#menuHolderIdx ul li:hover a i#haessler {background:url(images/gpi_005.gif);}
#menuHolderIdx ul li:hover a i#irmler {background:url(images/gpi_006.gif);}
#menuHolderIdx ul li:hover a i#breitmann {background:url(images/gpi_007.gif);}

#menuHolderIdx ul li:hover {position:relative;}
#menuHolderIdx ul li a:hover {position:relative;}

#menuHolderIdx ul :hover ul {left:0; top:34px; padding:8px 0 0 8px;}
#menuHolderIdx ul :hover div {left:0; top:34px;}

#menuHolderIdx ul li ul li a {height:16px;}
#menuHolderIdx ul li ul li a i {display:block; height:16px; overflow:hidden;}

/* CSS All Other Pages Navigation Menu  */

#menuHolder {width:463px; height:39px; position:relative;}
#menuHolder ul {padding:0; margin:0; list-style:none;}
#menuHolder table {border-collapse:collapse; margin:-1px -10px;}
#menuHolder ul ul {position:absolute; left:-9999px;}
#menuHolder ul div {position:absolute; left:-9999px;}

#menuHolder ul li a b {position:absolute; left:-9999px;}
/* pre-load hover images */
#menuHolder ul li a b.bluthner {background:url(images/pages_blu_on.gif);}
#menuHolder ul li a b.haessler {background:url(images/pages_hae_on.gif);}
#menuHolder ul li a b.irmler {background:url(images/pages_irm_on.gif);}
#menuHolder ul li a b.breitmann {background:url(images/pages_bre_on.gif);}

#menuHolder ul li {float:left;}
#menuHolder ul li a {display:block; float:left; height:39px;}
#menuHolder ul li a i {display:block; height:39px; cursor:pointer;}

#menuHolder ul li a i#bluthner {background:url(images/pages_blu.gif); width:119px;}
#menuHolder ul li a i#haessler {background:url(images/pages_hae.gif); width:113px;}
#menuHolder ul li a i#irmler {background:url(images/pages_irm.gif); width:97px;}
#menuHolder ul li a i#breitmann {background:url(images/pages_bre.gif); width:134px;}

#menuHolder ul li:hover a i#bluthner {background:url(images/pages_blu_on.gif);}
#menuHolder ul li:hover a i#haessler {background:url(images/pages_hae_on.gif);}
#menuHolder ul li:hover a i#irmler {background:url(images/pages_irm_on.gif);}
#menuHolder ul li:hover a i#breitmann {background:url(images/pages_bre_on.gif);}

#menuHolder ul li:hover {position:relative;}
#menuHolder ul li a:hover {position:relative;}

#menuHolder ul :hover ul {left:0; top:34px; padding:8px 0 0 8px;}
#menuHolder ul :hover div {left:0; top:34px;}

#menuHolder ul li ul li a {height:16px;}
#menuHolder ul li ul li a i {display:block; height:16px; overflow:hidden;}

/* CSS Email Header All Pages Navigation Menu  */

#menuHolderEma {width:604px; height:21px; position:relative;}
#menuHolderEma ul {padding:0; margin:0; list-style:none;}
#menuHolderEma table {border-collapse:collapse; margin:-1px -10px;}
#menuHolderEma ul ul {position:absolute; left:-9999px;}
#menuHolderEma ul div {position:absolute; left:-9999px;}

#menuHolderEma ul li a b {position:absolute; left:-9999px;}
/* pre-load hover images */
#menuHolderEma ul li a b.email {background:url(images/gpi_002_on.gif);}

#menuHolderEma ul li {float:left;}
#menuHolderEma ul li a {display:block; float:left; height:21px;}
#menuHolderEma ul li a i {display:block; height:21px; cursor:pointer;}

#menuHolderEma ul li a i#email {background:url(images/gpi_002.gif); width:147px;}

#menuHolderEma ul li:hover a i#email {background:url(images/gpi_002_on.gif);}

#menuHolderEma ul li:hover {position:relative;}
#menuHolderEma ul li a:hover {position:relative;}

#menuHolderEma ul :hover ul {left:0; top:34px; padding:8px 0 0 8px;}
#menuHolderEma ul :hover div {left:0; top:34px;}

#menuHolderEma ul li ul li a {height:16px;}
#menuHolderEma ul li ul li a i {display:block; height:16px; overflow:hidden;}

/* CSS Design By Index Page Navigation Menu  */

#menuHolderDIdx {width:582px; height:21px; position:relative;}
#menuHolderDIdx ul {padding:0; margin:0; list-style:none;}
#menuHolderDIdx table {border-collapse:collapse; margin:-1px -10px;}
#menuHolderDIdx ul ul {position:absolute; left:-9999px;}
#menuHolderDIdx ul div {position:absolute; left:-9999px;}

#menuHolderDIdx ul li a b {position:absolute; left:-9999px;}
/* pre-load hover images */
#menuHolderDIdx ul li a b.designby {background:url(images/gpi_017.gif);}

#menuHolderDIdx ul li {float:left;}
#menuHolderDIdx ul li a {display:block; float:left; height:21px;}
#menuHolderDIdx ul li a i {display:block; height:21px; cursor:pointer;}

#menuHolderDIdx ul li a i#designby {background:url(images/gpi_017_on.gif); width:28px;}

#menuHolderDIdx ul li:hover a i#designby {background:url(images/gpi_017.gif);}

#menuHolderDIdx ul li:hover {position:relative;}
#menuHolderDIdx ul li a:hover {position:relative;}

#menuHolderDIdx ul :hover ul {left:0; top:34px; padding:8px 0 0 8px;}
#menuHolderDIdx ul :hover div {left:0; top:34px;}

#menuHolderDIdx ul li ul li a {height:21px;}
#menuHolderDIdx ul li ul li a i {display:block; height:21px; overflow:hidden;}

/* CSS Design By All Other Pages Navigation Menu  */

#menuHolderDes {width:483px; height:21px; position:relative;}
#menuHolderDes ul {padding:0; margin:0; list-style:none;}
#menuHolderDes table {border-collapse:collapse; margin:-1px -10px;}
#menuHolderDes ul ul {position:absolute; left:-9999px;}
#menuHolderDes ul div {position:absolute; left:-9999px;}

#menuHolderDes ul li a b {position:absolute; left:-9999px;}
/* pre-load hover images */
#menuHolderDes ul li a b.designby {background:url(images/gpi_017.gif);}

#menuHolderDes ul li {float:left;}
#menuHolderDes ul li a {display:block; float:left; height:21px;}
#menuHolderDes ul li a i {display:block; height:21px; cursor:pointer;}

#menuHolderDes ul li a i#designby {background:url(images/gpi_017_on.gif); width:28px;}

#menuHolderDes ul li:hover a i#designby {background:url(images/gpi_017.gif);}

#menuHolderDes ul li:hover {position:relative;}
#menuHolderDes ul li a:hover {position:relative;}

#menuHolderDes ul :hover ul {left:0; top:34px; padding:8px 0 0 8px;}
#menuHolderDes ul :hover div {left:0; top:34px;}

#menuHolderDes ul li ul li a {height:21px;}
#menuHolderDes ul li ul li a i {display:block; height:21px; overflow:hidden;}

/*Pure CSS Image Gallery */
#gallery{
	margin-top:255px;
	width:300px;
	position:relative;
	}			
#gallery .default {
	position:absolute;
	top:-240px;
	left:0;
	z-index: -1;
	}
#gallery ul{
	float:left;
	list-style:none; 
	padding:0;
	margin:0;
	width:300px;
	height:114px;
}
#gallery li{
	float:left;
	display:inline;
	height:38px;
	width:50px;
	}
#gallery a span{
	display:none;
	}
#gallery a:hover{
	background:none;
	z-index:100;
	}	
#gallery a:hover span{
	position:absolute;
	width:300px;
	height:240px;
	top:-240px;
	left:0;
	display:block;
	z-index:10;
	} 
#gallery a:active span {
	display:block; 
	position:absolute; 
	left:0; 
	top:-240px; 
	z-index:5; 
	height:240px;
	}
#gallery a:focus {
	outline:0;
	}
#gallery a:focus span {
	display:block;
	position:absolute; 
	left:0; 
	top:-240px; 
	z-index:5; 
	outline:0; 
	height:240px;
	}
[if lte IE 7]>
#gallery .default {top:-238px;}
<![endif]

/* image pop-ups */ 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #A5A08C;
padding: 5px;
visibility: hidden;
color: black;
text-decoration: none;
top: -500px;
left: -1000px;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
z-index: 50;
top: 182px;
left: 220px; /*position where enlarged image should offset horizontally */
}

/* image pop-ups - thumbnail news page*/
.thumbnailgld{
position: relative;
z-index: 0;
}
.thumbnailgld:hover{
background-color: transparent;
z-index: 50;
}
.thumbnailgld span{ /*CSS for enlarged image*/
position: absolute;
background-color: #A5A08C;
padding: 5px;
visibility: hidden;
color: black;
text-decoration: none;
top: -500px;
left: -1000px;
}
.thumbnailgld span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnailgld:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
z-index: 50;
top: -515px;
left: -130px; /*position where enlarged image should offset horizontally */
}